.report-wrap {

}

.report-slide {
    width: 88.3%!important;
    opacity: 0
}

.report-slide.swiper-slide-active,.report-slide.swiper-slide-next,.report-slide.swiper-slide-prev {
    opacity: 1
}

.report-slide.swiper-slide-active .report-padd {
    background: #f2fff6
}

.report-padd {
    padding: 17.5px 19px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #438147;
    border-radius: 10px;
    -webkit-transition: background .58s;
    transition: background .58s
}

.report-imgs {
    width: 31.689%;
    line-height: 1
}

.report-imgs figure {
    position: relative;
    overflow: hidden;
    line-height: 1;
    margin: 0!important;
    height: 0;
    padding-bottom: 136.88%;
    border-radius: 0;
    border-radius: 5px
}

.report-imgs figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.report-content {
    margin-left: 10.91%;
    width:47.816%
}

.report-name {
    margin-bottom: 30px;
}

.report-name time {
    display: block;
    margin-bottom: 10px;
    color: #141414;
    font-size: 2.6vw;
    line-height: 1;
    font-weight: 400
}

.report-name .report-title {
    display: block;
    line-height: 1.3;
    color: #141414;
    font-size: 1.56vw;
    font-weight: 400
}

.report-info {
    padding: 32px 19px 32px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #545454;
    font-size: 15px;
    line-height: 26px
}



.report-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.report-link-item {
    font-size: 16px
}

.report-link-item.active a,.report-link-item:hover a {
    color: #000
}

.report-link-item.active i,.report-link-item:hover i {
    background: url(../images/pdf.png) 50% no-repeat;
    background-size: cover
}

.report-link-item.active b,.report-link-item:hover b {
    opacity: 1;
    visibility: visible;
    left: 0
}

.report-link-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #545454;
    line-height: 1;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: "Montserrat, PingFang SC, Hiragino Sans GB, Heiti SC, STHeiti, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif"
}

.report-link-item i {
    margin-right: 7.5px;
    width: 22.5px;
    height: 19.5px;
    background: url(../images/pdf_g.png) 50% no-repeat;
    background-size: cover
}

.report-link-item b,.report-link-item i {
    display: inline-block;
    -webkit-transition: .35s;
    transition: .35s
}

.report-link-item b {
    position: relative;
    left: -4px;
    margin-left: 4px;
    width: 27px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA5hJREFUaEPt2NtrHGUYBvDn+WaT3dlNN1ErjbYEBQWpFyIoQlLjAfHGO6WbprENoiDm1FTTVAKGYJVq0T+gIAalxbigCEIvPLXNdhuppgEJeKBaihCxUvCw7sbszjyyUS+Vmc3sbAyz1++88/7eZ2C+WWKD/bjBPIhA6z3RKKEooZA3ED1yIS/c9+2ihHyvLOQLooRCXrjv24WWUPfby4MVOYcMMF909cz53S1f+J7WwwWhgTrfKo6QOgzAJjjHsoZze1LnPczoqyQ00F3HrqSbrcRBkCOAUi4wT1WGzvSmzwGUr6n/ozg0UHWGB99UqtRUfFrEGIFNDrBIyxnM70zn/peg6tDXH11K3tjaNmigZwVcDeBLGWtfPpP4MAhUqAn9M/C27Pd2h3vNE4QmCWwmcAHCaK43eWKtj19DQFXY9qya21TsN+LzgNoBXiI1mmPyfWTo1JpWw0CrAx/9vKkzfcsu0hwmtFXgEoj9edrv1IpqLKiKOqlY9w+Fhx1jvUzoBhf8ka57MP/NZ8cxdV/Fb1KNB1UnzsrqQvEh4/IVQTdTuGJoTZz+ZXEaT95R9oNaHyAAU1MyH9263A1Xr1K6TcCvBCetkv3aqce47BXlC3T3sXIXm5xWr8391K0YyHIcULpHNMOEkoB+qxAvfNrTcsRrL3+gmeJPgjZ7bR5EncjL+Z7kFq+9fIE6ZwpfxcB2r8391rmACMZcKEX89Z+hgG/zu1I3ee3lC/TAG6WO5TgTXpv7rVN5hW6TtTsGHBBgg7hoDMdmdybf9drLF8hr01rq7p2+mCjb1/UTzpSALQIvxGmGT2biH4DeD6/rArQtK7tDpQFKE/z7fGeMGZrN2J/4XU7DQduzl1va3NQ+A4yvnsCJRavsPJV7NJ33i6nWNxRU/UZqshIHCOwXkRIx71YqA3N9redqwTQUtOP4z1cp1jwhYMCSbIFzzh8amutPLdSKaRjo9td1bTJZmjTA4y4UJzgbW3GGT+3dtLgWTENAd04X2hNxHpLBnuo7B4Yfu+BIPpP4eq2Y0EH3Z7W17JReEtRDwrjECVas0TN9ie+CwIQKqr6US3HnCMBHVk8AwntwzdjZPvtSUJhQQV0zv08CeI6CKGULTI0v9HIpSEyooB0zhb2geVHC6aI0vtCbChwTKijoJP6tX0NfrPVARqB6bDXInlFCQW6zHr2ihOqx1SB7RgkFuc169IoSqsdWg+y54RL6E0ngKEQq/GXhAAAAAElFTkSuQmCC) 50% no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden
}

