#navagation{
    margin:10px auto;
}
#navagation .position{
    font-size:14px;
    color: #909090;
}
#navagation a{
    text-decoration: none;
    font-size:14px;
    color: #909090;
}
#navagation a:last-child{
    font-size:14px;
    color: #303030;
}
#navagation a:hover{
    text-decoration: none;
    font-size:14px;
    color: #007b5f;
}
#metrial_adv{
    display: block;
}
#metrial_adv .tit_adv{
    font-size: 28px;
    color: #303030;
    margin: 55px auto;
    margin-bottom: 0px;
}
#metrial_adv ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    margin-bottom: 50px;
}
#metrial_adv ul li{
    width: 23%;
    height:330px;
    flex: 0 1 auto;
    margin: 20px 12px 5px;
    padding-left:0px;
    padding-right:0px;
    text-align: center;
    /*box-shadow:rgba(0, 0, 0, 0.05) 0 0 2px 2px ;*/
    /*border-radius: 4px;*/
}
#metrial_adv ul li .metrial_tit{
    font-size: 18px;
    color: #303030;
    margin-top: 23px;
}
#metrial_adv ul li  .metrial_detail{
    width: 90%;
    margin: 0 auto;
}
#pledge_mobile{
    display: none;
}
#diy{
    width: 100%;
    height: auto;
}
#diy .table_items{
    margin-top:0px;
}
#diy .table caption{
    font-size: 16px;
    color: #e60112;
    font-weight: bold;
    line-height: 40px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
#diy .table_items table thead tr th{
    color: #303030;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
#diy .table_items table tbody tr td{
    padding-top: 15px;
    padding-bottom: 15px;
}

#kinds{
    width: 100%;
    height: auto;
}
#kinds .kinds_tit{
    color: #333333;
    font-size: 28px;
    margin:55px auto;
    margin-bottom:0px ;
}
#kinds ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    margin-bottom: 0px;
}
#kinds ul li{
    width: 25%;
    height: auto;
    flex: 0 1 auto;
    margin: 10px 0px 5px;
    padding-left:10px;
    padding-right:10px;
    text-align: center;
}
#kinds ul li a{
    display: inline-block;
    text-decoration: none;
    color: #333;
}
#kinds ul li  img.kind_pic{
    max-width: 100%;
    border: 1px solid #f4f4f4;
}
#kinds ul li  .kind_tittle{
    background: #017b5f;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
}
#kinds ul li p.kind_more{
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    line-height: 20px;
}
#kinds ul li a  p.kind_more .show_detail{
    color: #e60112;
}
/*6��OEM/ODM�ӹ����ƣ�����������Ӯ*/
#help{
    width: 100%;
    height: auto;
}
#help  .help_tit{
    color: #333333;
    font-size: 28px;
    margin:55px auto;
    margin-bottom: 0px;
}
#help ul.adv{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    margin-bottom: 25px;
}
#help ul.adv li{
    width: 31%;
    height: auto;
    flex: 0 1 auto;
    margin: 10px 13px 5px;
    padding-left:0px;
    padding-right:0px;
    text-align: center;
    /*border: 1px solid #f9f9f9;*/
    /*box-shadow:0 0 4px #606060;*/
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}
#help ul.adv li:hover{
    background: #007b5f;
}
#help ul.adv li img.img_adv{
    max-width: 100%;
}
#help ul.adv li .line_adv{
    width: 80px;
    height: 3px;
    margin: 0 auto;
    margin-top: 4px;
    background: #007b5f;
}
#help ul.adv li:hover .line_adv{
    background: #fff;
}
#help ul.adv li .char_adv{
    font-weight: bold;
    color: #303030;
    font-size: 18px;
    margin-top: 25px;
}
#help ul.adv li:hover .char_adv{
    color: #fff;
}
#help ul.adv li .char_detail{
    width: 50%;
    font-size: 14px;
    color: #606060;
    line-height: 28px;
    margin: 13px auto 20px;
}
#help ul.adv li:hover .char_detail{
    color: #fff;
}

