@charset "utf-8";

/* 棣栭〉 */
.fabout{ width: 1200px; padding: 98px 0 86px; margin: 0 auto;}
.faboutcon{ min-height: 510px; overflow: hidden;}
.faboutl{ float: left; width: 51.66%; height: 100%;}

.faboutl h4{ font-size: 0; margin-bottom: 14px;}
.faboutl h4 img{ vertical-align: top;}
.faboutl h3{ height: 70px; line-height: 70px; overflow: hidden; font-size: 38px; color: #333;}
.faboutl .hx{ width: 72px; height: 3px; background-color: #007a49; margin-top: 20px;}
.faboutl .txt{ overflow: hidden; height: 240px; padding: 56px 0 28px;
	font-size: 16px; line-height: 30px; color: #333; text-align: justify;}
.faboutl .more{ display: block; width: 174px; height: 38px; border: 1px solid #007a49; 
	color: #007a49; line-height: 38px; text-align: center;}
.faboutl .more:hover{ background-color: #007a49; color: #fff;}

.faboutr{ float: right; width: 40.5%; margin-top: 48px; position: relative;}
.faboutr img{ width: 100%;}

@media screen and (max-width:1260px) {
	.fabout{ width: auto; padding: 98px 30px 80px; }
	.faboutl .txt{ height: auto; padding: 56px 0;}
}
@media screen and (max-width:960px) {
	.fabout{ padding: 70px 30px 80px;}
	.faboutl{ float: none; width: 100%; height: auto;}
	.faboutr{ float: none; width: 600px; max-width: 100%; margin: 0 auto; height: auto;}
	.faboutl{ margin-top: 20px;}
	.faboutl h3{ text-align: center;}
	.faboutl h4{ text-align: center; margin-bottom: 0;}
	.faboutl .hx{ margin: 20px auto 0;}
	.faboutl .more{ margin: 0 auto;}
	.faboutl .txt{ width: 600px; max-width: 100%; margin: 0 auto;}
}
@media screen and (max-width:750px) {
	.fabout{ padding: 60px 30px 70px;}
	.faboutcon{ margin-bottom: 30px;}
	.faboutl .txt{ font-size: 26px; line-height: 44px;}
	.faboutl .more{ width: 300px; height: 60px; line-height: 60px;}
}



.faboutbg2{ background-color: #f5f5f5;}
.fabout2{ width: 1200px; padding: 75px 0 63px; margin: 0 auto;}
.faboutcon2{ min-height: 462px; overflow: hidden;}
.faboutl2{ float: right; width: 51.66%; height: 100%;}

.faboutl2 h4{ font-size: 0; margin-bottom: 14px; padding-top: 26px;}
.faboutl2 h4 img{ vertical-align: top;}
.faboutl2 h3{ height: 70px; line-height: 70px; overflow: hidden; font-size: 38px; color: #333;}
.faboutl2 .hx{ width: 72px; height: 3px; background-color: #007a49; margin-top: 20px;}
.faboutl2 .txt{ overflow: hidden; height: 240px; padding: 56px 0 0;
	font-size: 16px; line-height: 30px; color: #333; text-align: justify;}

.faboutr2{ float: left; width: 40.5%; position: relative;}
.faboutr2 img{ width: 100%;}

@media screen and (max-width:1260px) {
	.fabout2{ width: auto; padding: 70px 30px 60px;}
	.faboutl2 .txt{ height: auto;}
}
@media screen and (max-width:960px) {
	.fabout2{ padding: 70px 30px 60px;}
	.faboutl2{ float: none; width: 100%; height: auto;}
	.faboutr2{ float: none; width: 600px; max-width: 100%; margin: 0 auto; height: auto;}
	.faboutl2{ margin-top: 20px;}
	.faboutl2 h3{ text-align: center;}
	.faboutl2 h4{ text-align: center; margin-bottom: 0;}
	.faboutl2 .hx{ margin: 20px auto 0;}
	.faboutl2 .txt{ width: 600px; max-width: 100%; margin: 0 auto;}
}
@media screen and (max-width:750px) {
	.fabout2{ padding: 60px 30px 50px;}
	.faboutcon2{ margin-bottom: 30px;}
	.faboutl2 .txt{ font-size: 26px; line-height: 44px;}
}





.fcate{ text-align: center;}
.fcate .cn{ font-size: 32px; line-height: 46px; color: #333; margin-bottom: 14px;}
.fcate .en{ font-size: 20px; line-height: 30px; color: #cacaca; font-family: 'arial';
	text-transform: uppercase; letter-spacing: 18px;}
.fcate p{ margin-top: 20px; font-size: 0; line-height: 22px; height: 22px;
	background: url('../images/fline1.png') center no-repeat;}
.fcate p:hover img{ -webkit-animation:rotate360 1s linear infinite; animation:rotate360 1s linear infinite;}

.fzone{ background-color: #eee; padding-top: 80px;}

.fzonelist-out{ width: 100%; height: 772px; position: relative; overflow: hidden;
	 margin: 60px 0 0; cursor: e-resize;}
.fzonelist{ width: auto; height: 100%; font-size: 0; white-space: nowrap;}
.fzonelist li{ display: inline-block; width: 384px; text-align: center;}
.fzonelist li .lin{ display: block; position: relative; padding-bottom: 38px;
	 border-bottom: 2px solid #d4d4d4; background-color: #fff;}
.fzonelist li .lin:after{ content: ''; position: absolute; right: 0; bottom:0; z-index: 0;
	width: 1px; height: 260px; background-color: #f2f2f2;}

.fzonelist .bpic{ width: 100%; height: 512px; overflow: hidden; font-size: 0;}
.fzonelist .bpic img{ width: 100%; height: 100%; object-fit:cover;}

.fzonelist .picout{ position: relative; margin-top: 30px; height: 74px;}
.fzonelist .pic{ width: 100%; height: 100%; line-height: 74px; font-size: 0;
	position: absolute; top:0; left:0; z-index: 1;}
.fzonelist .pic.p1{ opacity: 1; filter:alpha(opacity= 100);}
.fzonelist .pic.p2{ opacity: 0; filter:alpha(opacity= 0);}
.fzonelist .pic img{ max-width: 100%; max-height: 100%;}
.fzonelist h3{ font-size: 24px; color: #333; line-height: 44px; height: 44px; overflow: hidden;}
.fzonelist h4{ font-size: 16px; color: #333; line-height: 20px; height: 20px; overflow: hidden;}
.fzonelist .num{ display: block; font-size: 30px; color: #333; line-height: 42px; height: 42px; overflow: hidden;
	background: url('../images/fline2.png') center no-repeat; font-family: 'arial'; margin-top: 10px;}
.fzonelist h3 a,.fzonelist h4 a,.fzonelist .num a{ color: #333;}

.fzonelist li:hover .lin{ border-bottom-color: #007a49;}
.fzonelist li:hover h3 a{ color: #007a49;}
.fzonelist li:hover h4 a{ color: #007a49;}
.fzonelist li:hover .num a{ color: #007a49;}
.fzonelist li:hover .pic.p1,.fzonelist li.on .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.fzonelist li:hover .pic.p2,.fzonelist li.on .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}

.fzonelist h3 a,.fzonelist h4 a,.fzonelist li .lin,.fzonelist .pic,.fzonelist .num a{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

a.fzone-prev, a.fzone-next{ width: 40px; height: 80px; display:block; position:absolute; top:340px; z-index: 4;
	box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); outline: 1px solid #fff;}
a.fzone-prev{ left: 90px; background: rgba(0,0,0,0.8) url('../images/m-lt.png') center no-repeat;}
a.fzone-next{ right: 90px; background: rgba(0,0,0,0.8) url('../images/m-gt.png') center no-repeat;}
a.fzone-prev:hover,a.fzone-next:hover{ background-color: #016b45;}


/*@media screen and (max-width:1400px) {
	.fzone{ padding-bottom: 60px;}
	.fzonelist{ width: 1200px;}
	.fzonelist li{ width: 33.3%; margin-bottom: 30px;}
	.fzonelist li:first-child{ margin-left: 2px;}
	.fzonelist li .lin{ padding: 0 15px;}
}
@media screen and (max-width:1200px) {
	.fzonelist{ padding: 60px 40px 0; width: auto;}
}
@media screen and (max-width:1000px) {
	.fzonelist{ text-align: left;}
	.fzonelist li{ width: 50%;}
	.fzonelist li:first-child{ margin-left: 0;}
}*/
@media screen and (max-width:900px) {
	a.fzone-prev{ left:30px;}
	a.fzone-next{ right: 30px;}
}
@media screen and (max-width:750px) {
	.fcate .cn{ font-size: 40px; line-height: 60px; margin-bottom: 0;}
	.fcate .en{ font-size: 28px; line-height: 40px; letter-spacing: 2px;}
	.fcate p{ margin-top: 10px;}

	.fzonelist-out{ height: 792px;}
	.fzonelist h3{ font-size: 30px; line-height: 54px; height: 54px;}
	.fzonelist h4{ font-size: 24px; line-height: 30px; height: 30px;}
	.fzonelist .num{ font-size: 30px; line-height: 42px; height: 42px;}
	/*.fzonelist{ padding: 60px 20px 0;}
	.fzonelist li{ margin-bottom: 0;}
	.fzonelist li .lin{ padding: 0;}*/
}





a.seemore{ display: block; width: 174px; height: 46px; margin: 0 auto; overflow: hidden; position: relative;
	color: #007a49; line-height: 46px; text-align: center; border: 1px solid #007a49;}
a.seemore:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: -1;
	width: 100%; height: 0; background-color: #007a49; -webkit-transition: 0.3s; 
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
a.seemore:hover:after{ height: 100%;}
a.seemore:hover{ background-color: #007a49; color: #fff;}
.jello2:hover{-webkit-animation-name: jello; animation-name: jello;
  -webkit-animation-duration: 1s; animation-duration: 1s;}



.fnews{ padding: 72px 0 80px; border-bottom: 2px solid #eee;}

.fnewslist{ max-width: 1280px; overflow: hidden; margin: 0 auto;
	 padding: 60px 0 20px; text-align: center; font-size: 0;}
.fnewslist li{ float: left; width: 33%; margin-bottom: 30px;}
.fnewslist li:last-child{ display: none;}
.fnewslist li .inner{ padding: 0 40px; text-align: left;}

.fnewslist dd{ height: 36px; font-size: 16px;}
.fnewslist dd a{ display: block; height: 100%; color: #333; line-height: 36px;
	position: relative; padding-right: 50px;}
.fnewslist dd a:hover{ color: #007a49;}
.fnewslist dd a span{ display: block; width: 100%; height: 100%; overflow: hidden;}
.fnewslist dd i{ position: absolute; width: 50px; height: 36px; right: 0; top:0; z-index: 1;
	font-style: normal; color: #666; text-align: right;}

.hot{ position: relative; padding-bottom: 19px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.hot .pic{ width: 100%; height: 0; padding-bottom: 62.5%; overflow: hidden; position: relative;}
.hot .pic img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}

.hot h3{ font-size: 18px; color: #333; line-height: 32px; height: 32px; overflow: hidden; margin-top: 16px;}
.hot p{ font-size: 14px; color: #666; line-height: 22px; overflow: hidden; height: 44px; margin-top: 10px;}
.hot .date{ width: 80px; height: 52px; padding: 10px 0 6px; background-color: #007a49;
	text-align: center; color: #fff; position: absolute; right:0px; top: 0; z-index: 3;}
.hot .date .year{ display: block; font-size: 12px; line-height: 18px; height: 18px;}
.hot .date .day{ display: block; font-size: 24px; line-height: 34px; height: 34px;}

.fnewslist li:hover .hot{ border-color: #007a49;}
.fnewslist li:hover .hot h3{ color: #007a49;}
.fnewslist .hot,.fnewslist h3,.fnewslist dd a{ -webkit-transition: 0.5s; 
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

@media screen and (max-width:1280px){
	.fnewslist{ padding: 60px 20px 20px;}
	.fnewslist li{ float: none; display: inline-block; width: 420px;}
	.fnewslist li:last-child{ display: inline-block;}
}
@media screen and (max-width:960px){
	.fnewslist li .inner{ padding:0 20px;}
	.fnewslist li{ width: 50%;}
	.fnewslist dd a{ padding-right: 0;}
	.fnewslist dd i{ display: none;}
}
@media screen and (max-width:750px){
	.fnewslist dd{ display: none;}
	.hot h3{ font-size: 28px; line-height: 40px; height: 80px;}
	.hot p{ display: none;}
	.hot .date{ width: 160px; height: 34px;padding: 10px 0;}
	.hot .date .year{ display: inline-block; font-size: 24px; line-height: 34px; height: 34px;}
	.hot .date .day{ display: inline-block; margin-left: 10px;}

	a.seemore{ width: 300px; height: 60px; line-height: 60px;}
}
@media screen and (max-width:700px){
	.fnewslist li{ width: 100%;}
}




.fmember{ padding: 75px 0 54px; background-color: #eee;}

#sw{ position: relative; height: 480px; overflow: hidden; margin: 60px 60px 0; padding-bottom: 60px;}
#sw .swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1;
	-webkit-transition-property: -webkit-transform; transition-property: transform; }
#sw .swiper-slide{ float: left; position: relative; overflow: hidden; width: 870px;
	height: 100%; text-align: center; background-color: #000;}

#sw .swiper-slide a{ position: relative; display: block;}
#sw .swiper-slide img { width: 100%; height: 100%; opacity: 0.5; filter:alpha(opacity= 50);
	-webkit-transition: all 0.5s linear 0.1s; transition: all 0.5s linear 0.1s; }
#sw .swiper-slide.swiper-slide-active img { opacity: 1; filter:alpha(opacity= 100);}
#sw .swiper-slide h3{ position: absolute; bottom: 0; left:0; z-index: 2; width: 100%; height: 60px;
	text-align: center; color: #fff; font-size: 18px; line-height: 60px; overflow: hidden;
	background: url('../images/op0-40.png');}
.sw-next,
.sw-prev { position: absolute; top: 200px; width: 45px; height: 80px; z-index: 10; cursor: pointer;
	font-size: 0; color: #fff; line-height: 80px; text-align: center; font-family: 'simsun';}
.sw-next { right: 50%; margin-right: -520px;
	background: rgba(255,255,255,0.5) url('../images/m-gt.png') center no-repeat;}
.sw-prev { left: 50%; margin-left: -520px;
	background: rgba(255,255,255,0.5) url('../images/m-lt.png') center no-repeat;}
.sw-prev:hover,.sw-next:hover{ background-color: rgba(0,122,73,0.5);}

.swiper-pagination { position: absolute; left: 0; bottom:0; z-index: 10;
	width: 100%; text-align: center; font-size: 0;}
.swiper-pagination-bullet { width: 14px; height: 14px; margin:0 13px; display: inline-block;
  background: url('../images/m-dot.png') center no-repeat; cursor: pointer;
  -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}
.swiper-pagination-bullet-active { background-image: url('../images/m-doth.png'); }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }


@media screen and (max-width:1400px){
	#sw{ margin: 60px 30px 0;}
}
@media screen and (max-width:1260px){
	#sw{ height: 432px; margin: 60px 0 0;}
	#sw .swiper-slide{ width: 783px;}
	.sw-next,.sw-prev{ top: 176px;}
	.sw-next{ margin-right: -477px;}
	.sw-prev{ margin-left: -477px;}
}
@media screen and (max-width:1000px){
	#sw{ height: 384px;}
	#sw .swiper-slide{ width: 696px;}
	.sw-next,.sw-prev{ top: 152px;}
	.sw-next{ right:20px; margin-right: 0;}
	.sw-prev{ left:20px; margin-left: 0;}
}
@media screen and (max-width:750px){
	#sw .swiper-slide h3{ font-size: 24px;}
}







/* 鍐呴〉 */
.inbanner{ width: 100%; height: 460px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; width: 1920px; margin-left: -960px; top:0; height: 100%; z-index: 0;}

.ibcate{ width: 100%; height: 100%; position: relative;
	font-size: 0; color: #fff; text-align: center; line-height: 420px;}



.jian{ background: url('../images/jianbg.jpg') top;}
.danglist{ width: 1232px; padding: 60px 0 70px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.danglist li{ float: left; width: 33.3%; margin-bottom: 40px;}
.danglist li .lin{ padding: 0 16px;}
.danglist li a{ display: block; background-color: #fff;
	padding-bottom: 30px; position: relative; border: 1px solid #ccc;}
.danglist .pic{ width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative;}
.danglist img{ position: absolute; z-index: 1; left:0; top:0;}


.danglist li h3{ font-size: 16px; color: #111; line-height: 24px;
	padding: 15px 20px 0; height: 48px; overflow: hidden;}
.danglist li .hx{ margin: 14px 20px 0; height: 1px; background-color: #e0e0e0;}
.danglist li .txt{ color: #666; line-height: 20px; padding:15px 20px 0; 
	height: 80px; overflow: hidden; text-align: justify;}
.danglist li .txt label{ color: #007a49; cursor: pointer;}
.danglist .date{ width: 130px; height: 46px; background-color: rgba(0,122,73,0.8);
	text-align: center; color: #fff; position: absolute; left:0px; top: 0; z-index: 3; line-height: 46px;}
.danglist .date .year{ font-size: 12px; }
.danglist .date .mday{ font-size: 20px; }

.danglist li:hover a{ box-shadow: 0 0 10px 0 rgba(221,221,221,0.6);}
.danglist li:hover h3{ color: #007a49;}
.danglist li:hover .hx{ background-color: #007a49;}

.danglist h3,.danglist .hx{-webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
@media screen and (max-width:1230px) {
	.danglist li .txt{ height: 100px;}
}
@media screen and (max-width:1020px) {
	.danglist li .txt{ height: 120px;}
}
@media screen and (max-width:960px) {
	.danglist li{ width: 50%;}
	.danglist li .txt{ height: 80px;}
}
@media screen and (max-width:750px) {
	.danglist{ padding: 50px 10px; width: auto;}
	.danglist li .lin{ padding: 0 10px;}
	.danglist li h3{ font-size: 28px; line-height: 40px; height: 80px; overflow: hidden;}	
	.danglist li .txt{ font-size: 24px; line-height: 40px; height: 200px;}
	.danglist .date .year{ font-size: 22px;}
}
@media screen and (max-width:640px) {
	.danglist li{ width: 100%;}
}




/* 涓夌骇瀵艰埅 */
.outnavbg{ width: 100%; height: 60px; background-color: #ececec;}
.outnav3{ height: 60px; padding: 0; position: relative; z-index: 1; overflow: hidden;}
.outnav3 .nav-left,.outnav3 .nav-right{ width: 50px; height: 100%; cursor: pointer; position: absolute;
	top:0; z-index: 2; background-position: center; background-repeat: no-repeat; display: none;
	transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.outnav3 .nav-left{ left:0; background-image: url(../images/outnav-lt3.png);}
.outnav3 .nav-right{ right:0; background-image: url(../images/outnav-gt3.png);}
.outnav3 .nav-left:hover,.outnav3 .nav-right:hover{ background-color: #81cdf1;}
.outnav3  #wrapper22{ width: 100%; height: 100%; position: relative;}

.outnav3.on{ padding: 0 50px;}
.outnav3.on .nav-left,.outnav3.on .nav-right{ display: block;}

.nav7{ width:100%; height: 100%; font-size: 0; white-space: nowrap;}
.nav7 li{ width: 110px; display: inline-block; height: 100%; overflow: hidden;}
.nav8 li{ width: 200px;}
.nav8 a{ text-align: center;}
.nav7.fen2 li{ width: 50%;}
.nav7.fen3 li{ width: 33.3%;}
.nav7.fen4 li{ width: 25%;}
.nav7.fen5 li{ width: 20%;}
.nav7 li a{ display: block; position: relative; background-color: #ececec;
	color: #111; line-height: 60px; font-size: 18px;}
.nav7 li:hover a,.nav7 li.on a{ color: #007a49;}
@media screen and (max-width:1200px){
	.nav7 li{ width: 150px;}
	.nav8 li{ width: 200px;}
	.nav7 a{ text-align: center;}
}
@media screen and (max-width:750px){
	.nav7 li a{ font-size: 26px;}

	.ibcate img{ -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);
	-moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);}
}




.atc{ padding: 60px 0; max-width: 1200px; margin: 0 auto;}
.atc-h{ padding-bottom: 24px; border-bottom: 1px solid #ccc; text-align: center;}
.atc-h h1{ font-size: 30px; color: #111; line-height: 50px;}
.atc-h2{ text-align: center;}
.atc-h2 h1{ font-size: 30px; color: #111; line-height: 50px;}

.atc-date{ color: #666; line-height: 26px; margin-top: 10px;}
.atc-date span{ margin: 0 18px; display: inline-block;}

.atc-con{ padding: 50px 0; font-size: 16px; line-height: 26px; color: #222; text-align: justify;}
.atc-con img{ max-width: 100%;}

.atc-pn{ overflow: hidden; text-align: center; position: relative; height: 40px; line-height: 40px; padding: 10px 0;}
.atc-pn a{ display: inline-block; width: 38px; height: 38px; border: 1px solid #dedede; margin: 0 14px;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; line-height: 38px; color: #333;}
a.atc-prev,a.atc-next{ font-family: 'simsun'; font-size: 30px; color: #333;}
a.atc-ret{ width: 130px; text-align: left; text-indent: 52px; vertical-align: top;
	background: url('../images/ret.png') 21px center no-repeat;}

.atc-pn a:hover{ color: #007a49; box-shadow: 0 0 10px 0 #007a49;}

.videowrap{ width: 100%; position: relative; text-align: center;}
.video { width: 900px; max-width: 100%; height: 540px;}

@media screen and (max-width:1200px){
	.atc{ width: auto; padding: 60px 20px;}
}
@media screen and (max-width:900px){
	.videowrap{ padding-bottom: 60%; height: 0;}
	.video{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
}
@media screen and (max-width:750px) {
	.atc-h .atc-date{ font-size: 24px; line-height: 36px; margin-top: 20px;}
	.atc-con{ font-size: 26px; line-height: 44px;}
	.atc-con div,.atc-con p,.atc-con span{ font-size: 26px !important; line-height: 44px!important;}
	.atc-pn{ height: 60px; line-height: 60px;}
	.atc-pn a{ width: 58px; height: 58px; line-height: 58px;
		-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px;}
	a.atc-ret{ width: 200px;}
}





.qiyelist{ max-width: 1230px; overflow: hidden; padding: 60px 0 50px; margin: 0 auto;}
.qiyelist li{ float: left; width: 33.3%; margin-bottom: 30px;}
.qiyelist li .lin{ padding: 0 15px;}
.qiyelist li a{display: block; background-color: #fff; position: relative;}
.qiyelist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 1;
	width: 0; height: 1px; background-color: #fff;}
.qiyelist li .pic{ width: 100%; height:0; padding-bottom: 75%; position: relative; overflow: hidden;}
.qiyelist li img{ position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%;}



.qiyelist li h3{ font-size: 18px; line-height: 50px; text-align: center; height: 50px; padding: 0 10px;

	overflow: hidden; color: #111; border-top: 1px solid #007a49;

	white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

.qiyelist li h3,.qiyelist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.qiyelist li:hover h3{ color: #007a49;}
.qiyelist li:hover a:after{ width: 100%; background-color: #007a49;}
@media screen and (max-width:1200px){
	.qiyelist{ padding: 60px 15px 50px;}
}
@media screen and (max-width:1000px){
	.qiyelist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.qiyelist li h3{ font-size: 24px; padding: 10px;}
}




.fenglist{ max-width: 1230px; overflow: hidden; padding: 60px 0; margin: 0 auto;}
.fenglist li{ float: left; width: 33.3%; margin-bottom: 30px;}
.fenglist li .lin{ padding: 0 15px;}
.fenglist li a{display: block; background-color: #fff; position: relative;}
.fenglist li .pic{ width: 100%; height:0; padding-bottom: 75%; position: relative; overflow: hidden;}
.fenglist li img{ position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%;}



.fenglist li h3{ font-size: 16px; line-height: 46px; text-align: center; height: 46px; padding: 0 10px;

	overflow: hidden; color: #111; border: 1px solid #017b4a; border-top: 0 none; 

	white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

.fenglist li h3,.fenglist li a{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.fenglist li:hover h3{ color: #fff;}
.fenglist li:hover a{ background-color: #017b4a;}
@media screen and (max-width:1200px){
	.fenglist{ padding: 60px 15px;}
}
@media screen and (max-width:1000px){
	.fenglist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.fenglist li h3{ font-size: 24px; padding: 10px;}
}




/* 鍏充簬鎴戜滑 */
.about{ max-width: 1200px; padding: 55px 0; margin: 0 auto;}
.aboutcon{ min-height: 610px; overflow: hidden;}
.aboutl{ float: left; width: 55%; height: 100%;}

.aboutl h4{ font-size: 24px; color: #007a49; font-weight: bold;
	height: 40px; line-height: 40px; overflow: hidden; padding-top: 22px;}
.aboutl h3{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #999;}
.aboutl .hx{ width: 54px; height: 2px; margin-top: 14px;
	background: url('../images/line-ab.png') left center no-repeat;}
.abouttxt{ overflow: hidden; margin-top: 25px;
	font-size: 16px; line-height: 30px; color: #111; text-align: justify;}
.abouttxt img{ display: none;}

.aboutr{ float: right; width: 41.1%; position: relative;}
.aboutr img{ max-width: 100%;}

@media screen and (max-width:1260px) {
	.about{ padding: 55px 30px;}
	.aboutl h4{ padding-top: 0;}
	.abouttxt{ height: auto;}
}
@media screen and (max-width:960px) {
	.about{ padding: 55px 30px 100px;}
	.aboutl{ float: none; width: 100%; height: auto;}
	.aboutr{ float: none; width: 500px; max-width: 100%; margin: 0 auto; height: auto;}
	.aboutl{ margin-top: 50px;}
	.aboutl h3{ text-align: center;}
	.aboutl h4{ text-align: center;}
	.aboutl .hx{ margin: 20px auto 0;}
	.abouttxt{ max-width: 660px; margin: 40px auto 0;}
}
@media screen and (max-width:750px) {
	.about{ padding: 55px 30px 70px;}
	.aboutl h3{ font-size: 26px; line-height: 50px; height: 50px;}
	.aboutl h4{ font-size: 36px; line-height: 60px; height: 60px;}
	.abouttxt{ font-size: 26px; line-height: 44px;}
	.abouttxt div,.abouttxt p,.abouttxt span{ font-size: 26px !important; line-height: 44px!important;}
}





.zplist{ padding-bottom: 40px;}
.zplist li{ border: 1px solid #dcdcdc; margin-bottom: 30px; background-color: #fff;}
.zplist li a{ display: block;}
.zplist .zpone{ height: 96px; cursor: pointer; position: relative;
	padding-left: 30px; padding-right: 70px;}

.zplist .zpone h3{ font-size: 16px; color: #333; line-height: 32px; height: 32px; overflow: hidden; padding-top: 20px;}
.zplist .zpone p.info{ font-size: 12px; color: #666; line-height: 20px; height: 20px; overflow: hidden;}
.zplist .zpone i{ position: absolute; right: 0; top:13px; z-index: 1; width: 70px; height: 70px;
	background: url('../images/zp-jtr.png') center no-repeat;}

.zplist li:hover{ border-color: #017b4a;}
.zplist li:hover{ box-shadow: 0 0 10px 0 rgba(0,122,73,0.2);}

.zplist li.on .zpone i,.zplist li:hover .zpone i{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);
	 -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.zplist li,.zplist .zpone i{ transition: 0.6s;
	 -ms-transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}

@media screen and (max-width:750px){
	.zplist .zpone{ height: 130px;}
	.zplist .zpone h3{ font-size: 28px; line-height: 50px; height: 50px;}
	.zplist .zpone p.info{ font-size: 24px; line-height: 40px; height: 40px;}
	.zplist .zpone i{ top:30px;}
}




.zpout{ padding: 60px 0 120px;}
.zppage{ border: 1px solid #dcdcdc; background-color: #fff; padding: 0 30px;}
.zpfirst{ position: relative; height: 98px; padding-right: 150px; border-bottom: 1px solid #dcdcdc;}
.zpfirst h3{ font-size: 20px; color: #007a49; line-height: 32px; font-weight: bold; 
	height: 32px; overflow: hidden; padding-top: 20px;}
.zpfirst p.info{ font-size: 16px; color: #666; line-height: 28px;
	height: 28px; overflow: hidden;}
.zpfirst i{ position: absolute; right: 0; top:28px; z-index: 1; width: 150px; height: 40px;
	font-size: 24px; color: #007a49; line-height: 40px; text-align: right;}

.zpcon{ padding: 24px 0 42px; font-size: 16px; color: #666; line-height: 30px; text-align: justify;}
.zpcon h3{ padding-left: 10px; margin-bottom: 4px; color: #111;
	background: url('../images/sx1.png') left no-repeat;}
@media screen and (max-width:1000px){
	.zpfirst{ padding-right: 0; height: auto;}
	.zpfirst p.info{ height: auto;}
	.zpfirst i{ position: static; display: block; text-align: left; width: auto; padding: 10px 0;}
}
@media screen and (max-width:750px){
	.zpfirst h3{ font-size: 30px; line-height: 50px; height: 50px;}
	.zpfirst p.info{ font-size: 24px; line-height: 40px;}
	.zpcon{ font-size: 26px; line-height: 44px;}
	.zpcon h3{ padding-left: 20px; background-size: 5px 30px;}
	.zpcon div,.zpcon p,.zpcon span{ font-size: 26px!important; line-height: 44px!important;}
}




.recform{ color: #666; font-size: 0; background-color: #fff;
	border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
.recform .pai{ float: left; width: 30%; height: 46px;
	line-height: 46px; border-bottom: 1px solid #dcdcdc;}
.recform input[type=text]{ font-size: 14px; border: 0 none;
	text-indent: 20px; width: 100%;}
.recform i.v{ width: 100%; height: 100%; vertical-align: top;}
.recform i.v:after{ content: ''; position: absolute; right: 0; top:0; z-index: 0;
	width: 1px; height: 100%; background-color: #dcdcdc;}
.recform .v span.Validform_checktip{ top: 8px;}

.recform i.jianli s{ display: inline-block; width: 100%; text-indent: 20px;
	 text-decoration: none; font-style: normal; font-size: 14px;}
.recform .recjl{ position: absolute; width: 100%; height: 100%; left: 0; top:0; z-index: 1;
	opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.recform .yzmpic{ float: right; width: 10%; height: 46px; cursor: pointer;
	font-size: 0; line-height: 46px; text-align: center;}

.recform input.tj2{ width: 100%; height: 46px; font-size: 20px; line-height: 46px;
	background-color: #017b4a; color: #fff;}
.recform input.tj2:hover{ opacity: 0.8; filter: alpha(opacity=80);}

@media screen and (max-width:1000px){
	.recform .pai{ width: 100%;}
	.recform .pai.short{ width: 80%;}
	.recform .yzmpic{ width: 20%;}
	.recform i.v:after{ right: -1px;}
}
@media screen and (max-width:750px){
	.recform .pai{ height: 72px; line-height: 72px;}
	.recform input[type=text]{ font-size: 26px;}
	.recform .v span.Validform_checktip{ top: 20px;}
	.recform i.jianli s{ font-size: 26px;}
	.recform .yzmpic{ height: 72px; line-height: 72px;}
	.recform input.tj2{ height: 72px; line-height: 72px; font-size: 30px;}
}






.rencaiout{ padding: 60px 0;}
.rencai{ overflow: hidden; height: 300px; background-color: #fff;}

.rencaicon{ padding: 40px 40px 10px;}
.rencaicon h2{ color: #017b4a; font-size: 20px; line-height: 38px;}
.rencaicon .txt{ font-size: 16px; color: #666; line-height: 28px; text-align: justify;
	 margin-top: 18px;}
.jiaru{ width: 100%; height: 100%; background: url('../images/jiaru.jpg') center no-repeat;}

@media screen and (max-width:1000px){
	.rencai{ height: auto; padding: 30px 0;}
	.rencai .lefthalf{ float: none; width: 600px; margin: 0 auto; height: 300px;}
	.rencai .righthalf{ float: none; width: 600px; margin: 0 auto;}
	.rencaicon{ padding: 40px 0;}
}
@media screen and (max-width:750px){
	.rencaicon h2{ font-size: 30px; line-height: 56px;}
	.rencaicon .txt{ font-size: 26px; line-height: 44px;}
}





.lxone{ max-width: 1200px; overflow: hidden; height: 400px; margin: 0 auto; padding: 60px 0 100px;}
.lxone .left{ float: left; width: 45%; height: 100%;}
.lxone .right{ float: left; width: 55%; height: 100%;}
.lxcon{ padding: 45px 0 10px;}
.lxcon h2{ color: #017b4a; font-size: 24px; line-height: 44px; font-weight: bold; margin-bottom: 14px;}
.lxcon .lx1{ padding-left: 26px; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 14px;
	background: url('../images/lx1.png') left 4px no-repeat;}
.lxcon .lx2{ padding-left: 26px; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 14px;
	background: url('../images/lx2.png') left 4px no-repeat;}
.lxcon .lx3{ padding-left: 26px; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 14px;
	background: url('../images/lx3.png') left 6px no-repeat;}

.lxcon .hotline{ height: 30px; font-size: 16px; color: #333; line-height: 30px; margin-bottom: 22px;}
.lxcon .hotline span{ font-size: 20px; color: #017b4a;}

.lxcon h4{ font-size: 18px; line-height: 30px; color: #333;}
.lxcon .hx{ width: 100%; height: 1px; background-color: #d0d0d0; margin: 32px 0;}

#map{ width: 100%; height: 400px;}

@media screen and (max-width:1300px){
	.lxone{ padding: 60px 30px 100px;}
}
@media screen and (max-width:1100px){
	.lxone{ height: auto;}
	.lxone .left{  float: none; width: 800px; margin: 0 auto;}
	.lxone .right{ float: none; width: 800px; margin: 0 auto; height: 400px;}
	.lxcon{ padding: 0 0 60px;}
}
@media screen and (max-width:900px){
	.lxone .left{  width: auto;}
	.lxone .right{ width: auto;}
}
@media screen and (max-width:750px){
	.lxcon h2{ font-size: 36px; line-height: 60px;}
	.lxcon .lx1{ font-size: 26px; line-height: 40px; background-position: left 12px;}
	.lxcon .lx2{ font-size: 26px; line-height: 40px; background-position: left 12px;}
	.lxcon .lx3{ font-size: 26px; line-height: 40px; background-position: left 14px;}
	.lxcon .hotline{ font-size: 26px; line-height: 48px; height: 48px;}
	.lxcon .hotline span{ font-size: 32px;}

	.lxcon h4{ font-size: 28px; line-height: 46px;}
}





.rylist{ max-width: 1250px; overflow: hidden; padding: 70px 0 40px; margin: 0 auto;}
.rylist li{ float: left; width: 33.3%; margin-bottom: 30px;}
.rylist li .lin{ padding: 0 25px;}
.rylist li a{display: block; position: relative;}
.rylist li a:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 1;
	width: 0; height: 2px; background-color: transparent;}
.rylist li .pic{ width: 100%; height:0; padding-bottom: 75%; 
	position: relative; overflow: hidden; }
.rylist li .pic .wrap{ background-color: #efefef; width: 100%; height: 100%;
	position: absolute; left:0; top:0; z-index: 1; font-size: 0; text-align: center;}
.rylist li .pic .wrap i{ display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.rylist li img{ max-width: 95%; max-height: 95%;}

.rylist li h3{ font-size: 18px; line-height: 50px; text-align: center; height: 50px;

	overflow: hidden; color: #111; padding: 0 10px;

	white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}

.rylist li h3,.rylist li a:after{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}
.rylist li:hover h3{ color: #007a49;}
.rylist li:hover a:after{ width: 100%; background-color: #007a49;}
@media screen and (max-width:1200px){
	.rylist{ padding: 70px 15px 40px;}
}
@media screen and (max-width:1000px){
	.rylist li{ width: 50%;}
}
@media screen and (max-width:750px){
	.rylist li .lin{ padding: 0 15px;}
	.rylist li h3{ font-size: 24px; padding: 5px;}
}


.jiagou{ padding: 60px 0 110px;}
.jiagoupic{ display: block; text-align: center;}
.jiagoupic img{ max-width: 96%;}







.nianlist{ padding: 45px 0;}
.nianlist li{ width: 100%; padding: 15px 0;}
.nianlist .lin{ height: 280px; background-color: #fff; padding: 14px 12px;}
.nianlist li a{ display: block; position: relative; height: 100%; padding-right: 500px; overflow: hidden;}
.nianlist li .picout{ width: 500px; height: 280px;
	position: absolute; top:0; right:0; z-index: 1;}
.nianlist li .pic{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.pair{ padding: 24px 50px 10px;}

.nianlist li:nth-child(even) a{ padding-left: 500px; padding-right: 0;}
.nianlist li:nth-child(even) .picout{ left:0; right:auto;} 

.pair h3{ font-size: 22px; color: #007a49; line-height: 42px; font-weight: bold;
	overflow: hidden; margin-bottom: 16px; height: 42px;
	padding-bottom: 16px; background: url('../images/line-nian.png') left bottom no-repeat;}
.pair .txt{ font-size: 16px; color: #333; line-height: 30px; height: 150px; overflow: hidden;}

@media screen and (max-width:1200px){
	.pair{ padding: 20px 30px 10px;}
}
@media screen and (max-width:1000px){
	.nianlist li a{ padding-right: 400px; min-height: 280px;}
	.nianlist li:nth-child(even) a{ padding-left: 400px; padding-right: 0;}
	.nianlist li .picout{ width: 400px;}
	.nianlist li .pic img.full{ position: absolute; width: 500px; left:50%; top:0; z-index: 1; margin-left: -250px;}
	.nianlist .lin{ height: auto;}
	.pair .txt{ height: auto;}
}
@media screen and (max-width:900px){
	.nianlist{ padding: 25px 0;}
	.nianlist .lin{ padding: 30px 0;}
	.nianlist li a{ padding-right: 0;}
	.nianlist li:nth-child(even) a{ padding-left: 0;}
	.nianlist li .picout{ position: static; width: 500px; margin: 0 auto;}
	.pairout{ width: 500px; margin: 0 auto;}
	.pair{ padding: 30px 0;}
}
@media screen and (max-width:750px){
	.pair h3{ font-size: 30px;}
	.pair .txt{ font-size: 26px; line-height: 40px;}
}






.linyulist{ width: 100%; padding: 60px 0 40px;}
.linyulist li{ width: 100%; margin-bottom: 40px;}
.linyulist li a{ display: block; position: relative; height: 400px; overflow: hidden;
	padding: 0 0 0 800px; background-color: #007a49;}

.linyulist li .pic{ position: absolute; left: 0; top: 0; z-index: 1;
	width: 800px; height: 100%; overflow: hidden;}
.linyulist li .pic img{ width: auto; height: 100%;}
.linyulist li .wz{ padding: 70px 40px 10px; color: #fff;}
.linyulist li h3{ font-size: 30px; line-height: 50px; height: 50px; margin-bottom: 10px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.linyulist li .txt{ font-size: 14px; line-height: 24px; height: 168px;  
	width: 224px; overflow: hidden;text-align: justify;}
.linyulist li label{ padding-left: 86px; display: block; height: 36px; cursor: pointer;
	font-family: 'arial'; line-height: 36px; font-size: 16px; text-transform: uppercase;
	background: url('../images/line-yu.png') left no-repeat;}

.linyulist li:hover a{ box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);}

@media screen and (max-width:1240px){
	.linyulist li a{ padding-left: 66.6%;}
	.linyulist li .pic{ width: 66.6%;}
}
@media screen and (max-width:1000px){
	.linyulist{ padding: 40px 0 20px;}
	.linyulist li{ margin-bottom: 50px;}
	.linyulist li a{ padding-left: 0; width: 800px; height: auto; margin: 0 auto; max-width: 100%;}
	.linyulist li .pic{ width: 100%; height: 400px; position: static;}
	.linyulist li .wz{ padding: 60px 40px;}
	.linyulist li .txt{ width: 100%; height: auto;}
	.linyulist li label{ margin-top: 50px;}
}
@media screen and (max-width:750px){
	.linyulist li h3{ font-size: 40px; line-height: 60px; height: 60px; margin-bottom: 20px;}
	.linyulist li .txt{ font-size: 26px; line-height: 40px;}
	.linyulist li label{ font-size: 26px; line-height: 40px; height: 40px;}
}






.newslist{ width: 1245px; padding: 70px 0 50px; max-width: 100%; margin: 0 auto; overflow: hidden;}
.newslist li{ float: left; width: 33.3%; margin-bottom: 40px; padding-top: 11px;}
.newslist li .lin{ padding: 0 22px;}
.newslist li a{ display: block; background-color: #fff; position: relative; 
	padding-bottom: 11px;border-bottom: 1px solid #017b4a;}
.newslist .pic{ width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; position: relative;}
.newslist img{ position: absolute; z-index: 1; left:0; top:0;}


.newslist li h3{ font-size: 16px; color: #111; line-height: 28px;
	padding: 14px 20px 0; height: 28px; overflow: hidden;}
.newslist li .txt{ font-size: 14px; color: #666; line-height: 20px; padding:6px 20px 0;
	height: 40px; overflow: hidden; text-align: justify;}
.newslist i.bq{ width: 66px; height: 70px; position: absolute; left:20px; top: -11px; z-index: 3;
	background: url('../images/logo2.png') center no-repeat;}

.newslist li .info{ font-size: 12px; line-height: 28px; margin: 10px 20px 0; height: 28px; color: #999; 
	overflow: hidden; background: url('../images/news-jtr.png') right no-repeat;}
.newslist li .info span.clock{ padding-left: 22px; background: url('../images/clock.png') 0 no-repeat;}

.newslist li:hover .info{ background-image: url('../images/news-jtrh.png');}
.newslist li:hover a{ box-shadow: 0 0 10px 0 rgba(221,221,221,0.6); border-color: #007a49;}
.newslist li:hover h3{ color: #007a49;}

.newslist h3{-webkit-transition: .6s; -moz-transition: .6s;
	 -ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
@media screen and (max-width:1230px) {
	.newslist{ padding: 50px 10px; width: auto;}
	.newslist li .txt{ height: 60px;}
}
@media screen and (max-width:960px) {
	.newslist li{ width: 50%;}
}
@media screen and (max-width:750px) {
	.newslist li .lin{ padding: 0 10px;}
	.newslist li h3{ font-size: 28px; line-height: 40px; height: 80px; overflow: hidden;}	
	.newslist li .txt{ font-size: 24px; line-height: 40px; height: 160px; padding: 15px 20px 0;}
	.newslist li .info{ font-size: 22px; line-height: 36px; height: 36px; margin: 20px 20px 0;}
}
@media screen and (max-width:640px) {
	.newslist li{ width: 100%;}
}



.ab1out{ padding: 60px 0 0;}
.ab1{ overflow: hidden; height: 392px; background-color: #fff;}
.ab1 a{ display: block; height: 100%;}
.ab1 .pic{ float: left; width: 52.5%; height: 100%; position: relative; overflow: hidden;}
.ab1 .pic img{ position: absolute; width: 630px; height: 100%;
	 left:50%; top:0; z-index: 0; margin-left: -315px;}
.ab1 .pic h4{ position: absolute; width: 100%; height: 52px;
	left:0; bottom: 0; z-index: 1; background-color: rgba(0,123,74,0.7);
	text-align: center; font-size: 20px; line-height: 52px; color: #fff;}
.ab1 .r{ width: 47.5%; height: 100%; position: relative;}
.ab1 .r:after{ content: ''; position: absolute; right: 40px; bottom:20px; z-index: 0;
	width: 72px; height: 68px; background: url('../images/logo3.png') center no-repeat;}
.ab1r{ padding: 70px 40px 10px;}
.ab1r h3{ color: #017b4a; font-size: 20px; line-height: 40px; height: 40px; overflow: hidden;}
.ab1r .txt{ font-size: 14px; color: #333; line-height: 26px; margin-top: 14px; 
	height: 130px; overflow: hidden;}
.ab1r .date{ margin-top: 30px; font-size: 24px; color: #017b4a; line-height: 34px;
	height: 34px;}
.ab1r .date span.year{ font-size: 14px; color: #666; margin-left: 8px;}
.ab1r label{ color: #017b4a;}
@media screen and (max-width:1200px){
	.ab1r .txt{ height: 156px;}
}
@media screen and (max-width:1000px){
	.ab1{ max-width: 630px; height: auto; padding: 40px 20px 0; margin: 0 auto;}
	.ab1 .pic{ float: none; width: 100%; height: 392px;}
	.ab1 .r{ float: none; width: 100%; }
	.ab1r{ padding: 40px 0 70px;}
	.ab1r .txt{ height: auto;}
}
@media screen and (max-width:750px){
	.ab1r h3{ font-size: 30px; line-height: 50px; height: auto;}
	.ab1r .txt{ font-size: 26px; line-height: 40px; margin-top: 20px; }
	.ab1r .date{ font-size: 26px; line-height: 50px; height: 50px;}
	.ab1r .date span.year{ font-size: 26px;}
}






.yearout{ padding: 60px; width: 1080px; margin: 0 auto; position: relative;}
.yearout a.year-prev, .yearout a.year-next{ position: absolute; width: 40px; height: 66px; z-index: 2; top:50%; margin-top: -33px;}
.yearout a.year-prev{ left: 0; background: #bbb url('../images/fz-lt.png') center no-repeat;}
.yearout a.year-next{ right: 0; background: #bbb url('../images/fz-gt.png') center no-repeat;}
.yearout a.year-prev:hover{ background-color: #007a49;}
.yearout a.year-next:hover{ background-color: #007a49;}


.yearbar{ height: 496px;}
.yearpic-out{ width: 100%; overflow: hidden; height: 100%; position: relative;}
.yearpic-out:before{ content: ''; position: absolute; left: 0; top:50%; z-index: 0;
	width: 100%; height: 1px; background-color: #ccc;}
.yearpic{ width: auto; height: 100%; font-size: 0; white-space: nowrap; padding: 0 52px;
	 position: absolute; left:0; top:0; z-index: 1; min-width: 100%; text-align: center;}
.yearpic li{ display: inline-block; width: 196px; height: 100%; position: relative;}
.yearpic li .inner{ width: 300px; height: 100%; position: relative; margin-left: -52px;}
.yearpic li i{ position: absolute; width: 16px; height: 16px; z-index: 1; top: 50%; left: 50%;
	margin-left: -8px; margin-top: -8px; background: url('../images/year-dot.png') center no-repeat;}

.yearpic li .date{ width: 100%; height: 42px; padding-top: 15px; cursor: pointer;
	position: absolute; left:0; top: 50%; z-index: 1; margin-top: 27px;
	background: url('../images/year-sju1.png') center top no-repeat;}
.yearpic li .date span{ display: block; width: 100%; height: 100%; background-color: #ddd;
	font-size: 16px; color: #111; line-height: 42px;}
.yearpic li dl{ padding: 16px 20px; width: 260px; background-color: #fff;
	position: absolute; left:0; top: 50%; margin-top: 84px; z-index: 1;}
.yearpic li dd{ font-size: 14px; color: #444; line-height: 22px; max-height: 132px;
	white-space: normal; text-align: justify; overflow: hidden;}

.yearpic li.on .date,.yearpic li:hover .date{ background-image: url('../images/year-sju1h.png');}
.yearpic li.on .date span,.yearpic li:hover .date span{ background-color: #007a49; color: #fff;}
.yearpic li.on i,.yearpic li:hover i{ background-image: url('../images/year-doth.png');}

.yearpic li .date,.yearpic li .date span,.yearpic li i{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.yearpic li.i2 .date{ padding-top: 0; padding-bottom: 15px; top:auto; bottom: 50%; margin-top: 0; margin-bottom: 27px;
	background: url('../images/year-sjd1.png') center bottom no-repeat;}
.yearpic li.i2 dl{ top:auto; bottom: 50%; margin-top: 0; margin-bottom: 84px;}
.yearpic li.i2.on .date,.yearpic li.i2:hover .date{ background-image: url('../images/year-sjd1h.png');}


@media screen and (max-width:1240px){
	.yearout{ width: auto;}
}
@media screen and (max-width:750px){
	.yearbar{ height: 700px;}
	.yearpic li .date{ height: 60px;}
	.yearpic li .date span{ font-size: 28px; line-height: 60px;}
	.yearpic li dl{ margin-top: 102px;}
	.yearpic li.i2 dl{ margin-top: 0; margin-bottom: 102px;}
	.yearpic li dd{ font-size: 26px; line-height: 36px; max-height: 216px;}
}




.whout{ padding: 70px 0 290px; background: url('../images/city.png') bottom no-repeat;}
.wh{ font-size: 16px; line-height: 30px; color: #111; text-align: center;
	padding: 36px 30px 20px; position: relative;}
.wh em{ font-size: 18px; color: #007a49;}


.wh .ilt{position: absolute;left: 0;top: 0;z-index: 5;width: 38px;height: 35px;
	background: url('../images/yin1.png') center no-repeat;}
.wh .irt{position: absolute;right: 0;top: 0;z-index: 5;width: 77px;height: 69px;
	background: url('../images/zhi2.png') center no-repeat;}
.wh .ilb{position: absolute;left: 0;bottom: 0;z-index: 5;width: 83px;height: 69px;
	background: url('../images/zhi1.png') center no-repeat;}
.wh .irb{position: absolute;right: 0;bottom: 0;z-index: 5;width: 38px;height: 35px;
	background: url('../images/yin2.png') center no-repeat;}
@media screen and (max-width:1200px){
	.wh{ text-align: justify; padding: 36px 40px;}
	.wh p{ display: inline;}
}
@media screen and (max-width:750px){
	.wh{ font-size: 26px; line-height: 48px; padding: 60px 40px;}
	.wh p,.wh div{ font-size: 26px !important; line-height: 48px!important;}
	.wh em{ font-size: 30px;}
}





.fablist{ width: 1216px; max-width: 100%; overflow: hidden; 
	font-size: 0; padding: 60px 0 110px; margin: 0 auto;}
.fablist li{ display: inline-block; width: 25%;}
.fablist li .lin{ padding: 0 10px; height: 100%;}
.fablist li a{ display: block; position: relative; width: 100%; height: 0; padding-bottom: 133.3%; overflow: hidden;}

.fablist li .bg{ position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 0;}
.fablist li .bg img{ width: 100%; height: 100%; display: block;}
.fablist li h3{ font-size: 16px; color: #111; line-height: 38px; text-align: center;
	height: 38px; overflow: hidden; position: absolute; bottom: 15px;left:15px; right:15px; z-index: 1;
	opacity: 1; filter:alpha(opacity= 100); background-color: rgba(255,255,255,0.7);font-weight: bold;}


.fablist li .cover{ position: absolute; width: 100%; height: 100%; top:30px; left:0; z-index: 2;
	opacity: 0; filter: alpha(opacity=0);}
.fablist li .cover .in{ position: absolute; top:15px; bottom: 15px; left:15px; right: 15px; z-index: 1;
	padding: 100px 0 0; background: url('../images/jinbg.png') center no-repeat; background-size: 100% 100%;}
.fablist li .cover .pic{ width: 100%; height: 86px; margin-bottom: 10px;
	text-align: center; line-height: 86px; font-size: 0;}
.fablist li .cover h4{ font-size: 20px; color: #017b4a; line-height: 34px;
	height: 34px; overflow: hidden; text-align: center;}

.fablist li .cover,.fablist li h3{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
.fablist li:hover .cover{ top:0; opacity: 1; filter: alpha(opacity=100);}
.fablist li:hover h3{ opacity: 0; filter:alpha(opacity= 0);}

@media screen and (max-width:1100px){
	.fablist{ width: auto; padding: 60px 40px;}
	.fablist li{ margin-bottom: 50px; width: 50%;}
	.fablist li .lin{ padding: 0 30px;}
	.fablist li .cover .in{ padding: 150px 0 0;}
	.fablist li h3{ line-height: 50px; height: 50px;}
}
@media screen and (max-width:900px){
	.fablist{ padding: 60px 20px;}
	.fablist li{ margin-bottom: 40px;}
	.fablist li .lin{ padding: 0 20px;}
}
@media screen and (max-width:750px){
	.fablist li h3{ font-size: 26px;}
	.fablist li .cover .in{ padding: 100px 0 0;}
	.fablist li .cover h4{ font-size: 28px; line-height: 40px; height: 40px;}
}






.jituaninfo{ background-color:#fff; padding:20px; font-size:16px; color: #666;}
.jituanlist{ padding: 70px 0 20px; max-width: 1200px; margin: 0 auto;}
.cb1{ height: 400px; background-color: #fff; margin-bottom: 100px;
	box-shadow: 0 6px 20px 1px rgba(0,0,0,0.05);}
.cb1 .inner{ display: block; height: 100%;}
.cb1 .pic{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;
	right: 20px; top:-30px; z-index: 2;}
.cb1 .pic img{ width: 100%; height: 100%; position: relative; z-index: 0; object-fit:cover;}
.cb1 .pic i{ position: absolute; left:0; top: 0; z-index: 1; width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.3); opacity: 0; filter:alpha(opacity= 0);}
.cb1 .l{ width: 50%; height: 100%; position: relative; display: table;}
.cb1left{ padding: 0 100px 0 50px; display: table-cell; vertical-align: middle;}
.cb1left h3{ font-size: 28px; line-height: 40px;}
.cb1left h3 a{ color: #333;}
.cb1left h3 span{ font-weight: arial; font-weight: bold; margin-right: 13px;}
.cb1left .hx{ width: 30px; height: 3px; margin: 24px 0 25px; background-color: #007a49;}
.cb1left .txt{ font-size: 14px; color: #666; line-height: 24px; height: 190px; overflow: hidden; margin-bottom: 24px;}
.cb1left .txt a{ color: #666;}
.cb1left .more{ display: block; width: 138px; height: 38px; border: 1px solid #007a49;
	font-size: 16px; color: #fff; line-height: 38px; text-align: center; font-family: 'arial'; background-color: #007a49;}
.cb1left .more:hover{ background-color: #fff; color: #007a49;}

.cb1:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);}
.cb1:hover .cb1left h3 a{ color: #007a49;}
.cb1 i,.cb1 h3 a{ -webkit-transition: 0.5s; transition: 0.5s;}

@media screen and (max-width:1240px){
	.cb1left{ padding: 0 70px 0 50px;}
}
@media screen and (max-width:1000px){
	.cb1{ max-width: 640px; height: auto; padding: 40px 30px; margin: 0 auto 80px;}
	.cb1 .pic{ float: none; width: 100%; height: auto; right: 0; top:0;}
	.cb1 .l{ float: none; width: 100%; height: auto;}
	.cb1left{ padding: 0 0 50px;}
	.cb1left .txt{ height: auto;}
}
@media screen and (max-width:750px){
	.cb1left h3{ font-size: 32px; line-height: 50px; height: auto;}
	.cb1left .txt{ font-size: 26px; line-height: 40px; margin-bottom: 36px;}
	.cb1left .more{ width: 210px; height: 60px; font-size: 26px; line-height: 60px;}
	.jituaninfo{ font-size: 26px;}
}