.reprot-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 34px
}

.reprot-btns .paginations {
    margin: 0 9px
}

.reprot-btns .paginations span {
    display: inline-block;
    margin-right: 5px;
    width: 64px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #fff;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    color: rgba(105,121,143,.6);
    font-size: 18px
}
.reprot-btns .paginations span.swiper-notification{display: none;}
.reprot-btns .paginations span.swiper-slide-thumb-active,.reprot-btns .paginations span:hover {
    color: #141414;
    border-color: #141414
}

.reprot-btns .paginations span:last-child {
    margin-right: 0
}

.reprot-prev {
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.reprot-prev.prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAMJJREFUSEtjZBggwDhA9jKMWky3kB/6QT1z5hnW9HST38QGGVV8vPPwuWYGBgbzj8w//MOsrL4TYznFFkMs/V/DwMDwiInhv62rrckjmluMbCkzwz9HF1vTe8RYClJDto8psZRsiym1lCyLqWEpyRZTy1KSLKampUPDYpArqelrkrMTtSwn2WJq+Zwsi6lhOdkWU2o5RRajW063SgJWIQxItQizfEAaAsRWhcjqKI5jciwlqcgk1wJc+kZ9TO0QxWkeAExyhh+9PetfAAAAAElFTkSuQmCC) 50% no-repeat
}

.reprot-prev.prev:hover {
    background: url(../images/e_l.png) 50% no-repeat
}

.reprot-prev.next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAALlJREFUSEvt1jEKwjAUBuA/lN5IRwehg+BBeglBwQM49x5dutq16A0cvIYQJWun5P0/PgrNnnx5f3i8BDit4ORihf+W/DKi7rqpbtvNRxFLdsX9fTrWIdwqxEOz275YPBsexucZiBcA7wpxz+LZcKpwGB9X4HtS4EWwEi+GVbgJVuBmmMUpmMGXCTPtZa6YQdMTmWAWNcEKtBhWoUWw25BwG4spHpePADv45/tN7aS4xAorUsw6wy3qH28mhB+frjndAAAAAElFTkSuQmCC) 50% no-repeat
}

.reprot-prev.next:hover {
    background: url(../images/e_r.png) 50% no-repeat
}
.idea-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ideaEn .idea-title {
    font-size: 2.4vw
}

.ideaEn .idea-info p {
    width: 80%
}

.ideaEn .idea-info p strong {
    position: relative;
    font-weight: 400
}

.idea-title {
    display: inline-block;
    color: #141414;
    font-size: 3.07vw;
    line-height: 1;
    width: 25.43%;
    font-weight: 400;
}

