@charset "utf-8";

/*公共*/
body {
    overflow: hidden;
    max-width: 1920px;
    margin: auto;
    background: #fff;
    min-height: 100vh;
}

* {
    font-family: Arial, "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important;
}

.g-content {
    width: 1200px;
    margin: auto;
}

.yxedr-active p {
    font-size: 18px;
    line-height: 30px;
    color: #666;
    margin-bottom: 20px;
}

/*规范*/
.g-word1 {
    font-size: 36px;
    line-height: 2;
}

.g-word2 {
    font-size: 30px;
    line-height: 2;
}

.g-word3 {
    font-size: 28px;
    line-height: 2;
}

.g-word4 {
    font-size: 26px;
    line-height: 2;
}

.g-parp1 p {
    color: #666;
    font-size: 18px;
    line-height: 1.65;
    margin-bottom: 10px;
}

.g-parp2 p {
    color: #666;
    font-size: 16px;
    line-height: 1.75;
}

.g-parp3 p {
    color: #666;
    font-size: 14px;
    line-height: 1.57;
}

/*规范*/
/*pc导航选中*/
.yxnav-active1.g-navli::before {
    width: 100%;
}

/*ph导航选中*/
.yxnav-active1.g-phnav1 {
    color: #55b7fe !important;
}

.yxnav-active2.g-phnav2 {
    color: #55b7fe !important;
}

.yxnav-active3.g-phnav3 {
    color: #55b7fe !important;
}

/*ph导航&下拉*/
.phxia {
    position: fixed;
    width: 100%;
    left: 0;
    top: 64px;
    z-index: 99;
    padding: 0 20px;
    background-color: #f1f1f1;
    display: none;
}

.xialaph {
    display: none;
    width: 100%;
    padding-bottom: 18px;
    background-color: #f1f1f1;
}

.xialaph .g-h4 {
    position: relative;
}

.xialaph .g-h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #000;
}

.xialaph .g-h4 a {
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.xialaph .g-h4 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}

.xialaph .ul2 .container-s {
    max-width: 100%;
    padding: 0 15px;
}

.xialaph .g-h5 {
    position: relative;
}

.xialaph .g-h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}

.xialaph .g-h5 a {
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.xialaph .g-h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 13px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.xialaph .g-h4.active img.img-s,
.xialaph .g-h5.active img.img-s {
    display: none;
}

.xialaph .g-h4.active img.img-d,
.xialaph .g-h5.active img.img-d {
    display: block;
}

.xialaph .ul3 {
    display: none;
}

.xialaph .g-h6 a {
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}

.header2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 64px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ffffff;
    display: none;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
}

.header2 .logo {
    width: 72px;
    line-height: 64px;
}

.header2 .logo img {
    width: 100%;
}

.header2 .phsearch {
    position: absolute;
    top: 50%;
    right: 70px;
    width: 25px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.header2 .wj-hin-right {
    padding-top: 25px;
}

.header2 .phsearch img {
    width: 100%;
}

.ph-mea-cl {
    overflow: hidden;
    width: 28px;
    height: 100%;
}

.header2 .menuph {
    width: 28px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.header2 .menuph .point {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}

.header2 .menuph .point: .navbtn,
.header2 .menuph .point: .navbtn::after,
.header2 .menuph .point: .navbtn::before {
    width: 28px;
}

.header2 .menuph .navbtn {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #666;
}

.header2 .menuph .navbtn::after {
    top: -10px;
}

.header2 .menuph .navbtn::before {
    top: 10px;
}

.header2 .menuph .point.active .navbtn {
    background: transparent;
}

.header2 .menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header2 .menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ph-search {
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    padding-left: 15px;
}

.ph-search-ph {
    width: 100%;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin-top: 18px;
    float: left;
    border-radius: 17.5px;
    position: relative;
}

.ph-search-ph input {
    width: 100%;
    height: 100%;
    text-indent: 20px;
    color: #333333;
}

.ph-search-ph input::-webkit-input-placeholder {
    color: #999999;
}

.ph-search-ph button {
    width: 40px;
    height: 100%;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.ph-search button .icon-sousuo {
    font-size: 27px;
    color: #999999;
}

.wj-header-i-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
}

/*电话*/
.ph-dh-number {
    width: 100%;
    text-align: center;
    margin-top: 18px;

}

.ph-dh-number .ph-dh-n {
    display: inline-block;
    overflow: hidden;
}

.ph-dh-number .ph-dh-n p {
    float: left;
    font-size: 16px;
    color: #999;
}

.ph-dh-number .ph-dh-n .ph-dh-n-p1 {
    margin-right: 15px;
}

.wj-hin-r-en a {
    color: #666;
}

.ph-searchfe {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 16px;
}

.ph-searchfe img {
    width: 100%;
}

.wj-hin-r-en {
    margin-right: 15px;
}

.g-login {
    width: 20px;
    line-height: 64px;
    margin-right: 15px;
}

.g-login img {
    width: 100%;
}

.g-line {
    display: flex;
    display: -webkit-flex;
    flex: column;
    position: absolute;
    height: 100%;
    max-width: 1920px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    z-index: 500;
}

.g-line p {
    width: 1px;
    height: 100%;
    background: rgba(190, 190, 190, .2);
}

.g-syslick {
    display: none;
}

.g-syslick.on {
    display: block;
}

.g-sybantu {
    position: relative;
    width: 100%;
}

.g-sybantu img {
    width: 100%;
}

.g-sybantuph {
    display: none;
}

.g-sybantu video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.g-syhead {
    position: fixed;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 159px);
    height: 80px;
    background: #fff;
    z-index: 500;
    border-radius: 5px;
    padding-left: 55px;
    transition: all .3s ease-out 0s;
}

.g-hdlogo {
    width: 97px;
    line-height: 80px;
    transition: all .3s ease-out 0s;
}

.g-hdlogo img {
    width: 100%;
}

.g-search {
    cursor: pointer;
    position: relative;
    background: #09539b;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .3s ease-out 0s;
}

.g-searchtu {
    width: 120px;
    background: #09539b;
    position: relative;
    z-index: 20;
    height: 80px;
    padding-top: 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .3s ease-out 0s;
}

.g-searchtu img {
    width: 20px;
    line-height: 80px;
    margin: auto;
    display: block;
}

.g-forgin,
.g-sylogin {
    width: 20px;
    margin-right: 50px;
    line-height: 80px;
    transition: all .3s ease-out 0s;
}

.g-forgin img,
.g-sylogin img {
    width: 100%;
}

.g-forgin {
    margin-right: 58px;
}

.g-store {
    width: 75px;
    background: #09539b;
    margin-top: 20px;
    border-radius: 5px;
    margin-right: 55px;
    text-align: center;
    transition: all .3s ease-out 0s;
}

.g-store a {
    display: block;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}

.g-navli a {
    color: #333;
    font-size: 18px;
    line-height: 80px;
    display: block;
}

.g-nav li {
    padding: 0 17px;
}

.g-nav {
    margin-right: 27px;
}

.g-sybantu {
    overflow: hidden;
}

.g-syslick {
    position: relative;
}

.g-syban-word {
    position: absolute;
    bottom: 170px;
    left: 50%;
    transform: translateX(-50%);
}

.g-ban-word {
    width: 740px;
    background: rgba(9, 83, 155, .8);
    height: 320px;
    padding: 0 70px;
}

.g-syword1 {
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    transform: translateY(-90px);
    max-height: 144px;
    overflow: hidden;
}

.g-ban-word p {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    transform: translateY(-55px);
}

.g-button a {
    color: #00a9f8;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #00a9f8;
    display: inline-block;
    transform: translateY(-20px);
    transition: all .36s;
}

.g-syban .slick-dots {
    bottom: 60px;
}

.slick-dots li.slick-active {
    background: #fff;
    width: 7px;
    height: 7px;
    position: relative;
}

.slick-dots li.slick-active::before {
    width: 26px;
    height: 26px;
    position: absolute;
    content: '';
    border: 1px solid #5b575a;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 10px;
    border-radius: 50%;
    border: 1px solid #5b575a;
    background: #5b575a;
}

.g-navli {
    padding: 0 10px;
    position: relative;
}

.g-navli::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 0;
    height: 3px;
    background: #09539b;
    transition: all .36s;
}

.g-sybanb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.g-navlib {
    position: relative;
}

.g-nav-next {
    position: absolute;
    width: 230px;
    top: 80px;
    left: 0;
    background: rgba(0, 0, 0, .6);
    padding: 44px 26px 16px;
    display: none;
}

.g-nav2fl p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 26px;
    position: relative;
    transition: all .36s;
}

.g-nav-li.yxnav-active2 .g-nav2 p::before {
    background: rgba(85, 183, 254, .2);
}

.g-nav-li.yxnav-active2 .g-nav2 p::after {
    background: #55b7fe;
}

.g-nav-li.yxnav-active2 .g-nav2 p {
    color: #55b7fe;
}

.g-nav-li.yxnav-active2 .g-nav2 .g-nav2fr2 {
    opacity: 1;
}

.g-nav-li.yxnav-active2 .g-nav2 .g-nav2fr1 {
    opacity: 0;
}

.g-nav3 li.yxnav-active3 .g-nav2fl p {
    color: #55b7fe;
}

.g-nav3 li.yxnav-active3 .g-nav2fr2 {
    opacity: 1;
}

.g-nav3 .g-nav2fr1 {
    opacity: 0;
}

.g-nav2fl p::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    transition: all .36s;
}

.g-nav2fl p::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    transition: all .36s;
}

.g-nav-next li {
    margin-bottom: 28px;
}

.g-nav2fr {
    width: 5px;
    line-height: 30px;
    position: relative;
    height: 9px;
    margin-top: 4px;
}

.g-nav2fr img {
    width: 100%;
    transition: all .36s;
    position: absolute;
    top: 50%;
    left: 0;
}

.g-nav2fr2 {
    opacity: 0;
}

.g-nav-next li {
    padding: 0;
}

.g-nav3 {
    position: absolute;
    top: 0;
    left: 231px;
    background: rgba(0, 0, 0, .6);
    padding: 44px 22px 20px 22px;
    width: 230px;
    display: none;
}

.g-nav3 li {
    margin-bottom: 22px;
}

.g-nav3 .g-nav2fl p {
    padding-left: 0;
}

.g-nav3 .g-nav2fl p::before {
    display: none;
}

.g-nav3 .g-nav2fl p::after {
    display: none;
}

.g-sc {
    position: absolute;
    top: 0;
    right: 0px;
    background: #fff;
    height: 100%;
    transition: all .6s;
    opacity: 0;
    z-index: -1;
    padding: 0 15px;
}

.g-sc input {
    height: 40px;
    display: block;
    margin-top: 20px;
    border-bottom: 1px solid #eee
}

.g-sy {
    /*margin-top: calc(100vh - 48px);*/
    background: #fff;
}

.g-common {
    position: relative;
    margin-bottom: 508px;
    width: 100%;
    min-height: 100vh;
    z-index: 30;
}

.g-sec1fl span {
    color: #09539b;
    font-size: 14px;
    line-height: 22px;
}

.g-sec1fl h2 {
    color: #333333;
    margin-bottom: 8px;
    font-weight: bold;
}

.g-sec1fl h2 a {
    color: #333333;
    margin-bottom: 8px;
    font-weight: bold;
}

.g-sec3b .g-word1 a {
    color: #333333;
}

.g-sec1fl p {
    color: #666666;
    font-size: 18px;
    line-height: 28px;
}

.g-sec1 {
    padding: 62px 0;
}

.g-sec1box {
    position: relative;
}

.g-sec1fl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 41%;
    padding-left: 3px;
}

.g-sec1fr {
    width: 59%;
    padding-left: 140px;
}

.g-sec1frat {
    display: none;
}

.g-sec1frat.on {
    display: block;
}

.g-sec1frtu {
    width: 386px;
    position: relative;
    margin: auto;
}

.g-sec1frtu img {
    width: 100%;
    height: 100%;
}

.g-sec1frtu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-sec1frtu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-sec1frwz p {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    font-weight: bold;
}

.g-sec1frwz {
    margin-top: 25px;
}

.g-button2 {
    border-radius: 25px;
    border: 1px solid #84a9cd;
    padding: 0 32px;
    display: inline-block;
    margin-top: 60px;
    transition: all .36s;
}

.g-button2 p {
    color: #09539b;
    font-size: 16px;
    line-height: 50px;
    transition: all .36s;
}

.g-button2 span {
    display: block;
    margin-left: 18px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #bfd2e5;
    position: relative;
    margin-top: 13px;
    transition: all .36s;
}

.g-button2 span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #09539b;
    transition: all .36s;
}

.g-sec1frsk .slick-dots {
    bottom: -20px;
    padding-right: 40px;
    text-align: right;
}

