@charset "UTF-8";




.geo_banner{position: relative;color: #fff;padding-top:40px;}
.geo_banner .imgbj{position: absolute;left: 0;width: 100%;height: 100%;top: 0;z-index: 1;}
.geo_banner .container-fluid{position: relative;z-index: 2;padding:126px 15px;overflow:hidden}
.geo_banner .tt .tt1{font-size: 90px;line-height: 100px;font-weight: bold;}
.geo_banner .tt .tt2{font-size: 30px;line-height: 40px;margin-top: 22px;}
.geo_banner .tt .tt3{display: flex;flex-wrap: wrap;max-width: 540px;gap: 12px;margin-top: 40px;}
.geo_banner .tt .tt3 span{display: block;font-size: 18px;color: #00ccff;border: 1px solid #00ccff;width: calc(50% - 10px);line-height: 26px;padding: 10px;text-align: center;border-radius: 88px;}
.geo_banner .img{width: 530px;position: absolute;right: 20%;top: 0;height: 100%;}
.geo_banner .img img:nth-child(1){position: absolute;left: 0;top: 85px;}
.geo_banner .img img:nth-child(2){position: absolute;left: 162px;top: 154px;}
.geo_banner .img img:nth-child(3){position: absolute;right: 88px;top: 94px;}
.geo_banner .img img:nth-child(4){position: absolute;right: 160px;top: 350px;}
.geo_banner .img img:nth-child(5){position: absolute;left: 60px;bottom: 80px;}
.geo_banner .img img:nth-child(6){position: absolute;right: 8px;bottom: 140px;}


.main88{padding-top: 77px;padding-block: 77px;}
.titletop{font-size: 48px;line-height: 58px;letter-spacing: 2px;text-align: center;color: #fff;}
.titletop span{display: block;font-size: 22px;line-height: 30px;opacity: .8;margin-top: 11px;}
.titletop b{padding-top: 11px;display: block;}

.geo1{color: #fff;}
.geo1 .box1{display: flex;gap: 24px;flex-wrap: wrap;justify-content: space-between;padding-top: 38px;}
.geo1 .box1 .list{background: rgba(255, 255, 255, .3);background: linear-gradient(to bottom, rgba(255, 255, 255, .3), transparent);border: 1px solid rgba(255, 255, 255, .5);padding: 35px 15px;text-align: center;flex: 1;border-radius: 8px;font-size: 24px;line-height: 32px;color: #fff;}
.geo1 .box1 .list img{display: block;height: 44px;margin: 0 auto 18px;}

.geo1 .box2{text-align: center;margin-top: 60px;background: rgba(255, 255, 255, .3);background: linear-gradient(to bottom, rgba(255, 255, 255, .3), transparent);padding: 70px 30px 50px;border-radius: 8px;}
.geo1 .box2 .tt1{font-size: 30px;opacity: .9;line-height: 40px;letter-spacing: 16px;margin-top: 8px;}
.geo1 .box2 .tt2{font-size: 18px;margin-top: 18px;}


.geo1 .box3{display: flex;gap: 24px;flex-wrap: wrap;justify-content: space-between;}
.geo1 .box3 .list{flex: 1;background: #0039C4;position: relative;padding: 28px 30px;border-radius: 8px;overflow: hidden;font-size: 16px;color: rgba(255, 255, 255, .8);}
.geo1 .box3 .list span{display: block;position: absolute;left: 0;top: 0;padding: 9px 8px;color: #fff;font-size: 16px;z-index: 2;line-height: 1;}
.geo1 .box3 .list:after{content: "";width: 0;height: 0;border-right: 58px solid transparent;border-top: 50px solid red;position: absolute;left: 0;top: 0;z-index: 1;}
.geo1 .box3 .list .tt{font-size: 24px;line-height: 32px;margin-bottom: 10px;color: #fff;}

.geo2 .box1{background: rgba(255, 255, 255, .06);display: flex;justify-content: space-between;color: #fff;border-radius: 8px;overflow: hidden;}
.geo2 .box1 .zuo{width: 50%;padding: 70px;display: flex;align-items: center;justify-content: center;}
.geo2 .box1 .you{width: 50%;padding: 70px 50px 70px 20px;}
.geo2 .box1 .you .titletop{text-align: left;}
.geo2 .box1 .you .tt1{font-size: 24px;margin-top: 8px;}
.geo2 .box1 .you .ttbox{padding-top: 20px;}
.geo2 .box1 .you .ttbox .div{margin-top:16px;position: relative;padding: 20px 24px;font-size: 24px;border-radius: 8px;overflow: hidden;}
.geo2 .box1 .you .ttbox .div:after{content: "";width: 100%;height: 100%;background: rgba(13, 94, 228, .4),;background: linear-gradient(to right, rgba(13, 94, 228, .4), transparent);position: absolute;left: 0;top: 0;z-index: 1;}
.geo2 .box1 .you .ttbox .div:before{content: "";width: 100%;height: 40%;background: #0a57fe;background: linear-gradient(to right, #0a57fe, #01e3ff);position: absolute;left: 0;top: 0;z-index: 2;transition: all .3s;opacity: 0;}
.geo2 .box1 .you .ttbox .div div{position: relative;z-index: 3;}
.geo2 .box1 .you .ttbox .div span{display: block;font-size: 18px;margin-top: 8px;}
.geo2 .box1 .you .ttbox .div.active:before{opacity: 1;height: 100%;}


.geo2 .box2 .top{display: flex;justify-content: space-between;gap: 16px;margin-top: 38px;padding-bottom: 22px;}
.geo2 .box2 .top .div1{background: #fff;border-radius: 8px;overflow: hidden;cursor: pointer;padding: 22px 15px;flex: 1;text-align: center;font-size:24px;line-height: 32px;color: #212121;display: flex;align-items: center;justify-content: center;position: relative;}
.geo2 .box2 .top .div1 span{display: block;width: 52px;height: 52px;background: #EEF3FD;margin-right: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 3;}
.geo2 .box2 .top .div1 span img{max-height: 50%;}
.geo2 .box2 .top .div1:after{content: "";width: 100%;height: 40%;background: #0a57fe;background: linear-gradient(to right, #0a57fe, #01e3ff);position: absolute;left: 0;top: 0;z-index: 1;transition: all .3s;opacity: 0;}
.geo2 .box2 .top .div1 div{position: relative;z-index: 3;}
.geo2 .box2 .top .div1:hover{color: #fff;}
.geo2 .box2 .top .div1:hover:after{opacity: 1;height: 100%;}
.geo2 .box2 .top .div1.active{color: #fff;}
.geo2 .box2 .top .div1.active:after{opacity: 1;height: 100%;}
.geo2 .box2 .ttbox .tt{display: none;padding:120px 55% 120px 0;position: relative;}
.geo2 .box2 .ttbox .tt.active{display:block;}
.geo2 .box2 .ttbox .tt .tt1{font-size: 36px;line-height: 44px;color: #fff;}
.geo2 .box2 .ttbox .tt .tt2{font-size: 22px;line-height: 36px;color: #fff;margin-top: 22px;min-height: 72px;}
.geo2 .box2 .ttbox .tt .tt3{margin-top:33px;display: flex;background: rgba(255, 255, 255, .12);border: 1px solid #fff;border-radius: 999px;padding: 7px;justify-content: space-between;}
.geo2 .box2 .ttbox .tt .tt3 span{width: 100%;display: block;text-align: center;font-size:19px;line-height: 28px;padding: 7px;color: #fff;border-radius: 888px;transition: all .3s;cursor: pointer;}
.geo2 .box2 .ttbox .tt .tt3 span.active{background:#00a8ef;}
.geo2 .box2 .ttbox .tt > img{display: block;position: absolute;right: 0;top: 0;max-height: 100%;max-width: 55%;bottom: 0;margin: auto 0;}


.geo3 .box{position: relative;}
.geo3 .box > img{display: block;position: absolute;left: 0;right: 0;top: 0;margin: 0 auto;z-index: 1;}
.geo3 .box .listbox{position: relative;z-index: 2;display: flex;justify-content: space-between;border-radius: 11px;overflow: hidden;color: #fff;padding: 80px 30px 60px;}
.geo3 .box .listbox .list{display: block;width: 50%;min-height: 400px;position: relative;z-index: 2;text-align: center;}
.geo3 .box .listbox:after{content: "";width: 100%;height: 100%;background: #0d5fe5;background: linear-gradient(to top, #0d5fe5, #0d5fe5, #0d5fe5,transparent,transparent);position: absolute;left: 0;top: 0;opacity: .6;z-index: 1;}
.geo3 .box .listbox:before{content: "";width: 50%;height: 100%;background: #00baff;background: linear-gradient(to top, #00baff, #00baff, #00baff,transparent,transparent);position: absolute;right: 0;top: 0;opacity: 1;z-index: 1;}
.geo3 .box .listbox .list .tt1{font-size: 60px;line-height: 70px;}
.geo3 .box .listbox .list .tt1 img{display: block;margin: 22px auto 0;}
.geo3 .box .listbox .list .tt2{margin-top: 36px;display: flex;justify-content: right;flex-wrap: wrap;}
.geo3 .box .listbox .list .tt2 span{display:flex;align-items: center;font-size: 28px;color: #fff;line-height: 36px;padding: 18px 15px;margin-top: 20px;width: 550px;max-width: 100%;background: rgba(255, 255, 255, .22);background: linear-gradient(to right, transparent, rgba(255, 255, 255, .22), rgba(255, 255, 255, .22));}
.geo3 .box .listbox .list .tt2 span img{display: block;margin:0 14px;}
.geo3 .box .listbox .list:nth-child(2) .tt2{justify-content: left;}
.geo3 .box .listbox .list:nth-child(2) .tt2 span{background:#0d5fe5;background: linear-gradient(to right, #0d5fe5, #0d5fe5,transparent);}



.geo4{background: #020636;}
#geo4lb4{height:390px;overflow: hidden;display: flex;flex-wrap: wrap;margin: -5px;margin-top: 38px;position: relative;z-index: 1;}
#geo4lb4 .list{display: flex;align-items: center;justify-content: center;height: 104px;background: #fff;border-radius: 8px;overflow: hidden;width: calc(20% - 10px);margin: 5px;}
#geo4lb4 .list img{max-height: 80%;max-width: 80%;}
.geo4 .box{position: relative;display: flex;justify-content: space-between;gap: 30px;z-index: 3;}
.geo4 .box:after{content: "";width: 100%;height: 190px;position: absolute;left: 0;top: -180px;background: linear-gradient(to top, #020636,transparent);z-index: 1;}
.geo4 .box .img{flex: 1;background: #fff;border-radius: 16px;overflow: hidden;position: relative;z-index: 2;top:0;}
.geo4 .box .img:after{content: "";display: block;padding-top: 50%;}
.geo4 .box .img img{display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 99%;max-width: 99%;margin: auto;}
.geo4 .box .img:hover{top:-14px;transition:all .2s!important}


.geo5{padding: 100px 0;}
.geo5 .box{display: flex;justify-content: space-between;align-items: center;gap: 30px;}
.geo5 .box .tt1{font-size: 24px;line-height: 1.4;color: #fff;}
.geo5 .box .tt1 b{display: block;font-size: 36px;line-height: 44px;padding-bottom: 11px;}
.geo5 .box .tt2{display: flex;width: 267px;height: 70px;background: #fff;border-radius: 8px;letter-spacing: 1px;font-size: 24px;color: #3c72ed;align-items: center;justify-content: center;position: relative;top: 0;}
.geo5 .box .tt2 img{display: block;margin-right: 14px;}
.geo5 .box .tt2:hover{top: -4px;}


.geo6 .box{display: flex;justify-content: space-between;margin-top: 38px;}
.geo6 .zuo{width: calc(50% - 12px);border-radius: 11px;overflow: hidden;}
.geo6 .you{width: calc(50% - 12px);display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -12px;}
.geo6 .you a{display: block;width: calc(33.33% - 8px);background: #fff;border-radius: 8px;overflow: hidden;margin-top: 12px;padding: 30px 10px;font-size: 20px;color: #2f2f2f;line-height: 28px;text-align: center;position:relative}
.geo6 .you a img{display: block;height: 32px;margin: 0 auto 16px;position:relative;z-index:2;}
.geo6 .you a span{position:relative;z-index:2;}
.geo6 .you a:after{content:"";width:20%;height:100%;background: #1d88ff;background: linear-gradient(to bottom, #1d88ff,#65f5ff);position:absolute;left:0;top:0;z-index:1;opacity:0;transition:all .3s;bottom:0;margin:auto;right:0;}
.geo6 .you a:hover:after{opacity:1;width:100%;}
.geo6 .you a:hover{color:#fff;}
.geo6 .you a:hover img{filter: brightness(0) invert(1);}

.geo7 .container-fluid{padding-top: 44px;padding-bottom: 44px;}
.geo7 .tt2{display: flex;width: 267px;height: 70px;background: #1d88ff;background: linear-gradient(to right, #1d88ff,#65f5ff);border-radius: 8px;letter-spacing: 1px;font-size: 24px;color: #fff;align-items: center;justify-content: center;position: relative;top: 0;margin: 44px auto 0;}
.geo7 .tt2 img{display: block;margin-right: 14px;}
.geo7 .tt2:hover{top: 4px;}

@media (min-width:1200px){
.geo2 .box2 .ttbox{min-height:517px;}
}
@media (max-width:1199px){
    .geo_banner .tt .tt1{font-size: 60px;line-height: 70px;}
    .geo_banner .tt .tt2{font-size: 24px;line-height: 32px;}
    .geo_banner .img{right: 6%;}
    .titletop{font-size: 40px;line-height: 50px;}
    .geo1 .box1 .list{font-size: 20px;line-height: 30px;}
    .geo2 .box2 .top .div1{font-size: 20px;}
    .geo2 .box2 .top .div1 span{margin-right: 11px;}
    .geo3 .box .listbox .list .tt1{font-size: 44px;line-height: 54px;}
    .geo3 .box .listbox .list .tt2 span{font-size: 24px;}
    .geo5{padding: 40px 0;}
    .geo5 .box .tt1{font-size:18px;}
    .geo5 .box .tt1 b{font-size: 30px;}
}

@media (max-width:991px){
    .geo_banner .container-fluid{padding:48px 15px 36px;}
    .geo_banner .tt .tt1{font-size: 26px;line-height: 34px;}
    .geo_banner .tt .tt2{font-size: 16px;line-height: 26px;margin-top: 16px;}
    .geo_banner .tt .tt3{max-width: 540px;gap: 8px;margin-top: 20px;}
    .geo_banner .tt .tt3 span{font-size: 14px;line-height: 22px;padding: 8px;}
    .geo_banner .img{width: 100%;position:initial;right: auto;top: auto;height: auto;display: flex;flex-wrap: wrap;align-items: center;padding-top: 22px;justify-content: center;}
    .geo_banner .img img{position: relative!important;left: auto!important;right: auto!important;top: auto!important;bottom: auto!important;height: auto!important;max-width: 30%!important;}

    .main88{padding-top: 40px;padding-block: 40px;}
    .titletop{font-size: 22px;line-height: 30px;letter-spacing: 1px;}
    .titletop span{font-size:15px;line-height:24px;margin-top: 6px;}
    .titletop b{padding-top:8px;}


    .geo1 .box1{gap: 10px;padding-top:22px;}
    .geo1 .box1 .list{padding: 18px 8px;font-size: 16px;line-height: 22px;min-width: 32%;}
    .geo1 .box1 .list img{height: 32px;margin: 0 auto 12px;}

    .geo1 .box2{margin-top:30px;padding: 30px 20px 20px;}
    .geo1 .box2 .tt1{font-size: 18px;line-height: 26px;letter-spacing:8px;margin-top: 6px;}
    .geo1 .box2 .tt2{font-size: 14px;margin-top: 9px;}


    .geo1 .box3{gap:10px;}
    .geo1 .box3 .list{padding: 24px 20px 20px;font-size: 14px;min-width: 44%;}
    .geo1 .box3 .list span{padding: 7px 6px;font-size: 14px;}
    .geo1 .box3 .list:after{left: -4px;top: -4px;}
    .geo1 .box3 .list .tt{font-size: 18px;line-height: 26px;margin-bottom: 8px;}

    .geo2 .box1{flex-wrap: wrap;}
    .geo2 .box1 .zuo{width: 100%;padding:30px;}
    .geo2 .box1 .zuo img{max-height: 160px;}
    .geo2 .box1 .you{width: 100%;padding: 0 20px 20px;}
    .geo2 .box1 .you .tt1{font-size: 16px;margin-top: 8px;}
    .geo2 .box1 .you .ttbox{padding-top:10px;}
    .geo2 .box1 .you .ttbox .div{margin-top:10px;padding: 13px 15px;font-size: 18px;}
    .geo2 .box1 .you .ttbox .div span{font-size: 14px;margin-top: 5px;}



    .geo2 .box2 .top{gap: 10px;margin-top: 22px;padding-bottom: 11px;flex-wrap: wrap;}
    .geo2 .box2 .top .div1{padding: 15px 8px;font-size:16px;line-height: 24px;min-width: 32%;}
    .geo2 .box2 .top .div1 span{width: 34px;height: 34px;margin-right: 6px;}

    .geo2 .box2 .ttbox .tt{display: none;padding:20px 0;}

    .geo2 .box2 .ttbox .tt .tt1{font-size: 22px;line-height: 30px;}
    .geo2 .box2 .ttbox .tt .tt2{font-size: 16px;line-height: 24px;margin-top:8px;min-height: inherit;}
    .geo2 .box2 .ttbox .tt .tt3{margin-top:22px;flex-wrap: wrap;border-radius: 8px;}
    .geo2 .box2 .ttbox .tt .tt3 span{font-size:16px;line-height: 22px;padding: 6px;min-width: 120px;flex: 1;}
    .geo2 .box2 .ttbox .tt > img{position: relative;right: auto;top: auto;max-height: auto;max-width: 100%;margin-top: 11px;}



    .geo3 .box > img{width: 70px;}
    .geo3 .box .listbox{padding: 20px 0px;}
    .geo3 .box .listbox .list{min-height: inherit;}
    .geo3 .box .listbox .list:nth-child(1) .tt1{padding-right: 50px;}
    .geo3 .box .listbox .list:nth-child(2) .tt1{padding-left: 50px;}
    .geo3 .box .listbox .list .tt1{font-size: 22px;line-height: 30px;}
    .geo3 .box .listbox .list .tt1 img{margin: 11px auto 0;width:20px;}
    .geo3 .box .listbox .list .tt2{margin-top: 8px;}
    .geo3 .box .listbox .list .tt2 span{font-size: 16px;line-height: 22px;padding: 12px 10px;margin-top: 10px;text-align: left;}
    .geo3 .box .listbox .list .tt2 span img{margin:0 10px 0 0;width: 20px;}




    #geo4lb4{height:260px;margin-top: 22px;}
    #geo4lb4 .list{height:62px;width: calc(33.33% - 10px);border-radius: 6px;}
    .geo4 .box{gap: 10px;flex-wrap: wrap;}
    .geo4 .box:after{top: -80px;height: 110px;}
    .geo4 .box .img{border-radius: 8px;min-width: 44%;}



    .geo5{padding: 50px 0;background-position:14% !important;}
    .geo5 .box{gap: 0;display: block;}
    .geo5 .box .tt1{font-size: 16px;}
    .geo5 .box .tt1 b{font-size: 22px;line-height: 30px;padding-bottom: 8px;}
    .geo5 .box .tt2{width:170px;height: 50px;font-size: 16px;margin-top: 20px;}
    .geo5 .box .tt2 img{margin-right: 8px;width: 20px;}
    .geo5 .box .tt2:hover{top: 0;}


    .geo6 .box{margin-top: 22px;}
    .geo6 .zuo{display: none;}
    .geo6 .you{width: 100%;margin-top: -12px;}
    .geo6 .you a{padding: 18px 10px;font-size: 16px;line-height: 24px;}
    .geo6 .you a img{height: 24px;margin: 0 auto 11px;}

    .geo7 .container-fluid{padding-top: 22px;padding-bottom: 22px;}
    .geo7 .titletop b{font-size: 16px;line-height: 24px;}

    .geo7 .tt2{width:170px;height: 50px;font-size: 16px;margin-top: 20px;}
    .geo7 .tt2 img{margin-right: 8px;width: 20px;}
    .geo7 .tt2:hover{top: 0;}






}