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




/*****************************************************************************
 INDEX
 *****************************************************************************/
#loading{width:100%;height:100%;margin:0;background:#7fa84d;opacity:1.0;position:fixed;top:0;left:0;z-index:10001;}
#loading img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.mainimage{position:relative;}
.mainimage .bxslider li,
.mainimage .bxslider li img{width:100%;}
.mainimage img.overimg{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:130px;max-width:12.5%;}

.top_news{background:#7fa84d;padding:60px 0px;margin-top:3px;}
.top_news .top_news_inner{background:#e5ecd4;padding:0px 30px;display:block;width:100%;height:320px;overflow-y:scroll;}
.top_news h2.h2{color:#fff;}
.top_news h2.h2:before{color:#fff;}
ul#news{}
ul#news li{display:flex;padding:20px 0px;border-bottom:1px solid #fafafa;}
ul#news li .date{display:inline-block;width:160px;}
ul#news li > div{display:inline-block;width:calc(100% - 160px);}
ul#news li > div h3{font-size:120%;font-weight:bold;line-height:1.4;margin-bottom:10px;}
ul#news li > div p{padding:10px 0px 0px;}
ul#news li.event > div p:before{content:"\f138";font-family:FontAwesome;color:#8b7a1a;margin-right:5px;}
ul#news li > div p a{color:#436a14;text-decoration:underline;}
ul#news li > div p a:hover{color:#666;text-decoration:none;}
.top_news .link_btn a{background:#fbfbf7;color:#436a14;border:0px;}
.top_news .link_btn a:hover{background:#436a14;color:#fff;box-shadow:none;}

.top_intro{padding:80px 0px;background:url("../img/index/wave.png") no-repeat center center;background-size:contain;}
.top_intro h2{font-size:36px;margin-bottom:30px;background:url("../img/common/green.png") no-repeat center center;background-size:contain;}
.top_intro p{margin-bottom:20px;}

.top_recommend{}
.top_recommend .list{font-size:20px;}
.top_recommend .list li{padding-top:40px;}
.top_recommend .list li:nth-child(4n){padding-top:20px;}
.top_recommend .list li:nth-child(4n+1){padding-top:10px;}
.top_recommend .list li:nth-child(4n+2){padding-top:0px;}

.list a{display:block;padding-bottom:30px;}
.list a img{box-shadow:0px 4px 4px rgba(0,0,0,0.08);margin-bottom:10px;width:100%;}
.list a:hover img{box-shadow:none;}
.list a p{line-height:1.4;}
.list a p:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#436a14;}


@media screen and (max-width: 768px) {
    .mainimage img.overimg{top:50%;max-width:20%;/*width:90px;*/}

    .top_news .top_news_inner{padding:0px 20px;height:300px;margin-bottom:20px;}
    ul#news li .date{width:140px;}
    ul#news li > div{width:calc(100% - 140px);}

    .top_intro h2{font-size:30px;}

    .top_recommend .list{font-size:16px;}
    .top_recommend .list li.col-03{width:33.33%!important;}
    .top_recommend .list li.col-03 img{width:100%;}
    .top_recommend .list li{padding-top:0px;}
    .top_recommend .list li:nth-child(3n){padding-top:0px;}
    .top_recommend .list li:nth-child(3n+1){padding-top:0px;}
    .top_recommend .list li:nth-child(2n+1){padding-top:20px;}

    .list a img{width:auto;}

}


@media screen and (max-width: 480px) {
    .top_news .top_news_inner{height:280px;}
    ul#news li{display:block;}
    ul#news li .date{width:100%;padding-bottom:10px;color:#436a14;}
    ul#news li > div{width:100%;}
    ul#news li > div h3{margin-bottom:0px;}
    
    .top_intro h2{font-size:24px;}

    .top_recommend .list{font-size:15px;}
    .top_recommend .list li.col-03{width:50%!important;padding:0px 10px;}
    .top_recommend .list li:nth-child(2n+1){padding-top:0px;}

}