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

.ban{ position:relative;margin:0 auto; overflow:hidden;width:100%}
.ban-inner{ text-align:center}
.ban-inner img{max-width:100%;}

.wrap{ background:url("../images/news/bg.png") repeat ;padding:40px 0 70px}
.contant{ margin:0 auto}

.news{ background:#fff;padding-bottom:30px}
.news-sort{margin-bottom:50px; height:74px;padding:10px 40px 0; background:#63a64c;}
.news-sort a{font-size:1.875em;color:#fff; display:inline-block; line-height:74px;padding:0 25px;margin-right:1px}
.news-sort a.cur, .news-sort a:hover{ background:#fff;border-radius:8px 8px 0 0;color:#76aa5b;}

.newsL{ padding:0 0 0 40px;}
.newsL li{float:left;width:20%;margin-bottom:60px}
.newsL li a{display:block;padding-right:40px}
.newsL li .newsImg{ position:relative; overflow:hidden}
/*.newsL li .newsImg:before{ position:absolute;left:0px;content:""; top:0px;width:100%;height:100%; background:#000; opacity:0.2; filter:alpha(opacity=20);transition: all 0.3s ease 0s;}*/
.newsL li .newsImg img{transition: all 0.3s ease 0s;max-width:100%}
.newsL li .n-date{height:30px; line-height:30px; background:#80af67;  position:relative;display:block; color:#fff; font-size:0.875em;padding-left:2%;}
.newsL li .news-intr{border-top:1px solid #476c3c;margin-top:10px;padding-top:10px}
.newsL li .news-intr h4{ line-height:28px; height:56px; font-size:1.2em;color:#476c3c; overflow:hidden;margin-bottom:6px}
.newsL li .news-intr p{ height:44px; line-height:22px; font-size:1em;color:#737373; overflow:hidden}
.newsL li .news-intr .btn-s{display:inline-block;margin-top:10px; font-size:1em;color:#476c3c;padding-right:10px; background:url("../images/news/ic-arri.png") no-repeat right center }
.newsL li a .newsImg{max-height:175px; overflow:hidden}
.newsL li a:hover .newsImg:before{ opacity:0; filter:alpha(opacity=0);}
.newsL li a:hover .newsImg img{transform:scale(1.1);}
.newsL li a:hover .news-intr p{color:#7faf67;}
.newsL li a:hover .news-intr .btn-s{color:#3a5531;}
.line{ position:relative;height:2px; background:#e6e6e6;width:100%;margin-bottom:40px}
.line:before{ position:absolute;left:0px;top:0px;width:40px;height:100%; background:#fff; content:""}
.line:after{ position:absolute;right:0px;top:0px;width:40px; height:100%;background:#fff; content:""}

.news-con{margin:0 auto; position:relative}
.chapter{padding:40px; background:#fff}
.artical-h{ position:relative;padding-bottom:25px}
.artical-h h3{ color:#76aa5b;font-size:3.125em; height:60px; line-height:60px; overflow:hidden}
.artical-h p.artical-m{font-size:1.3em;color:#999;padding-left:20px; background:url("../images/news/ic-calendar.png") no-repeat left center;margin-top:20px}
.artical-h:after{content:""; position:absolute;bottom:0px; height:2px; border:1px solid #d9dbe0; background:#e6ede4;width:100%;}
.ar-j{padding:25px 0; position:relative; font-size:1.5em;color:#888888; }
.ar-j:after{ content:"";position:absolute;bottom:0px; height:2px; border:1px solid #d9dbe0; background:#e6ede4;width:100%;}
.artical-info{padding:20px 0 10px; overflow:hidden}
.artical-info p{font-size:1.5em;color:#777777; line-height:42px;margin-bottom:20px}
.artical-info img{max-width:100%}
.new-bar{margin-top:40px}
.new-bar>div{float:left;width:50%; padding:35px 0;overflow:hidden;}
.new-bar a{display:block;color:#fff;}
.new-bar a p{font-size:1.125em;}
.new-bar a h4{font-size:1.875em; height:1.5em; line-height:1.5em; overflow:hidden}
.new-bar .ar-prev{ background:#4a4845;border-radius:10px 0 0 10px}
.new-bar .ar-prev a{padding-left:11%; background:url("../images/news/ar-prev.png") no-repeat 5% center}
.new-bar .ar-next{ background:#8bc56d;border-radius:0 10px 10px 0px; text-align:right}
.new-bar .ar-next a{padding-right:11%; background:url("../images/news/ar-next.png") no-repeat 95% center}


.about-company{ border-radius:5px; background:#fff;padding:40px;margin-bottom:20px}
.company-intr{}
.company-intr img{max-width:100%}
.intr-l{float:left;width:100%;}
.intr-l .c-tit{font-size:1.875em;color:#669c4b; position:relative;margin-bottom:20px}
.intr-l .c-tit span{color:#9ca19a;}
.intr-l .c-tit em{ position:absolute;left:-40px;top:50%;margin-top:-16px;width:11px; height:33px; background:url("../images/news/ic-em2.png") no-repeat; text-indent:-9999px; background-size:100%}
.intr-l p{font-size:1.5em;color:#444;  line-height:40px}
.intr-r{float:right;width:30%; text-align:right;padding-top:10px}
.com-child{margin-top:40px; padding:40px ; background:#fff}
.com-child .tit{font-size:1.875em;color:#669c4b; position:relative;margin-bottom:30px}
.com-child .tit em{ position:absolute;left:-40px;top:50%;margin-top:-16px;width:11px; height:33px; background:url("../images/news/ic-em2.png") no-repeat; text-indent:-9999px}
.com-child p{font-size:1.5em;color:#444;padding-left:35px; background:url("../images/news/li-bg.png") no-repeat 8px -50px;height:70px;line-height:70px; overflow:hidden }

.about-adv{margin-top:40px}
.about-adv .adv-tit{ height:84px; line-height:84px; background:#65a74e;color:#e9e9e9;font-size:1.875em;padding-left:40px}
.advL{}
.adv-item{float:left;width:20%;height:710px }
.adv-item .adv-txt{padding:0 30px ; background:#fff; overflow:hidden; height:50%}
.adv-item .adv-txt h4{ position:relative;font-size:1.4em;color:#76aa5b;padding:40px 0 10px}
.adv-item .adv-txt h4:before{ position:absolute;content:"";left:0px;bottom:-5px;width:20px;height:2px; background:#76aa5b;}
.adv-item .adv-txt p{font-size:1em;color:#444; line-height:32px;margin:30px 0 0}
.adv-item .adv-img{ background:#ededed; text-align:center; height:50%;overflow:hidden;}
.adv-item .adv-img img{max-width:100%;width:100%}

.about-future{ background:#fff;padding:40px;margin:40px 0 20px}
.ft-l{float:left;width:65%;}
.ft-l .f-tit{font-size:1.875em;color:#669c4b; position:relative;margin-bottom:10px}
.ft-l .f-tit em{ position:absolute;left:-40px;top:50%;margin-top:-16px;width:11px; height:33px; background:url("../images/news/ic-em2.png") no-repeat; text-indent:-9999px}
.ft-l p{margin-top:25px; font-size:1.5em;color:#444; }
.ft-r{float:right;width:33%; text-align:right}
.ft-r img{max-width:100%}

.com-item{ background:#fff /*url("../images/news/ic-em2.png") no-repeat 0px 46px*/;padding:30px 40px;margin-bottom:60px; position:relative;}
.com-item .tit{ position:absolute; left:20px; top:-32px; background:#76aa5b; padding:5px 20px; color:#fff; border-radius:4px 4px 0 0;}
.com-item .hd{margin-bottom:40px; line-height:30px;}
.com-item .hd h4{font-size:1.875em;color:#76aa5b; }
.com-item .hd p{color:#666;font-size:1.125em;}  
.com-item .hd li.first{ float:left; margin-right:50px;}
.com-item dl{float:left;width:32%;font-size:1.5em;border-left:1px dotted #c7d3c4;padding-left:1.5%}
.com-item dl:first-child{border-left:0px;padding-left:0px}
.com-item dl dt{color:#222; margin-bottom:10px}
.com-item dl dt img{margin-right:8px}
.com-item dl dd{padding-left:20px;color:#444;}

.contact-form{ background:#fff}                                                                                             
.contact-form .form-tit{height:80px; line-height:80px; background:#63a64c url("../images/news/ic-meg.png") no-repeat 40px center;color:#fff; font-size:1.875em;padding-left:75px; border-radius:5px 5px 0 0}
.form-in{padding:40px;background:#fff;}
.form-fl{float:left;width:48%}
.form-fr{float:right;width:48%}
.form-it{border:1px solid #ccc; height:48px;margin-bottom:15px;border-radius:6px; position:relative }
.form-it input[type="text"]{width:98%;padding-left:2%; border:none; height:48px; line-height:48px;border-radius:10px }
.form-it>label{ position:absolute;left:10px;top:0px; height:48px;font-size:1.2em; line-height:48px;color:#aaaaaa}
.form-it dl{ position:relative}
.form-it dl dt{ position:relative}
.form-it dl dt p{ height:48px;font-size:1.2em; line-height:48px;color:#aaa;padding-left:10px; cursor:pointer}
.form-it dl dt .dl-arrow{ position:absolute;right:15px; top:50%;border-top:10px solid #ccc;border-left:10px solid transparent;border-right:10px solid transparent;margin-top:-5px; cursor:pointer}
.form-it dl dd { position:absolute;top:45px;left:-1px; max-height:290px;padding:10px 0 50px; overflow:auto;width:100%; border:1px solid #ccc; background:#fff;z-index:2;border-radius:0 0 6px 6px;display:none}
.form-it dl dd label{cursor:pointer;margin:10px;display:inline-block}
.form-it dl dd input{margin-right:5px}
.form-it dl dd .check-btn{ position:absolute;left:10px;bottom:10px; line-height:30px; height:30px;padding:0 20px; color:#fff;background:#71a754; cursor:pointer}
.form-area{height:112px}
.form-area textarea{border:none;padding:10px 1%;width:98%; height:92px;border-radius: 6px;font-size:1em; color:#666}
.form-btn{margin-top:20px;}
.form-btn a{display:inline-block; height:48px; line-height:48px; color:#fff; font-size:1.2em; padding:0 35px; background:#71a754; border-radius:6px;transition: all 0.3s ease 0s; cursor:pointer} 
.form-btn a:hover{background:#418b27;}
.page{ text-align:center;margin-top:20px}
.page span, .page a{display:inline-block;margin-right:5px;font-size:0.875em;color:#bbc4b6;padding:0 10px;height:24px; line-height:24px}
.page a.cur, .page a:hover{ background:#6bbf4e;border-radius:5px;color:#fff}
.page a.prev, .page a.next{border:1px solid #ccc; border-radius:3px;padding:0 20px;margin-right:15px}

.form-tel .tel-i{display:inline-block;margin-right:3%;width:30%; position:relative }
.form-tel .tel-i label{font-size:1.2em;color:#aaa;display:inline-block;height:48px; line-height:48px; position:absolute;left:5px;top:0px}
.form-tel input[type="text"]{width:90%;padding-left:8%;border:none;}

/*map*/
.map{background:#f4f4f4;}
.map .contant{max-width:1024px;margin:0 auto; background:#fff; position:relative}
.map-nav{ position:absolute;left:0px;top:0px;width:200px; background:#fafafa;height:100%}
.map-nav a{display:block;height:70px; line-height:70px;font-size:1.125em;color:#6a6e68; position:relative; text-align:center;border-bottom:1px solid #e6e4e4; }
.map-nav a.cur{ background:#fff;color:#8bc56d; font-weight:700;}
.map-nav a:hover{ background:#fff;color:#8bc56d; font-weight:700;}
.map-nav a:hover:before{content:""; position:absolute;top:0px;height:100%;width:3px; left:0px; background:#8bc56d;}
.map-nav a.cur:before{content:""; position:absolute;top:0px;height:100%;width:3px; left:0px; background:#8bc56d;}
.map-c{padding:25px 50px 40px 250px ;min-height:500px}
.map-c .map-it{padding:20px 0;border-bottom:1px solid #e6e4e4}
.map-c .map-it h4{}
.map-c .map-it h4 a{font-size:1.125em;color:#6a6e68;padding-bottom:5px; }
.map-c .map-it ul{}
.map-c .map-it ul li{float:left;margin:15px 30px 0 0;}
.map-c .map-it ul li a{font-size:1em;color:#779d69;}
.map-c .map-it ul li a:hover, .map-c .map-it h4 a:hover{color:#98b489}
.map-artical{}
.map-artical .tk-tit{font-size:1.125em;font-weight:700;color:#8bc56d;border-bottom:1px solid #e6e4e4;padding-bottom:20px}
.tk-info{padding:30px 0}
.tk-info p{color:#696969;margin-bottom:15px }

@media screen and (max-width:1680px) 
{
  .adv-item{height:616px;}

}
@media screen and (max-width:1400px) 
{
.news-sort{margin-bottom:30px;padding:10px 20px 0; }
.newsL{ padding:0 0 0 20px;}
.newsL li{margin-bottom:30px}
.newsL li a{padding-right:20px}  
.newsL li .news-intr h4{ line-height:25px; height:50px; font-size:1.125em;margin-bottom:10px}
.newsL li .news-intr p{ height:60px; line-height:20px; font-size:0.875em;}
.newsL li .news-intr .btn-s{margin-top:15px; font-size:.875em; }

.chapter{padding:40px 20px; }
.artical-h h3{ font-size:2.125em; }
.artical-h p.artical-m{font-size:1.125em;}
.ar-j{ font-size:1.125em; }
.artical-info p{font-size:1em;line-height:1.75em;}
.new-bar a p{font-size:1em;}
.new-bar a h4{font-size:1.5em;}

.about-company{ padding:40px 20px;}
.intr-l .c-tit{font-size:1.5em;}
.intr-l .c-tit em{ left:-20px;}
.intr-l p{font-size:1em;line-height:1.75em}
.com-child{margin-top:40px; padding:40px 20px ;}
.com-child .tit em{left:-20px;}
.com-child p{font-size:1.125em;}

.about-adv .adv-tit{ padding-left:20px}
.adv-item{height:540px;}
.adv-item .adv-txt{padding:0 20px 0;}
.adv-item .adv-txt h4{ font-size:1.5em;padding-top:30px}
.adv-item .adv-txt p{font-size:0.9em;line-height:1.75em;margin:20px 0 0}

.about-future{padding:40px 20px;margin:40px 0 20px}
.ft-l .f-tit em{ left:-20px;}
.ft-l p{margin-top:25px; font-size:1em; line-height:1.75em}

.com-item{ padding:20px 20px 30px; background-position:0 34px;}
.com-item .hd{margin-bottom:20px}
.com-item .hd h4{font-size:1.5em;}
.com-item dl{font-size:1em;}

.form-in{padding:20px;}
.form-it{height:40px; line-height:40px;}

.form-it dl dt p { font-size: 1em;height: 40px;line-height: 40px;}
.contact-form label{font-size:1em; line-height:40px; height:40px}
.contact-form input[type="text"]{height:36px;line-height:36px; }
.contact-form .form-tit{height:50px; line-height:50px; background:#63a64c url("../images/news/ic-meg.png") no-repeat 10px center;color:#fff; font-size:1.5em;padding-left:45px; border-radius:5px 5px 0 0}
.form-area{height:98px}
.form-area textarea{height:78px}

.form-tel .tel-i label{font-size:1em;height:40px; line-height:40px; }


}

@media screen and (max-width:1280px) 
{
.news-sort{padding:5px 20px 0;height:50px }
.news-sort a{font-size:1.2em; line-height:50px;padding:0 15px} 
.newsL li .news-intr h4{ font-size:1em;}
.newsL li .news-intr p{ font-size:0.75em;}
.newsL li .news-intr .btn-s{font-size:.75em; } 
.adv-item{height:495px;}
}

@media screen and (max-width:1024px) 
{ 

.intr-l .c-tit{font-size:1.3em;margin-bottom:10px}
.intr-l p{font-size:0.875em;}
.intr-r{width:38%; }
.com-child{margin-top:40px; padding:30px 20px ;}
.com-child .tit{font-size:1.3em;margin-bottom:15px}
.com-child p{font-size:0.875em; height:40px; line-height:40px; background-position:8px -65px}

.about-adv .adv-tit{ height:50px; line-height:50px; font-size:1.3em;}
.adv-item{height:395px }
.adv-item .adv-txt{padding:0 20px;}
.adv-item .adv-txt h4{font-size:1em;padding:20px 0 5px}
.adv-item .adv-txt p{font-size:0.875em;margin:15px 0}

.about-future{ background:#fff;margin:40px 0 20px}
.ft-l{width:60%;}
.ft-l .f-tit{font-size:1.3em;margin-bottom:10px}
.ft-l p{margin-top:0px; font-size:0.875em;}
.ft-r{width:38%; }

}

@media screen and (max-width:980px) 
{
 .ban{ padding-top:50px}
 .wrap{ padding:20px 0 40px}
 
.adv-item{height:300px }
.adv-item .adv-txt{padding:0 10px;}
.adv-item .adv-txt h4{font-size:0.9em;padding:10px 0 5px}
.adv-item .adv-txt h4:before{ bottom:-2px;}
.adv-item .adv-txt p{font-size:0.75em;margin:10px 0}

.newsL{ padding:0 0 0 20px;}
.newsL li{width:25%;margin-bottom:30px}
.newsL li a{padding-right:20px}
.newsL li .news-intr{border-top:1px solid #476c3c;margin-top:10px;padding-top:10px}
.newsL li .news-intr h4{ line-height:20px; height:40px; font-size:0.875em;margin-bottom:5px}
.newsL li .news-intr p{ height:40px; line-height:20px; font-size:0.75em;color:#737373; overflow:hidden}
.newsL li .news-intr .btn-s{display:none; }
.newsL li a .newsImg{overflow:hidden}
.line:before{ width:20px;}
.line:after{ width:20px;}
    
}

@media screen and (max-width:640px) 
{
.adv-item{float:left;width:100%;height:auto;background:#fff;margin-bottom:10px }
.adv-item .adv-txt{float:left;width:50%;box-sizing:border-box;padding:0 10px; background:#fff; overflow:hidden; height:auto}
.adv-item .adv-txt h4{padding-top:20px}
.adv-item .adv-img{float:right;width:50%;height:auto;overflow:hidden;}

.ft-l{width:100%;}
.ft-r{width:100%; float:left;margin-top:10px; text-align:center}

.newsL{ padding:0 0 0 20px;}
.newsL li{width:50%;margin-bottom:30px}
.newsL li a{padding-right:20px}
.newsL li .news-intr{border-top:1px solid #476c3c;margin-top:10px;padding-top:10px}
.newsL li .news-intr h4{ line-height:20px; height:20px; font-size:0.875em;margin-bottom:5px}
.chapter {padding: 50px 10px 20px}
.artical-h h3{ font-size:1.5em; }
.artical-h p.artical-m{font-size:1em;}
.ar-j{ font-size:1em; }
.artical-info{font-size:0.875em;line-height:1.5em;}
.new-bar > div { padding: 15px 0;width: 50%;}
.new-bar .ar-prev{ background:#4a4845;border-radius:10px 0 0 10px}
.new-bar .ar-prev a{padding-left:10px; background:none;border-sizing:border-box}
.new-bar .ar-next{ background:#8bc56d;border-radius:0 10px 10px 0px; text-align:right}
.new-bar .ar-next a{padding-right:10px; background:none; border-sizing:border-box}
.new-bar a p{font-size:1em;}
.new-bar a h4{font-size:0.875em;height:24px; line-height:24px; overflow:hidden}

.com-item{ padding:20px 20px; background-position:0 22px;margin-bottom:20px}
.com-item .hd{margin-bottom:0px}
.com-item .hd h4{font-size:1.2em;}
.com-item .hd p {color: #aaaaaa;font-size: 0.875em;}
.com-item dl{font-size:0.875em;width:100%;border-left:none;border-bottom:1px dotted #ccc;padding:10px 0 }
.com-item dl dt{margin-bottom:0px}

.contact-form .form-tit{height:40px; line-height:40px; font-size:1.2em;}
.form-in{padding:20px 15px;}
.form-it{ height:44px; line-height:44px; }

.form-it input[type="text"]{ height:40px;border-radius:5px }
.form-it label{ height:44px;font-size:0.875em; line-height:44px;}
.form-it dl dt p{ height:44px;font-size:0.875em; line-height:44px;}
.form-it dl dd p{ height:24px;font-size:0.875em; line-height:24px;}
.form-area{height:105px}
.form-area textarea{height:80px;font-size:0.875em;}
.form-btn{margin-top:10px; text-align:right}
.form-btn a{ font-size:1em;} 

.form-tel .tel-i label{font-size:0.875em;height:44px; line-height:44px; }

}
@media screen and (max-width:414px) 
{
.about-company{ padding:20px;}
.intr-l .c-tit{font-size:1.2em;margin-bottom:10px}
.com-child{margin-top:20px; padding:20px ;}
.com-child .tit{font-size:1.2em;margin-bottom:15px}
.com-child p{background-position:5px -40px; background-size:15px;padding-left:25px}
.about-adv{margin-top:20px;}
.about-adv .adv-tit{ font-size:1.2em;}
.about-future{ margin:20px 0px;padding:20px;}
.ft-l .f-tit{font-size:1.2em;}


.news-sort{padding:5px 10px 0;height:40px;margin-bottom:20px }
.news-sort a{font-size:1em; line-height:40px;padding:0 10px}   
.newsL{ padding:0 0 0 10px;}
.newsL li{width:50%;margin-bottom:20px}
.newsL li a{padding-right:10px}
.newsL li .news-intr h4{ line-height:20px; height:40px; font-size:0.875em;margin-bottom:5px} 
.line:before{ width:10px;}
.line:after{ width:10px;}

.artical-h{padding-bottom:15px}
.artical-h h3{ font-size:1em;height:40px; line-height:20px }
.artical-h p.artical-m{font-size:0.75em;margin-top:5px}
.ar-j{ font-size:0.75em;padding:10px 0; line-height:1.75 }
.artical-info p{font-size:0.75em;line-height:1.75em;}
.new-bar a p{font-size:0.75em;}
.new-bar a h4{font-size:0.75em;}
 
.form-fl{width:100%}
.form-fr{width:100%}
.com-item{ padding:15px 20px; background-position:0 20px;margin-bottom:10px}
.com-item .hd h4{font-size:1em;}
.com-item .hd p {font-size: 0.75em;}
.com-item dl{font-size:0.75em;}
.contact-form .form-tit{height:36px; line-height:36px; font-size:1em;}
.form-in{padding:20px 15px;}
.form-it label{ font-size:0.75em;}
.form-it dl dt p{ font-size:0.75em; }
.form-it dl dd p{ font-size:0.75em; }
.form-area textarea{font-size:0.75em;}
.form-btn a{ height:40px; line-height:40px;} 
.form-it dl dt .dl-arrow{ right:10px; border-top:5px solid #ccc;border-left:5px solid transparent;border-right:5px solid transparent;margin-top:-2px}
.form-it dl dd label {margin:5px;}
.com-item dl dt img{margin-right:8px;max-width:12px;}
.form-tel .tel-i label{font-size:0.75em; }

}

@media screen and (max-width:320px) 
{
.news-sort{padding:5px 10px 0;height:36px;margin-bottom:15px }
.news-sort a{ line-height:36px;} 
.adv-item .adv-txt h4{padding-top:10px}

.about-company{padding:20px 10px}
.intr-l .c-tit em{ background-size:8px; left:-12px}
.intr-l .c-tit{font-size:1em;margin-bottom:10px}
.intr-l p {font-size: 0.75em;}
.com-child{margin-top:20px;padding:20px 10px }
.com-child .tit{font-size:1em;}
.com-child .tit em{background-size:8px; left:-12px;margin-top:-10px}
.com-child p{background-position:5px -40px; background-size:15px;padding-left:25px; font-size:0.75em}
.about-adv{margin-top:20px;}
.about-adv .adv-tit{ font-size:1em;}
.about-future{padding:20px 10px;}
.ft-l .f-tit em { background-size:8px; left:-12px;margin-top:-10px;}
.about-future{ margin:20px 0px;}
.ft-l .f-tit{font-size:1em;}
}