.idea-info {
    position: relative;
    z-index: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.idea-info p {
    color: #141414;
    line-height: 1.6;
    font-size: 18px;
    width: 660px
}

.idea-info p strong {
    position: relative;
    z-index: 2;
    font-weight: 700
}

.idea-info p strong:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: -1;
    content: "";
    width: 100%;
    height: 4px;
    background: #9ecee8;
    opacity: .7
}

.idea-en,.idea-info p b {
    font-weight: 700
}

.idea-en {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    color: rgba(244,246,250,.6);
    font-size: 6.61vw
}
.esg-top{border-top: 2px solid #e4e4e4;}
.ideaEn p b {
    font-weight: 400
}

.idea-list {
    margin-top: 4.38vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.idea-list.idealistEn li a strong {
    height: 48px
}

.idea-list li {
    margin-right: 19px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.idea-list li:last-child {
    margin-right: 0
}

.idea-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5vw 1.98vw 2.19vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    background:#f2fff6;
    border-radius: 7px;
    -webkit-transition: .48s;
    transition: .48s
}

@media screen and (min-width: 750px) {
    .idea-list li.hoverdesc a:hover {
        background:#438147
    }

    .idea-list li.hoverdesc a:hover strong {
        color: #fff;
        display: none
    }

    .idea-list li.hoverdesc a:hover .idea-flex {
        margin-top: -110px
    }

    .idea-list li.hoverdesc a:hover .idea-flex p {
        max-height: 500px
    }

    .idea-list li.hoverdesc a:hover .idea-ico,.idea-list li.hoverdesc a:hover .idea-ico img.show {
        opacity: 0;
        visibility: hidden
    }

    .idea-list li.hoverdesc a:hover .idea-ico img.hide {
        opacity: 1;
        visibility: visible
    }

    .idea-list li.hoverdesc a:hover .idea-text p {
        color: #fff
    }

    .idea-list li.hoverdesc a:hover .idea-more span {
        margin-left: 0
    }

    .idea-list li.hoverdesc a:hover .idea-more i {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAoBJREFUaEPtmMeqFUEQhr8yoogKLtypK8GsmHPWl3HtS7jzWcwiFwS3uhATYsKcrooBBLHkhxJmpdNz5tQcLt0wuw711d9dYYwZNmyG8VCBJl3RqlBVKNkD9colO7z4uKpQscuSF1SFkh1efFyaQu6+AzgMvAKumNnbYmtbLMgE2gkcA+YAz4GLZva6hY1FUzKB5gN7gV3A3FDqgpm9LLL4P5PTgGSHu88DdscnwHeAoJ71BZUKFFBSR+9pH7AAeB/X73EfUOlAAaV3tBU4CCwEPgKXzOzhqFCDAAXUbGBzRL5FwGdBAQ/MzLuCDQYUULOA9RH9FgNfA+puV6hBgRpQa4DjwFLgG3AVuG1mv0uVGhwooGTHauAEsAz4AVwDbpVCTQRQA2olcBJYDvwEpoCbZvarrVJFQO6+AlD+GNdQMFgFqKpQeBfUdTO70fbAUqDTEWbb7t/HvO9mdqbtRqVApwCF2HEORT6p89e2aTM72/bAUqAlUVy23b90nuzZAOwJqE9Rmd9ru1ERUNtNu8xzd1UPSrSqHnQLplUSAY9KctJEALm7rtg24ECjvlPR+qTUOYMDRQWuqKZiVdW4KvBzZqaeqXgMCuTuzR5JMOpmz4/SIw0G5O5qHfYD2yPQvAiYN8WyNBYMAuTuahkOAVsC5mn0RLpuI410IHdXBDsCbASUc/Tw9X/hw0gksTgVyN3VIuhHybpInGro1Ngp3/Qy0oDcXUlZLcLasPw+cNnMvvRCkq2Quyth6lMBekc9j5mpoet1ZCq0CTgKKACMBUaeSQPqVYZ/bFaBsjzd9ZyqUFfPZa2rCmV5uus5VaGunstaVxXK8nTXc6pCXT2Xte4PSQuiNXyaSrwAAAAASUVORK5CYII=) 50% no-repeat;
        background-size: cover
    }
}

.idea-list li a strong {
    display: block;
    margin-top: 1.82vw;
    margin-bottom: 1.2vw;
    line-height: 1;
    color: #141414;
    font-size: 24px;
    font-weight: 400;
    -webkit-transition: .36s;
    transition: .36s
}

.idea-flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: 0;
    padding-bottom: 40px;
    -webkit-transition: .5s;
    transition: .5s
}