@media(max-width: 480px) {
    #navagation{
        display: none;
        margin-top:10px;
    }
    #navagation .position {
        font-size: 14px;
        color: #909090;
        margin-left:10px;
    }
    #metrial_adv{
        display: none;
    }
    #pledge_mobile{
        display: block;
        width: 100%;
        height: auto;
        background: url("../img/child_bg.jpg") no-repeat center center;
    }
    #pledge_mobile  .pledge_tit {
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        margin: 0px auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #pledge_mobile ul{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: stretch;
    }
    #pledge_mobile ul li{
        width: 46%;
        height: auto;
        flex: 0 1 auto;
        margin: 10px 7px 5px;
        padding-left:0px;
        padding-right:0px;
        text-align: center;
        /*background: #fff;*/
        /*box-shadow:rgba(0, 0, 0, 0.05) 0 0 2px 2px ;*/
        /*border: 1px solid #f9f9f9;*/
    }
    #pledge_mobile ul li img.pledge_quality{
        max-width: 100%;
    }
    #pledge_mobile ul li .quality_tit{
        font-size: 16px;
        color: #303030;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    #pledge_mobile ul li .quality_detail{
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    #diy .table_items {
        margin-top: 15px;
        padding-right: 5px;
        padding-left: 5px;
    }
    #diy .table caption {
        font-size: 16px;
        color: #e60112;
        font-weight: bold;
        line-height: 39px;
        border: 1px solid #e8e8e8;
    }
    #diy .table_items table tbody tr td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #kinds .kinds_tit{
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        margin: 0px auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    #kinds ul{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: stretch;
    }
    #kinds ul li{
        width: 50%;
        height: auto;
        flex: 0 1 auto;
        margin: 10px 0px 5px;
        padding-left:10px;
        padding-right:10px;
        text-align: center;
    }
    #kinds ul li a{
        display: inline-block;
        text-decoration: none;
        color: #333;
    }
    #kinds ul li  img.kind_pic{
        max-width: 100%;
        border: 1px solid #f4f4f4;
    }
    #kinds ul li  .kind_tittle{
        background: #017b5f;
        color: #fff;
        line-height: 35px;
        font-size: 14px;
    }
    #kinds ul li p.kind_more{
        font-size: 14px;
        color: #333;
        margin-top: 10px;
        line-height: 20px;
    }
    #kinds ul li a  p.kind_more .show_detail{
        display: block;
        text-align: center;
        color: #e60112;
    }
    #help  .help_tit{
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        margin: 0px auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    #help ul.adv{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: stretch;
        margin-bottom: 0px;
    }
    #help ul.adv li{
        width: 46%;
        height: auto;
        flex: 0 1 auto;
        margin: 10px 7px 5px;
        padding-left:0px;
        padding-right:0px;
        text-align: center;
        border: 1px solid #fafafa;
        -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.05);
        -webkit-box-shadow:0 4px 4px rgba(0, 0, 0,0.05);
        box-shadow:0 4px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
    }
    #help ul.adv li:hover{
        background: #007b5f;
    }
    #help ul.adv li img.img_adv{
        max-width: 100%;
    }
    #help ul.adv li .line_adv{
        width: 80px;
        height: 2px;
        margin: 0 auto;
        margin-top: 4px;
        background: #007b5f;
    }
    #help ul.adv li:hover .line_adv{
        background: #fff;
    }
    #help ul.adv li .char_adv{
        font-weight: 100;
        color: #303030;
        font-size: 16px;
        margin-top: 10px;
    }
    #help ul.adv li:hover .char_adv{
        color: #fff;
    }
    #help ul.adv li .char_detail{
        width: 95%;
        font-size: 14px;
        color: #606060;
        line-height: 28px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 5px auto ;
    }
    #help ul.adv li:hover .char_detail{
        color: #fff;
    }

}