@font-face {
    font-family: '思源黑体';
    src: url("../fonts/SourceHanSansSC-Medium.otf");
}

html{
    height: 100%;
}

body {
    margin: 0;
    font-family: 思源黑体;
}

.page {
    margin: 0 auto;
    width: 1903px;
}

.outlink {
    height: 104px;
    position: relative;
}

.outlink_detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    height: 52%;
    width: 34.75%;
    top: 29.808%;
    right: 14.556%;
}

.outlink a, .outlink a img {
    height: 100%;
}

.content {
    background-color: #6cbb5a;
    position: relative;
}

.logo {
    height: 416px;
    background-image: url("../images/newindex/company_bgi.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.logo img {
    position: absolute;
    width: 36.525%;
    height: auto;
    top: 10.725%;
    left: 24.749%;
}

.aboutus {
    display: flex;
    justify-content: space-between;
    width: 54.966%;
    margin: 2.68% auto 1.8%;
    align-items: flex-end;
}

.word {
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 51.53%;
}

.aboutus_title {
    display: flex;
    align-items: flex-end;
    font-family: 'HGRME';
}

.aboutus_cn {
    font-size: 34px;
    margin-right: 2.26%;
    letter-spacing: 3px;
}

.aboutus_en {
    font-size: 20px;
    font-weight: bold;
}

.aboutus_title_line {
    width: 13.175%;
    height: 4px;
    background-color: #FFFFFF;
    margin-top: 4.454%;
}

.aboutus_word {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'HGRSMP';
    margin-top: 4%;
}

.aboutus_word p {
    text-indent: 2em;
    margin: 1.5% auto 0;
    font-size: 14px;
    text-align: justify;
    letter-spacing: 1px;
}

.aboutus_pic {
    width: 34.417%;
    height: 82.759%;
}

.aboutus_pic img {
    width: 100%;
    height: 100%;
}

.product_content {
    height: 2841px;
    background-color: #e9fafe;
    display: flex;
    flex-direction: column;
}

.product1 {
    height: 36.607%;
}

.product_center {
    width: 51.34%;
    margin: 0 auto;
    color: white;
    height: 100%;
    overflow: hidden;
}

.general_catalog {
    margin: 6% auto 0;
    text-align: right;
    width: 100%;
}

.general_catalog_word span {
    color: #00a100;
    font-size: 35px;
    padding-bottom: 0.359%;
    border-bottom: #6cbb5a solid 5px;
    font-weight: bold;
}

.product_title {
    font-size: 22px;
    background-image: url("../images/newindex/product_title_bg.png");
    height: 35px;
    line-height: 35px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0 0 0 1.5%;
}

.product1_title {
    width: 28.5%;
    margin-top: 4%;
}

.product1_up, .product1_down, .product3_up, .product3_down {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.product1_up, .product1_down {
    height: 33.174%;
}

.product1_up {
    margin-top: 3.9%;
}

.product_total {
    height: 100%;
    width: 39.201%;
}

.product_total img {
    height: 100%;
    width: 100%;
}

.product_detail {
    width: 59.263%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.product_detail_info {
    width: 100%;
    background-color: #FFFFFF;
    display: flex;
}

.product_detail_info {
    height: 47.826%;
}

.product_detail_info_name {
    width: 20.624%;
    height: 100%;
    background-color: #82c573;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_detail_info_word {
    width: 73.109%;
    display: flex;
    justify-content: space-between;
    font-size: 22px;
}

.product_detail_info_pic {
    flex: 1;
    display: flex;
    justify-content: center;
}

.info_pic_center {
    width: 96.718%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info_pic_center img {
    height: 81.928%;
    width: 23.756%;
}

.product1_down {
    margin-top: 1.332%;
}

.product2 {
    height: 29.004%;
    background-color: #d6f1e6;
}

.product2_title {
    width: 11.539%;
    margin-top: 10.5%;
}

.product2_info {
    margin-top: 4.1%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 63.72%;
}

.product_total2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.product_total2 img {
    width: 100%;
    height: 50%;
}

.product2_detail_info_name {
    width: 20.624%;
    height: 100%;
    background-color: #82c573;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.product2_detail_info {
    height: 31.43%;
}

.product3 {
    flex: 1;
    position: relative;
}

.product3_title {
    margin-top: 10.032%;
    width: 26%;
}

.product3_detail_info {
    height: 100%;
}

.product3_up, .product3_down {
    height: 16.89%;
}

.product3_up {
    margin-top: 3.276%;
}

.product3_down {
    margin-top: 1.536%;
}

.bottom {
    background-image: url('../images/newindex/bottom_bgi.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 48.106%;
    width: 100%;
    position: absolute;
    color: #FFFFFF;
}

.bottom_info {
    width: 37%;
    margin: 14% auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 13.5%;
}

.bottom_left {
    width: 38%;
}

.bottom_cn {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}

.bottom_en {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}

.bottom_line {
    height: 100%;
    width: 0.328%;
    background-color: #FFFFFF;
}

.bottom_right {
    font-size: 16px;
}

.bottom_right a {
    text-decoration: none;
    color: white;
}

.copyright {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.copyright a {
    text-decoration: none;
    color: #FFFFFF;
}

.seat, .aboutus_pic_mobile, .product_mobile, .bottom_outlink_detail {
    display: none;
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
    html {
        transform: scale(0.643, 0.643);
        transform-origin: left top;
    }
}

@media screen and (min-width: 1241px) and (max-width: 1496px) {
    html {
        transform: scale(0.777, 0.777);
        transform-origin: left top;
    }
}

@media screen and (min-width: 1497px) and (max-width: 1536px) {
    html {
        transform: scale(0.798, 0.798);
        transform-origin: left top;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1496px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        transform: scale(0.664, 0.664);
        transform-origin: left top;
    }
}

@media screen and (max-width: 768px) {
    .page {
        width: 100%;
        height: 100%;
    }

    .outlink {
        display: none;
    }

    .logo {
        height: 167.5px;
        background-image: url("../images/newindex/mobile_company_bgi.png");
    }

    .logo img {
        width: 60.935%;
        top: 32.175%;
        left: 7.788%;
    }

    .aboutus {
        width: 85.938%;
        margin: 3.907% auto 4%;
        display: block;
    }

    .word {
        width: 100%;
    }

    .aboutus_title {
        font-weight: bold;
    }

    .aboutus_cn {
        font-size: 17.5px;
    }

    .aboutus_en {
        font-size: 9.5px;
    }

    .aboutus_title_line {
        width: 8.535%;
        height: 2.5px;
        margin-top: 2.088%;
    }

    .aboutus_word {
        margin-top: 3.879%;
        display: block;
    }

    .seat {
        height: 330px;
        float: right;
        display: block;
    }

    .aboutus_pic_mobile {
        display: block;
        float: right;
        clear: right;
        width: 42.623%;
    }

    .aboutus_pic_mobile img {
        width: 100%;
        margin-left: 3px;
    }

    .aboutus_word p {
        margin: 2.859% auto 0;
        font-size: 12px;
    }

    .aboutus_pic, .product1_up, .product1_down, .product2_info, .product3_up, .product3_down {
        display: none;
    }

    .product_content {
        height: 5839px;
    }

    .product1 {
        height: 41.866%;
    }

    .product_center {
        width: 85.938%;
    }

    .general_catalog {
        margin: 6.828% auto 0;
    }

    .general_catalog_word span {
        font-size: 13px;
        padding-bottom: 0.473%;
        border-bottom: #6cbb5a solid 2px;
    }

    .product_title {
        font-size: 12px;
        height: 21px;
        line-height: 21px;
        padding: 0 0 0 1.2%;
    }

    .product1_title {
        width: 48.503%;
        margin-top: 10%;
    }

    .product_mobile {
        display: block;
        width: 100%;
        height: 100%;
    }

    .product_total {
        width: 100%;
        height: 11.838%;
        margin-top: 5.435%;
    }

    .product_total_mobile2_2 {
        margin-top: -0.5%;
        height: 12.18%;
    }

    .product_total img {
        vertical-align: bottom;
    }

    .product_detail {
        width: 100%;
        height: 35.754%;
        justify-content: normal;
    }

    .product_detail_info {
        flex-direction: column;
        height: 48.995%;
        background-color: #FFFFFF;
    }

    .product_detail_info_name {
        width: 100%;
        height: 5.49%;
    }

    .product_detail_info_word {
        flex-direction: row;
        width: 15.636%;
        font-size: 12px;
    }

    .product_detail_info_pic {
        align-items: center;
    }

    .info_pic_center {
        width: 92.78%;
        height: 94.798%;
        flex-direction: column;
        justify-content: space-between;
    }

    .info_pic_center_mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        height: 48.875%;
    }

    .info_pic_center img {
        width: 48.444%;
        height: 100%;
    }

    .product2 {
        height: 31.249%;
    }

    .product2_title {
        margin-top: 9.465%;
        width: 20%;
    }

    .product_detail2_1 {
        height: 47.901%;
    }

    .product_detail2_2 {
        height: 23.469%;
    }

    .product_detail_info2_2 {
        height: 100%;
    }

    .product3_title {
        margin-top: 12%;
        width: 42%;
    }

    .product_total_mobile3 {
        margin-top: 5%;
        height: 8.8%;
    }

    .product_detail3 {
        height: 27.3%;
    }

    .product_detail_info3 {
        height: 100%;
    }

    .bottom {
        background-image: url('../images/newindex/mobile_bottom_bgi.png');
        height: 20.5%;
    }

    .bottom_info {
        width: 78%;
        margin: 16.5% auto 0;
        display: block;
        height: auto;
    }

    .bottom_left {
        width: 100%;
    }

    .bottom_cn {
        font-size: 22px;
    }

    .bottom_en {
        font-size: 12px;
    }

    .bottom_line {
        height: 1.5px;
        width: 100%;
        margin-top: 1%;
    }

    .bottom_right {
        font-size: 12px;
        width: 100%;
        margin-top: 2%;
    }

    .bottom_outlink_detail {
        display: block;
        width: 75%;
        margin: 4% auto 0;
    }

    .bottom_outlink_detail img {
        width: 100%;
        margin-top: 0;
    }

    .copyright {
        font-size: 12px;
        bottom: 1%;
    }
}