@media screen and  (min-width: 1200px){
    .top-part {
        position: relative;
        height: 520px;
        background-image: url("https://new.eastelectricity.com//assets/addons/east/image/about_us_banner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 50%;
    }

    .top-part {
        position: relative;
    }

    .top-part > .content{
        max-width: 1200px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #fff;
        transform: translateX(-50%);
        left: 50%;
    }

    .top-part > .content > .top-part-title{
        position: absolute;
        left: 0;
        top: 110px;
        color: #ffffff;
    }

    .top-part > .content > .top-part-title > .zh{
        font-size: 24px;
        font-weight: 700;
    }

    .top-part > .content > .top-part-title > .en{
        font-size: 12px;
        margin-top: 12px;
        font-family: Georgia;
        margin-left: 1px;
    }

    .top-part > img {
        width: 100%;
        min-height: 515px;
        filter: brightness(0.8);
    }

    .top-part > .top-part-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-family: AlibabaPuHuiTi-2-55-Regular, Microsoft YaHei, serif;
        width: 100%;
    }

    .top-part > .top-part-content > .zh{
        font-size: 52px;
        /*font-weight: 700;*/
        letter-spacing: 4px;
        color: #ffffff;
    }

    .top-part > .top-part-content > .en{
        font-size: 15px;
        margin-top: 20px;
        font-weight: normal;
        color: #ffffff;
    }

    .introduce-part {
        background-color: #ffffff;
        text-align: center;
        margin: 80px auto 80px;
        max-width: 900px;
    }

    .company-title-zh {
        color: #010101;
        font-size: 36px;
        margin-bottom: 40px;
        /*font-weight: 700;*/
        font-family: AlibabaPuHuiTi-2-55-Regular, Microsoft YaHei, serif;
        text-align: center;
    }

    .company-title-en {
        color: #999999;
        font-family: Georgia;
        font-size: 18px;
    }

    .company-detail {
        color: #555555;
        text-align: justify;
        margin-top: 30px;
    }

    .detail-item {
        margin: 15px 0;
        font-family: AlibabaPuHuiTi-2-55-Regular;
        color: #555555;
        line-height: 26px;
        font-size: 16px;
        /*text-indent: 2em;*/
    }

    .culture-part {
        background-color: rgba(0, 0, 0, .3);
        max-width: 1200px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 120px 0;
        background-image: url("https://new.eastelectricity.com/assets/addons/east/image/culture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: color;
        margin:0 auto;
    }

    .video-part{
        /* display: flex; */
        /* flex-wrap: wrap; */
        align-items: center;
        justify-content: center;
        margin: 0 auto 80px;
        max-width: 1065px;
    }

    .culture-video{
        max-width: 1065px;
        border-radius: 12px;
        filter: brightness(0.9);
        /* margin: 0 auto; */
        /* text-align: center; */
    }

    .left-title {
        margin-right: 64px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .left-title > img {
        width: 86px;
        margin-bottom: 10px;
    }

    .left-title > .title {
        font-weight: 700;
        font-size: 26px;
        color: #ffffff;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items {
        padding-right: 87px;
        /*border-right: 1px solid rgba(255, 255, 255, .25);*/
    }

    /*.right-items {*/
    /*    padding-left: 87px;*/
    /*    border-left: 1px solid rgba(255, 255, 255, .25);*/
    /*}*/

    .right-items > .culture-item {
        margin-bottom: 25px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items > .culture-item:last-child {
        margin-bottom: 0;
    }

    .right-items > .culture-item > .culture-title {
        font-weight: 700;
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 10px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items > .culture-item > .culture-desc {
        font-size: 18px;
        color: #ffffff;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .scroll-bar {
        display: flex;
        align-items: center;
        margin-top: 35px;
    }

    .bar-item {
        width: 50px;
        height: 50px;
        font-size: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
        line-height: 50px;
        cursor: pointer;
    }

    .bar-item > img {
        height: 20px;
    }

    .bar-list {
        flex: 1;
        padding: 26px 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background-color: #ffffff;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
        margin: 0 22px;
        border-radius: 80px;
    }

    .bar-list > span {
        color: #010101;
        font-size: 28px;
        cursor: pointer;
        font-family: 'AlibabaPuHuiTi-2-55-Regular';
    }

    .bar-list > .active {
        color: #4DDDC4;
        font-weight: 700;
    }

    .time-list {
        margin: 32px auto;
    }

    .time-list > .year-title {
        color: #4DDDC4;
        font-weight: 700;
        font-size: 24px;
        max-width: 540px;
        text-align: left;
        margin: 0 auto 30px;
    }

    .month {
        color: #010101;
        font-size: 14px;
        margin-right: 30px;
        text-align: center;
        line-height: 20px;
        min-width: 32px;
        font-weight: 700;
    }

    .time-list > .item .content {
        color: #555555;
        font-size: 14px;
        padding-bottom: 40px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
        text-align: left;
        width: 400px;
        line-height: 20px;
        position: relative;
    }

    .content-list {
        position: relative;
    }

    .content-list:before {
        content: '';
        position: absolute;
        top: 7px;
        left: -17px;
        height: 100%;
        width: 1px;
        background-color: #4DDDC4;
    }

    .content-list:after, .time-list > .item > .content:after {
        content: '';
        position: absolute;
        top: 6px;
        left: -20px;
        height: 7px;
        width: 7px;
        background-color: #4DDDC4;
        border-radius: 50%;
    }

    .time-list > .item > .content:before {
        content: '';
        position: absolute;
        top: 7px;
        left: -17px;
        height: 100%;
        width: 1px;
        background-color: #4DDDC4;
    }

    .time-list > .item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

    .advantage-box {
        max-width: 1100px;
        display: grid;
        grid-template-columns:1fr 1fr 1fr ;
        margin:10px auto;
        /*flex-wrap: wrap;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        /*margin-top: 35px;*/
    }


    .advantage-box > .img-box {

        margin: 40px;
        border-radius: 12px;
        position: relative;

    }

    .advantage-box > .img-box > .img-area{
        height:130px;
    }

    .advantage-box > .img-box > .content-area{
        text-align:center;
    }

    .advantage-box > .img-box >.content-area > .ad_title {
        font-weight: bold;
        font-size:16px;
        margin:10px;
        line-height:20px;
        width:260px;

    }

    .advantage-box > .img-box  >.content-area > .ad_content {
        font-size:16px;
        margin:5px;
        line-height:20px;
        width:260px;
    }



    .advantage-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .advantage-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .advantage-box > .img-box >.img-area > img{
        width: 100px;
        border-radius: 12px;
        cursor: pointer;
        margin-bottom: 35px;
    }

    .advantages-box {
        max-width: 834px;
        display: grid;
        grid-template-columns:1fr 1fr;
        margin: 44px auto;
        /*flex-wrap: wrap;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        /*margin-top: 35px;*/
    }


    .advantages-box > .img-box {/* margin: 127px; */border-radius: 12px;position: relative;}

    .advantages-box > .img-box > .img-area{
        height: 105px;
    }

    .advantages-box > .img-box > .content-area{
        text-align:center;
    }

    .advantages-box > .img-box >.content-area > .ad_title {
        font-weight: bold;
        font-size:16px;
        margin: 10px auto;
        line-height:20px;
        width:260px;
    }

    .advantages-box > .img-box  >.content-area > .ad_content {
        font-size:16px;
        margin: 5px auto;
        line-height:20px;
        width:260px;
    }



    .advantages-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .advantages-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .advantages-box > .img-box >.img-area > img{
        width: 100px;
        border-radius: 12px;
        cursor: pointer;
        margin-bottom: 35px;
    }



    .honor-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 35px;
    }

    .honor-box > .img-box {
        width: 285px;
        margin-bottom: 20px;
        border-radius: 12px;
        position: relative;
        overflow: hidden;
    }

    .honor-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .honor-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .honor-box > .img-box > img{
        width: 100%;
        border-radius: 12px;
        cursor: pointer;
    }

    .honor-box > .img-box > .alt{
        position: absolute;
        bottom: 0;
        font-size: 14px;
        color: #ffffff;
        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, #000000 100%);
        opacity: 0.75;
        padding: 14px 18px;
        border-radius: 0 0 12px 12px;
        left: 0;
        right: 0;
    }

    .env-box {

    }

    .env-box > .site-bar {
        width: 270px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #010101;
        font-size: 24px;
        margin: 35px auto;
    }

    .env-box > .site-bar > span {
        cursor: pointer;
    }

    .env-box > .site-bar > .active {
        color: #4DDDC4;
        position: relative;
    }

    .env-box > .site-bar > .active:after {
        content: '';
        position: absolute;
        bottom: -15px;
        height: 2px;
        width: 25px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #4DDDC4;
        border-radius: 2px;
    }

    .env-box > .env-img-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .env-box > .env-img-list > img {
        width: 394px;
        border-radius: 12px;
        cursor: pointer;
    }

}

@media screen and (max-width: 1200px) {
    .top-part > .content > .top-part-title{
        left: 30px;
    }
}

@media screen and (max-width: 1200px) {
    .top-part > .content > .top-part-title{
        left: 30px;
    }
}




@media screen and (max-width: 1200px) {
    .top-part {
        position: relative;
        height: 520px;
        background-image: url("https://new.eastelectricity.com//assets/addons/east/image/about_us_banner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position-x: 50%;
    }

    .top-part {
        position: relative;
    }

    .top-part > .content{
        max-width: 1200px;
        margin: 0 auto;
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #fff;
        transform: translateX(-50%);
        left: 50%;
    }

    .top-part > .content > .top-part-title{
        position: absolute;
        left: 0;
        top: 110px;
        color: #ffffff;
    }

    .top-part > .content > .top-part-title > .zh{
        font-size: 24px;
        font-weight: 700;
    }

    .top-part > .content > .top-part-title > .en{
        font-size: 12px;
        margin-top: 12px;
        font-family: Georgia;
        margin-left: 1px;
    }

    .top-part > img {
        width: 100%;
        min-height: 515px;
        filter: brightness(0.8);
    }

    .top-part > .top-part-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-family: AlibabaPuHuiTi-2-55-Regular, Microsoft YaHei, serif;
        width: 100%;
    }

    .top-part > .top-part-content > .zh{
        font-size: 52px;
        /*font-weight: 700;*/
        letter-spacing: 4px;
        color: #ffffff;
    }

    .top-part > .top-part-content > .en{
        font-size: 15px;
        margin-top: 20px;
        font-weight: normal;
        color: #ffffff;
    }

    .introduce-part {
        background-color: #ffffff;
        text-align: center;
        margin: 105px auto 80px;
        /*max-width: 900px;*/
    }

    .company-title-zh {
        /* color: #010101; */
        font-size: 50px;
        /*margin-bottom: 40px;*/
        font-weight: bold;
        /* font-family: AlibabaPuHuiTi-2-55-Regular, Microsoft YaHei, serif; */
        text-align: center;
    }

    .company-title-en {
        color: #999999;
        font-family: Georgia;
        font-size: 18px;
    }

    .company-detail {
        color: #555555;
        text-align: justify;
        margin-top: 30px;
    }

    .detail-item {
        margin: 50px 55px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
        color: #555555;
        line-height: 74px;
        font-size: 42px;
        /*text-indent: 2em;*/
    }

    .culture-part {
        background-color: rgba(0, 0, 0, .3);
        max-width: 1200px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 120px 0;
        background-image: url("https://new.eastelectricity.com/assets/addons/east/image/culture.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: color;
        margin:0 auto;
    }

    .video-part{
        /* display: flex; */
        /* flex-wrap: wrap; */
        align-items: center;
        justify-content: center;
        margin: 0 auto 80px;
        max-width: 1100px;
    }

    .culture-video{
        max-width: 1100px;
        border-radius: 12px;
        filter: brightness(0.9);
        margin-top: 30px;
    }

    .left-title {
        margin-right: 64px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .left-title > img {
        width: 86px;
        margin-bottom: 10px;
    }

    .left-title > .title {
        font-weight: 700;
        font-size: 26px;
        color: #ffffff;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items {
        padding-right: 87px;
        /*border-right: 1px solid rgba(255, 255, 255, .25);*/
    }

    /*.right-items {*/
    /*    padding-left: 87px;*/
    /*    border-left: 1px solid rgba(255, 255, 255, .25);*/
    /*}*/

    .right-items > .culture-item {
        margin-bottom: 25px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items > .culture-item:last-child {
        margin-bottom: 0;
    }

    .right-items > .culture-item > .culture-title {
        font-weight: 700;
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 10px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .right-items > .culture-item > .culture-desc {
        font-size: 18px;
        color: #ffffff;
        font-family: AlibabaPuHuiTi-2-55-Regular;
    }

    .scroll-bar {
        display: flex;
        align-items: center;
        margin-top: 35px;
    }

    .bar-item {
        width: 50px;
        height: 50px;
        font-size: 20px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
        line-height: 50px;
        cursor: pointer;
    }

    .bar-item > img {
        height: 20px;
    }

    .bar-list {
        flex: 1;
        padding: 26px 50px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        background-color: #ffffff;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
        margin: 0 22px;
        border-radius: 80px;
    }

    .bar-list > span {
        color: #010101;
        font-size: 28px;
        cursor: pointer;
        font-family: 'AlibabaPuHuiTi-2-55-Regular';
    }

    .bar-list > .active {
        color: #4DDDC4;
        font-weight: 700;
    }

    .time-list {
        margin: 32px auto;
    }

    .time-list > .year-title {
        color: #4DDDC4;
        font-weight: 700;
        font-size: 24px;
        max-width: 540px;
        text-align: left;
        margin: 0 auto 30px;
    }

    .month {
        color: #010101;
        font-size: 14px;
        margin-right: 30px;
        text-align: center;
        line-height: 20px;
        min-width: 32px;
        font-weight: 700;
    }

    .time-list > .item .content {
        color: #555555;
        font-size: 14px;
        padding-bottom: 40px;
        font-family: AlibabaPuHuiTi-2-55-Regular;
        text-align: left;
        width: 400px;
        line-height: 20px;
        position: relative;
    }

    .content-list {
        position: relative;
    }

    .content-list:before {
        content: '';
        position: absolute;
        top: 7px;
        left: -17px;
        height: 100%;
        width: 1px;
        background-color: #4DDDC4;
    }

    .content-list:after, .time-list > .item > .content:after {
        content: '';
        position: absolute;
        top: 6px;
        left: -20px;
        height: 7px;
        width: 7px;
        background-color: #4DDDC4;
        border-radius: 50%;
    }

    .time-list > .item > .content:before {
        content: '';
        position: absolute;
        top: 7px;
        left: -17px;
        height: 100%;
        width: 1px;
        background-color: #4DDDC4;
    }

    .time-list > .item {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

    /*.advantage-box {*/
    /*    max-width: 1100px;*/
    /*    !* display: grid; *!*/
    /*    !* grid-template-columns:1fr 1fr 1fr ; *!*/
    /*    margin:10px auto;*/
    /*    !*flex-wrap: wrap;*!*/
    /*    !*align-items: center;*!*/
    /*    !*justify-content: space-between;*!*/
    /*    !*margin-top: 35px;*!*/
    /*}*/


    /*.advantage-box > .img-box {margin: 100px;border-radius: 12px;position: relative;display: flex;}*/

    /*.advantage-box > .img-box > .img-area{*/
    /*    height:130px;*/
    /*}*/

    /*.advantage-box > .img-box > .content-area{*/
    /*    text-align:center;*/
    /*}*/

    /*.advantage-box > .img-box >.content-area > .ad_title {*/
    /*    font-weight: bold;*/
    /*    font-size: 36px;*/
    /*    margin: 10px;*/
    /*    line-height: 53px;*/
    /*    width: 900px;*/
    /*}*/

    /*.advantage-box > .img-box  >.content-area > .ad_content {*/
    /*    font-size: 36px;*/
    /*    margin:5px;*/
    /*    line-height: 59px;*/
    /*    width: 900px;*/
    /*}*/



    /*.advantage-box > .img-box:hover > .honor-img {*/
    /*    transform: scale(1.08);*/
    /*}*/

    /*.advantage-box > .img-box:hover > .alt {*/
    /*    opacity: .85;*/
    /*}*/

    /*.advantage-box > .img-box >.img-area > img{*/
    /*    width: 150px;*/
    /*    border-radius: 12px;*/
    /*    cursor: pointer;*/
    /*    margin-bottom: 60px;*/
    /*}*/

    .advantage-box {
        max-width: 1100px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin:10px auto;
        /*flex-wrap: wrap;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        /*margin-top: 35px;*/
    }


    .advantage-box > .img-box {margin: 40px 0;border-radius: 12px;position: relative;height: 400px;}

    .advantage-box > .img-box > .img-area{
        height: 160px;
    }

    .advantage-box > .img-box > .content-area{
        text-align:center;
        text-align: center;
    }

    .advantage-box > .img-box >.content-area > .ad_title {
        font-weight: bold;
        font-size: 36px;
        margin: 33px;
        line-height:20px;
        /* width:260px; */
    }

    .advantage-box > .img-box  >.content-area > .ad_content {
        font-size: 36px;
        margin: 25px;
        line-height: 60px;
        /* width:260px; */
    }



    .advantage-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .advantage-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .advantage-box > .img-box >.img-area > img{
        width: 120px;
        border-radius: 12px;
        cursor: pointer;
        margin-bottom: 35px;
    }

    .advantages-box {
        max-width: 1100px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 95px auto;
        /*flex-wrap: wrap;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        /*margin-top: 35px;*/
    }


    .advantages-box > .img-box {margin: 40px 0;border-radius: 12px;position: relative;height: 400px;}

    .advantages-box > .img-box > .img-area{
        height: 160px;
    }

    .advantages-box > .img-box > .content-area{
        text-align:center;
        text-align: center;
    }

    .advantages-box > .img-box >.content-area > .ad_title {
        font-weight: bold;
        font-size: 36px;
        margin: 33px;
        line-height:20px;
        /* width:260px; */
    }

    .advantages-box > .img-box  >.content-area > .ad_content {
        font-size: 36px;
        margin: 25px;
        line-height: 60px;
        /* width:260px; */
    }



    .advantages-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .advantages-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .advantages-box > .img-box >.img-area > img{
        width: 120px;
        border-radius: 12px;
        cursor: pointer;
        margin-bottom: 35px;
    }


    .honor-box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 35px;
    }

    .honor-box > .img-box {
        width: 285px;
        margin-bottom: 20px;
        border-radius: 12px;
        position: relative;
        overflow: hidden;
    }

    .honor-box > .img-box:hover > .honor-img {
        transform: scale(1.08);
    }

    .honor-box > .img-box:hover > .alt {
        opacity: .85;
    }

    .honor-box > .img-box > img{
        width: 100%;
        border-radius: 12px;
        cursor: pointer;
    }

    .honor-box > .img-box > .alt{
        position: absolute;
        bottom: 0;
        font-size: 14px;
        color: #ffffff;
        background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, #000000 100%);
        opacity: 0.75;
        padding: 14px 18px;
        border-radius: 0 0 12px 12px;
        left: 0;
        right: 0;
    }

    .env-box {

    }

    .env-box > .site-bar {
        width: 270px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #010101;
        font-size: 24px;
        margin: 35px auto;
    }

    .env-box > .site-bar > span {
        cursor: pointer;
    }

    .env-box > .site-bar > .active {
        color: #4DDDC4;
        position: relative;
    }

    .env-box > .site-bar > .active:after {
        content: '';
        position: absolute;
        bottom: -15px;
        height: 2px;
        width: 25px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #4DDDC4;
        border-radius: 2px;
    }

    .env-box > .env-img-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .env-box > .env-img-list > img {
        width: 394px;
        border-radius: 12px;
        cursor: pointer;
    }
}