body {font: 0.9em/1.3em Arial,Helvetica Neue,Helvetica,sans-serif;color:#333333; overflow-x: hidden; overflow-y: scroll; background-color:#fff;background:url("../images/bg.png") top center no-repeat; } 
html {-webkit-font-smoothing: antialiased;}
a {color:#333; text-decoration: none;}
a:hover{text-decoration: none;}
input::-webkit-input-placeholder { padding-top: 8px;}

p { font-size:0.8em; line-height: 1.8em;}
h2 { font-size:1.2em;font-weight:bold;}
h3 { font-size:0.9em;font-weight:bold;}
h4 { font-size:0.8em;font-weight:bold;}
h5 { font-size:0.9em; line-height: 2em;}

.colour_333 { color:#333}


/*外層包圍*/
.pagewrap { width: 100%; margin:0 auto; }
.pagewrap_index { width: 100%; height:550px;  background:url("../images/index_bg.jpg") top center no-repeat;}
.pagewrap_inner { width: 100%; height:180px;  background:url("../images/index_bg.jpg") top center no-repeat;}
.container { width:1000px;margin:0 auto; }


/*header*/
.header_bg { position:relative; width:1000px; height:82px;   margin:0 auto; z-index: 9000}
.header_logo01 {  position: absolute; width:106px; top:6px; left: 10px;}
.header_logo02 {  position:absolute ; width:223px;  top:18px; left: 130px; }
.menu_bg {position:relative; width:100%; height:38px; background-color:#79a34d; z-index:5000;box-shadow:0px 2px 4px rgba(20%,20%,20%,0.5);}
.menu_container {  width:980px;margin:0 auto; }

/* footer*/
footer{position:relative; float:left; width: 100%;  margin:20px auto 30px auto; }
.footer_bg { position:relative; width:960px; margin:20px auto 0 auto; z-index:0;text-align:center }
.footer_contectin02 { float:left; width:100%;  }
.footer_contect02 {float:left; width:100%; padding:10px 0 10px 0;}
.footer_contect02 a:hover{ color:#ed923a}
.footer_contect02 p { font-size:0.7em}



/*index*/
.banner{ position:relative;width:990px; margin:15px auto 0 auto; z-index:0 }
.section_bg {width: 990px; margin:0 auto; }

.index_title01 { float:left; width:100%; text-align: center; margin:45px 0 20px 0; font-size:1.2em; font-weight:bold; }
.index_title02 { float:left; width:100%; text-align: center; margin:20px 0 20px 0; font-size:1.2em; font-weight:bold; }
.index_np { float:left; width:100%; }
.index_np_box { float:left; width:32.4%;  margin: 0 1% 0 0; border: 1px solid #c0cda5; }
.index_nom {margin: 0 0 0 0}
.index_np_box_pic { float:left; width:100%; }
.index_np_box_text { float:left; width:90%; padding: 8% 5%; text-align:center; }
.index_contactus { float:left; width:99.5%; border: 1px solid #c0cda5;}
.index_contactus_left { float:left; width:48%; padding: 3% 0 3% 3% }
.index_contactus_right { float:right; width:46%}


/*inner*/
.inner_container { width:980px;margin:0px auto; }
.inner_container02 { width:98%;margin:0px 0 0 2%; }
.inner_title { width:100%; margin: 25px 0 40px 0; font-size:1.8em; font-weight:600; color:#254907 }
.content-factory{
    margin-bottom: 20px;
}
.content-factory p{
    font-size: 18px;
}

/*About us*/
.aboutus_left { float:left; width:55%}
.aboutus_right { float:right; width:40%}
.aboutus_right_ul {list-style-type:square; margin: 0 0 0 20px}
.aboutus_right_li { margin: 0 0 20px 0px; padding: 0 0 0 8px}


/*factory*/
.factory_container { float:left; width:100%;}
.factory_pic {float:left; width:49%; margin: 0 2% 2% 0}
.factory_pic_nom {margin: 0 0 2% 0}

/*services*/
.services_left { float:left; width:100%; margin: -10px 0 0 0}
.services_title { font-size:1.3em; font-weight:500; line-height:2.3em}

/*products*/
.pro_container { float:left; width:100%;}
.pro_box { float:left; width:32.4%;  margin: 0 1% 0 0;  }
.pro_box_nom {margin: 0 0 0 0}
.pro_box_pic { float:left; width:100%; }
.pro_box_text { float:left; width:90%; padding: 5% 5% 9% 5%; text-align:center; }

/*contact us*/
.contact_left { float:left; width:50%}
.contact_right { float:right; width:50%}
.contact_title { font-size:1.1em; font-weight:600; }


/********** MEDIA QUERIES ***********************/
/* for webkit only */
@media screen and (-webkit-min-device-pixel-ratio:0) {  

} 

/* for 980px or less */
@media screen and (max-width: 1000px) {
.pagewrap_index {  height:100px;    }
	
/*footer*/
.footer_bg { width:98%; margin: 2% auto 5% auto  }

/*header*/
.header_bg {width:100%; }
.menu_container { width:100%;}

/*index*/
.banner{ width:100%; margin:15px auto 0 auto; z-index:0 }
.section_bg {width: 100%; margin:0 auto; }
.index_title01 { margin:20px 0 20px 0; }

/*inner*/
.inner_container { width:100%;margin:0px auto; }

/*contact us*/
.contact_left { float:left; width:100%; margin: 0 0 5% 0}
.contact_right { float:right; width:100%}

}

/* for 768px or less */
@media screen and (max-width: 768px) {
/*inner*/
.inner_container { width:98%;margin:0; }

/*About us*/
.aboutus_left { float:left; width:100%; margin: 3% 0 0 0}
.aboutus_right { float:right; width:100% }

/*factory*/
.factory_pic {float:left; width:100%; margin: 0 0 2% 0}



}


.category_container{
    display: grid;
    width: 100%;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.category{
    display: grid;
    place-items: start;
    margin-right: 20px;
}
.category a{
    display: block;width: 100%;
}

.category_pic{
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.category_text{
    text-align: center;
    margin: 15px;
    margin-bottom: 20px;
    font-size: 18px;
}
.news_container{
    display: flex;
    flex-direction: column;
}
.readnews{
	display:block;
	text-align:center;
	margin:20px;
}
.readnews a{
	font-size:20px;
}

.news{display: flex;margin-bottom: 30px;    border-bottom: 1px dashed #000000;    padding-bottom: 20px;
}
.news a{
    display: flex;
    width: 100%;
}
.news_pic{
    width: 200px;
    height: 200px;
    margin-right: 30px;
}
.news_text{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 200px;
    overflow: hidden;
}
.news_text .title{
    font-size: 20px;
    margin-bottom: 25px;
}
.news_text .desc{
    font-size: 16px;
}
.readmore{
    text-align: right;
}
.news_title{
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
    padding: 20px;
}
.news_content{
    min-height: 700px;
}
.news_content,.news_content p{
    font-size: 18px;
    line-height: 28px;
}
.inner_title a {
    color: #254907;
}
.news_page{
    display: flex;
    align-items: end;
    justify-content: flex-end;
}
.news_page p a{
    font-size: 16px;
    margin-right: 10px;
}
.index_news_flex{
    display: flex;
	    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
.index_news{
    width: 100%%;
    display: flex;
    flex-direction: column;
}
.index_news_content{
    display: flex;
    flex-direction: column;
}
.index_title{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    height: 30px;

}
.index_description{
    flex: 1;
    font-size: 17px;
}
.index_news_read{
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #000000;
    display: flex;
    justify-content: space-between;
}
.pubdate{
    margin-bottom: 10px;
}
.category_title{
    font-size: 20px;
    font-weight: bold;
    color: #2d4216;
    margin-bottom: 20px;
}
/* for 480px or less */
@media screen and (max-width: 500px) {
    .index_news_flex{
        flex-direction: column;
        justify-content: flex-start;
    }
    .index_news{width: 96%; padding: 2%;}
    .pagewrap_index {  height:300px;    }
    .news a{
        flex-direction: column;
    }
    .news a .news_pic{
        width: 100%;
    }

    .news a .title{
        margin-top: 20px;
    }
    .readmore{
        margin-top: 10px;
    }
    /*index*/

    .index_np { float:left; width:100%; }
    .index_np_box { float:left; width:100%;  margin: 0 0 2% 0; border: 1px solid #c0cda5; }
    .index_np_box_text { float:left; width:90%; padding: 3% 5%; text-align:center; }
    .index_contactus { float:left; width:99.5%; border: 1px solid #c0cda5;}
    .index_contactus_left { float:left; width:100%; padding: 3% 0 3% 3% }
    .index_contactus_right { float:right; width:100%}

    /*products*/

    .pro_box { float:left; width:100%;  margin: 0 0 0 0;  }


}