.idea-flex .idea-more {
    position: absolute;
    left: 0;
    bottom: 0
}

.idea-text p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 102px;
    color: #545454;
    font-size: 14px;
    line-height: 1.8;
    overflow: hidden;
    -webkit-transition: color .35s;
    transition: color .35s
}

.idea-ico {
    position: relative;
    height: 5.21vw;
    display: inline-block
}

.idea-ico,.idea-ico img {
    -webkit-transition: .4s;
    transition: .4s
}

.idea-ico img {
    display: block;
    width: auto;
    max-height: 100%
}

.idea-ico img.hide {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.idea-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.idea-more span {
    display: inline-block;
    margin-left: -68px;
    margin-right: 4.5px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    -webkit-transition: .35s;
    transition: .35s
}

.idea-more i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAA5RJREFUaEPtmN1rHFUYxp/3zGabNDVFaUmhKF7UGy8sZLNIsrNTFsEb7xSiCNoLBTFfTTVNJWCQVukH7R8gCF55E1CEQi8UHbprp0vdTU1J/KAfUirBKoIkCvnYOY9MNJeWOZvZmTTMuX7f57y/9zlz5p0RbLMl24wHKdBWdzR1KHUo5g6kRy7mhhtvlzpk3LKYE1KHYm648XaxOVTx6kOEnBSwzgbedpzcdeNqQyTEB3S5NkpRpwB0CHCFokecvt6ZEDUahcQGVK3e6Fr2F48rUaMAO4WoQ+vhYrH3KgAaVX2f4NiAghpmZ2c7l/7239LAOICHCMxZmkO2nas8kEBB0RdqtZ27V2UIUO8AfATAD0r7R2w7/2UUULE6tFGw53kdq9L+umhMiWAPgZtCPVbsz10UkU0dv0SAArD5+fnsn4urh33yBIB9AO4AMvbrLzcuDAwM+M26lRhQUPCHtVrbkyvqJS04JcB+AAtKeHTh7q1Pm4VKFCiAcl03w/au57OUMxp4nMA9iD6ul5c+KZVKDVOnEgcKCp6enra6Hz3wnKKcI/gEgT8UOPl9lh+/0du7ZgK1JYCCgkmqb6o1B7TOEzgIyKKPxhRW/vqoVCoth4UyAipfuVZQPnaHFTeKs7h+u1HrQxQ1AmAnwCUI3nf6cmfDahkCzfwOYk9Y8YjifnP6e7rDapkBefUfBRJcsS1ZBChEhoJO4N9/hkLcKhZ6DoTd0AioUqk9hmymPay4aZysrUlDWS8r4FgwxELkZwU9bvflPgurZQQUVrSZONd129t2dB32gfcE0i3ATYIjxb6eL0ymhy0B5Hl3O3zeG6RYkxvznWVxuPB07mvT5iQO5Lrurkx21xGKNRFM4ICeQ4NvOk7+sinM+jPXTFJUOdVqtWuFmWOgOipApwB1wh90+vPBN1JTKzGgSuX6w2KtTWrI4MZXrIY/fKg/f60pkv+SEgEql2f2oo1ToLwmIjtIv+yTI6VCfm4zMIkcOde9us/KqpOEekUEGQV+BZ0Zte2DP20WJnYgz/tuvxb/tKa8GMxuSnARfttYsfjU7ShgYgUKXspayVkRvBBsrMnPfayMP1Mo3IkKJlagslebAtS76394qKcV1YRt9yxECRMr0CXv21cVMh+Q+tIyZeLZFsDEChS1E/+nl8i13Uq4FKiV3Y1CO3Uoii62UiN1qJXdjUI7dSiKLrZSI3Wold2NQnvbOfQPemAxRBzBQv0AAAAASUVORK5CYII=) 50% no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: .3s;
    transition: .3s
}
.esg-dynamic {
    margin-top: 5.73vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.esg-news {
    margin-right: 23px;
    width: 49.34%
}

.esg-news-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(195,198,205,.4)
}