.g-sec1frsk .slick-dots li {
    border: 1px solid #b6b6b6;
    background: #b6b6b6;
}

.g-sec1frsk .slick-dots li.slick-active {
    background: #09539b;
}

.g-sec1frsk .slick-dots li.slick-active::before {
    border: 1px solid #bfd2e5;
    background: #bfd2e5;
    z-index: -1;
}

.g-type1.act {
    width: 100%;
    top: 0;
    border-radius: 0;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    height: 72px;
}

.g-type1.act .g-hdlogo {
    line-height: 72px;
}

.g-type1.act .g-navli a {
    line-height: 72px;
}

.g-type1.act .g-search {
    border-radius: 0;
}

.g-type1.act .g-store {
    margin-top: 16px;
}

.g-type1.act .g-forgin,
.g-type1.act .g-sylogin {
    line-height: 72px
}

.g-type1.act .g-searchtu {
    height: 72px;
}

.g-ny-effect.act .g-syhead {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
    height: 72px;
}

.g-ny-effect.act .g-hdlogo {
    line-height: 72px;
}

.g-ny-effect.act .g-navli a {
    line-height: 72px;
}

.g-ny-effect.act .g-search {
    border-radius: 0;
}

.g-ny-effect.act .g-store {
    margin-top: 16px;
}

.g-ny-effect.act .g-forgin,
.g-ny-effect.act .g-sylogin {
    line-height: 72px
}

.g-ny-effect.act .g-searchtu {
    height: 72px;
}

.g-ny-effect.act .g-nyban {
    top: 72px;
}

.g-sec2 {
    padding-top: 68px;
}

.g-sec2fl {
    width: 33.333333%;
    position: relative;
    border-top: 1px solid #ebebeb;
}

.g-sec2bj {
    width: 100%;
    opacity: 0;
    transition: all .36s;
}

.g-sec2bj img {
    width: 100%;
}

.g-sec2nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 50px;
}

.g-sec2icon {
    width: 70px;
    margin: 0 auto 48px;
    position: relative;
}

.g-sec2icon img {
    transition: all .36s;
    width: 100%;
}

.g-sec2icon1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-sec2icon2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.g-sec2fl.on {
    background: #f8f8f8;
}

.g-sec2nrwztle {
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 10px;
    color: #333;
}

.g-sec2nrwz p {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    max-height: 84px;
    overflow: hidden;
}

.g-sec2nrwz .g-button {
    margin-top: 26px;
    color: #09539b;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #09539b;
    display: inline-block;
    transform: translateY(0);
}

.g-sec3-btn {
    display: inline-block;
}

.g-sec3bt {
    text-align: center;
}

.g-sec3 {
    position: relative;
}

.g-sec3nr {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 40px;
}

.g-sec3b {
    text-align: center;
}

.g-sec3b span {
    font-size: 14px;
    color: #09539b;
    line-height: 18px;
}

.g-sec3b .g-word1 {
    line-height: 60px;
    font-weight: bold;
}

.g-sec3b .g-parp1 {
    margin-top: 8px;
}

.g-sec3btn {
    margin-top: 46px;
    text-align: center;
}

.g-sec3-btn {
    display: inline-block;
}

.g-sec3btn-nr:nth-child(1) {
    margin-right: 36px;
}

.g-sec3btn-nr {
    width: 265px;
}

.g-sec3btn-nr a {
    display: block;
    padding: 0 30px;
    border-radius: 25px;
    border: 1px solid #3d6c9b;
    transition: all .36s;
}

.g-sec3btnfl {
    color: #09539b;
    font-size: 16px;
    line-height: 48px;
    transition: all .36s;
    margin-right: 18px;
}

.g-sec3btnfr {
    color: #09539b;
    font-size: 14px;
    line-height: 48px;
    transition: all .36s;
    padding-right: 24px;
    position: relative;
}

.g-sec3btnfr::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #b6cadc;
    transition: all .36s;
}

.g-sec3btnfr::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #09539b;
    transition: all .36s;
}

.g-sec3dx {
    position: relative;
}

.g-sec3dx-topa {
    line-height: 28px;
    color: #fff;
    padding: 0 16px;
    font-size: 14px;
    background: #ff5b62;
    border-radius: 25px;
    width: 70px;
}

.g-sec3dx-top {
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

.g-sec3dx {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 60;
}

.g-sec3dx-top svg {
    height: 65px;
    width: 65px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin: auto;
}

.g-sec3dxtu {
    width: 100%;
}

.g-sec4bj {
    position: absolute;
    top: -7px;
    left: 0;
    width: 517px;
}

.g-sec4bj img {
    width: 100%;
}

.g-sec4 {
    padding: 145px 0 100px;
    position: relative;
}

.g-sec4fl {
    width: 25%;
    padding: 0 55px;
    text-align: center;
}

.g-sec4b {
    padding: 0 38px;
}

.g-sec4tu {
    width: 35px;
    margin: 0 auto 30px;
}

.g-shuflp p {
    font-size: 60px;
    color: #09539b;
    font-weight: bold;
}

.g-bai {
    font-size: 60px;
    color: #09539b;
    font-weight: bold;
}

.g-shuflpb {
    display: inline-block;
}

.g-shuflp {
    text-align: center;
    margin-bottom: 20px;
}

.g-sec4tu img {
    width: 100%;
}

.g-zhu {
    color: #666;
    font-size: 18px;
    line-height: 30px;
}

.g-sec5fr {
    width: 62%;
    position: relative;
    z-index: 55;
}

.g-sec5-vio {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.g-sec5-vio img {
    width: 100%;
}

.g-sec5-vio video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.g-sec5 {
    position: relative;
}

.g-sec5fl {
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 60;
    padding-left: 3px;
    width: 49.5%;
    background: #fff;
}

.g-sec5nr {
    padding: 45px 70px 40px 3px;
}

.g-sec5-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    z-index: 10;
    cursor: pointer;
}

.g-sec5-play img {
    width: 100%;
}

.g-sec6 {
    padding-top: 156px;
    position: relative;
    z-index: 100;
    padding-bottom: 86px;
}

.g-sec5top {
    position: absolute;
    top: 105px;
    left: 0;
}

.g-sytle span {
    color: #09539b;
    font-size: 14px;
    line-height: 18px;
}

.g-sytle h2 {
    color: #333;
    line-height: 60px;
    font-weight: bold;
}

.g-sec5 .g-button2 {
    margin-top: 90px;
}

.g-sec5top {
    padding-left: 3px;
}

.g-sec6 .g-sytle {
    text-align: center;
}

.g-sec6nr {
    margin-top: 40px;
    position: relative;
}

.g-sec6fl {
    width: 66.666667%;
}

.g-sec6fr {
    width: 33.333333%;
    padding-left: 22px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
}

.g-sec6tu {
    width: 375px;
    position: relative;
    overflow: hidden;
}

.g-sec6tu img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-sec6tu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-sec6tu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-sec6fltop .g-sec6wz {
    width: calc(100% - 375px);
    background: #f8f8f8;
    padding: 35px 45px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    transition: all .36s;
}

.g-sec6fltop {
    position: relative;
}

.g-sec6wz span {
    color: #00a5ff;
    font-size: 14px;
    line-height: 18px;
    transition: all .36s;
}

.g-sec6tle {
    color: #333;
    font-size: 20px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    margin-top: 18px;
    transition: all .36s;
}

.g-sec6wz p {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    margin-top: 8px;
}

.g-sec6 .g-button {
    transform: translateY(0);
    margin-top: 36px;
}

.g-sec6flbotfl {
    width: 50%;
    padding: 0 10px;
}

.g-sec6fltop {
    margin-bottom: 18px;
}

.g-sec6flbot {
    margin: 0 -10px;
}

.g-sec6flbotfl a {
    display: block;
    position: relative;
}

.g-sec6flbotbj {
    width: 100%;
    position: relative;
    opacity: 0;
    transition: all .36s;
}

.g-sec6flbotbj::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(9, 83, 155, .76);
    width: 100%;
    height: 100%;
    transition: all .36s;
    z-index: 10;
    opacity: 0;
}

.g-sec6flbotbj img {
    width: 100%;
    height: 100%;
}

.g-sec6flbotbj1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-sec6flbotbj2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-sec6flbot .g-sec6wz {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 50px;
    z-index: 20;
    background: #f8f8f8;
    transition: all .36s;
}

.g-sec6fr .g-sec6wz {
    background: #f8f8f8;
    padding: 32px 36px;
}

.g-sec6btn {
    text-align: center;
}

.g-sec {
    position: relative;
}

.g-sec6sh {
    position: relative;
    z-index: 60;
}

.g-foot {
    background: #224a84;
    padding: 62px 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 508px;
    z-index: 15;
    /*display: none;*/
}

.g-footadr {
    width: 25%;
}

.g-footnr {
    width: 75%;
}

.g-ftnav {
    margin-right: 150px;
}

.g-ftnavtop a {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    display: block;
    transition: all .36s;
}

.g-ftnavbot li a {
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    line-height: 28px;
    transition: all .36s;
}

.g-ftnavbot li {
    margin-bottom: 10px;
}

.g-footadr-top {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.g-ftlitu {
    width: 13px;
    line-height: 22px;
}

.g-ftlitu img {
    width: 100%;
}

.g-ftliwz {
    width: calc(100% - 13px);
    color: rgba(255, 255, 255, .5);
    font-size: 16px;
    line-height: 22px;
    padding-left: 10px;
}

.g-ftli {
    margin-bottom: 30px;
}

.g-foottop {
    margin-bottom: 46px;
}

.g-footbot {
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.g-footbotfl p {
    color: rgba(255, 255, 255, .2);
    font-size: 14px;
    line-height: 20px;
}

.g-footbot {
    padding: 24px 0;
}

.g-footbotfl a {
    padding-left: 10px;
    color: rgba(255, 255, 255, .2);
    font-size: 14px;
    line-height: 20px;
}

.g-foot.on {
    display: block;
}

.l-r-topb i {
    width: 30px;
    height: 30px;
    display: block;
}

.l-r-topb .bshare_box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.l-r-topb {
    cursor: pointer;
    position: relative;
    margin-left: 6px;
}

.l-r-topb .bshare_box a {
    width: 100% !important;
    height: 100% !important;
    display: block;
    opacity: 0 !important;
}

.l-r-topb .bsPromo {
    width: 100%;
    height: 100%;
    display: block !important;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
}

.iconfont img {
    width: 100%;
}

.g-sec5ah {
    width: 1550px;
    position: relative;
}

.g-sec6 .g-button {
    color: #09539b;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #09539b;
    display: inline-block;
    transform: translateY(-20px);
    transition: all .36s;
}

.g-float {
    position: fixed;
    top: 50%;
    right: -56px;
    transform: translateY(-50%);
    width: 56px;
    z-index: 400;
    background: #fff;
    transition: all .36s ease;
}

.g-float.on {
    right: 0;
}

.g-flul {
    width: 100%;
    height: 56px;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.g-flul:first-child {
    border-top: 1px solid #e1e1e1;
}

.g-flli img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21px;
    height: 18px;
    transition: all .36s;
}

.g-flli a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.g-flli {
    width: 100%;
    height: 100%;
    margin-left: 0;
    transition: all .36s;
    cursor: pointer;
}

.g-float .l-r-topb i {
    width: 100%;
    height: 100%;
    display: block;
}

.g-float .bshare-custom a {
    padding-left: 56px !important;
}

#bsPanelHolder {
    display: none !important;
}

.g-fttu2 {
    opacity: 0;
}

.g-fllib {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-fllitop {
    width: 11px;
    position: relative;
    margin: auto;
}

.g-fllitop img {
    width: 100%;
    transition: all .36s;
    height: inherit;
}

.g-fllitop1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-fllitop2 {
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
}

.g-fllibot {
    margin-top: 8px;
    color: #8d8d8d;
    font-size: 14px;
    line-height: 18px;
    transition: all .36s;
}

.g-download {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: none;
    transition: all .36s ease;
}

.g-download.active {
    display: block;
}

.g-downnr {
    padding: 0 10px 0 18px;
    background: #09539b;
    border-radius: 6px;
    position: absolute;
    bottom: 32px;
    right: 14px;
    width: 220px;
    cursor: pointer;
}

.g-downnrfl {
    width: 20px;
    line-height: 64px;
}

.g-downnrfl img {
    width: 100%;
}

.g-downnrfr {
    padding-left: 12px;
    color: #fff;
    font-size: 14px;
    line-height: 64px;
}

.g-download.on {
    position: absolute;
}

.g-type2 {
    width: 100%;
    top: 0;
    border-radius: 0;
}

.g-type2 .g-search {
    border-radius: 0;
}

.g-nyban {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 20;
    /*transition: all .3s ease-out 0s;*/
    width: 100%;
    opacity: 1;
}

.g-nybantu {
    width: 100%;
    height: 360px;
    position: relative;
}

.g-nybantu img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-bread-box {
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
}

.g-nybanwz-box {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.g-bread-home {
    width: 20px;
}

.g-bread-home img {
    width: 100%;
}

.g-breadfl {
    margin-left: 12px;
}

.g-breadfl a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

.g-nyban-title {
    color: #FFF;
    font-size: 50px;
    line-height: 72px;
    font-weight: bold;
    margin-bottom: 24px;
}

.g-nybanwz-box p {
    color: rgba(255, 255, 255, .6);
    font-size: 18px;
    line-height: 28px;
}

.g-nybanwz {
    width: 530px;
}

.g-b2 {
    padding-top: 62px;
    background: #f5f5f5;
}

.g-b2topfl {
    width: 220px;
    margin-right: 24px;
    position: relative;
    margin-bottom: 20px;
}

.g-b2sou {
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    width: 100%;
    padding: 0 16px 0 26px;
    cursor: pointer;
}

.g-b2soufl p {
    line-height: 46px;
    color: #666666;
    font-size: 14px;
    height: 46px;
    overflow: hidden;
}

.g-b2soufr {
    width: 12px;
    line-height: 46px;
}

.g-b2soufr img {
    width: 100%;
    transition: all .36s;
}

.g-b2soufl {
    width: calc(100% - 12px);
    padding-right: 15px;
}

.g-b2list {
    position: absolute;
    top: 50px;
    left: 0;
    border: 1px solid #d0d0d0;
    width: 100%;
    background: #f5f5f5;
    display: none;
    z-index: 40;
}

.g-b2list ul {
    max-height: 175px;
    overflow: hidden;
    padding: 10px 16px 10px 26px;
    background: #f5f5f5;
}

.g-b2list li p {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
}

.g-b2soufl p {
    color: #666666;
    font-size: 14px;
}

.g-b2topfl.on .g-b2soufr img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.g-b2input {
    width: 100%;
    height: 48px;
    border-radius: 5px;
    border: 1px solid #d0d0d0;
    width: 100%;
    padding: 0 16px 0 26px;
}

.g-b2input input {
    height: 100%;
    width: 100%;
    color: #666;
}

.g-b2topbtn {
    height: 48px;
    width: 110px;
    border-radius: 5px;
    background: #09539b;
    cursor: pointer;
    position: relative;
}

.g-b2topbtn img {
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 10;
}

.g-b2bot {
    margin-top: 82px;
}

.g-b2pt1fl {
    width: 25%;
    padding: 0 13px;
    height: 286px;
    margin-bottom: 30px;
}

.g-b2pt1fl a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 38px 40px 25px 22px;
}

.g-b2pt1mc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 83, 155, .9);
    transition: all .4s;
    opacity: 0;
}

