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


section{height:100%;position:relative;overflow:hidden; position:relative}
 
.page1{padding-top:105px}
.sec1{width:100%;margin:0 auto;height:100%}

.pro-item{float:left; height:100%;position:relative;width:33.333%;transition: width 0.5s ease 0s;}
.pro-item:before{content:""; position:absolute;height:100%;width:4px; background:#fff; right:0px; top:0px;z-index:1}
.pro-it3{float:right;}
.pro-item a{display:block;position:relative;width:100%; height:100%; overflow:hidden}
.pro-item a .img-bg{ position:absolute;right:0px;top:0px;height:100%;width:auto}
.pro-item a .img-txt{ position:absolute;left:0px;width:100%;bottom:0px;height:100px;border-radius:0 30px 0 0}
.pro-item a .img-txt .ic-icon{ position:absolute;width:60px; height:60px;top:50%;left:20px;margin-top:-30px;}
.pro-item a .img-txt .ic-icon img{ max-width:100%}
.pro-item a .txt-i{padding:15px 0 0 100px;transition: all 0.5s ease 0s;}
.pro-item a .txt-i h4{font-size:2.0em; color:#fff;transition: all 0.5s ease 0s;}
.pro-item a .txt-i p{font-size:1.2em;color:#fff;transition: all 0.5s ease 0s;}
.pro-it1 .img-txt{ background:#317f19}
.pro-it2 .img-txt{ background:#de5937}
.pro-it3 .img-txt{ background:#1b9db3}
.expend{width:60%}
.no-expend{width:20%}
.no-expend a .txt-i{padding:20px 0 0 100px;}
.no-expend a .txt-i h4{font-size:1.6em}
.no-expend a .txt-i p{font-size:0.875em}
.sec2{text-align:center; width:100%;margin:0 auto; height:100%;overflow:hidden;  position:relative}
.sec2-cover-bg{ position:absolute;left:0px; top:0px; width:100%; height:100%; background:#2b3628; filter:alpha(opacity=85);opacity:0.85;z-index:1}
.sec2-ban{ height:100%; position:relative; }
.sec2-ban img{ position:absolute;}
.sec2 .centerB{position:absolute;left:50%;width:1024px;top:50%;height:240px;margin:-120px 0 0 -512px;z-index:2}
.sec-about{}
.about-hd{float:left;width:160px;}
.about-hd h3{font-size:1.625em;padding-left:18px; background:url("../images/ic-book.png") no-repeat 0 center}
.about-hd h3 a{color:#6abf4e;}
.about-hd p{color:#b8bbb7;font-size:0.75em; text-align:left;padding-left:38px;margin-top:2px}
.sec-about dl{float:left;width:230px;margin-left:58px; text-align:left}
.sec-about dl dt{font-size:1.25em;color:#fff; position:relative;padding-bottom:20px}
.sec-about dl dt p{color:#b8bbb7;font-size:0.6em;}
.sec-about dl dt em{ position:absolute;width:25px; height:2px;  bottom:0px;left:0px; background:#61665f;transition: all 0.25s ease-in-out 0s;}
.sec-about dl dd{ position:relative;padding-bottom:65px}
.sec-about dl dd p{color:#e2e5e1; font-size:0.75em; line-height:18px;margin-top:18px; height:74px}
.sec-about dl dd a{ position:absolute;bottom:0px;left:0px; width:60px; height:30px;  background:url("../images/ic-btn.png") no-repeat center -50px;}
.sec-about dl:hover dt em{background:#6abf4e;}
.sec-about dl:hover dd a{ background-position:center top}

.page3{height:100%;background:url("../images/sec3-bg.png") repeat;}
.sec3{ padding:6% 0 0 ;width:100%;margin:0 auto;}
.news-hd{margin-bottom:10px; position:relative}
.news-hd h3{font-size:1.5em;color:#35532c; background:url("../images/ic-news.png") no-repeat left center;padding-left:25px}
.news-hd p{font-size:.75em;color:#7d827b;padding-left:25px}
.news-hd a{ position:absolute;bottom:0px; right:8px; width:70px; height:30px; background:#dbe4db;font-family:\5B8B\4F53;font-weight:700;color:#f3f3f3; line-height:30px; text-align:center;transition: all 0.25s ease-in-out 0s;}
.news-hd a:hover{ background:#6abf4e}
.news-oh{width:1024px; height:400px;padding:40px 0 0px; overflow:hidden}
.newsL{width:1050px;}
.newsL li{float:left;width:315px;margin-right:35px; transition: all 0.25s ease-in-out 0s;}
.newsL li a{display:block}
.newsL .news-txt{ background:#ffffff;padding:30px; transition: all 0.25s ease-in-out 0s;}
.newsL .news-txt h4{color:#666;font-size:1em; line-height:26px; height:52px; padding-bottom:20px; border-bottom:1px solid #e6e6e6;margin-bottom:20px;transition: all 0.25s ease-in-out 0s; overflow:hidden}
.newsL .news-txt p{font-size:0.75em;color:#999; line-height:24px; height:96px; overflow:hidden}
.newsL .news-date{background:#f3f3f3;padding:20px 30px; position:relative;transition: all 0.25s ease-in-out 0s;}
.newsL .news-date .date{font-size:2.25em;color:#999;}
.newsL .news-date .year{font-size:1em;color:#999;}
.newsL .news-date .ic-b{ position:absolute;right:30px;top:50%;margin-top:-20px; font-family:\5B8B\4F53; background:#f3f3f3;width:40px; height:40px; border-radius:50%; text-align:center; line-height:40px;font-weight:700;color:#f3f3f3;}
.newsL li:hover{ box-shadow:0px 5px 8px rgba(0,0,0,0.4); position:relative;margin-top:-28px }
.newsL li:hover .news-txt{ background:#6abf4e;padding:45px 30px}
.newsL li:hover .news-txt h4{color:#fff;padding-bottom:25px;margin-bottom:25px;}
.newsL li:hover .news-txt p{color:#fff}
.newsL li:hover .news-date{padding:30px;}
.newsL li:hover .news-date .ic-b{ background:#6abf4e;color:#fff}

.next-sec{ position:absolute;width:24px; height:20px; left:50%;margin-left:-12px;bottom:20px; background:url("../images/ic-arrown.png") no-repeat;animation: 1000ms linear 0s normal none infinite running up_down;z-index:9}

@keyframes up_down {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}
#fp-nav ul li:last-child{ display: none;}

@media screen and (min-width:1300px) 
{
 .page1{padding-top:150px}

}

@media screen and (max-width:1680px) 
{
.pro-item a .txt-i{padding:15px 0 0 100px;}
.pro-item a .txt-i h4{font-size:2em; }
.pro-item a .txt-i p{font-size:1em;}
.no-expend a .txt-i{padding:25px 0 0 90px;}
.no-expend a .txt-i h4{font-size:1.5em}
.no-expend a .txt-i p{font-size:0.875em}

 }
 
 @media screen and (max-width:1280px) 
{
    .pro-item a .img-txt .ic-icon{left:10px}
    .pro-item a .txt-i{padding:15px 0 0 80px;}
    .no-expend a .txt-i{padding:25px 0 0 80px;}
    .no-expend a .txt-i h4{font-size:1.2em}
    .no-expend a .txt-i p{font-size:0.75em}
 }
      
 @media screen and (max-width:980px) 
{
    .page1{padding-top:50px}  
    .pro-item{float:left; height:33.33%;position:relative;width:100%;}
    .pro-item a .img-bg{left:0px;height:auto;width:100%}
    .pro-item a .img-txt{height:60px;border-radius:0 5px 0 0}
    .pro-item a .img-txt .ic-icon{ width:50px; height:50px;margin-top:-25px;}
    .pro-item a .txt-i{padding:10px 0 0 70px;}
    .pro-item a .txt-i h4{font-size:1em; }
    .pro-item a .txt-i p{font-size:0.75em;}
    .pro-item:before{display:none}
  
    .sec2 .centerB{position:absolute;left:0%;width:100%;top:20%;height:auto;margin:0px 0 0 0px;z-index:2}
    .about-hd{width:100%;margin-bottom:20px}
    .about-hd h3{padding-left:45px;text-align:left; background:url("../images/ic-book.png") no-repeat 10px center}
    .about-hd p{padding-left:45px;margin-top:5px}
    .sec-about dl{width:33.33%;margin-left:0px}
    .sec-about dl dt{padding:0 10px}
    .sec-about dl dt p{font-size:0.6em;}
    .sec-about dl dt em{left:10px;bottom:-5px }
    .sec-about dl dd{ padding:0px 10px}
    .sec-about dl dd a{ position:static;display:inline-block; margin-top:10px}
    
    .sec3 .centerB{ position:absolute;top:20%;left:0px;width:100%}
    .news-hd{margin-bottom:10px; position:relative;}
    .news-hd h3{ background:url("../images/ic-news.png") no-repeat 10px center;padding-left:35px}
    .news-hd p{padding-left:35px}
    .news-oh{width:100%; height:auto;padding:40px 0 0px; overflow:auto}
    .newsL{width:100%}
    .newsL li{float:left;width:33.33%;margin-right:0px;}
    .newsL li a{display:block;padding:0 10px}
    .newsL .news-txt{padding:20px;}
    .newsL .news-txt h4{font-size:0.875em; line-height:24px;padding-bottom:10px; margin-bottom:10px;}
    .newsL .news-txt p{font-size:0.75em;color:#999; line-height:22px; height:88px; overflow:hidden}
    .newsL .news-date{padding:20px 10px;}
    .newsL .news-date .date{font-size:1.2em;}
    .newsL .news-date .year{font-size:0.875em;}

 
} 

 @media screen and (max-width:640px) 
{
  .pro-item a .img-txt{height:40px;}
  .pro-item a .img-txt .ic-icon{ width:30px; height:30px;margin-top:-15px;}
  .pro-item a .txt-i{padding:3px 0 0 50px;}
  .pro-item a .txt-i h4{font-size:0.75em;}
  .pro-item a .txt-i p{font-size:0.7em;}
  
  .about-hd{width:100%;margin-bottom:20px}
  .about-hd h3{font-size:1.2em}
  .sec-about dl dt{font-size:1em}
  
    .sec3 .centerB{ position:absolute;top:20%;left:0px;width:100%}
    .news-hd{margin-bottom:10px; position:relative;}
    .news-hd h3{font-size:1.2em;}
    .news-hd p{padding-left:35px}
    .news-oh{padding:10px 0 0px; overflow:auto}
    .newsL{width:100%}
    .newsL li{float:left;width:33.33%;margin-right:0px;}
    .newsL .news-txt{padding:10px;}
    .newsL .news-txt h4{font-size:0.75em;}
    .newsL .news-txt p{font-size:0.75em; line-height:22px; height:44px;}
    .newsL .news-date{padding:10px;}
    .newsL .news-date .date{font-size:1em;}
    .newsL .news-date .year{font-size:0.75em;}
    .newsL li:hover{margin-top:-10px }
    .newsL li:hover .news-txt{ padding:25px 10px}
    .newsL li:hover .news-txt h4{padding-bottom:15px;margin-bottom:15px;}
    .newsL li:hover .news-date{padding:20px;}
}  

 @media screen and (max-width:480px) 
{
    .sec2 .centerB{ top:15%;}
    .about-hd h3{font-size:1em}
    .sec-about dl dt{font-size:0.875em;}
    .sec-about dl{width:100%;margin:0 0 30px 0}
    .sec-about dl dd a{ display:none}
    .sec-about dl dd p{height:54px;margin-top:15px; overflow:hidden}
    
    .sec3 .centerB{ top:10%;}
    .news-hd{margin-bottom:10px; position:relative;}
    .news-hd h3{font-size:1em;}
    .newsL li{width:100%;margin:0 0 20px 0;}
    .newsL .news-txt{padding:10px;}
    .newsL .news-txt h4{font-size:0.75em;padding-bottom:5px;height:26px;}
    .newsL .news-txt p{font-size:0.75em; line-height:22px; height:44px;margin-top:5px}
    .newsL .news-date{padding:5px 10px;}
    .newsL .news-date .date{font-size:0.875em;}
    .newsL .news-date .year{font-size:0.75em;}
    .newsL li:hover{margin-top:0px }
    .newsL li:hover .news-txt{ padding:10px}
    .newsL li:hover .news-txt h4{padding-bottom:5px;margin-bottom:5px;}
    .newsL li:hover .news-date{padding:10px;}
}                                                                                                                                                 
 @media screen and (max-width:375px) 
{
     .sec3 .centerB{ top:12%;}
    .sec-about dl{margin:0 0 20px 0}
    .sec-about dl dd p{height:36px;margin-top:10px; }
    
    .newsL li{width:100%;margin:0 0 15px 0;}
    .newsL .news-txt{padding:10px;}
    .newsL .news-date{display:none}
    .newsL li:hover .news-date{display:none}
}