/* CSS Document */

.fullSlide{ position:relative; width:100%;}

.fullSlide .bd{ overflow:hidden;}

.fullSlide .bd *{ margin-left:auto; margin-right:auto;}

.fullSlide .bd li img{ width:100%; vertical-align:top;}

.fullSlide .hd ul{ text-align:center; position:absolute; left:0; right:0; bottom:30px;}

.fullSlide .hd li{ display:inline-block; width:15px; height:15px; background-color:#fff; margin-right:30px; text-indent:-999999em; overflow:hidden; border-radius:6px;transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

.fullSlide .hd li.on{ background-color:#007535; width:38px;}


.hzlist{ padding:45px 0; border-bottom:1px solid #e0e0e0;}

.hzlist span{ display:inline-block;font-size:23px; color:#666;}

.hzlist img{ vertical-align:text-bottom; display:inline-block; margin-right:10px;}

.hzlist span.h01 img{ margin-right:0;}

.hzlist span.h01{ width:510px;}

.hzlist span.h02{ width:310px;}

.hzlist span.h03{ width:380px;}


.news{position:relative;}

.newsPics{ width:780px; float:left;  margin-top:54px;}

.newsList{ width:770px; float:right;}

.txt_news{ width:884px; height:222px; background:url(../image/txt_news.png) no-repeat; position:absolute; top:53px; right:0; z-index:-1;}



.name{ position:relative; padding-top:40px;}

.name em{ display:inline-block; width:26px; height:26px;  background:url(../image/i_news.png) no-repeat; position:absolute; left:0; top:0;}

.name i{ display:inline-block; font-size:50px; color:#007535; margin-right:30px;}

.name span{ font-size:18px; color:#666;}

.name a.more{ display:inline-block; font-size:18px; color:#666; float:right; margin-top:20px;}

.name a.more:hover{ color:#007535;}



.focus li{ float:left; position:relative; height:516px;}

.focus li .z{ background:rgba(0,0,0,.6) !important; position:absolute; left:0; right:0; bottom:0; padding:25px 50px 0; height:105px; color:#e5e5e5;}

.focus li .z a{ font-size:20px; color:#fff; display:inline-block; width:81.5%;}

.focus li .z span{ font-size:18px;}

.focus li .z p{ font-size:14px; line-height:24px; margin-top:15px;}

.focus li .img{ width:100%; height:100%; overflow:hidden;}

.focus li img{ height:100%; width:100%;}



.nLname{ position:relative; height:160px;}

.nLname a.more{ display:inline-block; position:absolute; right:0; bottom:26px; font-size:18px; color:#7f7f7f;}

.nLname a.more:hover{ color:#007535;}

.moveBox{ display:inline-block; position:fixed; z-index:9999;} 



.newsList .list li{ padding:0 40px; height:104px; padding-top:25px;}

.newsList .list li.gray{ background-color:#f5f5f5;}

.newsList .list .date{ width:130px; padding-right:25px; padding-bottom:5px; float:left; height:57px; border-right:1px solid #ccc;}

.newsList .list .date .d{ font-size:66px; color:#007535; width:75px; float:left; line-height:100%;}

.newsList .list .date .m{ float:right; width:45px; text-align:center;}

.newsList .list .date .m em{ display:inline-block; width:8px; height:8px; background:url(../image/i_d01.png) no-repeat;}

.newsList .list .date .m span{ display:block; font-size:18px; color:#7f7f7f;}

.newsList .list .txt{ width:480px; float:right;}

.newsList .list .txt h3{ font-size:20px; color:#000;}

.newsList .list .txt p{ font-size:14px; color:#7f7f7f; line-height:24px; margin-top:10px;}

.newsList .list li:hover{ background-color:#007535;}

.newsList .list li:hover .date{ border-right-color:#fff;}

.newsList .list li:hover .date .m em{ background-image:url(../image/i_d01_on.png);}

.newsList .list li:hover .date .d,.newsList .list li:hover .date .m span,.newsList .list li:hover .txt h3,.newsList .list li:hover .txt p{ color:#fff;}



.case{ height:972px; padding-top:100px; margin-top:104px; background:url(../image/bg_case.jpg) no-repeat center top;}

.casePics{ width:1343px; margin:60px auto 0;}



#featured-area{ position:relative;}

.roundabout-holder {width: 1343px;height: 628px; overflow:hidden;}

.roundabout-moveable-item {height: 628px;width: 1010px;cursor: pointer; position:relative; overflow:hidden;}

.roundabout-moveable-item img {height: 100%;width: 100%;}

.roundabout-moveable-item .z,.m-case li .z{ position:absolute; left:0; right:0; bottom:0; height:0; opacity:0; background:rgba(0,0,0,.3) !important; padding:25px 40px 0;}

.roundabout-moveable-item .z span,.m-case li .z span{ display:inline-block; font-size:24px; color:#fff; vertical-align:top; line-height:40px; margin-right:30px;}

.roundabout-moveable-item .z a.more,.m-case li .z a.more{ display:inline-block; font-size:45px; color:#fff; height:60px; width:60px; text-align:

center; line-height:60px; border:1px solid #fff; position:absolute; right:36px; bottom:34px;}


.roundabout-moveable-item.roundabout-in-focus .z{ height:107px; opacity:1; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

.roundabout-moveable-item.roundabout-in-focus:hover .z{ background:rgba(0,113,57,1)!important;}


.caseBtn{ width:1010px; margin:50px auto 0;}

.caseBtn a{ display:inline-block; font-size:16px; color:#666;}

.caseBtn a:hover{ color:#007535;}

.caseBtn em{ display:inline-block; width:10px; height:10px; background-color:#8d8d8d; margin-right:20px; cursor:pointer;}

.caseBtn em.active{ background-color:#007535;}



.m-case li{ position:relative;}

.m-case li img{ width:100%; vertical-align:top;}

.m-case li .z{  height:107px; opacity:1;}

.m-case li .z p{width:100%; box-sizing:border-box; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}



.links,.links-pho{ margin-top:54px; padding:0 60px; position:relative;}
.links li{ float:left; width:14.28%; height:48px; text-align:center; overflow:hidden;}
.links li img,.links-pho li img{ max-width:100%;}
.links a.linkBtn,.links-pho a.linkBtn{ display:inline-block; width:17px; height:48px; background:url(../image/i_btn.png) no-repeat; position:absolute; top:50%; margin-top:-16px;}
.links a.prev,.links-pho a.prev{ background-position:0 5px; left:0;}
.links a.next,.links-pho a.next{ background-position:-20px 5px; right:0;}
.links a.prev:hover,.links-pho a.prev:hover{ background-position:0 -39px;}
.links a.next:hover,.links-pho a.next:hover{ background-position:-20px -39px;}

.links-pho{ display:none;}
.links-pho li{ float:left; width:33%; text-align:center; overflow:hidden;}
.links-pho li a{ display:block; margin-bottom:1.5%;}

.imgGray img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

@media screen and (max-width:1440px) and (min-width:1201px){
	.hzlist span.h01{ width:430px;}
	.hzlist span.h02{ width:245px;}
	.hzlist span.h03{ width:305px;}
	.hzlist span{ font-size:22px;}
	.name i{ font-size:45px;}
	.name span{ font-size:16px;}
	.nLname{ height:154px;}
	.newsPics{ width:50%;}
	.focus{ width:100%; overflow-y:hidden;}
	.focus li{ height:405px;}
	.focus li .z{ padding:25px 15px 0;}
	.focus li .z a{ font-size:18px;}
	.focus li .z span{ font-size:16px;}
	.newsList{ width:50%;}
	.newsList .list li{ padding:2% 3% 0; height:88px;}
	.newsList .list .date{ width:21%; padding-right:1%;}
	.newsList .list .date .d{ font-size:60px;}
	.newsList .list .txt{ width:76%;}
	.newsList .list .txt p{ margin-top:6px;}
	.casePics,.roundabout-holder{ width:100%;}
}

.m-case{ display:none;}

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

	.nLname,.casePics,.links{ display:none;}
	
	.hzlist{ padding:3% 0;}
	.hzlist span{ font-size:20px;}
	.hzlist span img{ width:80px;}
	.hzlist span.h01 img{ margin-right:10px;}
	.hzlist span.h01,.hzlist span.h02{ margin-bottom:2%;}
	.hzlist span.h01,.hzlist span.h03{ width:50%; margin-left:10%;}
	.hzlist span.h02,.hzlist span.h04{ width:36%;}

	.m-case,.links-pho{ display:block;}

	.name i{ font-size:40px;}

	.news{ margin-top:0;}

	.txt_news{ width:75%; height:60%; background-size:contain;}
	
	.focus li{height:560px;}
	
	.focus li,.focus li .img{ width:100%; }

	.newsPics,.newsList{ float:none; width:100%;}	

	.newsList .list .txt{ width:78%;}

	.case{ margin-top:0; background-size:contain; padding-top:50px; height:auto;}

	

	.m-case{ margin-top:30px;}

	.links-pho{ margin-top:6%; padding:0 8%;}
	.links-pho li{ width:33.33%;}
	.links-pho li a{ display:block; margin-bottom:3%;}
	.links-pho li img{ max-width:96%;}

}



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

	.newsList .list .txt{ width:72%;}
	
	.focus li{height:405px;}
	
	.focus li .z{ padding:3% 3% 1%; box-sizing:border-box;}

}


.pho-hd{ display:none;}

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

	.pc-hd,.name span{ display:none;}
	.pho-hd{ display:block;}

	.fullSlide .bd li img{ height:280px; width:100%;}

	.fullSlide .hd ul{ bottom:18px;}	

	.fullSlide .hd li{ width:12px; height:12px;margin-right:15px;}

	.name{ padding-top:36px;}

	.name i{ font-size:24px; margin-right:5px;}

	.name a.more{ margin-top:0; font-size:16px;}

	.hzlist span{ font-size:16px;}
	.hzlist span img{ width:40px;}
	.hzlist span.h01,.hzlist span.h03{ width:63%; margin-left:3%;}
	.hzlist span.h02,.hzlist span.h04{ width:32%;}

	.newsPics{ margin-top:28px;}
	.focus li{ height:236px;} 
	.focus li .z a{ font-size:16px; width:75%;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
	.focus li .z span{ font-size:14px; float:right;}
	.focus li .z p{ height:40px; overflow:hidden; font-size:12px; line-height:20px; margin-top:0;}
	.focus li .z{ height:83px;}
	
	.newsList .list li{ padding:3% 3% 0; height:86px;}

	.newsList .list .date{ width:23%; padding-right:5%; padding-bottom:0;}

	.newsList .list .date .d{ font-size:45px; width:50%; margin-top:5px;}

	.newsList .list .date .m{ width:40%;}

	.newsList .list .date .m span{ font-size:14px;}

	.newsList .list .txt{ width:66%;}

	.newsList .list .txt h3{white-space: nowrap; overflow:hidden; text-overflow: ellipsis;font-size:16px;}

	.newsList .list .txt p{ height:44px;overflow:hidden; font-size:13px; line-height:22px;}

	

	.case{ padding-top:25px;}

	.m-case{ margin-top:20px;}

	.m-case li .z{ height:55px; padding:3% 3% 0;}

	.m-case li .z span{ font-size:16px; line-height:22px;}

	.m-case li .z span i{ font-size:16px;}

	.m-case li .z a.more{ display:none;}

}



@media screen and (max-width:375px){
	.hzlist span{ font-size:15px;}

	.newsList .list .date .d{ font-size:40px;}	
}