.g-b2pt1tu {
    position: absolute;
    bottom: 25px;
    right: 40px;
    width: 174px;
    transition: all .36s;
}

.g-b2pt1tu img {
    width: 100%;
    height: 100%;
}

.g-b2pt1tu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-b2pt1tu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-b2pt1top {
    margin: 0 -13px 40px;
}

.g-b2bottle p {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    margin-bottom: 5px;
}

.g-b2bottle span {
    color: #09539b;
    font-size: 14px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
}

.g-b2pt1mcnr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
}

.g-b2pt1mc .g-b2bottle {
    text-align: center;
}

.g-b2pt1mc p {
    color: #fff;
}

.g-b2pt1mc span {
    color: #999999;
}

.g-b2 .g-button {
    text-align: center;
    margin-top: 60px;
}

.g-b2pt1mc .g-button p {
    color: #00a9f8;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #00a9f8;
    display: inline-block;
    transition: all .36s;
}

.g_phfy {
    display: none;
}

.g_phfyfl a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    text-align: center;
}

.pc_fenye li {
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 33px;
    color: #666;
    text-align: center;
    margin: 0px 10px;
}

.pc_fenye li.activepage {
    color: #fff;
    background: #09539b;
}

.pc_fenye li.clolr {
    color: #484848;
}

.g-b2pt2 {
    margin-top: 80px;
}

.g-b2pt2 h5 {
    color: #09539b;
    font-weight: bold;
    margin-bottom: 18px;
}

.g-b2pt3 {
    margin-top: 70px;
    padding-bottom: 135px;
}

.g-b2pt3 h5 {
    color: #09539b;
    font-weight: bold;
    margin-bottom: 24px;
}

.g-b2pt3fl {
    width: 25%;
    padding: 0 12px;
}

.g-b2pt3tu {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.g-b2pt3tu img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-b2pt3tu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-b2pt3tu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-b2pt3wz {
    background: #fff;
    padding: 30px 20px;
}

.g-b2pt3sk {
    margin: 0 -12px;
}

.g-b2pt3wz span {
    color: #00a5ff;
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-bottom: 25px;
}

.g-b2pt3wz p {
    color: #666666;
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    transition: all .36s;
}

.g-b2pt3wz .g-button {
    color: #09539b;
    font-size: 14px;
    line-height: 30px;
    transition: all .36s;
    text-align: left;
    margin-top: 10px;
    border-bottom: 1px solid #09539b;
    display: inline-block;
}

.g-b2pt3sk .slick-dots {
    position: absolute;
    bottom: -65px;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
}

.g-b2pt3sk .slick-dots li.slick-active {
    background: #afafaf;
    border: 1px solid #afafaf;
}

.g-b2pt3sk .slick-dots li.slick-active {
    background: #09539b;
}

.g-b2pt3sk .slick-dots li.slick-active::before {
    border: 1px solid transparent;
    background: rgba(9, 83, 155, .26);
    z-index: -1;
}

.g-download.on {
    /*position: absolute;*/
    display: block;
}

.g-c1nrfl {
    width: 33.333333%;
    padding: 0 26px;
    margin-bottom: 60px;
    transition: all .36s;
}

.g-c1nrtop {
    margin: 0 -26px;
}

.g-c1 {
    background: #f5f5f5;
    padding: 70px 0 65px;
}

.g-c1nrtu {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.g-c1nrtu img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-c1nrtu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-c1nrtu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-c1nrwz {
    padding: 22px 22px 65px;
    border-bottom: 1px solid #d5d5d5;
    transition: all .36s;
}

.g-c1nrwz span {
    color: #999999;
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-bottom: 20px;
}

.g-c1nrwz p {
    color: #333333;
    font-size: 20px;
    line-height: 32px;
    height: 64px;
    overflow: hidden;
}

.g-c1nrfl .g-button {
    margin-top: 50px;
    color: #09539b;
    font-size: 16px;
    border-bottom: 1px solid #09539b;
    display: inline-block;
    line-height: 32px;
}

.g-d1 {
    background: #f5f5f5;
    min-height: auto;
}

.g-funav {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .5);
}

.g-funavfl {
    width: 33.333333%;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.g-funavfl:last-child {
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.g-funavfl a {
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 62px;
    text-align: center;
    position: relative;
    transition: all .36s;
}

.g-funavfl a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #4ea8e9;
    transition: all .36s;
}

.g-funavfl.on a {
    color: #4ea8e9;
}

.g-nyban-type2 .g-nybanwz-box {
    top: 95px;
}

.g-funavfl.on a::before {
    width: 100%;
}

.g-d1fl {
    width: 54%;
    background: #f1f1f1;
    padding: 98px 20px 90px;
    z-index: 60;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.g-d1fr {
    width: 46%;
    float: right;
    min-height: 590px;
}

.g-d1tu {
    width: 100%;
    margin: auto;
}

.g-d1tu img {
    width: 100%;
}

.g-d1fr-top,
.g-d1fr-bot {
    width: 525px;
}

.g-d1fr-top {
    padding-left: 22px;
}

.g-d1frnr {
    padding: 32px 0;
    border-bottom: 1px solid #dbdbdb;
}

.g-d1frz {
    width: 20px;
    line-height: 38px;
}

.g-d1frz img {
    width: 20px;
}

.g-d1fry {
    width: calc(100% - 20px);
    padding-left: 32px;
}

.g-d1frtopb {
    width: 18px;
    line-height: 38px;
    position: relative;
    margin-right: 5px;
}

.g-d1frtopb1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-d1frtopb2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
}

.g-d1frtopb img {
    width: 100%;
    transition: all .36s;
}

.g-d1frtopa {
    width: calc(100% - 23px);
    padding-right: 10px;
    color: #333333;
    font-size: 18px;
    line-height: 38px;
    transition: all .36s ease;
}

.g-d1frbot {
    padding: 20px 45px 0 0;
}

.g-d1frbota1 {
    width: 45px;
    color: #09539b;
    font-size: 18px;
    line-height: 28px;
}

.g-d1frbota2 {
    width: calc(100% - 45px);
    padding-left: 10px;

}

.g-d1frbota2 p {
    color: #666666;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
}

.g-d1frbot {
    display: none;
}

.g-d1fr-bot div {
    width: 50%;
}

.g-d1fr-bot div a {
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    display: block;
}

.g-d1fr-pre a {
    background: #09539b;
    color: #fff;
}

.g-d1fr-next a {
    background: #e4e4e4;
    color: #09539b;
}

.g-d1fr-bot {
    position: relative;
    z-index: 60;
    margin-top: 1px;
}

.g-d1frbota:first-child {
    margin-bottom: 22px;
}

.g-d1frtop {
    cursor: pointer;
}

.g-d1frtop.on .g-d1frtopb2 {
    opacity: 1;
}

.g-d1frtop.on .g-d1frtopb1 {
    opacity: 0;
}

.g-d1frnr:last-child {
    border-bottom: 1px solid transparent;
}

.g_bancom.on {
    z-index: 10;
    opacity: 0;
}

.g-ftli:last-child .g-ftliwz {
    height: 88px;
    overflow: hidden;
    letter-spacing: 1px;
}

.g-d2 {
    background: #f5f5f5;
    padding: 52px 0 80px;
}

.g-d3 {
    background: #f5f5f5;
    padding: 60px 0 90px;
}

.g-dcom {
    margin-bottom: 52px;
}

.g-dcomfr {
    width: 240px;
    padding-right: 15px;
    position: relative;
    z-index: 100;
}

.g-dcomfl {
    width: calc(100% - 240px);
}

.g-dcomnr {
    padding-right: 130px;
    position: relative;
}

.g-dcomnr::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 65px;
    width: 1px;
    height: 20px;
    background: #dedede;
    transform: translateY(-50%);
}

.g-dcomnr:last-child::before {
    display: none;
}

.g-dcomnr:last-child {
    padding-right: 0;
}

.g-dcomnr a {
    position: relative;
    color: #4d4d4d;
    font-size: 22px;
    line-height: 32px;
    padding-top: 8px;
}

.g-dcomnr a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #09539b;
    transition: all .36s;
}

.g-dcomnr.on a::before {
    width: 100%;
}

.g-dcomfr1 {
    width: 14px;
    margin-right: 18px;
    line-height: 26px;
}

.g-dcomfr1 img {
    width: 100%;
}

.g-dcomfr3 {
    width: 12px;
    margin-left: 16px;
    line-height: 26px;
}

.g-dcomfr3 img {
    width: 100%;
    transition: all .36s;
}

.g-dcomfr2 {
    width: calc(100% - 60px);
}

.g-dcomfrbot {
    position: absolute;
    top: 22px;
    left: 0;
    width: calc(100% - 15px);
    z-index: 10;
    background: #f5f5f5;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05);
    display: none;
}

