#body{background:#FFFFFF;width: 100%;max-width: 1920px;max-height: 5900px;margin:0 auto ;overflow-x: hidden;position: relative;}
.more_line2_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.more_line3_hidden{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-word;}s

#banner {width: 100%;margin: 0 auto;position: relative;}

#introduction {width:100%;}
#introduction .introduction_box{width: 90%; margin: 0 auto;padding: 5.3% 0 8.45%;max-width: 1440px;display: flex;}
#introduction .introduction_box .introduction_item_img{width:calc(41% + 60px);max-width: 590px;float: left;padding-right: 60px;margin-right: 7.29%}
#introduction .introduction_box .introduction_item_img .introduction_img_box {float: left;}
/* shadow */
#introduction .introduction_box .introduction_item_img .introduction_img_box > img { box-shadow: 60px 60px 0 #f0f0f0;display: block;margin: 0 auto }
#introduction .introduction_box .introduction_item_img .introduction_shadow_box{width: 81.9%;height: 90%;background-color: #f0f0f0;margin-top: 10%;margin-left: 11%;}
/* shadow-end */
#introduction .introduction_box .introduction_item_text {width: 47.57%;max-width: 685px;float: right;}
#introduction .introduction_box .introduction_item_text .introduction_text_box{width: 100%;float: left;height: 100%;}
#introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_title {margin-top: 9%;}
#introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_title span{font-size: 36px;font-family: "Montserrat-Regular"}
#introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_content{margin-top: 4%;}
#introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_content span{font-size: 16px;font-family: "Opensans-Regular";line-height: 32px;color: #555;}
#introduction .introduction_box .introduction_item_text .introduction_text_box .read_more_button {margin-top: 7%;}
#introduction .introduction_box .introduction_item_text .introduction_text_box .read_more_button a{width: 170px;height: 55px;background-color: #01750F;display: block;text-align: center;line-height:54.67px;font-family:'Opensans-Regular' ;font-weight: bold; color:#ffffff;text-transform: uppercase;}

