.main .fnt_16{font-size: 0.16rem;}
.main .fnt_18{font-size: 0.18rem;}
.main .fnt_20{font-size: 0.2rem;}
.main .fnt_24{font-size: 0.24rem;}
.main .fnt_30{font-size: 0.3rem;}
/*.main .fnt_36{font-size: 0.36rem;}*/
.main .fnt_48{font-size: 0.48rem;}
/*.main .fnt_50{font-size: 0.5rem;}*/

@media only screen and (max-width:767px) {
.main .fnt_16{font-size: 14px;}
.main .fnt_18{font-size: 14px;}
.main .fnt_20{font-size: 16px;}
.main .fnt_24{font-size: 16px;}
.main .fnt_30{font-size: 16px;}
.main .fnt_36{font-size: 16px;}
.main .fnt_48{font-size: 20px;}
.main .fnt_50{font-size: 20px;}
.main .fnt_60{font-size: 18px;}
.main .fnt_72{font-size: 20px;}
.main .fnt_76{font-size: 20px;}
.main .fnt_80{font-size: 20px;}
.main .fnt_92{font-size: 20px;}
.main .fnt_120{font-size:20px;}
.main .fnt_150{font-size:26px;}
}

.w_965{width: 9.65rem;max-width: 94%;margin: auto;}
.geer_01{background: #232323;color: #00f300;padding:0.5rem 0;overflow: hidden;}
.geer_01 span,.geer_01 em{display: inline-block;line-height: 0.8rem;float: left;}
.geer_01 span{margin-right: 0.4rem;}

.geer_02{padding: 0.5rem 0 0.7rem 0;position: relative;z-index: 2;background: #fff;}
.geer_bj{text-align: center;margin-bottom: 0.9rem}
.geer_bj h2{font-weight: 100;}
.geer_bj h3{padding: 0.3rem 0;}
.geer_bj h3 img{width: 2.61rem;}
.geer_bj p{line-height: 1.75em;}

.geer_sj{position: relative;padding-bottom: 0.4rem;margin-bottom: 0.4rem;overflow: hidden;}
.geer_sk{position: absolute;right: 0;top:0;height: 100%;background: #00f300;}
.geer_sjtop{margin-bottom: 2rem;}
.geer_sjtop,.geer_sjbottom{position: relative;z-index: 5;}
.geer_sj_le{float: left;width: 4.5rem;}
.geer_sj_le h3{margin-bottom: 0.25rem;}
.geer_sj_le p{line-height: 2em;}

.geer_sj_re,.geer_sk{float: right;width: 5rem;overflow: hidden;}
.geer_sj_re h3{float: right;line-height: 1rem;margin-right: 0.7rem;margin-top: 0.6rem;}

.geer_sjbottom{overflow: hidden;padding-right: 0.7rem;}
.geer_sjbottom h3{display: inline-block;}
.geer_sjbottom em,.geer_sjbottom span{display: block;}
.geer_sjbottom span{line-height: 1em;margin-bottom: 0.1rem;}
.geer_sjbottom em{text-align: right;}

.geer_chose h3{line-height: 1.6em;margin-bottom: 0.5rem;}
.geer_flow ul{overflow: hidden;}
.geer_flow li{width: 25%;float: left;}
.geer_flow dl{text-align: center;}
.geer_flow dd,.geer_flow dt p{width: 70.8%;}
.geer_flow dd{line-height: 1.2em;}
.geer_flow dt{position: relative;margin-bottom: 0.1rem;}
.geer_flow dt p{padding: 0.1rem;background: #00f300;border-radius: 30px;position: relative;z-index: 5;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.geer_flow dt i{width: 0.04rem;height: 0.04rem;background: #000;border-radius: 50%;display: inline-block;margin: 0 0.04rem;position: relative;top:-0.04rem;}
.geer_flow dt:after,.geer_flow dt em{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute;  top:50%;}
.geer_flow dt:after{content:""; left: 0;width: 100%;height: 0;border-bottom: 1px dashed #00f300;}
.geer_flow dt em{right:-0.11rem; width: 0.36rem; font-size: 0.36rem; display: none;color: #00f300;}
.geer_flow li:last-child dt em{display: block;}


.geer_03{position: relative;}
.geer_03 .swiper-container{padding-top: 0.8rem;}
.geer_btn{width: 2.52rem;height: 2.52rem;position: absolute;top:0;right: 0;z-index: 9;background: #00f300 url(../images/geer_line.png) no-repeat center center;background-size: 1.11rem;}
.geer_btn>div{background: none;font-size: 0.3rem;font-weight: bold;margin: 0;top:0;width: 50%;height: 50%;}
.geer_btn .swiper-button-prev{left: 0;}
.geer_btn .swiper-button-next{right: 0;top:auto;bottom: 0;}
.geer_btn .swiper-button-disabled{opacity: 0.2}

.geer_04{padding: 0.8rem 0 1.4rem 0; position: relative;overflow: hidden;}
.geer_bc{position: absolute; width: 2.72rem;height: 3.59rem;top:-0.72rem}
.geer_bc01{width: 2.68rem;height: 3.88rem;left: 0.86rem;top:-0.8rem}
.geer_bc img{width: 100%;height: 100%;}
.geer_bc02{right: 4rem;}
.geer_bc03{right: 0;}



.geer_xj_top{padding-right: 0.34rem;}
.geer_xj01{margin-bottom: 0.4rem;}
.geer_xj01 h2{line-height: 1em;margin-bottom: 0.2rem;}
.geer_xjimg{margin-bottom: 0.5rem;}
.geer_xjimg ul{overflow: hidden;}
.geer_xjimg li{float: left;width: 50%}
.geer_xj02,.geer_bk,.geer_xj_bottom{margin-bottom: 0.4rem;}
.geer_bk{background: #232323;padding: 0.7rem 1.3rem 1rem 0.45rem;color: #fff;}
.geer_xj_bottom{margin-left: 4.8rem;}
.geer_bktext{padding-top: 0.1rem; padding-left: 0.8rem; background: url(../images/geer_ft.png) no-repeat 0 0;background-size: 0.54rem auto;}
.geer_bktext h3{line-height: 1.2em;color: #00ff00;margin-bottom: 0.2rem;}
.geer_bktext p{line-height: 1.7em;}
.geer_xj_bottom2{width: 15.1rem;max-width: 100%;margin-bottom: 0.6rem;}
.geer_xj_bottom2 img{width: 100%;}
.geer_num h2{margin-bottom: 0.8rem;}
.geer_num ul{overflow: hidden;}
.geer_num li{float: left;text-align: center;margin-right: 0.85rem;}
.geer_num li:last-child{margin-right: 0;}
.geer_num dt{font-weight: bold; color: #00f300;line-height: 1em;margin-bottom: 0.1rem;}

.geer_05{background: #e5e4e4;min-height: 7rem;padding: 2rem 0;position: relative;overflow: hidden;}
.geer_text{width: 49.2%;}
.geer_text h3{line-height: 1.66em;margin-bottom: 0.7rem;}
.geer_text p{color: #000;}
.geer_jt{width: 48.89%;height: 100%; position: absolute;top:0;right: 0;background: #00f300;padding: 0.9rem 0.7rem;padding-bottom: 0; padding-right: 0.8rem;}
.geer_jt h2{padding: 0.6rem 0.8rem;padding-bottom: 0.2rem;background: #f2efff;}
.geer_jtbox{width: 7.21rem;height: 3.85rem; margin: auto;overflow: hidden;border-radius: 0 0 20px 20px;position: relative;}
.geer_scoll{height: 100%; /*width: calc(100% + 20px); overflow-y:auto;*/}
.geer_jtbox img{width: 100%;}
.geer_jtbtn{width: 0.2rem;height: 0.3rem;position: absolute;left: 50%;margin-left: -0.1rem;bottom: 0.2rem;cursor: pointer;}
.geer_jtbtn img{width: 100%;height: 100%;}

.geer_06{padding: 0.5rem 0;}
.geer_tilte{margin-bottom: 0.3rem;}
.geer_tilte p{padding-top: 0.15rem;}

.geer_font{background: #000;padding: 0.35rem 0.4rem 0.2rem 0.2rem;color: #fff;}
.geer_font01{margin-bottom: 1.9rem;}
.geer_font01 .geer_l{line-height: 1.2em;float: left;padding-left: 0.2rem;}
.geer_font01 .geer_r{line-height: 1.25em;float: right;}

.geer_font02{}
.geer_font02 .geer_l{line-height: 0.8em; font-size: 3.26rem; float: left;}
.geer_font02 .geer_r{float: right;width: 29%;}
.geer_font02 .geer_r p{line-height: 1.2em;}
.geer_font{margin-bottom: 1rem}

.geer_color{height: 4.9rem;overflow: hidden;padding-right: 0.2rem;line-height: 1.25em;}
.geer_color .left{float: left;width: 48.6%;height: 100%;background: #00f300;}
.geer_color .right{float: right;width: 48.6%;height: 100%;position: relative;}
.geer_color .right dl{width: 100%; height: 46.9%;border: 1px solid #000;overflow: hidden;}
.geer_color .right dl:last-child{position: absolute;right: 0;bottom: 0;background: #000;color: #fff;}
.geer_color .left,.geer_color .right dl{border-radius:15px;padding: 0.25rem 0.2rem;padding-bottom: 0.35rem;}
.geer_color .left dl{height: 100%;position: relative;}
.geer_color .left dd h3{margin-bottom: 0.7rem}
.geer_color .left dd{position: absolute;left: 0;bottom: 0;}
.geer_color .right dt{float: right;}
.geer_color .right dd{float: left;height: 100%;position: relative;}
.geer_color .right dd p{position: absolute;left: 0;bottom: 0;}

.geer_08{padding: 0.9rem 0 1.1rem 0;text-align: center;overflow: hidden;}
.geer_08 h3{margin-bottom: 0.1rem;}
.geer_08 h4{line-height: 1.5em;margin-bottom: 0.65rem;}
.geer_08 h5{background: #00f300;padding: 0.5rem;margin-bottom: 0.5rem;}
.geer_08 h5 a{display: inline-block;border-bottom: 1px solid #000;padding-bottom: 0.05rem;}
.geer_08 h5 span{margin-left: 0.15rem;}


.geer_top{padding-bottom:0.5rem;}
.geer_top .geer_toptitle{margin-bottom: 0.3rem}
.geer_top .geer_tmbox  {margin-bottom:0.5rem;}

.geer_tmbox02{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.geer_tmbox02 dl{ -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

.geer_top li{cursor: pointer;width: 3.54rem;height: 3.54rem;}
.geer_top li dl{width: 100%;height: 100%; background: #f8f8f8;position: relative;}
.geer_top li dt{padding: 0.3rem; width: 100%;text-align: center;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
.geer_top li dd{font-size: 1.2rem; line-height: 1em; position: absolute;right:0rem;bottom: 0.2rem; visibility: hidden;opacity: 0;
-webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem);-o-transform: translateY(-1rem);-ms-transform: translateY(-1rem);transform: translateY(-1rem);}

.geer_top li dd,.geer_top li dt{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;}

.geer_top li.on dd{visibility: visible;opacity: 1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.geer_top li.on dl{background: #00f300;}
.geer_top li.on dt{text-align: left;transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);top:0; }

.geer_bottom{background:#000000;padding: 2rem 0 1.65rem 0;}
.geer_ajax{width: 1920px;max-width: 100%;padding-left: 1.5rem;padding-right: 0.9rem;/*overflow: hidden;*/ position: relative;}
.geer_bottom .left{width: 26%;float: left;color: #00f300;   }
.geer_bottom .left h3{line-height: 1em;margin-bottom: 0.7rem;}
.geer_bottom .left p{line-height: 2em;}
.geer_bottom .left ul{margin-bottom: 1.2rem;}
.geer_bottom .left li{margin-bottom: 0.15rem;}
.geer_bottom .left li:last-child{margin-bottom: 0;}
.geer_bottom .right{width: 64.17%;float: right;}

.geer_slider{position: relative;}
.geer_sbtn{display: none;color:#00f300;}
.geer_sbtn>div{background: none;font-weight: bold;font-size: 30px;}
.geer_slider .swiper-container{padding: 0.5rem 0;}
.geer_slider li{position: relative;cursor:pointer;}
.geer_slider li:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.geer_slider li.swiper-slide-active:after{background: rgba(0,0,0,0.2);}
.geer_slider li.swiper-slide-active{top:-0.5rem;}

@media only screen and (max-width:767px) {
.geer_02{padding: 30px 0;}
.geer_04{padding: 30px 0;padding-bottom: 10px;}
.geer_05{padding: 30px 0;}
.geer_08{padding: 30px 0;}
.geer_bj{margin-bottom: 20px;}
.geer_sj_le,.geer_sj_re{float: none;width: 100%;}
.geer_sj_re h3{margin: 10px;}
.geer_sjtop{margin-bottom: 50px;}
.geer_sj{padding: 20px;margin-bottom: 20px;}
.geer_chose h3{margin-bottom: 10px;}
.geer_flow li{width: 50%;margin-bottom: 10px;}
.geer_flow li:nth-child(2n+1){clear: both;}
.geer_flow dt{margin-bottom: 5px;}
.geer_flow dt p{padding:5px 10px;}

.geer_03 .swiper-container{padding-top: 0;}
.geer_btn{position: static;width: auto;height: auto;background: none;}
.geer_btn>div{background: #00f300;width: 30px;height: 30px;margin-top: -15px; top:50%;}
.geer_btn .swiper-button-next{top:50%;bottom: auto;}

.geer_xj_bottom{margin-left: 0;}
.geer_bk{padding: 20px;}
.geer_bktext{    background-size: 18px auto;padding-left: 20px;padding-top: 0;}
.geer_xj03{width: 94%;margin: auto;}
.geer_xj_bottom2{margin-bottom: 30px}
.geer_num h2{margin-bottom: 20px;}
.geer_num li{width: 50%;margin-right: 0;margin-bottom: 20px;}
.geer_num li:nth-child(2n+1){clear: both;}
.geer_num dt{font-size: 30px !important;}
.geer_text{width: 100%;margin-bottom: 20px;}
.geer_jt{width: 100%;position: static;padding: 20px 3%;}
.geer_scoll{width: 100%;}
.geer_jtbox{width: 100%;height: 200px;}
.geer_text h3{margin-bottom: 20px;}
.geer_font02 .geer_l{font-size: 100px;    margin-top: 26px;}
.geer_font02 .geer_r{width: 140px;}
.geer_font{padding: 10px;margin-bottom: 20px;}
.geer_color .right dt{float: none;margin-bottom: 20px;}
.geer_color .right dd{height: auto;}
.geer_color .right dd h3{margin-bottom: 20px;}
.geer_color .right dd p{position: static;}
.geer_color{height: 320px;}
.geer_color .left dd h3{margin-bottom: 70px;}
.geer_bottom{padding: 30px 0;}
.geer_ajax{max-width: 94%;padding: 0;margin: auto;}
.geer_bottom .left,.geer_bottom .right{float: none;width: 100%;}
.geer_bottom .left{margin-bottom: 20px;}
.geer_bottom .left h3{margin-bottom: 20px;}
.geer_bottom .left li{margin-bottom: 10px;}
.geer_bottom .left ul{margin-bottom: 20px;}
.geer_08 h3{margin-bottom: 10px;}
.geer_08 h5,.geer_08 h4{margin-bottom: 20px;}
.geer_08 h5 span{margin-left: 0;display: block;}

.geer_top .geer_toptitle{margin-bottom: 10px}
.geer_top{padding-bottom: 10px;}
.geer_top .geer_tmbox  {margin-bottom:10px;}
.geer_top li{height: 100px;}
.geer_top li dd{font-size: 42px;}

.geer_bc {display: none;}
.geer_sj_re, .geer_sk{width: 100%;}
.geer_sjbottom h3{display: block;}
.geer_sjbottom{padding-right: 0;}
}


@media only screen and (min-width:767px) {

.geer_bottom .left{ position: -webkit-sticky;position: sticky;top: 120px;}
/*效果*/

/*文字入场*/
.font-run span {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
    transition: all 1s;
    transform: translateY(100%);
    position: relative;
    display: inline-block;
    opacity: 0;
}
.font-run.on span {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transform: translateY(0);
}

.font-run.font-run-delay span {
    transition: all 1s .5s
}

.font-run.font-run-delay1 span {
    transition: all 1s 1s
}

.geer_gg{position: relative;}
.geer_gg_span{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.geer_gg_span span{    width: 100%;height: 33.33%;
    display: block;
    background: rgba(255,255,255,0.8);}
.geer_gg.on .geer_gg_span span{transform: translateX(100%);}
.geer_gg.on .geer_gg_span span:nth-child(1) {
    transition: all 2s;
}
.geer_gg.on .geer_gg_span span:nth-child(2) {
    transition: all 2s .1s;
}
.geer_gg.on .geer_gg_span span:nth-child(3) {
    transition: all 2s .2s;
}

.geer_sj_re{opacity: 0;    transform: translateY(-0.92rem);}
.geer_sjbottom{opacity: 0;    transform: translateY(1rem);}
.geer_xjimg li.img01{opacity: 1;transform: translateX(50%);}
.geer_xjimg li.img02{opacity: 1;transform: translateX(-50%);}

.geer_text h3,.geer_text p{opacity: 0;    transform: translateY(1rem);}
.geer_font01{opacity: 0;    transform: translateY(1rem);}
.geer_font02{opacity: 0;    transform: translateY(2rem);}
.geer_color dt{opacity: 0;    transform: translateY(1rem);}
.geer_color dd{opacity: 0;    transform: translateY(1rem);}

.geer_bottom .right{opacity: 0;    transform: translateY(1rem);}
.geer_bottom .left h3{opacity: 0;    transform: translateY(3rem);}
.geer_bottom .left ul{opacity: 0;    transform: translateY(3rem);}
.geer_bottom .left p{opacity: 0;    transform: translateY(4rem);}





}


@media only screen and (min-width:1025px) {
    .geer_scoll.on img{animation: line_a 30s linear infinite  ;}
    .geer_scoll img{animation: line_a 30s linear infinite  ;animation-play-state: paused;}
    /*.geer_jt:hover img{animation-play-state: paused;}*/
}
@-webkit-keyframes line_a {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-26.12rem);
            transform: translateY(-26.12rem);
  }
}

@keyframes line_a {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-26.12rem);
            transform: translateY(-26.12rem);
  }
}