.g-dcomfrbot a {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.g-dcomfrbot ul {
    max-height: 175px;
    overflow: hidden;
    padding: 10px 15px 10px 32px;
}

.g-dcomfrtop {
    cursor: pointer;
}

.g-dcomfrtop.on .g-dcomfr3 img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.g-d2pt1 {
    margin-top: 52px;
    margin-bottom: 72px;
}

.g-d2pt1fl {
    width: 20px;
    position: relative;
    transition: all .36s;
}

.g-d2pt1fl1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-d2pt1fl2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.g-d2pt1fl img {
    width: 100%;
    transition: all .36s;
}

.g-d2pt1nr a {
    width: 100%;
    padding: 20px 55px 20px 28px;
    display: block;
}

.g-d2pt1frtu {
    width: 12px;
    position: relative;
    margin-right: 10px;
    transition: all .36s;
    line-height: 30px;
}

.g-d2pt1fr img {
    width: 100%;
    transition: all .36s;
}

.g-d2pt1fl1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-d2pt1fl2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.g-d2pt1fzh {
    width: calc(100% - 108px);
    padding: 0 30px;
}

.g-d2pt1fr {
    width: 88px;
}

.g-d2pt1fzh p {
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    transition: all .36s;
}

.g-d2pt1fr p {
    color: #09539b;
    font-size: 14px;
    line-height: 30px;
    transition: all .36s;
}

.g-d2pt1nr {
    transition: all .36s;
    border-bottom: 1px solid rgba(9, 83, 155, .1);
}

.g-d2pt1fr1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-d2pt1fr2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.g-d3pt {
    margin-bottom: 26px;
}

.g-d3nr {
    margin-top: 58px;
    margin-bottom: 86px;
}

.g-d3ptbot {
    background: #fff;
    padding: 44px 130px 55px 105px;
    display: none;
}

.g-d3ptbot p {
    color: #999;
}

.g-d3pttop {
    padding: 16px 70px 16px 40px;
    background: #fff;
    cursor: pointer;
    transition: all .36s;
}

.g-d3nrfl {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #09539b;
    position: relative;
}

.g-d3nrfl p {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #09539b;
    transition: all .36s;
}

.g-d3nrfl1 {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-d3nrfl2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.g-d3nrfr {
    width: 18px;
    position: relative;
    line-height: 30px;
}

.g-d3nrfr img {
    width: 100%;
    transition: all .36s;
}

.g-d3nrfr1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-d3nrfr2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.g-d3nrzh p {
    color: #666666;
    font-size: 20px;
    line-height: 30px;
}

.g-d3nrzh {
    width: calc(100% - 50px);
    padding: 0 40px;
}

.g-d3pt.on .g-d3nrfl1 {
    opacity: 0;
}

.g-d3pt.on .g-d3nrfl2 {
    opacity: 1;
    color: #fff;
}

.g-d3pt.on .g-d3pttop {
    background: #09539b;
}

.g-d3pt.on .g-d3nrfl {
    border: 1px solid #fff;
}

.g-d3pt.on .g-d3nrzh p {
    color: #fff !important;
}

.g-d3pt.on .g-d3nrfr1 {
    opacity: 0;
}

.g-d3pt.on .g-d3nrfr2 {
    opacity: 1;
}

.g-d3emailfl {
    color: #09539b;
    font-size: 20px;
    line-height: 30px;
}

.g-d3emailfr {
    width: 30px;
    margin-left: 40px;
}

.g-d3emailfr img {
    width: 100%;
}

.g-d3email {
    text-align: center;
}

.g-d3email a {
    display: inline-block;
}

.g-nyban-type3 .g-funavfl {
    width: 25%;
}

.g-nyban-type3 .g-nybanwz-box {
    top: 95px;
}

.g-e2 {
    background: #f5f5f5;
    padding: 60px 0;
}

.g-e3 {
    background: #f5f5f5;
    padding: 50px 0 35px;
}

.g-e2pt1fr {
    width: 320px;
}

.g-e2pt1fl {
    width: calc(100% - 320px);
    padding-right: 30px;
}

.g-e2nrfl {
    width: 255px;
    position: relative;
}

.g-e2nrfr {
    width: calc(100% - 255px);
    padding-left: 40px;
}

.g-e2nrtu {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.g-e2nrtu::before {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 83, 155, .7);
    z-index: 10;
    transition: all .36s;
}

.g-e2nrtu img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-e2nrtu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-e2nrtu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-e2 .g-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 15;
    border-bottom: 1px solid #fff;
    line-height: 26px;
    font-size: 16px;
    transition: all .36s;
    opacity: 0;
}

.g-e2nr {
    margin-bottom: 24px;
}

.g-e2nr {
    background: #fff;
    padding: 26px 25px;
}

.g-e2-tle {
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    height: 60px;
}

.g-e2nrfr span {
    color: #00a5ff;
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin: 10px 0;
}

.g-e2nrfr p {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.g-e2pt1 {
    margin-bottom: 38px;
}

.g-e2ptfl {
    width: 90px;
    position: relative;
    overflow: hidden;
}

.g-e2ptfl img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-e2ptfr {
    width: calc(100% - 90px);
    padding-left: 15px;
}

.g-e2ptfl1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-e2ptfl2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-e2pt1frtop {
    padding: 0 18px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    background: #09539b;
}

.g-e2pt1frbot {
    background: #fff;
}

.g-e2pt {
    padding: 18px;
    border-bottom: 1px solid #d5d5d5;
    position: relative;
}

.g-e2ptbtn {
    width: 18px;
    position: absolute;
    top: 26px;
    right: 18px;
}

.g-e2ptbtn img {
    width: 100%;
}

.g-e2ptfr p {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    transition: all .36s;
    padding-right: 20px;
}

.g-e2ptfr span {
    display: block;
    color: #999;
    font-size: 14px;
    margin-top: 22px;
    line-height: 18px;
}

.g-e2pt:last-child {
    border-bottom: 1px solid transparent;
}

.g-e3-tle h3 {
    color: #09539b;
}

.g-e3-time {
    margin-top: 40px;
    margin-bottom: 50px;
}

.g-e3-timefl {
    color: #999;
    font-size: 16px;
    line-height: 30px;
    margin-right: 110px;
}

.g-e3 .g-e2pt1fl {
    padding-right: 110px;
}

.g-e3-nr span {
    display: block;
    color: #09539b;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
}

.g-e3-page a {
    color: #09539b;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #09539b;
}

.g-e4pt1map {
    width: 50%;
}

.g-e4pt1fl {
    width: 50%;
    padding-right: 60px;
    padding-top: 60px;
}

.g-e4pt1map img {
    width: 100%;
}

.g-e4pt1 {
    background: #fff;
    position: relative;
}

.g-e4pt1nr {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-e4pt1fl h4 {
    color: #09539b;
    font-size: 26px;
    line-height: 36px;
}

.g-e4pt1-top {
    margin-top: 34px;
}

.g-e4pt1-nrfl {
    width: 78px;
    color: #09539b;
    font-size: 20px;
    line-height: 28px;
}

.g-e4pt1-nrfr {
    width: calc(100% - 78px);
}

.g-e4pt1-nrfr p {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
}

.g-e4pt1-nr {
    margin-bottom: 24px;
}

.g-e4pt1-bot {
    margin-top: 56px;
}

.g-e4pt1-bot h4 {
    margin-bottom: 34px;
}

.g-e4pt2fl {
    width: 50%;
    padding: 0 12px;
}

.g-e4pt2-nr {
    margin: 0 -12px 32px;
}

.g-e4pt2 {
    position: relative;
}

.g-e4pt2wz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-e4pt2-are {
    width: 100%;
    height: 190px;
    border: 1px solid #d7d7d7;
}

.g-e4pt2-are textarea {
    resize: none;
    padding: 30px 32px 30px 10px;
    height: 100%;
    width: calc(100% - 100px);
    line-height: 22px;
}

.g-e4pt2flb {
    border: 1px solid #d7d7d7;
    padding: 0 32px;
}

.g-e4pt2flb p {
    line-height: 50px;
    color: #666666;
    font-size: 16px;
    width: 60px;
}

.g-e4pt2flb p span {
    color: rgba(229, 27, 27, .8);
    font-size: 16px;
    line-height: 50px;
    padding-left: 5px;
}

.g-e4pt2flb input {
    width: calc(100% - 60px);
    height: 50px;
    padding: 0 5px;
}

.g-e4pt2-are {
    position: relative;
}

.g-e4pt2-are p {
    color: #666666;
    font-size: 16px;
    position: absolute;
    top: 32px;
    left: 32px;
}

.g-e4-btn {
    text-align: center;
    margin-top: 48px;
}

.g-e4-btn a {
    border-radius: 25px;
    border: 1px solid #7a9fc3;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #09539b;
    display: inline-block;
    padding: 0 60px;
}

.g-e1 {
    background: #f5f5f5;
    padding: 115px 0 0;
    min-height: auto;
}

.g-e1pt1-botfr {
    width: 732px;
}

.g-e1pt1-botfr img {
    width: 100%;
}

.g-e1pt1-botfl {
    width: calc(100% - 732px);
    padding-right: 64px;
    padding-top: 10px;
}

.g-e1pt1-tle span {
    color: #09539b;
    font-size: 14px;
    line-height: 22px;
}

.g-e1pt1-tle h2 {
    color: #333333;
    font-weight: bold;
    line-height: 62px;
}

.g-e1pt1-bot .g-parp1 {
    margin-top: 35px;
}

.g-e1pt2bj {
    width: 100%;
    height: 594px;
}

.g-e1pt2bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-e1pt1-bot {
    position: relative;
    z-index: 60;
    margin-bottom: 100px;
}

.g-e1pt2 {
    position: relative;
    z-index: 60;
}

.g-e1pt2-nr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.g-e1pt2 .g-e1pt1-tle span,
.g-e1pt2 .g-e1pt1-tle h2 {
    color: #fff;
}

.g-e1pt2mc {
    width: 100%;
    height: 260px;
}

.g-e1pt2mc img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.g-e1pt2 .g-e1pt1-tle {
    margin-bottom: 140px;
}

.g-e1pt2-bot {
    position: relative;
}

.g-e1pt2-botnr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.g-e1pt2-botfl {
    width: 20%;
    padding: 50px 25px;
    position: relative;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .1);
    transition: all .36s;
}

.g-e1pt2-botfl span {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 18px;
    transition: all .36s;
    position: relative;
    z-index: 10;
}

.g-e1pt2-botfl p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    transition: all .36s;
    position: relative;
    z-index: 10;
}

.g-e1pt2-botfl::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    transition: all .36s;
}

.g-e1pt2-icon {
    position: absolute;
    bottom: 0;
    right: 22px;
    width: 114px;
    transition: all .36s;
    opacity: 0;
}

.g-e1pt2-icon img {
    width: 100%;
}

.g-e1pt2-botfl:last-child {
    border-right: 0px solid rgba(255, 255, 255, .1);
}

.g-e1pt3 {
    padding: 110px 0 105px;
    text-align: center;
}

.g-e1pt1-tle p {
    color: #666;
    font-size: 18px;
    line-height: 28px;
    padding: 0 70px;
    margin-top: 45px;
}

.g-e1pt3-bot {
    width: 1560px;
}

.g-e1pt3-btn {
    position: relative;
}

.g-e1pt3-btnb {
    width: 150px;
    position: absolute;
    bottom: 0;
    left: 10px;
}

.g-e1pt3-sk {
    width: calc(100% - 150px);
    padding-right: 45px;
}

.g-e1pt3-skfl {
    width: 20%;
    padding: 0 23px;
    position: relative;
}

.g-e1pt3-sktu {
    width: 100%;
    position: relative;
}

.g-e1pt3-sktu img {
    width: 100%;
    height: 100%;
}

.g-e1pt3-sktu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-e1pt3-sktu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-e1pt3-bot {
    margin-top: 55px;
}

.he_padle {
    margin-top: 55px;
}

.g-e1pt3-btnfl {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    background: #09539b;
    margin-right: 22px;
    position: relative;
}

.g-e1pt3-btnfl img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
}

.g-e1pt4 {
    position: relative;
}

.g-e1pt4fl {
    width: 20%;
    margin-bottom: 100px;
    padding: 0 15px;
}

.g-e1pt4nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-e1pt4 .g-e1pt1-tle span,
.g-e1pt4 .g-e1pt1-tle h2 {
    color: #fff;
}

.g-e1pt4-nr {
    margin: 80px -15px 0;
}

.g-e1pt4tu {
    width: 100%;
    position: relative;
}

.g-e1pt4tu img {
    width: 100%;
    height: 100%;
}

.g-e1pt4tu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-e1pt4tu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.gm-member {
    background: #f5f5f5;
    min-height: 100vh;
}

.gm-login {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1500px;
    border-radius: 32px;
}

.gm-loginfl {
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    padding: 75px 90px 75px 38px;
}

.gm-loginfr {
    width: 60%;
}

.gm-loginfr img {
    width: 100%;
}

.gm-login-tle {
    color: #09539b;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 80px;
}

.gm-login-nr input {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #b6d4f1;
    font-size: 16px;
    line-height: 50px;
    color: #999;
    display: block;
    margin-bottom: 35px;
}

.gm-logfl {
    color: #09539b;
    font-size: 14px;
    line-height: 30px;
    position: relative;
}

.gm-logfl.fl {
    padding-left: 24px;
    cursor: pointer;
}

.gm-logfl.fl::before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #09539b;
}

.gm-logfl.fl::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    width: 6px;
    height: 6px;
    background: #09539b;
    opacity: 0;
    transition: all .36s;
}

.gm-login-nr {
    margin-bottom: 30px;
}

.gm-logfl a {
    color: #09539b;
    font-size: 14px;
    line-height: 30px;
    position: relative;
}

.gm-log-btn {
    width: 230px;
    margin: 56px auto 0;
    text-align: center;
    border-radius: 30px;
    background: #09539b;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.gm-res-fr {
    width: 180px;
    border-radius: 30px;
    background: #09539b;
}

.gm-res-fr a {
    color: #fff;
    line-height: 55px;
    font-size: 20px;
    text-align: center;
    display: block;
}

