.g-banner {
    background: url(../../img/new/banner_brand.png?v=985d1f50) no-repeat top center;
    height: 300px;
    display: flex;
    align-items: center;
    margin-top: 92px;
}

.g-banner h2 {
    line-height: 50px;
    color: #fff;
    font-weight: 500;
    font-size: 40px;
    text-align: center
}

.g-banner p {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    text-align: center
}

.g-banner .js-free-use {
    background: -webkit-gradient(linear, left top, right top, color-stop(4.51%, #2C7AFF), color-stop(104.51%, #498CFF));
    background: -webkit-linear-gradient(left, #2C7AFF 4.51%, #498CFF 104.51%);
    background: -moz-linear-gradient(left, #2C7AFF 4.51%, #498CFF 104.51%);
    background: -o-linear-gradient(left, #2C7AFF 4.51%, #498CFF 104.51%);
    background: linear-gradient(90deg, #2C7AFF 4.51%, #498CFF 104.51%);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    width: 136px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    display: block;
    margin: 28px auto 0
}

.g-content {
    background: #fff
}

.g-content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #111F33;
    text-align: center
}

.g-content .brand-big-events {
    width: 900px;
    margin: 0 auto;
    padding: 50px 0 40px
}

.g-content .brand-big-events .item {
    height: 250px;
    position: relative;
    margin-bottom: 60px
}

.g-content .brand-big-events .item .item-text {
    width: 400px;
    padding-top: 66px
}

.g-content .brand-big-events .item .item-text h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111F33;
    margin-top: 30px
}

.g-content .brand-big-events .item .item-text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #676C73;
    margin-top: 4px
}

.g-content .brand-big-events .item.item-1 .item-text {
    background: url(../../img/new/brand__logo.png) no-repeat left 36px
}

.g-content .brand-big-events .item.item-1 .item-img {
    position: absolute;
    width: 400px;
    right: 0;
    background: url(../../img/new/brand__down.png) no-repeat 41px 15px;
    height: 250px;
    top: 20px;
    opacity: 0;
    border-bottom: 1px solid #2B2E33
}

.g-content .brand-big-events .item.item-1 .item-img .item-img-text-icon {
    background: url(data:image/png;base64,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) no-repeat;
    width: 145px;
    height: 52px;
    opacity: 0;
    margin-top: 102px
}

.g-content .brand-big-events .item.item-2 .item-text {
    background: url(../../img/new/brand_logo02.png) no-repeat left 36px;
    float: right
}

.g-content .brand-big-events .item.item-2 .item-img {
    height: 250px;
    position: relative;
    width: 400px
}

.g-content .brand-big-events .item.item-2 .item-img div {
    position: absolute;
    opacity: 0
}

.g-content .brand-big-events .item.item-2 .item-img div.person {
    width: 211px;
    height: 166px;
    background: url(../../img/new/brand_person.png?v=af469756) no-repeat;
    bottom: -20px;
    left: 137px;
    z-index: 3
}

.g-content .brand-big-events .item.item-2 .item-img div.message {
    width: 104px;
    height: 128px;
    background: url(../../img/new/brand_message.png) no-repeat;
    top: 55px;
    left: 106px;
    z-index: 2
}

.g-content .brand-big-events .item.item-2 .item-img div.circle {
    width: 248px;
    height: 238px;
    background: url(../../img/new/brand_scale.png) no-repeat;
    top: 0;
    left: 72px;
    z-index: 1
}

.g-content .brand-all-history {
    min-width: 1180px
}

.g-content .brand-all-history .swiper-brand-nav {
    height: 340px;
    background: #F8F9FB;
    padding-top: 50px
}

.g-content .brand-all-history .swiper-brand-nav h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111F33
}

.g-content .brand-all-history .swiper-brand-nav div {
    float: left;
    width: 25%;
    height: 138px;
    margin-top: 31px
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020 {
    background: url(../../img/new/year_2020.png?v=44f9d991) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014 {
    background: url(../../img/new/year_2014.png?v=22daf7be) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010 {
    background: url(../../img/new/year_2010.png?v=8a676ade) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006 {
    background: url(../../img/new/year_2006.png?v=968c5e22) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-container {
    height: 954px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAV4CAYAAABhALcnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cQxDQAwCAAwMv8ed5BgAzCAg/Zo/Kx+sSRJkiRJkiRJkiRdDWzsDpbAFGORAAAAAElFTkSuQmCC) no-repeat top center;
    padding: 60px 0 30px;
    overflow: hidden
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper {
    width: 1180px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide {
    padding-top: 10px;
    min-height: 216px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text {
    margin-top: 10px;
    width: 550px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    -moz-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text span {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: -55px;
    top: -8px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text span em {
    display: block;
    width: 16px;
    height: 16px;
    margin: 8px;
    background: #DFE3E6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: #111F33
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text p {
    margin-top: 8px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #676C73
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:nth-child(odd) .text {
    float: right
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:nth-child(odd) .text span {
    top: -8px;
    left: -57px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}