@charset "utf-8";
/* CSS Document */

.index_about {
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.index_about .tit, .index_news .tit, .index_product .tit {
    width: 400px;
    margin: auto;
    position: relative;
    text-align: center;
}
.index_about .tit p, .index_news .tit p, .index_product .tit p {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    position: absolute;
    top: 20px;
    left: 0;
}
.index_about .tit div.tit_write, .index_news .tit div.tit_write, .index_product .tit div.tit_write {
    display: inline-block;
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 9;
}
.index_about .tit div.tit_write h1, .index_news .tit div.tit_write h1, .index_product .tit div.tit_write h1 {
    font-size: 18px;
    color: #666666;
    line-height: 26px;
}
.index_about .tit div.tit_write h3, .index_news .tit div.tit_write h3, .index_product .tit div.tit_write h3 {
    color: #04b045;
    font-size: 24px;
    font-family: 'Aparajita';
    line-height: 24px;
}
.index_about .index_about_box {
    float: left;
    position: relative;
    left: 50%;
    margin-top: 20px;
}
.index_about .index_about_box ul li {
    width: 120px;
    height: 35px;
    border: 2px solid #04AF45;
    float: left;
    margin: 0 25px;
}
.index_about .index_about_box ul li a {
    display: block;
    text-align: center;
    line-height: 35px;
}
.index_about .index_about_box ul li a:hover{
    background:#009933;
    color:#fff;
}
.index_about p.desc {
    /*text-indent: 2em;*/
    margin-top: 25px;
    font-size: 13px;
    color: #666666;
    line-height: 24px;
}
.index_about a.more {
    width: 125px;
    height: 40px;
    display: block;
    overflow: hidden;
    background: #019934;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    margin: 30px auto 0;
}
.index_about a.more:hover {
    background: #04AF45;
}
/*index_news*/
.index_news {
    margin-top: 40px;
}
.index_news_con {
    margin-top: 25px;
}
.index_news_con .index_news_con_left {
    width: 480px;
    height: 340px;
    overflow: hidden;
    background:url(../images/index_video.jpg) no-repeat center;
}
.index_news_con .index_news_con_right {
    width: 500px;
    height: 340px;
    overflow: hidden;
}
.index_news_con .index_news_con_right ul li {
    height: 60px;
    overflow: hidden;
    background: #F7F7F7;
    margin-bottom: 10px;
}
.index_news_con .index_news_con_right ul li .date {
    height: 34px;
    margin: 13px 0 0 20px;
}
.index_news_con .index_news_con_right ul li .date p {
    color: #04b045;
    font-size: 36px;
    line-height: 34px;
    float: left;
}
.index_news_con .index_news_con_right ul li .date div {
    border-left: 2px solid #BBBBBB;
    height: 100%;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    padding-left: 10px;
}
.index_news_con .index_news_con_right ul li .date div h3 {
    color: #666666;
    font-size: 14px;
    line-height:18px;
}
.index_news_con .index_news_con_right ul li .index_news_con_tit {
    width: 370px;
    overflow: hidden;
    margin-top: 12px;
}
.index_news_con .index_news_con_right ul li .index_news_con_tit h1 a {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.index_news_con .index_news_con_right ul li .index_news_con_tit h1 a:hover {
    text-decoration: underline;
}
.index_news_con .index_news_con_right ul li .index_news_con_tit p {
    font-size: 12px;
    color: #999999;
    line-height: 20px;
}
/*index_product*/
.index_product {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #04AF45;
    margin-top: 40px;
    padding-top: 40px;
}
.index_product .tit p {
    background: #fff;
}
.index_product .tit div.tit_write {
    background: #04AF45;
}
.index_product .tit div.tit_write h1, .index_product .tit div.tit_write h3 {
    color: #fff;
}
.index_product .index_product_con {
    margin-top: 30px;
    padding-bottom: 40px;
}
.index_product .index_product_con ul li {
    float: left;
    width: 180px;
    overflow: hidden;
    margin-right: 25px;
}
.index_product .index_product_con ul li img {
    float: left;
    width: 174px;
    /*height: 114px;*/
    height:174px;
    padding: 3px;
    background: #fff;
}
.index_product .index_product_con ul li p {
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.index_product .index_product_con ul li p a {
    font-size: 13px;
    color: #fff;
}
.index_product .index_product_con ul li p a:hover {
    text-decoration: underline;
}