/* products */
#products {width:100%;margin: 0 auto;background-color:#111111;display: flex;}
#products .products_box{width: 90%;margin: 0 auto;max-width: 1440px;padding: 80px 0 100px;}
#products .products_box .products_header {text-align: center;}
#products .products_box .products_header .products_title_box {margin: 0 auto;}
#products .products_box .products_header .products_title_box span{font-size: 36px;font-family: "Montserrat-Regular";font-weight: bold; color: #ffffff;}
#products .products_box .products_header .products_content_box {width: 44.8%;margin:2.5% auto 5.5%;}
#products .products_box .products_header .products_content_box span{font-size: 16px;font-family: "Opensans-Regular";line-height: 32px; color: #888888;}
#products .products_box .products_content {}
#products .products_box .products_content .table_left{float: left;display: block;width: 66.66%;max-width: 960px;height: 100%;color: #ffffff;}
#products .products_box .products_content .table_left .item_text{float: right;background-color: #2c2c2c;}
#products .products_box .products_content .table_left .item_text:first-child{float: left;background-color: #01750F;}
#products .products_box .products_content .table_right{float: left;display: table;width: 33.33%;max-width: 480px;height: 100%;color: #111111;}
#products .products_box .products_content .table_right .item_text {float: left;width: 100%;padding-top: 100%;background-color: #ffffff;}
#products .products_box .products_content .table_right .item_img_box {float: left;width: 100%;padding-top: 100%;}
.products_text_box{position: absolute;z-index: 1;right: 0;top: 0;bottom: 0;margin:auto;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;}
.item_text{width: 50%;height: 0;padding-top: 50%;text-align: center;position: relative;height: 50%;}
.item_img_box{width: 45%;height: 50%;padding-top: 50%;position: relative;border:1px solid #ddd;margin-right:3%;margin-top:10px;}

.item_text_title {font-size: 36px;font-family: "Montserrat-Regular";padding: 0 22.5%;margin-bottom: 15px;}
.item_text_content {font-size: 18px;font-family: "Opensans-Regular";line-height: 32px;padding: 0 10.5%;}
.product_img{position: absolute;z-index: 1;left: 0;top: 0;}
/* products-end */


.homeproduct{width:100%;overflow:hidden;}
.homeproduct li{float:left;width:30%;margin-left:2%;border:1px solid #ddd;margin-top:20px;background:white;}
.homeproduct li .hompro{padding:20px;text-align:center;}
    .homeproduct li .hompro img{max-width:100%;}
    .homeproduct li .hompro p{height:50px;overflow:hidden;line-height:50px;}
@media screen and (max-width: 768px) {
    .homeproduct li{width:46%;}
        .homeproduct li .hompro{padding:5px;}
            .homeproduct li .hompro p{line-height:16px;}
}

    /* detailInfo */
    #detailInfo {
        width: 100%;
    }

        #detailInfo .detailInfo_box {
            width: 90%;
            max-width: 1440px;
            margin: 0 auto;
            height: 100%;
            padding-bottom: 100px;
        }

            #detailInfo .detailInfo_box .detailInfo_item {
                margin-top: 100px;
            }

                #detailInfo .detailInfo_box .detailInfo_item .text_content_box {
                    width: 100%;
                    float: left;
                    height: 100%;
                }

                #detailInfo .detailInfo_box .detailInfo_item .detailInfo_text_box {
                    height: 100%;
                    width: 38.55%;
                    float: right;
                }

                #detailInfo .detailInfo_box .detailInfo_item:first-child .detailInfo_text_box {
                    float: left;
                }

                #detailInfo .detailInfo_box .detailInfo_item .detailInfo_img_box {
                    width: 56.25%;
                    max-width: 810px;
                    height: 100%;
                    float: left;
                }

                #detailInfo .detailInfo_box .detailInfo_item:first-child .detailInfo_img_box {
                    float: right;
                }

    .detailInfo_title {
        margin-top: 75px;
    }

        .detailInfo_title span {
            font-size: 36px;
            color: #01750F;
            text-transform: uppercase;
            font-family: "Montserrat-Regular";
        }

    .detailInfo_content {
        margin-top: 1.5%;
    }

        .detailInfo_content .detailInfo_content_title {
            display: block;
            line-height: 44px;
            font-size: 24px;
            color: #111111;
            font-family: "Montserrat-Regular";
            text-transform: uppercase;
        }

        .detailInfo_content .detailInfo_content_content {
            display: block;
            font-size: 16px;
            font-family: "Opensans-Regular";
            line-height: 30px;
            margin-top: 10px;
        }

    .detailInfo_rm_button {
        margin-top: 9.5%;
    }

        .detailInfo_rm_button a {
            width: 170px;
            height: 55px;
            display: block;
            text-align: center;
            line-height: 54.67px;
            font-family: "Opensans-Regular";
            font-weight: bold;
            color: #ffffff;
            background-color: #111;
            text-transform: uppercase;
        }

    #detailInfo .detailInfo_box .detailInfo_item:first-child .detailInfo_text_box .text_content_box .detailInfo_rm_button a:first-child {
        background-color: #01750F;
    }
    /* detailInfo-end */

    /* news */
    #news {
        width: 100%;
        height: 13.27%;
        margin: 0 auto;
        background-color: #141517;
    }

        #news .news_box {
            width: 90%;
            height: 100%;
            margin: 0 auto;
            padding-bottom: 6.6%;
            display: flex;
            flex-direction: column;
            max-width: 1440px;
        }

            #news .news_box .news_title {
                margin: 5.5% auto;
                text-align: center;
            }

                #news .news_box .news_title span {
                    font-size: 36px;
                    color: #ffffff;
                }

            #news .news_box .news_content {
                width: 100%;
                height: 100%;
                margin: 0 auto;
                display: flex;
                flex-direction: row;
            }

                #news .news_box .news_content .news_content_item {
                    width: calc((100% - 80px) / 3);
                }

                    #news .news_box .news_content .news_content_item:nth-child(2) {
                        margin: 0 40px;
                    }

                    #news .news_box .news_content .news_content_item .news_item_img {
                        width: 100%;
                    }

                    #news .news_box .news_content .news_content_item .news_item_title {
                        margin: 20px 0 10px;
                    }

                        #news .news_box .news_content .news_content_item .news_item_title span {
                            font-size: 20px;
                            color: #ffffff;
                            line-height: 32px;
                            height: 64px;
                        }

                    #news .news_box .news_content .news_content_item .news_item_content span {
                        font-size: 16px;
                        font-family: 'Opensans-Regular';
                        line-height: 28px;
                        color: #888888;
                    }
    /* news-end */

    @media screen and (max-width: 1200px) {
        #introduction .introduction_box .introduction_item .introduction_text_box .introduction_text_title {
            margin-top: 0;
        }

        #detailInfo .detailInfo_box {
            padding-bottom: 50px;
        }

            #detailInfo .detailInfo_box .detailInfo_item {
                margin-top: 50px;
            }

        .margin_button {
            margin-bottom: 50px;
        }

        .detailInfo_title {
            margin-top: 0;
        }
    }

    @media screen and (max-width: 768px) {
        #body {
            background: #FFFFFF;
            width: 100%;
            max-width: 1920px;
            max-height: 5900px;
            margin: 0 auto;
            overflow-x: hidden;
            position: relative;
        }
        /* introduction */
        #introduction {
            width: 100%;
        }

            #introduction .introduction_box {
                height: 100%;
                width: 92%;
                margin: 0 auto;
                padding-top: 30px;
                display: flex;
                flex-direction: column;
            }

                #introduction .introduction_box .introduction_item_img {
                    width: 100%;
                    clear: both;
                    padding-right: 0;
                    margin-right: 0;
                    max-width: unset;
                }

                    #introduction .introduction_box .introduction_item_img .introduction_img_box {
                        float: left;
                        width: calc(100% - 32.5px);
                    }

                        #introduction .introduction_box .introduction_item_img .introduction_img_box > img {
                            box-shadow: 32.5px 32.5px 0 #f0f0f0;
                            display: block;
                            margin: 0 auto
                        }

                #introduction .introduction_box .introduction_item_text {
                    width: 100%;
                    clear: both;
                }

                    #introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_title {
                        text-align: center;
                        margin-top: 65px;
                    }

                    #introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_content {
                        text-align: center;
                    }

                    #introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_title span {
                        font-size: 30px;
                        font-weight: bold;
                    }

                    #introduction .introduction_box .introduction_item_text .introduction_text_box .introduction_text_content span {
                        font-size: 14px;
                        color: #555555;
                        line-height: 20px;
                    }

                    #introduction .introduction_box .introduction_item_text .introduction_text_box .read_more_button a {
                        font-weight: unset;
                        margin: 0 auto;
                        height: 40px;
                        width: 125px;
                        line-height: 40px;
                    }
        /* introduction-end */

        /* products */
        #products {
            width: 100%;
            margin: 0 auto;
            background-color: #111111;
            display: flex;
        }

            #products .products_box {
                width: 92%;
                padding: 20px 0 25px;
            }

                #products .products_box .products_header {
                    text-align: center;
                    margin-top: 3%;
                }

                    #products .products_box .products_header .products_title_box span {
                        font-size: 30px;
                    }

                    #products .products_box .products_header .products_content_box span {
                        font-size: 14px;
                        color: #888;
                        line-height: 20px;
                    }

                    #products .products_box .products_header .products_content_box {
                        width: 76%;
                        margin: 20px auto;
                    }

                #products .products_box .products_content {
                    margin: 0 auto;
                }

                    #products .products_box .products_content .table_left {
                        clear: both;
                        display: table;
                        width: 100%;
                        height: 66.66%;
                    }

                    #products .products_box .products_content .table_right {
                        clear: both;
                        display: table;
                        width: 100%;
                        height: 33.33%;
                        max-width: 960px;
                    }

                        #products .products_box .products_content .table_right .item_text, #products .products_box .products_content .table_right .item_img_box {
                            float: left;
                            width: 50%;
                            padding-top: 50%;
                        }

        .item_text {
            width: 50%;
            height: 0;
            padding-top: 50%;
            text-align: center;
            position: relative;
        }

        .item_img_box {
            width: 50%;
            height: 0;
            padding-top: 50%;
            position: relative;
        }

        .products_text_box {
            position: absolute;
            z-index: 5;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .item_text_title {
            font-size: 16px;
            padding: 0 15%;
            margin-bottom: 5%;
        }

        .item_text_content {
            font-size: 14px;
            line-height: 20px;
        }
        /* products-end */

        /* detailInfo */
        #detailInfo {
            width: 100%;
            max-height: none
        }

            #detailInfo .detailInfo_box {
                width: 92%;
                padding-bottom: 0;
            }

                #detailInfo .detailInfo_box .detailInfo_item {
                    width: 100%;
                    height: 48.22%;
                    margin: 35px auto 0;
                    display: flex;
                    flex-direction: column;
                }

                    #detailInfo .detailInfo_box .detailInfo_item:nth-child(2) {
                        margin-bottom: 35px;
                    }

                    #detailInfo .detailInfo_box .detailInfo_item .detailInfo_img_box {
                        width: 100%;
                    }

                    #detailInfo .detailInfo_box .detailInfo_item .detailInfo_text_box {
                        width: 100%;
                        clear: both;
                        margin: 10px auto 0;
                    }

                    #detailInfo .detailInfo_box .detailInfo_item .text_content_box .detailInfo_rm_button {
                        margin-top: 15px;
                    }

        .detailInfo_title {
            margin: 0 auto;
            text-align: center;
        }

            .detailInfo_title span {
                font-size: 20px;
                color: #01750F;
                font-family: "Montserrat-Regular";
            }

        .detailInfo_content {
            margin-top: 1%;
            text-align: center;
        }

            .detailInfo_content .detailInfo_content_title {
                font-size: 15px;
                color: #111111;
                font-family: "Montserrat-Regular";
                line-height: 30px;
            }

            .detailInfo_content .detailInfo_content_content {
                font-size: 14px;
                font-family: "Opensans-Regular";
                line-height: 20px;
                margin-top: 0;
            }

        .detailInfo_rm_button a {
            margin: 0 auto;
            font-weight: unset;
            height: 40px;
            width: 125px;
            line-height: 40px;
        }
        /* detailInfo-end */

        /* news */
        #news {
            width: 100%;
            margin: 0 auto;
            height: 100%;
            background-color: #141517;
            max-height: none
        }

            #news .news_box {
                padding-bottom: 0;
                width: 92%;
            }

                #news .news_box .news_title {
                    width: 100%;
                    margin: 7.5% auto;
                }

                    #news .news_box .news_title span {
                        display: block;
                        font-size: 20px;
                        line-height: unset;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                #news .news_box .news_content {
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                }

                    #news .news_box .news_content .news_content_item,
                    #news .news_box .news_content .news_content_item:nth-child(2) {
                        width: 100%;
                        margin: 0 auto 30px;
                    }

                        #news .news_box .news_content .news_content_item .news_item_img {
                            width: 100%;
                            height: 55%;
                        }

                            #news .news_box .news_content .news_content_item .news_item_img img {
                                width: 100%;
                            }

                        #news .news_box .news_content .news_content_item .news_item_title {
                            text-align: center;
                        }

                            #news .news_box .news_content .news_content_item .news_item_title span {
                                font-size: 16px;
                                line-height: 20px;
                                height: unset;
                            }

                        #news .news_box .news_content .news_content_item .news_item_content {
                            text-align: center;
                        }

                            #news .news_box .news_content .news_content_item .news_item_content span {
                                font-size: 14px;
                                line-height: 20px;
                            }

        .news_item2_mg {
            margin: 0;
        }
        /* news-end */


    }