.esg-news-title .esg-tt {
    display: block;
    line-height: 1;
    color: #141414;
    font-size: 1.56vw;
    font-weight: 700;
    font-family: Montserrat,PingFang SC,Hiragino Sans GB,Heiti SC,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400
}

.esy-news-list {
    min-height: 207px
}

.esy-news-list li {
    border-bottom: 1px solid rgba(195,198,205,.4)
}

.esy-news-list li a {
    display: block;
    height: 68px;
    line-height: 68px;
    color: #141414;
    font-size: 16px;
    -webkit-transition: .35s;
    transition: .35s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.esy-news-list li a:hover {
    color: #438147
}

.news-more {
    margin-top: 33px
}

.news-more a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-more a:hover span {
    color: #3f8fbb
}

.news-more a:hover i {
    background: url(../images/eg-r.png) 50% no-repeat;
    background-size: cover;
    margin-left: 4px
}

.news-more span {
    margin-left: 0;
    color: rgba(17,48,85,.5)
}

.esg-policy {
    width: 49.34%
}

.esg-policy-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.esg-policy-btn span {
    display: inline-block;
    position: relative;
    margin-right: 34px;
    padding-bottom: 8px;
    line-height: 1;
    font-size: 1.15vw;
    color: rgba(17,48,85,.3);
    -webkit-transition: .35s;
    transition: .35s;
    cursor: pointer
}

.esg-policy-btn span.active,.esg-policy-btn span:hover {
    color: #141414
}

.esg-policy-btn span.active:after,.esg-policy-btn span:hover:after {
    width: 100%;
    right: auto;
    left: 0
}

.esg-policy-btn span:last-child {
    margin-right: 0
}

.esg-policy-btn span:last-child:before {
    display: none
}

.esg-policy-btn span:before {
    position: absolute;
    right: -17px;
    top: 2px;
    content: "";
    width: 1.5px;
    height: 18px;
    background: #141414;
    opacity: .1
}

.esg-policy-btn span:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    width: 0;
    height: 2px;
    background: #3b87ba;
    -webkit-transition: .35s;
    transition: .35s
}