.gm-res-fl {
    width: calc(100% - 180px);
    padding-right: 20px;
}

.gm-res-fl input {
    height: 50px;
    width: 100%;
    border-bottom: 1px solid #b6d4f1;
    font-size: 16px;
    line-height: 50px;
    color: #999;
    display: block;
    margin-bottom: 40px;
}

.gm-res-log {
    text-align: right;
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
}

.gm-res-log a {
    color: #09539b;
}

.gm-login-nr input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.gm-login-nr input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.gm-login-nr input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.gm-res-fl input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.gm-res-fl input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.gm-res-fl input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(9, 83, 155, .6);
    font-size: 20px;
}

.g-b2input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c2c0c0;
    font-size: 14px;
}

.g-b2input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c2c0c0;
    font-size: 14px;
}

.g-b2input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c2c0c0;
    font-size: 14px;
}

.gm-mecenfl {
    width: 360px;
    min-height: 100vh;
    background: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.gm-mecenfr {
    width: calc(100% - 360px);
    float: right;
}

.gm-mecen-logo {
    width: 100%;
    height: 200px;
    background: #09539b;
    position: relative;
}

.gm-mecen-logo img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 125px;
}

.gm-mecen {
    min-height: 100vh;
}

.gm-mecen-nav {
    width: 100%;
    padding-top: 56px;
}

.gm-mecen {
    background: #f5f5f5;
    position: relative;
}

.gm-mecen-navnr a {
    padding: 18px 56px 18px 90px;
    display: block;
}

.gm-mecen-navnr {
    position: relative;
}

.gm-mecen-navnr::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 0;
    background: #09539b;
    transition: all .36s;
}

.gm-mecen-ico {
    width: 22px;
    position: relative;
}

.gm-mecen-ico img {
    width: 100%;
    transition: all .36s;
}

.gm-mecen-ico1 {
    position: relative;
    top: 0;
    left: 0;
}

.gm-mecen-ico2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.gm-mecen-wz {
    padding-left: 32px;
    width: calc(100% - 22px);
    color: #666666;
    font-size: 20px;
}

.gm-mecen-navnr.on .gm-mecen-ico1 {
    opacity: 0;
}

.gm-mecen-navnr.on .gm-mecen-ico2 {
    opacity: 1;
}

.gm-mecen-navnr.on .gm-mecen-wz {
    color: #09539b;
}

.gm-mecen-navnr.on a {
    background: #f5f5f5;
}

.gm-mecen-navnr.on::before {
    height: 100%;
}

.gm-mecenfr-top {
    width: 100%;
    height: 80px;
    background: #fff;
    padding-right: 165px;
}

.gm-mecenfr-nav li a {
    color: #09539b;
    line-height: 100px;
    font-size: 16px;
    display: block;
    height: 100%;
}

.gm-mecenfr-nav li {
    padding: 0 16px;
    position: relative;
}

.gm-mecenfr-nav li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    background: #09539b;
    transform: translateY(-50%);
}

.gm-mecen-tle p {
    color: #09539b;
    line-height: 100px;
    font-size: 16px;
}

.gm-mecen-tle {
    margin-left: 15px;
}

.gm-mecen-tle p a {
    color: #09539b;
    line-height: 100px;
    font-size: 22px;
}

.gm-mecenfr-bot {
    padding: 52px 78px;
}

.gm-me-tleico {
    width: 22px;
    line-height: 30px;
}

.gm-me-tleico img {
    width: 100%
}

.gm-me-tle p {
    color: #09539b;
    font-size: 20px;
    line-height: 30px;
    padding-left: 20px;
}

.gm-f3nr {
    width: 1000px;
    margin: 78px auto;
}

.gm-f3nrfl {
    width: 50%;
    padding: 0 10px;
    height: 48px;
    margin-bottom: 26px;
}

.gm-f3nrfl input {
    width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    padding: 0 50px;
    color: #999999;
    font-size: 14px;
}

.gm-f3nrfl input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
    font-size: 14px;
}

.gm-f3nrfl input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
    font-size: 14px;
}

.gm-f3nrfl input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
    font-size: 14px;
}

.gm-f3btn {
    width: 180px;
    height: 48px;
    border-radius: 25px;
    background: #09539b;
    margin: 78px auto 0;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.gm-f4-top {
    margin-bottom: 25px;
}

.gm-f4-top {
    background: #fff;
}

.gm-f4nr {
    margin-top: 42px;
}

.gm-f4-top a {
    display: block;
    padding: 40px 85px 30px 54px;
    position: relative;
}

.gm-f4nrtle {
    color: #333333;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 6px;
    transition: all .36s;
    font-weight: bold;
}

.gm-f4nrfl p {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    transition: all .36s;
}

.gm-f4nrfl span {
    color: #999999;
    font-size: 16px;
    line-height: 28px;
    display: block;
    margin-top: 20px;
    transition: all .36s;
}

.gm-f4nrfl {
    width: calc(100% - 100px);
    padding-right: 30px;
}

/*.g-button{
    position: absolute;
    top:50%;
    right:85px;
    transform: translateY(-50%);
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    border-bottom: 1px solid #666666;
    color:#666;
}*/
.gm-f5nr {
    width: 485px;
    margin: 0 auto 30px;
    border: 1px solid #e6e6e6;
    padding: 0 30px;
}

.gm-f5cen {
    margin-top: 70px;
}

.gm-f5nr1 {
    width: 15px;
    line-height: 50px;
}

.gm-f5nr2 {
    color: #333333;
    font-size: 16px;
    line-height: 50px;
    padding-left: 15px;
    width: 100px;
}

.gm-f5nr1 img {
    width: 100%;
}

.gm-f5nr3 {
    width: calc(100% - 130px);
    padding: 0 0 0 15px;
    height: 50px;
}

.gm-f5nr3 input {
    width: 100%;
    height: 100%;
    color: #999999;
    font-size: 14px;
}

.gm-f5fr {
    width: 120px;
    height: 34px;
    border-radius: 25px;
    background: #09539b;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
}

.gm-f5box {
    width: 1100px;
}

.gm-f5tan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 1000;
}

.gm-f5tan-nr {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 485px;
    background: #fff;
    padding: 46px 60px 108px;
}

.gm-f5tan-close {
    width: 14px;
    position: absolute;
    top: 28px;
    right: 45px;
    cursor: pointer;
}

.gm-f5tan-close img {
    width: 100%;
}

.gm-f5tan .gm-f5nr {
    width: 100%;
}

.gm-f5tan-tle {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 30px;
}

.gm-f5tan .gm-f5nr3 {
    width: calc(100% - 15px);
    padding: 0 0 0 15px;
    height: 46px;
}

.gm-f5tan .gm-f5nr1 {
    line-height: 46px;
}

.gm-f5tan .gm-f5nr {
    margin: 0 auto 14px;
    padding: 0 26px;
}

.gm-f5-verfl {
    width: 206px;
    height: 46px;
    border: 1px solid #cccccc;
    padding: 0 26px;
}

.gm-f5-ver {
    margin-bottom: 14px;
}

.gm-f5tan .gm-f5nr {
    border: 1px solid #cccccc;
}

.gm-f5tan .gm-f5nr3 input {
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 16px;
}

