.esg_main {
    width: 100%;
    padding-bottom: 70px;
}

.esg_main .banner_box {
    width: 100%;
    min-width: 1150px;
    height: auto;
    box-sizing: border-box;
}

.esg_main .banner_box .banner_box_img {
    width: 100%;
    height: auto
}

.esg_main .esg_content {
    width: 1150px;
    height: auto;
    margin: auto;
    padding-top:40px;
}

    .esg_main .esg_content .esg_content_title {
        font-size: 20px;
        font-weight: bold;
        color: #124191;
        line-height: 30px;
    }

    .esg_main .esg_content .esg_content_introduction {
        font-size: 14px;
        line-height: 26px;
        color:#646464;
        padding-top:40px;
    }

        .esg_main .esg_content .esg_content_introduction .esg_content_introduction_title {
            font-size: 14px;
            font-weight: bold;
            text-indent: 0px;
            padding-bottom: 10px;
        }

    .esg_main .esg_content .esg_content_introduction p {
        text-indent:26px;
        padding-top:0.5%;
    }

    .esg_main .esg_content .esg_content_whitepaper {
        width: 100%;
        height: 100%;
        clear: both;
        padding-top: 3%;
        padding-bottom: 40%;
    }

        .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_img {
            width: 30%;
            float: left;
        }

        .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_img img {
            width: 100%;
            height: auto;
        }

        .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_font {
            width: 50%;
            float: left;
            font-size: 20px;
            margin-left: 5%;
            padding-top: 20%;
            color: #124191;
        }

        .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_font a {
            color: #124191;
        }

    .esg_main .esg_literature {
        width: 100%;
        height: 100%;
        background-color: #f4f4f4;
        padding-bottom: 40px;
    }

        .esg_main .esg_literature .esg_literature_item {
            width: 90%;
            height: 100%;
            margin: auto;
            padding-top: 20px;
            color: #646464;
        }

            .esg_main .esg_literature .esg_literature_item a {
                color: #646464;
            }

            .esg_main .esg_literature .esg_literature_item .link {
                color: #0000ee;
            }

@media screen and (max-width: 414px) {
    .esg_main {
        height: 100%;
    }
    
    .esg_main .banner_box {
        min-width: inherit;
        height: auto; /*3.904rem;*/
        padding-top: 0;
        background-size: 100% 100%;
    }
    
    .esg_main .banner_box .banner_box_img {
        width: 100%;
        height: auto; /*3.904rem*/
    }

        .esg_main .esg_content {
            width: 90%;
            height: 100%;
            margin: auto;
        }

            .esg_main .esg_content .esg_content_title {
                font-size: 20px;
                font-weight: bold;
                color: #124191;
                line-height: 30px;
            }

            .esg_main .esg_content .esg_content_introduction {
                font-size: 14px;
                line-height: 26px;
                color: #646464;
            }

                .esg_main .esg_content .esg_content_introduction .esg_content_introduction_title {
                    font-size: 14px;
                    font-weight: bold;
                    text-indent: 0px;
                }

                .esg_main .esg_content .esg_content_introduction p {
                    text-indent: 26px;
                    padding-top:0.5%;
                }

            .esg_main .esg_content .esg_content_whitepaper {
                width: 100%;
                height: 100%;
                clear: both;
                padding-top: 6%;
                padding-bottom: 68%;
            }

                .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_img {
                    width: 45%;
                    float: left;
                }

                    .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_img img {
                        width: 100%;
                        height: auto;
                    }

                .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_font {
                    width: 50%;
                    float: left;
                    font-size: 18px;
                    margin-left: 5%;
                    padding-top: 20%;
                    color: #124191;
                }

                .esg_main .esg_content .esg_content_whitepaper .esg_content_whitepaper_item_font a {
                    color: #124191;
                }

        .esg_main .esg_literature {
            width: 100%;
            height: 100%;
            background-color: #f4f4f4;
            padding-bottom: 40px;
        }

            .esg_main .esg_literature .esg_literature_item {
                width: 90%;
                height: 100%;
                margin: auto;
                color: #646464;
                padding-top: 5%;
            }

            .esg_main .esg_literature .esg_literature_item a {
                color: #646464;
            }

                .esg_main .esg_literature .esg_literature_item .link {
                    color: #0000ee;
                }
}