@media screen and (max-width: 1700px) {
 .idea-list li.hoverdesc a:hover .idea-flex {
        margin-top: -5.73vw
    }	
}
@media screen and (max-width: 1500px) {
	
}	
@media screen and (max-width: 960px) {
	.esg-policy-btn span {
	    font-size:16px;
	}
 .reports {
        padding:60px 0
    }

    .report-wrap {
        margin-left: 0;
        width: 100%
    }

    .idea-box {
        padding: 60px 0 70px
    }

    .idea-top {
        display: block
    }

    .idea-title {
        width: auto;
        font-size: 30px
    }

    .idea-info {
        margin-top: 30px
    }

    .idea-info p {
        font-size: 16px
    }

    .esg-news-title .esg-tt {
        font-size: 26px
    }

    .news-wrap,.pillar-wrap {
        padding-left: 0
    }

    .report-padd {
        display: block
    }

    .report-imgs {
        width: 100%
    }

    .report-content {
        margin-left: 0;
        width: 100%;
        margin-top: 30px
    }

    .report-name time {
        font-size: 32px
    }

    .report-name .report-title {
        font-size: 18px
    }

    .report-name {
        margin-bottom: 20px
    }

    .report-info {

        padding-bottom: 20px
    }

    .report-imgs figure {
        padding-bottom: 66%
    }

    .ideaEn .idea-info p {
        width: 100%
    }

    .ideaEn .idea-title {
        font-size: 24px
    }	
}	
@media screen and (max-width: 750px) {
 .report-padd {
        padding: 3.6vw 4vw
    }
    .idea-en {
        font-size: 12vw;
        top: 4vw;
    }
    .report-name time {
        margin-bottom: 1.33vw;
        font-size: 6.67vw
    }

    .report-name .report-title {
        font-size: 5.07vw
    }

    .report-name {
        margin-bottom: 3.47vw
    }

    .report-info {
        padding: 3.73vw 0;
  
    }

    .report-content,.report-imgs {
        opacity: 0
    }

    .report-slide.swiper-slide-active .report-content,.report-slide.swiper-slide-active .report-imgs {
        opacity: 1
    }

    .report-slide.swiper-slide-active .report-info p {
    font-size: 14px;
    }

    .ideaEn .idea-info p strong {
        display: inline-block
    }

    .idea-text p {
        max-height: none
    }
	 .report-slide {
	        position: relative;
	        width: 90%!important
	    }
	
	    .report-slide.swiper-slide-active {
	        -webkit-transform: scale(1)!important;
	        transform: scale(1)!important
	    }
	
	    .report-link-item a {
	        color: #000
	    }
	
	     .idea-title {
	            font-size: 8vw
	        }
	    
	        .idea-info {
	            margin-top: 6.67vw;
	            margin-bottom: 3.33vw;
	            display: block
	        }
	    
	        .idea-info p {
	            width: 100%;
	            font-size: 3.73vw
	        }
	 .idea-list {
	        display: block;
	        margin-top: 6.93vw
	    }
	
	    .idea-list.idealistEn li a strong {
	        height: auto
	    }
	
	    .idea-list li {
	        margin-right: 0;
	        margin-bottom: 4vw
	    }
	
	    .idea-list li a {
	        border-radius: 1.87vw;
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: flex;
	        -webkit-box-align: start;
	        -ms-flex-align: start;
	        align-items: flex-start;
	        padding: 4.8vw 5.87vw 6vw 4.53vw
	    }
	
	    .idea-ico {
	        margin-right: 4vw;
	        width: 14.13vw;
	        height: 14vw
	    }
	
	    .idea-wr {
	        padding-top: 1.73vw
	    }
	
	    .idea-list li a strong {
	        margin-top: 0;
	        margin-bottom: 2.4vw;
	        font-size: 4.27vw
	    }
	
	    .idea-text p {
	        font-size: 2.93vw
	    }
	
	    .idea-text {
	        margin-bottom: 5.07vw;
	        height: auto
	    }
	
	    .idea-more span {
	        margin-left: 0;
	        color: #737f92
	    }
   .idea-list li.hoverdesc a:hover .idea-flex {
        margin-top: 0
    }
	    .report-wrap {
	        width: auto;
	        margin-left: -4vw;
	        margin-right: -4vw
	    }
	
	    .report-slide.swiper-slide-prev .report-padd {
	        position: relative;
	        left: 1.3%
	    }
	
	    .report-slide.swiper-slide-next .report-padd {
	        position: relative;
	        right: 1.3%
	    }
   .esg-dynamic {
        display: block;
        margin-top: 16vw
    }

    .esg-news {
        margin-bottom: 62px;
        margin-right: 0
    }

    .esg-news-title {
        padding-bottom: 4vw
    }

    .esg-news-title .esg-tt {
        font-size: 5.87vw
    }

    .esy-news-list li a {
        display: block;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 3.2vw;
        height: 12vw;
        line-height: 12vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
   .esg-news,.esg-policy {
        width: 100%
    }			
    .esy-news-list {
        min-height: auto;
    }
    .esg-policy-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
	    .idea-more span {
	        font-size: 2.93vw;
	    }	
}