.gm-f5-verfr {
    width: 140px;
    height: 46px;
    border-radius: 25px;
    background: #09539b;
    line-height: 46px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.gm-f5tan .gm-f3btn {
    margin-top: 40px;
}

.g-nyban-type4 .g-nybantu {
    height: 230px;
}

.g-nyban-type4.g-nyban {
    top: 0;
}

.g-nyban-type4 .g-bread-box {
    bottom: 40px;
    top: auto;
}

.g-b3 {
    background: #f5f5f5;
}

.g-ny-effect1.act .g-nyban {
    top: 0;
}

.g-ny-effect1.act .g-syhead {
    top: 0;
    width: 100%;
    border-radius: 0;
}

.g-b3pt1nr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-b3pt1bj {
    width: 100%;
    height: 889px;
}

.g-b3pt1bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-b3pt1a-nr {
    display: none;
}

.g-b3pt1a-nr.on {
    display: block;
}

.g-b3pt1-topfl {
    width: 400px;
    position: relative;
    z-index: 10;
}

.g-b3pt1-topfr {
    width: calc(100% - 400px);
}

.g-b3pt1a {
    width: 100%;
    background: #fff;
}

.g-b3pt1a-nr {
    display: none;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.g-b3pt1a-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

.g-b3pt1a-play img {
    width: 100%;
}

.g-b3pt1a-nrtu {
    position: relative;
    width: 100%;
}

.g-cursor {
    width: 180px;
    height: 160px;
    display: none;
    position: absolute;
    background-color: rgba(222, 222, 222, 0.5);
}

.g-b3pt1a-nrtu img {
    width: 100%;
    display: block;
    margin: auto;
}

.g-max {
    width: 400px;
    height: 400px;
    overflow: hidden;
    position: absolute;
    left: 400px;
    top: 0;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 100;
    display: none;
}

.g-max img {
    width: 800px;
    height: 800px;
}

.g-b3pt1bfl {
    width: 16.666666%;
    padding: 0 4px;
}

.g-b3pt1b {
    margin: 0 -4px;
}

.g-b3pt1a {
    margin-bottom: 16px;
}

.g-b3pt1btu {
    width: 100%;
    height: 58px;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.g-b3pt1btu img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 43px;
}

.g-b3pt1bfl.on .g-b3pt1btu {
    border: 1px solid #09539b;
}

.g-b3pt1bot {
    margin-top: 50px;
}

.g-b3pt1tle span {
    padding-left: 50px;
    color: #666666;
    font-size: 18px;
    line-height: 40px;
}

.g-b3pt1tle p {
    position: relative;
    padding-left: 50px;
    color: #09539b;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.g-b3pt1tle p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 3px;
    background: #09539b;
}

.g-b3pt1-int {
    padding: 0 14px 45px 40px;
    border-bottom: 1px solid #dfdfdf;
}

.g-b3pt1-intfl .g-word4 {
    color: #09539b;
    margin-bottom: 10px;
    font-weight: bold;
}

.g-b3pt1-intfl p {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
}

.g-b3pt1-intfr {
    width: 278px;
}

.g-b3pt1-intfl {
    width: calc(100% - 278px);
    padding-right: 70px;
}

.g-b3pt1-shufl {
    padding: 0 30px;
    width: 33.333333%;
    margin-bottom: 50px;
}

.g-b3pt1-shu {
    padding: 50px 10px;
}

.g-b3pt1p1 {
    color: #09539b;
    font-size: 30px;
    font-weight: bold;
}

.g-b3pt1p1 span {
    color: #09539b;
    font-size: 14px;
    font-weight: normal;
}

.g-b3pt1p2 {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    margin-top: 10px;
}

.g-b3pt1-botfl {
    width: 25%;
    text-align: center;
    padding: 0 20px;
}

.g-b3pt1-bot {
    padding: 0 30px;
}

.g-b3pt1-down {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: 0 auto 16px;
    position: relative;
    background: #09539b;
}

.g-b3pt1-botfl p {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}

.g-b3pt1-down img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
}

.g-b3pt1-botflb {
    cursor: pointer;
}

.g-b3pt2-navfl {
    width: 20%;
}

.g-b3pt2-nav {
    background: #fff;
    height: 70px;
    box-shadow: 0 15px 30px 10px rgba(156, 156, 156, .12);
}

.g-b3pt2-navfl a {
    display: block;
    text-align: center;
}

.g-b3pt2-navflb {
    display: inline-block;
}

.g-b3pt2-navtu {
    width: 21px;
    position: relative;
    line-height: 70px;
}

.g-b3pt2-navtu img {
    width: 100%;
    transition: all .36s;
}

.g-b3pt2-navtu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-b3pt2-navtu2 {
    position: absolute;
    top: 36px;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.g-b3pt2-navwz {
    padding-left: 12px;
    color: #333333;
    line-height: 70px;
    font-size: 18px;
    transition: all .36s;
}

.g-b3pt2-navfl {
    position: relative;
}

.g-b3pt2-navfl::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #09539b;
    transition: all .36s;
}

.g-b3pt2-navfl.on {
    background: #eff2f7;
}

.g-b3pt2-navfl.on::before {
    width: 100%;
}

.g-b3pt2-navfl.on .g-b3pt2-navtu2 {
    opacity: 1;
}

.g-b3pt2-navfl.on .g-b3pt2-navtu1 {
    opacity: 0;
}

.g-b3pt2-navfl.on .g-b3pt2-navwz {
    color: #09539b;
}

.g-b3pt1 {
    position: relative;
}

.g-b3pt2-list {
    padding: 80px 0;
}

.g-b3pt2-listtle h4 {
    color: #09539b;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.g-b3pt2-listtle p {
    color: #666666;
    font-size: 16px;
    line-height: 30px;
}

.g-b3pt2-listtle {
    margin-bottom: 20px;
}

.g-b3pt2lt1nr {
    background: #fff;
    margin-bottom: 30px;
    padding: 40px 90px;
}

.g-b3pt2lt1fl {
    float: left;
    width: 330px;
}

.g-b3pt2lt1fr {
    float: right;
    width: calc(100% - 330px);
    padding-left: 100px;
}

.g-b3pt2lt1nr.on .g-b3pt2lt1fl {
    float: right;
}

.g-b3pt2lt1nr.on .g-b3pt2lt1fr {
    float: left;
    padding-left: 0;
    padding-right: 100px;
}

.g-b3pt2lt1-tu {
    width: 100%;
    position: relative;
}

.g-b3pt2lt1-tu img {
    width: 100%;
    height: 100%;
}

.g-b3pt2lt1-tu1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-b3pt2lt1-tu2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-b3pt2lt1tu1 {
    width: 210px;
    margin-bottom: 20px;
}

.g-b3pt2lt1tu1 img {
    width: 100%;
}

.g-b3pt2lt1wz1 span {
    padding-right: 40px;
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.g-b3pt2lt1wz2 {
    margin-top: 40px;
}

.g-b3pt2lt1wz2 span {
    float: left;
}

.g-b3pt2span1 {
    width: 140px;
    color: #09539b;
    font-size: 24px;
    line-height: 26px;
}

.g-b3pt2span2 {
    width: calc(100% - 140px);
    color: #333333;
    font-size: 16px;
    line-height: 26px;
}

.g-b3pt2lt1wz2 p {
    margin-bottom: 20px;
}

.g-b3pt2lt1frh {
    color: #09539b;
    margin-bottom: 45px;
}

.g-tr1 {
    background: #09539b;
    text-align: center;
}

.g-tdtp11 {
    width: 250px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}

.g-tdtp12 {
    width: 700px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}

.g-b3-tab1nr td {
    border-collapse: collapse;
    border: 1px solid rgba(181, 181, 181, .3);
}

.g-b3-tab1nr table {
    width: 100%;
}

.g-tdtp21 {
    width: 160px;
    color: #333;
    font-size: 16px;
}

.g-tdtp22 {
    width: 90px;
}

.g-tr2 td {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 10px 10px;
    color: #656566;
}

.g-tdtp23 {
    width: 700px;
}

.g-b3-tab1-a2 .g-tdtp21 {
    width: 160px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.g-b3-tab1-a3 .g-tdtp31 {
    color: #333;
    font-size: 16px;
    text-align: center;
}

.g-tdtp31 {
    width: 250px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.g-tdtp32 {
    width: 700px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    padding: 6px 10px;
}

.g-b3-tab1nr {
    width: 950px;
}

.g-b3-tab1-a3 td {
    border-top: 1px solid transparent;
}

.g-b3-tab1 {
    margin-bottom: 80px;
}

.g-b3-tab2 {
    margin-bottom: 62px;
}

.g-b3-tab3nr {
    width: 760px;
}

.g-b3-tab2nr td {
    border-collapse: collapse;
    border: 1px solid rgba(181, 181, 181, .3);
}

.g-b3-tab2-a1 tr {
    background: #09539b;
}

.g-tab2-tp1 {
    width: 200px;
}

.g-tab2-tp2 {
    width: 220px;
}

.g-tab2-tp3 {
    width: 175px;
}

.g-tab2-tp4 {
    width: 165px;
}

.g-b3-tab2nr .g-tab2-tp1 {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 10px;
    text-align: center;
}

.g-b3-tab2-a1 td {
    font-weight: bold !important;
}

.g-b3-tab2nr td {
    color: #656566;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 10px;
    text-align: center;
}

.g-b3-tab2-a1 tr {
    background: #09539b;
}

.g-b3-tab2-a1 td {
    color: #fff !important;
}

.g-b3-tab3nr {
    width: 560px;
}

.g-b3-tab3nr td {
    border-collapse: collapse;
    border: 1px solid rgba(181, 181, 181, .3);
}

.g-tab3-tp1 {
    width: 165px;
}

.g-tab3-tp2 {
    width: 215px;
}

.g-tab3-tp3 {
    width: 180px;
}

.g-b3-tab3nr td {
    color: #656566;
    font-size: 14px;
    line-height: 24px;
    padding: 6px 10px;
    text-align: center;
}

.g-b3-tufl {
    width: 387px;
}

.g-b3-tufl img {
    width: 100%;
}

.g-b3-tu {
    margin-top: 52px;
}

.g-b3 .g-b2pt1top .slick-dots li.slick-active {
    background: #09539b;
}

.g-b3 .g-b2pt1top .slick-dots li.slick-active::before {
    border: 1px solid transparent;
    background: rgba(9, 83, 155, .26);
    z-index: -1;
}

.g-b3 .g-b2pt1top .slick-dots {
    bottom: -40px;
}

.g-b3 .g-button {
    text-align: center;
    margin-top: 60px;
}

.g-b3pt2-sk {
    padding-bottom: 36px;
}

.g-b3pt2lt1-nr {
    margin-bottom: 60px;
}

.g-b3pt2-sk .g-b3pt2-listtle h4 {
    margin-bottom: 40px;
}

.g-b3.act .g-b3pt2-nav {
    position: fixed;
    top: 72px;
    left: 0;
    margin-top: 0;
    z-index: 99;
    width: 100%;
}

.g-b3.act .g-b3pt2-list {
    padding-top: 180px;
}

.g-b3pt2-viofl {
    background: #fff;
    padding: 13px 76px 13px 13px;
    margin-bottom: 30px;
    position: relative;
}

.g-b3pt2-viotu {
    width: 172px;
    position: relative;
}

.g-b3pt2-vioimg::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 10;
}

.g-b3pt2-vioimg {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.g-b3pt2-vioimg img {
    width: 100%;
    height: 100%;
    transition: all .36s;
}

.g-b3pt2-vioimg1 {
    position: relative;
    top: 0;
    left: 0;
}

.g-b3pt2-vioimg2 {
    position: absolute;
    top: 0;
    left: 0;
}

.g-b3pt2-vioplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.g-b3pt2-vioplay img {
    width: 100%;
}

.g-b3pt2-viowz {
    width: calc(100% - 184px);
    padding-left: 38px;
    padding-right: 116px;
    padding-top: 14px;
}

.g-b3pt2-viowz1 {
    color: #09539b;
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    transition: all .36s;
    margin-bottom: 10px;
}

.g-b3pt2-viowz p {
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
}

.g-b3pt2-viojian {
    width: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 76px;
}

.g-b3pt2-viojian img {
    width: 100%;
}

.g-b3vio-tan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 1000;
    display: none;
}

.g-b3vio-tanb {
    width: 800px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-b3vio-tanb video {
    width: 100%;
}

.g-b3vio-tanclose {
    position: absolute;
    top: 25px;
    right: 50px;
    width: 25px;
    cursor: pointer;
}

.g-b3vio-tanclose img {
    width: 100%;
}


.he_tanc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 1000;
    display: none;
}

.he_tanc .g-b3vio-tanb {
    width: 800px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.he_tanc .g-b3vio-tanb video {
    width: 100%;
}

.he_tanc .g-b3vio-tanclose {
    position: absolute;
    top: 25px;
    right: 50px;
    width: 25px;
    cursor: pointer;
}

.he_tanc .g-b3vio-tanclose img {
    width: 100%;
}


.g-b3down {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 1000;
    display: none;
}

.g-b3down-tan {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
}

.g-b3down .g-d2pt1frtu {
    width: 18px;
    line-height: 50px;
}

.g-b3down .g-d2pt1fr {
    width: 94px;
}

.g-b3down .g-d2pt1fzh {
    width: calc(100% - 124px);
}

.g-b3down-top {
    background: #09539b;
    padding: 0 46px;
}

.g-b3downfl {
    line-height: 80px;
    font-weight: bold;
    color: #fff;
    font-size: 26px;
}

.g-b3downfr {
    width: 25px;
    line-height: 80px;
    cursor: pointer;
}

.g-b3downfr img {
    width: 100%;
}

.g-b3down-bot {
    padding: 0 46px 30px;
}

.g-b3down .g-d2pt1nr a {
    padding: 30px 0 25px;
}

.g-b3down .g-d2pt1fl {
    width: 30px;
    margin-top: 10px;
}

.g-b3down .g-d2pt1fzh span {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.g-b3down .g-d2pt1fr p {
    line-height: 50px;
}

.g-e1pt1-topbj img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.g-e1pt1-topbj {
    width: 100%;
    height: 613px;
}

.g-e1pt1-chi {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 128px;
    left: 0;
}

.g-e1pt1-chi img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-e1pt1-top {
    position: relative;
}

.g-e1his {
    position: absolute;
    bottom: 110px;
    left: 50%;
    transform: translateX(-50%);
}

.g-e1his-tnr {
    display: none;
}

.g-e1his-tnr.on {
    display: block;
}

.g-e1his-tifl {
    width: 14.285714%;
}

.g-e1his-time {
    padding: 0 13px;
}

.g-e1his-tifl p {
    color: #3a75af;
    font-size: 20px;
    position: relative;
    text-align: center;
}

.g-e1his-top {
    margin-bottom: 37px;
    padding: 0 36px 0 96px;
}

.g-e1his-tnrfl {
    color: #09539b;
    font-size: 120px;
    font-weight: bold;
    width: 360px;
    height: 338px;
}

.g-e1his-tnr {
    position: relative;
}

.g-e1his-tnrzh {
    position: absolute;
    top: 20px;
    left: 0;
}

.g-e1his-tnrfr {
    /*transform: translateX(-62px);*/
}

.g-e1his-tnrfr span {
    color: #09539b;
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-bottom: 48px;
}

.g-e1his-tnrfr p {
    color: #333333;
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
}

.g-e1his-tnrfr {
    width: 52%;
    width: calc(100% - 360px);
    padding-left: 40px;
}

.g-e1his-jian {
    position: absolute;
    bottom: 210px;
    width: 100%;
}

.g-e1his-jianfl {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #09539b;
    cursor: pointer;
}

.g-e1his-jianfl.fl {
    position: absolute;
    left: 2px;
}

.g-e1his-jianfl.fr {
    position: absolute;
    right: 2px;
}

.g-e1his-jianfl img {
    width: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.g-b1pt1 {
    position: relative;
}

.g-b1pt1bj {
    width: 100%;
    height: 820px;
}

.g-b1pt1bj img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.g-b1 {
    background: #f5f5f5;
}

.g-b1pt1nr {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-b1pt1tu {
    margin-left: 132px;
    margin-top: 176px;
    margin-bottom: 130px;
}

.g-b1pt2nr .g-word4 {
    color: #09539b;
    font-weight: bold;
    margin-bottom: 20px;
}

.g-b1pt2nr {
    padding: 68px 0;
}

.g-b1le {
    position: absolute;
}

.g-b1letu {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    border: 1px solid rgba(9, 83, 155, .6);
    background: rgba(9, 83, 155, .2);
    position: relative;
    cursor: pointer;
    transition: all .36s;
    overflow: hidden;
}

.g-b1letu img {
    width: 100%;
    border-radius: 50%;
    transition: all 0.36s;
}

.g-b1le1 svg,
.g-b1le3 svg,
.g-b1le5 svg {
    width: 1px;
    margin: auto;
    display: block;
}

.g-b1le1 {
    position: absolute;
    top: 192px;
    left: 148px;
}

.g-b1le2 {
    position: absolute;
    top: 97px;
    left: 288px;
}

.g-b1le3 {
    position: absolute;
    top: 104px;
    right: 477px;
}

.g-b1le4 {
    position: absolute;
    top: 97px;
    right: 246px;
}

.g-b1le5 {
    bottom: 132px;
    left: 150px;
}

.g-b1le6 {
    bottom: 62px;
    left: 287px;
}

.g-b1le7 {
    bottom: 40px;
    right: 475px;
}

.g-b1le8 {
    bottom: 122px;
    right: 315px;
}

.g-b1le9 {
    bottom: 187px;
    right: 132px;
}

.g-b1le1 .g-b1lesvg {
    position: absolute;
    top: 108px;
    left: 54px;
    width: 1px;
    height: 100%;
}

.g-b1le2 .g-b1lesvg {
    position: absolute;
    top: 54px;
    left: 108px;
    width: 100%;
}

.g-b1le3 .g-b1lesvg {
    position: absolute;
    top: 108px;
    left: 54px;
    width: 1px;
}

.g-b1le4 .g-b1lesvg {
    width: 190px;
    position: absolute;
    right: 54px;
    height: 122px;
}

.g-b1le5 .g-b1lesvg {
    position: absolute;
    left: 54px;
    bottom: 108px;
}

.g-b1le6 .g-b1lesvg {
    position: absolute;
    bottom: 108px;
    width: 82px;
    left: -26px;
}

.g-b1le7 .g-b1lesvg {
    position: absolute;
    left: -110px;
    bottom: 54px;
    width: 110px;
}

.g-b1le8 .g-b1lesvg {
    position: absolute;
    left: -66px;
    bottom: 54px;
    width: 66px;
}

.g-b1le9 .g-b1lesvg {
    position: absolute;
    left: -235px;
    bottom: 54px;
    width: 235px;
}

.g-b1letu2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 17px !important;
    display: block;
    transition: all .36s;
    opacity: 1;
}

.g-b1letu::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(9, 83, 155, .6);
    border-radius: 50%;
    transition: all .36s;
    opacity: 0;
}

.g-b3pt2-naph {
    display: none;
}

.g-b3pt2-phtop {
    display: inline-block;
}

.g-b3pt2-ph {
    text-align: center;
    padding: 0 15px;
}

.g-b3pt2-phtopfl {
    font-size: 16px;
    line-height: 60px;
    color: #333;
}

.g-b3pt2-phtopfr {
    width: 20px;
    line-height: 60px;
    margin-left: 10px;
}

.g-b3pt2-phtopfr img {
    width: 100%;
}

.g-b3pt2-phbot {
    background: #f5f5f5;
    width: 100%;
    height: auto;
    display: none;
    position: relative;
    z-index: 99;
    top: -2px;
}

.g-b3pt2-phbot li {
    border-bottom: .0625rem solid #ccc;
    text-align: center;
    padding: 0 15px;
}

.g-b3pt2-phbot li.act a {
    color: #09539b;
}

.g-b3pt2-phbot li a {
    color: #333;
    line-height: 48px;
    font-size: 16px;
}

.g-b3.act .g-b3pt2-naph {
    position: fixed;
    top: 64px;
    left: 0;
    margin-top: 0;
    z-index: 99;
    display: none;
    box-shadow: 0 15px 30px 10px rgba(156, 156, 156, .12);
}

.g-e1his-tifl.slick-current p {
    color: #09539b;
}

.right-head {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #ffffff;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    border-bottom: 1px solid #E8E8E8;
    display: block;
}

.right-head .navbtn {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-right: 1px solid #EEEEEE;
    line-height: 96px;
    position: relative;
    width: 80px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    background: #fff;
    display: block;
}

.right-head .navbtn span {
    position: absolute;
    top: 49%;
    left: 30px;
    display: inline-block;
    width: 18px;
    height: 2px;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    background: #37393b;
}

.right-head .navbtn:hover span,
.right-head .navbtn:hover span::before {
    width: 20px;
}

.right-head .navbtn span::before {
    top: 8px;
    width: 22px;
}

.right-head .navbtn span::after {
    top: -8px;
    width: 20px;
}

.right-head .navbtn span::after,
.right-head .navbtn span::before {
    position: absolute;
    left: 0;
    height: 100%;
    content: '';
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
    background: #37393b;
}

.right-head .h-logo {
    width: 140px;
    float: left;
    text-align: center;
    display: block;
    overflow: hidden;
    /*background: #f39a1e;*/
    width: calc(100% - 160px);
}

.right-head .h-logo img {
    width: 90px;
    height: auto;
    margin-top: 30px;
}

.right-head .tc-btn {
    width: 80px;
    height: 100%;
    line-height: 80px;
    text-align: center;
    padding-top: 4px;
    border-left: 1px solid #eeeeee;
}

.right-head .navbtn.act span {
    left: 38px;
    background: transparent;
}

.right-head .navbtn.act span::before {
    top: 2px;
    width: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #37393b;
    left: -6px;
}

.right-head .navbtn.act span::after {
    top: 2px;
    width: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #37393b;
    left: -6px;
}

.right-head {
    display: none;
}

.g-b1pt1ph {
    display: none;
}

.gm-logfl.on::after {
    opacity: 1;
}

.g-sec3dxtu1 {
    position: relative;
    bottom: 0;
    left: 0;
}

.g-sec3dxtu2 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.g-sec3dxtu3 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.g-sec3dxtu img {
    width: 100%;
}

.g-sec3bj {
    width: 100%;
    height: 736px;
}

.g-sec3bj img {
    width: auto;
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.g-e4pt2bj {
    width: 100%;
    height: 614px;
}

.g-e4pt2bj img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.g-ny {
    margin-top: 440px;
}

.g-d1frz img {
    width: 100%;
}

.g-dcomfr2 p {
    color: #09539b;
    font-size: 16px;
    line-height: 30px;
}

.gm-f4 .gm-f4-top {
    position: relative;
}

.gm-f4 .gm-f4-top .g-button {
    position: absolute;
    top: 50%;
    right: 85px;
    transform: translateY(-50%);
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #666;
}

.g-e1pt4bj {
    width: 100%;
    height: 746px;
}

.g-e1pt4bj img {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}

.g-b3 {
    margin-top: 230px;
}

.g-ny-effect1.act .g-nav-next {
    top: 70px;
}

.g-nottan {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
    display: none;
}

.g-notbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1070px;
    background: #fff;
    padding: 62px 66px 90px;
}

.g-notclose {
    position: absolute;
    top: 56px;
    right: 46px;
    width: 15px;
    cursor: pointer;
}

.g-notclose img {
    width: 100%;
}

.g-notfr {
    width: 296px;
}

.g-notfl {
    width: calc(100% - 296px);
    padding-right: 110px;
}

.g-nottle {
    color: #224a84;
    font-size: 40px;
    line-height: 60px;
    font-weight: bold;
    margin-bottom: 70px;
}

.g-notp p {
    color: #333;
    font-size: 20px;
    line-height: 32px;
}

.g-notbot {
    margin-top: 78px;
}

.g-notbotfl a {
    color: #fff;
    padding: 0 55px;
    display: block;
    background: #224a84;
    border-radius: 25px;
    font-size: 20px;
    line-height: 46px;
}

.g-notbotfl {
    margin-right: 70px;
}

.g-notbotfr a {
    color: #224a84;
    font-size: 14px;
    line-height: 46px;
}

.g-notfr img {
    width: 100%;
}

.g-e1his-tnrzh2 {
    display: none;
}

.g-sybox .g-foot {
    display: none;
}

.g-sybox .g-foot.act {
    display: block;
}

.g-d1frtop.on .g-d1frtopa {
    color: #09539b;
}











/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .g-button a:hover {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    .g-nav li:hover .g-navli::before {
        width: 100%;
    }

    .g-nav-li:hover .g-nav2 p {
        color: #55b7fe;
    }

    .g-nav-li:hover .g-nav2 p::before {
        background: rgba(85, 183, 254, .2);
    }

    .g-nav-li:hover .g-nav2 p::after {
        background: #55b7fe;
    }

    .g-nav-li:hover .g-nav2 .g-nav2fr2 {
        opacity: 1;
    }

    .g-nav-li:hover .g-nav2 .g-nav2fr1 {
        opacity: 0;
    }

    .g-nav3 li:hover p {
        color: #55b7fe;
    }

    .g-nav3 li:hover .g-nav2fr2 {
        opacity: 1;
    }

    .g-search:hover .g-sc {
        right: 120px;
        opacity: 1;
        z-index: 10;
    }

    .g-button2:hover {
        background: #41719f;
    }

    .g-button2:hover p {
        color: #fff;
    }

    .g-button2:hover span {
        background: rgba(255, 255, 255, .26);
    }

    .g-button2:hover span::before {
        background: #fff;
    }

    .g-sec2fl:hover .g-sec2bj {
        opacity: 1;
    }

    .g-sec2fl:hover .g-sec2nrwztle {
        color: #fff;
    }

    .g-sec2fl:hover .g-sec2nrwz p {
        color: #fff;
    }

    .g-sec2fl:hover .g-button {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    .g-sec2fl:hover .g-sec2icon1 {
        opacity: 0;
    }

    .g-sec2fl:hover .g-sec2icon2 {
        opacity: 1;
    }

    .g-sec3btn-nr:hover a {
        background: #40709e;
    }

    .g-sec3btn-nr:hover .g-sec3btnfl {
        color: #fff;
    }

    .g-sec3btn-nr:hover .g-sec3btnfr {
        color: #fff;
    }

    .g-sec3btn-nr:hover .g-sec3btnfr::before {
        background: rgba(255, 255, 255, .26);
    }

    .g-sec3btn-nr:hover .g-sec3btnfr::after {
        background: #fff;
    }

    .g-ftnavbot li a:hover {
        color: #fff;
    }

    .g-ftnavtop a:hover {
        color: rgba(255, 255, 255, .5);
    }

    .g-sec6fltop:hover .g-sec6tu img {
        transform: scale(1.1);
    }

    .g-sec6frtop:hover .g-sec6tu img {
        transform: scale(1.1);
    }

    .g-sec6flbotfl a:hover .g-sec6flbotbj {
        opacity: 1;
    }

    .g-sec6flbotfl a:hover .g-sec6wz {
        background: transparent;
    }

    .g-sec6flbotfl a:hover .g-sec6flbotbj::before {
        opacity: 1;
    }

    .g-sec6flbotfl a:hover .g-sec6wz span {
        color: rgba(255, 255, 255, .5);
    }

    .g-sec6flbotfl a:hover .g-sec6tle {
        color: #fff;
    }

    .g-sec6flbotfl a:hover .g-button {
        color: rgba(255, 255, 255, .8);
        border-bottom: 1px solid rgba(255, 255, 255, .8);
    }

    .g-flli:hover {
        background: #e1e1e1;
    }

    .g-flli:hover .g-fttu2 {
        opacity: 1;
    }

    .g-flli:hover .g-fttu1 {
        opacity: 0;
    }

    .g-flli:hover .g-fllibot {
        color: #09539b;
    }

    .g-flli:hover .g-fllitop2 {
        opacity: 1;
    }

    .g-flli:hover .g-fllitop1 {
        opacity: 0;
    }

    .pc_fenye li:hover {
        color: #fff;
        background: #09539b;
    }

    .g-b2pt1fl a:hover .g-b2pt1mc {
        opacity: 1;
    }

    .g-b2pt1fl a:hover .g-b2pt1mc .g-b2bottle {
        opacity: 1
    }

    .g-b2pt1fl a:hover .g-b2bottle {
        opacity: 0;
    }

    .g-b2pt1fl a:hover .g-b2pt1tu {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .g-b2pt3fl a:hover .g-b2pt3tu img {
        transform: scale(1.1);
    }

    .g-b2pt3fl a:hover p {
        color: #224a84;
    }

    .g-c1nrfl a:hover .g-c1nrtu img {
        transform: scale(1.1);
    }

    .g-c1nrfl a:hover p {
        color: #09539b;
    }

    .g-c1nrfl a:hover .g-c1nrwz {
        border-bottom: 1px solid #6a89b6;
    }

    .g-funavfl a:hover {
        color: #4ea8e9;
    }

    .g-funavfl a:hover::before {
        width: 100%;
    }

    .g-dcomnr:hover a::before {
        width: 100%;
    }

    .g-dcomfrbot li a:hover {
        color: #09539b;
    }

    .g-b2list li p:hover {
        color: #09539b;
    }

    .g-d2pt1nr:hover .g-d2pt1fl1 {
        opacity: 0;
    }

    .g-d2pt1nr:hover .g-d2pt1fl2 {
        opacity: 1;
    }

    .g-d2pt1nr:hover {
        background: #09539b;
        border-radius: 5px;
    }

    .g-d2pt1nr:hover .g-d2pt1fr1 {
        opacity: 0;
    }

    .g-d2pt1nr:hover .g-d2pt1fr2 {
        opacity: 1;
    }

    .g-d2pt1nr:hover .g-d2pt1fzh p {
        color: #fff;
    }

    .g-d2pt1nr:hover .g-d2pt1fr p {
        color: #fff;
    }

    .g-d3pt:hover .g-d3nrzh p {
        color: #09539b;
    }

    .g-e2nr:hover .g-e2nrtu::before {
        top: 0;
    }

    .g-e2nr:hover .g-button {
        opacity: 1;
    }

    .g-e2nr:hover .g-e2-tle {
        color: #09539b;
    }

    .g-e2nr:hover .g-e2nrtu img {
        transform: scale(1.1);
    }

    .g-e2pt:hover .g-e2ptfl img {
        transform: scale(1.1);
    }

    .g-e2pt:hover .g-e2ptfr p {
        color: #09539b;
    }

    .g-e1pt2-botfl:hover::before {
        height: 345px;
    }

    .g-e1pt2-botfl:hover .g-e1pt2-icon {
        opacity: 1;
    }

    .g-e1pt2-botfl:hover span {
        color: #333;
        transform: translateY(-70px);
    }

    .g-e1pt2-botfl:hover p {
        color: #666;
        transform: translateY(-70px);
    }

    .gm-mecen-navnr:hover .gm-mecen-ico2 {
        opacity: 1;
    }

    .gm-mecen-navnr:hover .gm-mecen-wz {
        color: #09539b;
    }

    .gm-mecen-navnr:hover a {
        background: #f5f5f5;
    }

    .gm-mecen-navnr:hover::before {
        height: 100%;
    }

    .gm-mecen-navnr:hover .gm-mecen-ico1 {
        opacity: 0;
    }

    .gm-f4-top:hover .gm-f4nrtle {
        color: #09539b;
    }

    .gm-f4-top:hover span {
        color: #09539b;
    }

    .gm-f4-top:hover .g-button {
        color: #09539b;
        border-bottom: 1px solid #09539b;
    }

    .g-b3pt2-navfl:hover {
        background: #eff2f7;
    }

    .g-b3pt2-navfl:hover::before {
        width: 100%;
    }

    .g-b3pt2-navfl:hover .g-b3pt2-navtu2 {
        opacity: 1;
    }

    .g-b3pt2-navfl:hover .g-b3pt2-navtu1 {
        opacity: 0;
    }

    .g-b3pt2-navfl:hover .g-b3pt2-navwz {
        color: #09539b;
    }

    .g-b3pt2-viofl:hover .g-b3pt2-vioimg img {
        transform: scale(1.1);
    }

    .g-b3down .g-d2pt1nr:hover {
        background: #fff;
        border-radius: 0;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fl1 {
        opacity: 1;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fl2 {
        opacity: 0;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fzh p {
        color: #333;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fr p {
        color: #09539b;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fr1 {
        opacity: 1;
    }

    .g-b3down .g-d2pt1nr:hover .g-d2pt1fr2 {
        opacity: 1;
    }

    .g-b1letu:hover .g-b1letu2 {
        opacity: 1;
    }

    .g-b1letu:hover {
        background: rgba(9, 83, 155, 0);
    }

    .g-b1letu:hover::before {
        opacity: 1;
    }

    .gm-f4-top:hover .gm-f4nrtle {
        color: #0d569c;
    }

    .gm-f4-top:hover .g-button {
        color: #0d569c;
        border-bottom: 1px solid #0d569c;
    }

    .g-d1frtop:hover .g-d1frtopa {
        color: #09539b;
    }

    .g-b1letu:hover .g-b1letu1 {
        transform: scale(1.1);
    }
}

.g-c1nrtop,
.g-b3pt1-int,
.g-sec3,
.g-sec6 {
    overflow: hidden;
}

/*载入效果*/
.g-fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}

.g-fadeup1 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

.g-fadeup2 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.5s;
}

.g-fadeup3 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.6s;
}

.g-fadeup4 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.7s;
}

.g-fadeup5 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.8s;
}

.g-fadeup6 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.9s;
}

.g-fadeup7 {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 1s;
}

.g-fadedown1 {
    -webkit-animation: fadeInDown 1s ease both;
    animation: fadeInDown 1s ease both;
    animation-delay: 0.4s;
}

.g-fadeleft1 {
    -webkit-animation: fadeInLeft 1s ease both;
    animation: fadeInLeft 1s ease both;
    animation-delay: 0.4s;
}

.g-faderigth1 {
    -webkit-animation: fadeInRight 1s ease both;
    animation: fadeInRight 1s ease both;
    animation-delay: 0.4s;
}

.g-syslick.slick-current .g-ban-word {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}

/*svg1*/
.g-b1le1 .g-b1lesvg rect {
    animation: show1 0s ease forwards;
}

@keyframes show1 {
    0% {
        y: 100%;
    }

    100% {

        y: 0;
    }
}

/* .g-b1le1 .g-b1letu{
	opacity: 0;
    animation: process1 .5s ease normal forwards;
    -webkit-animation: process1 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:0.5s;
} */
@-webkit-keyframes process1 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg2*/
.g-b1le2 .g-b1lesvg rect {
    animation: show2 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show2 {
    0% {
        y: 100%;
        x: 90%;
    }

    50% {
        y: 0;
        x: 90%;
    }

    100% {
        y: 0;
        x: 0;
    }
}

/* .g-b1le2 .g-b1letu{
	opacity: 0;
    animation: process2 .5s ease normal forwards;
    -webkit-animation: process2 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:1.5s;
} */
@-webkit-keyframes process2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg3*/
.g-b1le3 .g-b1lesvg rect {
    animation: show3 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show3 {
    0% {
        y: 100%;
    }

    100% {

        y: 0;
    }
}

/* .g-b1le3 .g-b1letu{
	opacity: 0;
    animation: process3 .5s ease normal forwards;
    -webkit-animation: process3 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:2s;
} */
@-webkit-keyframes process3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg4*/
.g-b1le4 .g-b1lesvg rect {
    animation: show4 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show4 {
    0% {
        width: 1px;
        height: 1px;
    }

    50% {
        width: 1;
        height: 122.16px;
    }

    100% {
        width: 190px;
        height: 122.16px;
    }
}

/* .g-b1le4 .g-b1letu{
	opacity: 0;
    animation: process4 .5s ease normal forwards;
    -webkit-animation: process4 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:3s;
} */
@-webkit-keyframes process4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg5*/
.g-b1le5 .g-b1lesvg rect {
    animation: show5 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show5 {
    0% {
        height: 0;
    }

    100% {
        height: 97px;
    }
}

/* .g-b1le5 .g-b1letu{
	opacity: 0;
    animation: process5 .5s ease normal forwards;
    -webkit-animation: process5 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:4s;
} */
@-webkit-keyframes process5 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg6*/
.g-b1le6 .g-b1lesvg rect {
    animation: show6 0s linear forwards;
    animation-delay: 0s;
}

@keyframes show6 {
    0% {
        width: 0px;
        height: 0;
    }

    20% {
        width: 1px;
        height: 80px;
    }

    80% {
        width: 85px;
        height: 80px;
    }

    100% {
        width: 85px;
        height: 160px;
    }
}

/* .g-b1le6 .g-b1letu{
	opacity: 0;
    animation: process6 .5s ease normal forwards;
    -webkit-animation: process6 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:5.5s;
} */
@-webkit-keyframes process6 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg7*/
.g-b1le7 .g-b1lesvg rect {
    animation: show7 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show7 {
    0% {
        height: 0;
        width: 1px;
    }

    50% {
        height: 70px;
        width: 1px;
    }

    100% {
        width: 115px;
        height: 70px;
    }
}

/* .g-b1le7 .g-b1letu{
	opacity: 0;
    animation: process7 .5s ease normal forwards;
    -webkit-animation: process7 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:6.5s;
} */
@-webkit-keyframes process7 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg8*/
.g-b1le8 .g-b1lesvg rect {
    animation: show8 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show8 {
    0% {
        height: 0;
        width: 1px;
    }

    50% {
        height: 10px;
        width: 1px;
    }

    100% {
        width: 88px;
        height: 100px;
    }
}

/* .g-b1le8 .g-b1letu{
	opacity: 0;
    animation: process8 .5s ease normal forwards;
    -webkit-animation: process8 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:7.5s;
} */
@-webkit-keyframes process8 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*svg9*/
.g-b1le9 .g-b1lesvg rect {
    animation: show9 0s ease forwards;
    animation-delay: 0s;
}

@keyframes show9 {
    0% {
        height: 0;
        width: 1px;
    }

    20% {
        height: 1px;
        width: 165px;
    }

    70% {
        width: 165px;
        height: 115px;
    }

    100% {
        height: 115px;
        width: 240px;
    }
}

.g-b1le9 .g-b1letu {
    opacity: 1;
    /* animation: process9 .5s ease normal forwards;
    -webkit-animation: process9 .5s ease normal forwards;
    animation-iteration-count:1;
    animation-delay:9s; */
}

@-webkit-keyframes process9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.g-downbj {
    width: 140px;
}

.g-downbj img {
    width: 100%;
}

.g-syhead.act .g-nav-next {
    top: 72px;
}

.g-ny-effect.act .g-nav-next {
    top: 72px;
}

.g-ditu {
    width: 100%;
    opacity: 0;
}

.g-ditu img {
    width: 100%;
}

.g-b3pt2-vionr {
    margin-bottom: 50px;
}

.g-b3pt2-sk .g-b3pt2-listtle h4 {
    margin-bottom: 65px;
}

.he_flox {
    position: relative;
}

.he_flli {
    position: absolute;
    top: 0;
    right: 56px;
    width: 170px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, .05);
    display: none;
}

.he_flli p {
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 60px;
}

.he_b3top .g-b3pt1-shu {
    padding-bottom: 0px;
}

.he_b3top {
    padding-bottom: 50px;
}

.he_codebox {
    margin-top: 48px;
    width: 550px;
}

.he_code {
    border: 1px solid #d7d7d7;
    padding: 0 32px;
    width: calc(100% - 215px);
}

.he_code input {
    color: #666666;
    font-size: 16px;
    height: 50px;
    padding: 0 5px;
    width: 100%;
}

.he_cdim {
    width: 145px;
    margin-left: 70px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
}

.he_cdim img {
    width: 100%;
    padding: 5px;
}

.slick-dots li::before {
    width: 26px;
    height: 26px;
    position: absolute;
    content: '';
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
}

.slick-dots li {
    margin: 0 12px;
}

.g-b3pt2-viofl {
    cursor: pointer;
}

.g-test .g-ny {
    margin-top: 0;
    min-height: 100px;
    margin-bottom: 80px;
}

.g-test .g-foot {
    position: static;
}

.g-testtu {
    width: 292px;
    margin: 0 auto;
}

.g-testicon p {
    color: #666;
    font-size: 22px;
    text-align: center;
    line-height: 42px;
    margin-top: 18px;
}

.g-test .g-syhead {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
}

.g-test .g-float {
    right: 0;
}

.g-test {
    background: #F5F5F5;
    padding-top: 180px;
}

.g-testtu img {
    width: 100%;
}

.vi_img_box {
    cursor: wait;
}

.he_tips {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
}

.he_tips span {
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.he_td {
    color: #115499;
}

.he_tc {
    color: red;
}

.g-e4pt2flb {
    position: relative;
}

.g-testicon {
    width: calc(100% - 320px);
    position: relative;
}

.g-testbox {
    margin: 100px auto;
}

.g-forgin,
.g-forginh {
    width: 50px;
}

.g-forgin img {
    width: 20px
}

.g-forgin {
    margin-right: 35px;
}

.g-forgin,
.g-forginh span {
    padding-left: 5px;
}

.g-forgin,
.g-sylogin {
    margin-right: 30px;
}

.g-e2 span {
    display: none;
}

.g-e2pt1frbot span {
    display: none;
}

.g-b3vio-tanclose {
    position: absolute;
    top: -40px;
    right: -60px;
}

.he_tanc .g-b3vio-tanclose {
    top: 160px;
    right: 500px;
}

.g-e4pt1map iframe {
    width: 100%;
    height: 100%;
}

.g-e4pt1map {
    height: 552px;
}

.he_xinjbkbx {
    position: relative;
}

.he_xinjbk {
    position: absolute;
    ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new_ueditor_box_img {
    max-width: 760px !important;
}

.g-downnr {
    padding: 0px 18px 0 18px;
    width: auto;
}

.g-downnrfr {
    line-height: 58px;
}

.g-downnrfl {
    line-height: 58px;
}

.he_flox1 .he_flli1 {
    left: -50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.he_flox1 .he_flli1 img {
    width: 100px !important;
    height: 100px !important;
    background: #fff;
}

#map {
    width: 100%;
    height: 100%;
}

.g-foot .l-r-topb .iconfont {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    background: #3a5e92;
}

.g-foot .iconfont img {
    width: 16px;
    position: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
}

.he_ftco {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.he_ftco {
    width: 100px;
    background: #fff;
}

.he_ftco img {
    width: 100%;
}

.g-footbotfl p {
    display: inline-block;
}

.he_pic {
    margin: 100px auto 0;
    width: 100%;
}

.he_pic img {
    width: 100%;
}

.he_jishu .g-e2pt1fl {
    width: 100% !important;
}

.he_jishu .g-e2pt1fl {
    padding-top: 50px;
}

.he_jishu .g-b1pt2nr {
    padding-bottom: 0 !important;
}

.he_jishu .g-e2pt1 {
    margin-bottom: 0 !important;
}

.he_jishu .g-e3 .g-e2pt1fl {
    padding-right: 0px !important;
}

.he_jishu .g-b1pt2 p {
    margin-bottom: 0 !important;
}

.g-sy .g-sec3btn-nr {
    width: auto;
}

.g-sec5top {
    z-index: 100;
}

.g-b2soufr {
    width: 12px;
}

.g-b2soufr img {
    width: 100%;
}

.g-nav3 {
    min-height: 100%;
}

.g-b3vio-tanb iframe {
    width: 100%;
    height: 600px;
}