@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:  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{ margin: 0 auto; overflow: hidden; width: 100%; padding: 60px 0 0;

	 position: relative; z-index: 1; font-size: 0; text-align: center;}

.fzonelist li{ display: inline-block; width: 20%; text-align: center;}

.fzonelist li a{ display: block; position: relative; padding-bottom: 38px;

	 border-bottom: 2px solid #d4d4d4; background-color: #fff;}

.fzonelist li a:after{ content: ''; position: absolute; right: 0; bottom:0; z-index: 0;

	width: 1px; height: 260px; background-color: #f2f2f2;}



.fzonelist .bpic{ width: 100%; height: 0; padding-bottom: 133.33%; position: relative; overflow: hidden;}

.fzonelist .bpic img{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}



.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:  center no-repeat; font-family: 'arial'; margin-top: 10px;}



.fzonelist li:hover a{ border-bottom-color: #007a49;}

.fzonelist li:hover h3,.fzonelist li.on h3{ color: #007a49;}

.fzonelist li:hover h4,.fzonelist li.on h4{ color: #007a49;}

.fzonelist li:hover .num,.fzonelist li.on .num{ 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,.fzonelist h4,.fzonelist li a,.fzonelist .pic,.fzonelist .num{-webkit-transition: 0.5s;

	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



@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: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{ 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: ;}

.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)  center no-repeat;}

.sw-prev { left: 50%; margin-left: -520px;

	background: rgba(255,255,255,0.5)  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:  center no-repeat; cursor: pointer;

  -webkit-transition: all 0.22s linear 0s; transition: all 0.22s linear 0s;}

.swiper-pagination-bullet-active { background-image: ; }

.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:  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(/uploads/image/pimages/outnav-lt3.png);}

.outnav3 .nav-right{ right:0; background-image: url(/uploads/image/pimages/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:  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:  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:  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:  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:  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:  left 4px no-repeat;}

.lxcon .lx2{ padding-left: 26px; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 14px;

	background:  left 4px no-repeat;}

.lxcon .lx3{ padding-left: 26px; font-size: 16px; color: #333; line-height: 24px; margin-bottom: 14px;

	background:  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:  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:  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:  center no-repeat;}



.newslist li .info{ font-size: 12px; line-height: 28px; margin: 10px 20px 0; height: 28px; color: #999; 

	overflow: hidden; background:  right no-repeat;}

.newslist li .info span.clock{ padding-left: 22px; background:  0 no-repeat;}



.newslist li:hover .info{ background-image: ;}

.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:  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  center no-repeat;}

.yearout a.year-next{ right: 0; background: #bbb  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:  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:  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: ;}

.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: ;}



.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:  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: ;}





@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:  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:  center no-repeat;}

.wh .irt{position: absolute;right: 0;top: 0;z-index: 5;width: 77px;height: 69px;

	background:  center no-repeat;}

.wh .ilb{position: absolute;left: 0;bottom: 0;z-index: 5;width: 83px;height: 69px;

	background:  center no-repeat;}

.wh .irb{position: absolute;right: 0;bottom: 0;z-index: 5;width: 38px;height: 35px;

	background:  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:  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;}
}







.jituanlist{ padding: 100px 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;}
}