*{margin: 0;padding: 0;}
body{font-family:"Microsoft YaHei";}
a{text-decoration:none; outline: none; color: #666;}
li{list-style: none;}
:root { --color-primary: #6f945b; }
.root_col{color:var(--color-primary);}
.root_bg{background:var(--color-primary);}
.root_bg_h:hover {background:var(--color-primary)}
header{
    width: 1200px;
    margin: auto;
    height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search{
    width: 400px;
    height: 46px;
    border: 3px solid var(--color-primary);
    box-sizing: border-box;
    position: relative;
}
.search input{border: none;outline:0;}
.search .i_text{
    width: 270px;
    height: 35px;
    padding-left: 10px;
    font-weight: bold;
}
input::-webkit-input-placeholder{color: #e3e3e3;}
.search .i_submit{
    width: 109px;
    height: 40px;
    color: #fff;
    font-size: 16px;font-weight: bold;float: right;
}
.search img{
    position: absolute;
    right: 5px;
    top: 16px;
}
.tel .tel1 img{vertical-align: middle;margin-right: 10px;}
.tel .tel1 span{font-size: 14px;color: #999;font-weight: bold;}
.tel .tel2{font-size: 24px;font-weight: 900;}
nav{width: 100%;background: #333;}
nav ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;align-items: center;}
nav ul li{line-height: 70px;font-size: 18px;padding: 0 20px;}
nav ul li:hover{background:var(--color-primary)}
nav ul li a{color: #fff;}
.t_body{width: 1200px;margin: auto;}
.about_title{
    display: flex;
    margin: 65px 0 60px;
    align-items: center;
}
.about_title .about_title_text{
    width: 400px;
    height: 63px;
    line-height: 63px;
    color: #fff;
    letter-spacing: 4px;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
}
.about_content p{
    text-indent: 2em;
    color: #666;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 1px;
}
.about_title1{margin: 80px 0 68px;}
.product{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px 13px;
}
.product li{
    border: 1px solid #ccc;
    padding: 15px;
    box-sizing: border-box;
}
.product_box{overflow: hidden;}
.product_img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.product_img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.product li a p{margin-top: 23px;text-align: center;}
.mainimg{margin-top: 33px;}
.list_one{
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
}
.about_title2{margin: 90px 0 55px;}
footer{
    width: 100%;
    height: 300px;
    background: #666;
    color: #fff;
}
.footer{
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 300px;
}
.footer_center{
    height: 180px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0 55px;
    line-height: 40px;
    box-sizing: border-box;
}
.footer_erweima{width: 140px;height: 140px;}
.news{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px 18px;
    margin-bottom: 74px;
}
.news li{border: 1px solid #ccc;padding: 15px 20px 20px 15px;}
.news li a{display: flex;}
.news li a div p:nth-of-type(1){font-weight: bold;color:var(--color-primary);padding-bottom: 10px;}
.news li a div p:nth-of-type(2){
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.news li a div{margin-left: 15px;}
.foccc{
    background: #6f945b;
}