.disflex{display: flex}
.disblock{display: block}
.disnone{display: none}
.posre{position: relative}
.posab{position: absolute}
.posfix{position: fixed}
.disinblock{display: inline-block}
.jsbet{justify-content: space-between}
.jscen{ justify-content:center}
.flex-end{justify-content:flex-end}
.jsaround{justify-content: space-around}
.align-cen{align-items:center}
.align-end{align-items: flex-end;}
.align-start{align-items: flex-start}
.wrap{flex-wrap: wrap}
.row-reverse{flex-direction: row-reverse}
.column-reverse{flex-flow: column-reverse}
.flex1{flex: 1}
.flexS0{flex-shrink: 0}
.flex-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-sb-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-sa-c {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.flex-column {
    flex-direction: column;
}
@font-face { font-family: sansBold; /*字体名称*/ src: url('./SourceHanSansCN-Bold.otf'); /*字体源文件*/}
.fbold{font-weight: bold; font-family: sansBold}
.fb400{font-weight: 400}
.fb500{font-weight: 500}
.textc{text-align: center}
.textl{text-align: left}
.textr{text-align: right}
.textj{
    text-align: justify
}
.lh1{line-height: 1}
.lh1-2{line-height: 1.2}
.lh24{line-height: 24px}
.lh26{line-height: 26px}
.lh28{line-height: 28px}
.lh30{line-height: 30px}
.lh32{line-height: 32px}
.lh34{line-height: 34px}
.lh36{line-height: 36px}
.lh60{line-height: 60px}

.h16{height: 16px;}
.h20{height: 20px;}
.h22{height: 22px}
.h26{height: 26px}
.h29{height: 29px}
.h38{height: 38px}
.h50{height: 50px}
.h60{height: 60px}
.h160{height: 160px}
.h170{height: 170px;}
.h190{height: 190px;}
.h200{height: 200px;}
.h210{height: 210px}
.h220{height: 220px}
.h228{height: 228px;}
.h260{height: 260px}
.h300{height: 300px}
.h320{height: 320px}
.h393{height: 393px;}
.h360{height: 360px}
.h405{height: 405px}
.h480{height: 480px}
.h100p{height: 100%}

.w20p{width: 20%}
.w33p{width: 33.3%}
.w100p{width: 100%}
.w18{width: 18px}
.w22{width: 22px}
.w26{width: 26px}
.w38{width: 38px}
.w50{width: 50px}
.w64{width: 64px}
.w80{width: 80px}
.w88{width: 88px}
.w90{width: 90px}
.w100{width: 100px}
.w143{width: 143px}
.w150{width: 150px}
.w160{width: 160px}
.w190{width: 190px}
.w200{width: 200px}
.w220{width: 220px}
.w236{width: 236px}
.w240{width: 240px}
.w286{width: 286px}
.w295{width: 295px}
.w300{width: 300px}
.w380{width: 380px}
.w400{width: 400px}
.w410{width: 410px}
.w460{width: 460px}
.w500{width: 500px}
.w700{width: 700px}
.w860{width: 860px}
.w900{width: 900px}
.w1300{width: 1300px}
.mw100p{max-width: 100%;}
.f36{
    font-size: 36px
}
.f0{font-size: 0}
.f12{font-size: 12px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f26{font-size: 26px}
.f28{font-size: 28px}
.f30{font-size: 30px}
.f34{font-size: 34px}
.f40{font-size: 40px}
.f46{font-size: 46px}
.f48{font-size: 48px}
.f50{font-size: 50px}

.pt10{padding-top: 10px}
.pt20{padding-top: 20px}
.pt24{padding-top: 24px}
.pt28{padding-top: 28px}
.pt30{padding-top: 30px}
.pt36{padding-top: 36px}
.pt40{padding-top: 40px}
.pt44{padding-top: 44px}
.pt48{padding-top: 48px}
.pt50{padding-top: 50px}
.pt60{padding-top: 60px}
.pt80{padding-top: 80px}
.pt90{padding-top: 90px}
.pt130{padding-top: 130px}

.pb10{padding-bottom: 10px}
.pb20{padding-bottom: 20px}
.pb24{padding-bottom: 24px}
.pb28{padding-bottom: 28px}
.pb30{padding-bottom: 30px}
.pb36{padding-bottom: 36px}
.pb40{padding-bottom: 40px}
.pb48{padding-bottom: 48px}
.pb50{padding-bottom: 50px}
.pb60{padding-bottom: 60px}
.pb68{padding-bottom: 68px}
.pb80{padding-bottom: 80px}
.pb90{padding-bottom: 90px}
.pb100{padding-bottom: 100px}

.pl10{padding-left: 10px}
.pl18{padding-left: 18px}
.pl20{padding-left: 20px}
.pl24{padding-left: 24px}
.pl30{padding-left: 30px}
.pl35{padding-left: 35px}
.pl40{padding-left: 40px}
.pl60{padding-left: 60px}

.pr10{padding-right: 10px}
.pr20{padding-right: 20px}
.pr24{padding-right: 24px}
.pr30{padding-right: 30px}
.pr35{padding-right: 35px}
.pr40{padding-right: 40px}
.pr60{padding-right: 60px}

.mt-4{margin-top: -4px}
.mt4{margin-top: 4px}
.mt10{margin-top: 10px}
.mt12{margin-top: 12px}
.mt14{margin-top: 14px}
.mt17{margin-top: 17px}
.mt18{margin-top: 18px}
.mt20{margin-top: 20px}
.mt24{margin-top: 24px}
.mt30{margin-top: 30px}
.mt32{margin-top: 32px}
.mt36{margin-top: 36px}
.mt-50{margin-top: -10px}
.mt-40{margin-top: -40px}
.mt40{margin-top: 40px}
.mt45{margin-top: 45px}
.mt46{margin-top: 46px}
.mt50{margin-top: 50px}
.mt53{margin-top: 53px}
.mt60{margin-top: 60px}
.mt75{margin-top: 75px}
.mt80{margin-top: 80px}
.mt90{margin-top: 90px}
.mt100{margin-top: 100px}

.mb8{margin-bottom: 8px}
.mb10{margin-bottom: 10px}
.mb12{margin-bottom: 12px}
.mb15{margin-bottom: 15px}
.mb16{margin-bottom: 16px}
.mb17{margin-bottom: 17px}
.mb18{margin-bottom: 18px}
.mb20{margin-bottom: 20px}
.mb22{margin-bottom: 22px}
.mb24{margin-bottom: 24px}
.mb26{margin-bottom: 26px}
.mb28{margin-bottom: 28px}
.mb30{margin-bottom: 30px}
.mb32{margin-bottom: 32px}
.mb35{margin-bottom: 35px}
.mb36{margin-bottom: 36px}
.mb38{margin-bottom: 38px}
.mb40{margin-bottom: 40px}
.mb44{margin-bottom: 44px}
.mb45{margin-bottom: 45px}
.mb50{margin-bottom: 50px}
.mb60{margin-bottom: 60px}
.mb70{margin-bottom: 70px}
.mb80{margin-bottom: 80px}
.mb100{margin-bottom: 100px}

.ml2{margin-left: 2px}
.ml4{margin-left: 4px}
.ml20{margin-left: 20px}
.ml24{margin-left: 24px}
.ml26{margin-left: 26px}
.ml40{margin-left: 40px}
.ml43{margin-left: 43px}
.ml46{margin-left: 46px}
.ml58{margin-left: 58px}
.ml60{margin-left: 60px}

.mr4{margin-right: 4px}
.mr7{margin-right: 7px}
.mr10{margin-right: 10px}
.mr14{margin-right: 14px}
.mr18{margin-right: 18px}
.mr20{margin-right: 20px}
.mr24{margin-right: 24px}
.mr26{margin-right: 26px}
.mr30{margin-right: 30px}
.mr33{margin-right: 33px}
.mr35{margin-right: 35px}
.mr40{margin-right: 40px}
.mr45{margin-right: 45px}
.mr50{margin-right: 50px}
.mr58{margin-right: 58px}
.mr68{margin-right: 68px}
.mr80{margin-right: 80px}
.mauto{margin: auto}
.cb8b{
    color: #B8BECC
}
.c036{
    color: #036EB8
}
.cc0c{
    color: #C0C3CB
}
.cfff{color: #fff}
.c666{color: #666}
.c777{color: #777}
.c909{color: #9094A0}
.c999{color: #999}
.cc8c{color: #C8C8C8}
.cdad{color: #DADADA}
.cef7{color: #EF7F1E;}
.c333{color: #333}

.hc036:hover{
    color: #036EB8
}
.bgf5{
    background-color: #F5F5F5
}
.bgfff{background-color: #fff}
.bg036{background-color: #036EB8}
.bg252{background-color: #252D45}
.bgef7{background-color: #EF7F1E}
.bge8{background-color: #e8e8e8}
.bg000{background-color: #000}


.bor50{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.bor8{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.bor10{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.pointer { cursor: pointer; }
@font-face { font-family: AlternateGothic2 BT; /*字体名称*/ src: url('./Al.ttf'); /*字体源文件*/}
.fmAl{

    font-family: AlternateGothic2 BT;
}
.overhidden{overflow: hidden}
.over_1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.over_2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.textI{
    text-indent:36px
}




.pc{
    min-width: 1340px;
}
.g-view{
    max-width: 1300px;
    min-width: 1300px
}
.g-slide{
    transform: translateY(500px);
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    -o-transform: translateY(500px);
}
.g-slide-active{
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.g-mores{
    /* width: 100px;
    height: 30px;
    background: transparent;
    display: inline-block; */
}
.g-more{
    /* padding: 6px 12px;
    transition: all .2s;
    transform: scale(3); */
    position: relative;
    /* background: transparent */
}
.g-more:hover{
    /* color: white;
    padding-right: 12px;
    background: #036EB8 */
    color: #036EB8;
    font-weight: bold;
    /* font-size: 16px */
}
.g-more .arrow{
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.g-more:hover .arrow {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

/*.g-more .bg {
    background: #666;
    width: 20px;
    height: 1px;
    position: absolute;
    right: -12px;
    top: 50%;
    z-index: -1;
    transition: all .2s;
}
.g-more .bg:after, .g-more .bg:before{
    content: "";
    height: 1px;
    width: 6px;
    background: #666;
    position: absolute;
    right: -2px;
    transition: all .2s;
}
.g-more .bg:before{
    bottom: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.g-more .bg::after{
    top: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.g-more:hover .bg:before {
    bottom: 6px;
}
.g-more:hover .bg:after, .g-more:hover .bg:before {
    right: 0;
} */


.routers .g-arrow, .routers .g-arrow1{
    height: 0;
    width: 0;
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent transparent #999;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.routers .g-arrow1{
    border-color: transparent transparent transparent #036EB8;
}
.routers .g-navs a, .routers .g-navs p{
    padding: 24px 0;
    display: inline-block
}
.routers .g-navs .active{
    border-bottom: 3px solid #036EB8;
    color: #036EB8
}


.glo-list > div:hover{
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}


.animation-button {
    width: 260px;
    height: 70px;
    line-height: 70px;
    border-radius: 35px;
    cursor: pointer;
    position: relative;
    background: #fff;
    overflow: hidden;
    border: 1px solid #036EB8;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    margin-right: auto;
    margin-left: auto;
    color: #036EB8;
    transition: all .5s    ;
    -webkit-transition: all .5s    ;
    -moz-transition: all .5s    ;
    -ms-transition: all .5s    ;
    -o-transition: all .5s    ;
}
.animation-button:hover{
    box-shadow: 0px 5px 14px 1px rgba(3, 110, 184, 0.15);
    background: #036EB8;
    color: white
}

/* .animation-button:hover:after {
    opacity: 1
}

.animation-button:hover:before {
    opacity: 0;
    transform: translate3d(0,100%,0)
}

.animation-button:hover span {
    opacity: 1;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
}

.animation-button:hover span:first-child {
    transition-delay: 45ms
}

.animation-button:hover span:nth-child(2) {
    transition-delay: .09s
}

.animation-button:hover span:nth-child(3) {
    transition-delay: .135s
}

.animation-button:hover span:nth-child(4) {
    transition-delay: .18s
}

.animation-button:hover span:nth-child(5) {
    transition-delay: .225s
}

.animation-button:hover span:nth-child(6) {
    transition-delay: .27s
}

.animation-button:hover span:nth-child(7) {
    transition-delay: .315s
}

.animation-button:hover span:nth-child(8) {
    transition-delay: .36s
}

.animation-button:hover span:nth-child(9) {
    transition-delay: .405s
}

.animation-button:after {
    content: "";
    opacity: 0;
    transition: opacity .3s;
    transition-timing-function: cubic-bezier(.75,0,.125,1)
}

.animation-button:after,.animation-button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.animation-button:before {
    content: attr(data-text);
    vertical-align: middle
}

.animation-button:before,.animation-button span {
    line-height: 70px;
    transition: transform .3s,opacity .3s;
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    color: #fff;
}

.animation-button span {
    display: inline-block;
    opacity: 0;
    transform: translate3d(0,-10px,0);
} */



.g-hover-list{
    width: 400px;
    transition: all .15s;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.g-hover-list:hover{
    box-shadow: 0 4px 20px -8px rgb(64 90 128 / 30%);
    font-weight: 700;
}
.g-hover-list .g-list-img img{
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.g-hover-list .g-list-img img:hover{
    transform: translate3d(-0%, 5% ,0) scale(1.1);
    -webkit-transform: translate3d(-0%, 5% ,0) scale(1.1);
    -moz-transform: translate3d(-0%, 5% ,0) scale(1.1);
    -ms-transform: translate3d(-0%, 5% ,0) scale(1.1);
    -o-transform: translate3d(-0%, 5% ,0) scale(1.1);
}