/* banner */
.banner{position: relative;overflow: hidden;}
.baninfo{position: absolute;left: 20%;top: 0;height: 100%;}
.baninfo h1{font-size: 76px;color: #fff;line-height: 78px;margin-bottom: 13px;text-shadow: 0 0 9px #7f7e7e;-webkit-text-shadow: 0 0 9px #7f7e7e;-moz-text-shadow: 0 0 9px #7f7e7e;-ms-text-shadow: 0 0 9px #7f7e7e;-o-text-shadow: 0 0 9px #7f7e7e;}
.baninfo h1,.baninfo img{margin-left: -20px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
@keyframes move{0%{margin-left: -20px;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-webkit-keyframes move{0%{margin-left: -20px;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-moz-keyframes move{0%{margin-left: -20px;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-ms-keyframes move{0%{margin-left: -20px;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-o-keyframes move{0%{margin-left: -20px;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
.bankk{width: 195px;height: 268px;position: absolute;left: -110px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.bankk span{position: absolute;background: #fff;display: block;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;border-radius: 3px;box-shadow: 0 0 9px #7f7e7e;}
.bankk1{width: 3px;height: 0px;right: 0;bottom: 242px;}
.bankk2{width: 0;height: 3px;right: 0;top: 0;}
.bankk3{width: 3px;height: 0;left: 0;top: 0;}
.bankk4{width: 0;height: 3px;left: 0;bottom: 0;}
.bankk5{width: 3px;height: 0;right: 0;bottom: 0;}
.banner.active .baninfo h1{animation: move 1s linear 1s;-webkit-animation: move 1s linear 1s;-moz-animation: move 1s linear 1s;-ms-animation: move 1s linear 1s;-o-animation: move 1s linear 1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.banner.active .baninfo img{animation: move 1s linear 1.2s;-webkit-animation: move 1s linear 1.2s;-moz-animation: move 1s linear 1.2s;-ms-animation: move 1s linear 1.2s;-o-animation: move 1s linear 1.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.banner.active .bankk1{height: 26px;}
.banner.active .bankk2{width: 100%;}
.banner.active .bankk3{height: 100%;}
.banner.active .bankk4{width: 100%;}
.banner.active .bankk5{height: 26px;}
.banner.active .bankk span{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;border-radius: 0px;}

@media (max-width:1441px) {
	.baninfo h1 {font-size: 46px;line-height: 48px;}
	.baninfo>img{width: 312px;}
	.bankk {width: 138px;height: 216px;left: -78px;}
	.bankk1 {bottom: 190px;}
}
@media (max-width:1030px) {
	.baninfo h1 {font-size: 36px;line-height: 38px;margin-bottom: 8px;}
	.baninfo>img {width: 262px;}
	.bankk {width: 120px;height: 186px;left: -66px;}
	.bankk1 {bottom: 160px;}
}
@media (max-width:1000px) {
	.baninfo{top: 8%;}
	.baninfo h1 {font-size: 28px;line-height: 30px;margin-bottom: 6px;}
	.baninfo>img {width: 213px;}
	.bankk {width: 87px;height: 143px;left: -38px;}
	.banner.active .bankk5 {height: 16px;}
	.banner.active .bankk1 {height: 16px;}
	.bankk1 {bottom: 126px;}
}
@media (max-width:640px) {
	.baninfo h1 {font-size: 24px;line-height: 26px;margin-bottom: 4px;}
}


/* 规模 */
.gmwrap{position: relative;overflow: hidden;}
.gmcon{position: absolute;width: 82%;max-width: 1080px;height: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);top: 0;}
.gmcon .swiper-slide{color: #fff;width: 25%;height: 100%;position: absolute;top: 0;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;cursor: pointer;}
.gmcon .swiper-slide:nth-child(1){left: 0;}
.gmcon .swiper-slide:nth-child(2){left: 25%;}
.gmcon .swiper-slide:nth-child(3){left: 50%;}
.gmcon .swiper-slide:nth-child(4){left: 75%;}
.gmcon .swiper-slide>span{font-size: 56px;line-height: 56px;background: #2fa4f5;margin-bottom: 25px;color: #fff;border-radius: 50%;width: 110px;height: 110px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transform: rotateY(90deg);-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);-ms-transform: rotateY(90deg);-o-transform: rotateY(90deg);}
.gmcon .swiper-slide p{margin-bottom: 32px;}
.gmline{width: 100%;height: 1px;background: #fff;margin-bottom: 32px;position: relative;}
.gmline span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);border: 2px solid #fff;padding: 3px;}
.gmline span i{width: 16px;height: 16px;background: #fff;}
.gmline span,.gmline span i{display: block;border-radius: 50%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.gmcon .swiper-slide:hover .gmline span{border: 8px solid #fff;padding: 2px;}
.gmcon .swiper-slide:hover .gmline span i{width: 6px;height: 6px;}

.gmwrap.active .gmcon .swiper-slide:nth-child(1)>span{animation: gmrotate 1s linear 0s;-webkit-animation: gmrotate 1s linear 0s;-moz-animation: gmrotate 1s linear 0s;-ms-animation: gmrotate 1s linear 0s;-o-animation: gmrotate 1s linear 0s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(2)>span{animation: gmrotate 1s linear 0.2s;-webkit-animation: gmrotate 1s linear 0.2s;-moz-animation: gmrotate 1s linear 0.2s;-ms-animation: gmrotate 1s linear 0.2s;-o-animation: gmrotate 1s linear 0.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(3)>span{animation: gmrotate 1s linear 0.4s;-webkit-animation: gmrotate 1s linear 0.4s;-moz-animation: gmrotate 1s linear 0.4s;-ms-animation: gmrotate 1s linear 0.4s;-o-animation: gmrotate 1s linear 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(4)>span{animation: gmrotate 1s linear 0.6s;-webkit-animation: gmrotate 1s linear 0.6s;-moz-animation: gmrotate 1s linear 0.6s;-ms-animation: gmrotate 1s linear 0.6s;-o-animation: gmrotate 1s linear 0.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes gmrotate{
	0{transform: rotateY(90deg);}
	to{transform: rotateY(0deg);}
}

.gmwrap.active .gmcon .swiper-slide:nth-child(1){animation: gmmove 1s linear 0s;-webkit-animation: gmmove 1s linear 0s;-moz-animation: gmmove 1s linear 0s;-ms-animation: gmmove 1s linear 0s;-o-animation: gmmove 1s linear 0s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(2){animation: gmmove 1s linear 0.2s;-webkit-animation: gmmove 1s linear 0.2s;-moz-animation: gmmove 1s linear 0.2s;-ms-animation: gmmove 1s linear 0.2s;-o-animation: gmmove 1s linear 0.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(3){animation: gmmove 1s linear 0.4s;-webkit-animation: gmmove 1s linear 0.4s;-moz-animation: gmmove 1s linear 0.4s;-ms-animation: gmmove 1s linear 0.4s;-o-animation: gmmove 1s linear 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.gmwrap.active .gmcon .swiper-slide:nth-child(4){animation: gmmove 1s linear 0.6s;-webkit-animation: gmmove 1s linear 0.6s;-moz-animation: gmmove 1s linear 0.6s;-ms-animation: gmmove 1s linear 0.6s;-o-animation: gmmove 1s linear 0.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes gmmove{0%{margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-webkit-keyframes gmmove{0%{margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-moz-keyframes gmmove{0%{margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-ms-keyframes gmmove{0%{margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-o-keyframes gmmove{0%{margin-left: -25px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}

@media (max-width:1441px) {
	.gmcon .swiper-slide>span {font-size: 36px;line-height: 38px;width: 80px;height: 80px;}
}
@media (max-width:1030px) {
	.gmcon .swiper-slide>span {font-size: 30px;line-height: 32px;width: 66px;height: 66px;}
}
@media (max-width:1000px) {
	.gmcon .swiper-slide>span {font-size: 24px;line-height: 24px;width: 52px;height: 52px;margin-bottom: 13px;}
	.gmline span i {width: 10px;height: 10px;}
	.gmline span {padding: 2px;}
	.gmcon .swiper-slide p {margin-bottom: 22px;white-space: nowrap;text-overflow: ellipsis;}
	.gmline {margin-bottom: 19px;}
	.gmcon .swiper-slide h6{font-size: 15px;line-height: 16px;}
}
@media (max-width:640px) {
	.gmwrap.active .gmcon .swiper-slide,.gmwrap.active .gmcon .swiper-slide>span{animation: initial !important;-webkit-animation: initial !important;-moz-animation: initial !important;-ms-animation: initial !important;-o-animation: initial !important;}
	.gmcon .swiper-slide{position: relative;left: initial !important;top: initial;margin-left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
	.gmcon{width: 100%;}
	.gmcon .swiper-slide>span{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
	.gmcon .swiper-slide {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
	.gmcon .swiper-slide-active,.gmcon .swiper-slide-duplicate-active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
	
}

/* 新京南产业 */
.cywrap{background: url(../images/dbg.jpg) center center;background-size: auto 100%;background-attachment: fixed;}
.cycon{width: 92%;max-width: 1200px;margin: auto;}
.comfl,.comfr{width: 50%;overflow: hidden;}
.comfl img{display: block;width: 100%;transition: all 3s;-webkit-transition: all 3s;-moz-transition: all 3s;-ms-transition: all 3s;-o-transition: all 3s;}
.comfrcon{width: 80%;margin: auto;}
.comfrcon h3{margin-bottom: 18px;}
.comone.active .comfl img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

@media (max-width:640px) {
	.cywrap{background: url(../images/dbg1.jpg);background-size: cover;background-attachment: initial;}
	.comfl, .comfr{width: 100%;}
	.comfr{background: #fff;padding: 16px 0;}
	.comone{margin-bottom: 16px;}
	.comfrcon h3 {margin-bottom: 10px;}
}

/* 发展布局 */
.fzwrap{position: relative;max-height: 500px;overflow: hidden;}
.fzcon{width: 96%;max-width: 1100px;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.fzfl{color: #fff;width: 37%;margin-left: -56px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;}
.fzwrap.active .fzfl{margin-left: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.fzfl h3{margin-bottom: 11px;}
.fzfl span{text-transform: uppercase;display: block;margin-bottom: 28px;}
.fzfl p{line-height: 23px;}
.fzfr{width: 58%;overflow: hidden;position: relative;height: 52%;min-height: 330px;margin-right: -56px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: all 2s;-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;}
.fzwrap.active .fzfr{margin-right: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.fzlb .swiper-slide {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.fzlb .swiper-slide-active,.fzlb .swiper-slide-duplicate-active{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.fzlb .swiper-slide img{width: 100%;display: block;}
.fzlb{width: 200%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);position: absolute;}
.fzlb .swiper-pagination{bottom: -36px;}
.fzlb .swiper-pagination-bullet{background: #fff;opacity: 1;}
.fzlb .swiper-pagination-bullet-active{background: #2fa4f5;}

@media (max-width:1030px) {
	.fzfl h3{font-size: 26px;line-height: 28px;}
	.fzfr{min-height: 288px;}
}
@media (max-width:1000px) {
	.fzfl p {line-height: 18px;}
	.fzfr{min-height: 224px;}
	.fzlb .swiper-pagination {bottom: -30px;}
}
@media (max-width:640px) {
	.fzcon{width: 100%;justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;}
	.fzfl{width: 96%;margin-left: auto;margin-right: auto;padding-top: 25px;}
	.fzwrap.active .fzfl{margin-left: auto;}
	.fzfr{width: 100%;margin-right: 0px;}
	.fzfr{height: initial;min-height: 200px;}
	.fzfl h3{text-align: center;font-size: 18px;line-height: 20px;margin-bottom: 8px;}
	.fzfl span{display: block;text-align: center;margin-bottom: 14px;}
	.fzwrap {max-height: 403px;}
}


/* 企业文化 */
.whwrap{background: url(../images/gbg.jpg) center center;background-size: auto 100%;background-attachment: fixed;overflow: hidden;height: 370px;}
.whp{color: #fff;line-height: 23px;text-align: center;}
.whul li{color: #fff;margin-bottom: 13px;font-size: 17px;line-height: 18px;}
.whul li:last-child{margin-bottom: 0;}
.whwrap .tit,.whp,.whul li{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.whwrap.active .tit{animation: whmove 1s linear 0s;-webkit-animation: whmove 1s linear 0s;-moz-animation: whmove 1s linear 0s;-ms-animation: whmove 1s linear 0s;-o-animation: whmove 1s linear 0s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.whwrap.active .whp{animation: whmove 1s linear 0.2s;-webkit-animation: whmove 1s linear 0.2s;-moz-animation: whmove 1s linear 0.2s;-ms-animation: whmove 1s linear 0.2s;-o-animation: whmove 1s linear 0.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.whwrap.active .whli1{animation: whmove 1s linear 0.4s;-webkit-animation: whmove 1s linear 0.4s;-moz-animation: whmove 1s linear 0.4s;-ms-animation: whmove 1s linear 0.4s;-o-animation: whmove 1s linear 0.4s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.whwrap.active .whli2{animation: whmove 1s linear 0.6s;-webkit-animation: whmove 1s linear 0.6s;-moz-animation: whmove 1s linear 0.6s;-ms-animation: whmove 1s linear 0.6s;-o-animation: whmove 1s linear 0.6s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.whwrap.active .whli3{animation: whmove 1s linear 0.8s;-webkit-animation: whmove 1s linear 0.8s;-moz-animation: whmove 1s linear 0.8s;-ms-animation: whmove 1s linear 0.8s;-o-animation: whmove 1s linear 0.8s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.whwrap.active .whli4{animation: whmove 1s linear 1s;-webkit-animation: whmove 1s linear 1s;-moz-animation: whmove 1s linear 1s;-ms-animation: whmove 1s linear 1s;-o-animation: whmove 1s linear 1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}

@keyframes whmove{0%{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-top: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-webkit-keyframes whmove{0%{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-top: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-moz-keyframes whmove{0%{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-top: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-ms-keyframes whmove{0%{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-top: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}
@-o-keyframes whmove{0%{margin-top: 30px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}100%{margin-top: 0px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}}

@media (max-width:1030px) {
	.whwrap {height: 250px;}
	.whul li {margin-bottom: 10px;font-size: 15px;line-height: 16px;}
}
@media (max-width:1000px) {
	.whul li {font-size: 13px;line-height: 13px;}
	.whwrap {height: 226px;}
}
@media (max-width:640px) {
	.whwrap{background: url(../images/gbg1.jpg) center center;background-size: auto 100%;background-attachment: initial;overflow: hidden;}
	.whp {line-height: 20px;}
}

/* 新闻中心 */
.xwwrap{position: relative;background: #f6f6f6;max-height: 700px;overflow: hidden;}
.xwwrap .tit{position: relative;z-index: 2;}
.hh1,.hh2{position: absolute;top: 0;height: 100%;width: auto;display: block;}
.hh1{left: -500px;max-width: 512px;}
.hh2{right: -500px;max-width: 703px;}
.xwwrap.active .hh1{animation: xwmove1 1s linear 1s;-webkit-animation: xwmove1 1s linear 1s;-moz-animation: xwmove1 1s linear 1s;-ms-animation: xwmove1 1s linear 1s;-o-animation: xwmove1 1s linear 1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.xwwrap.active .hh2{animation: xwmove2 1s linear 1.2s;-webkit-animation: xwmove2 1s linear 1.2s;-moz-animation: xwmove2 1s linear 1.2s;-ms-animation: xwmove2 1s linear 1.2s;-o-animation: xwmove2 1s linear 1.2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes xwmove1{0%{left: -500px;}100%{left: 0px;}}
@-webkit-keyframes xwmove1{0%{left: -500px;}100%{left: 0px;}}
@-moz-keyframes xwmove1{0%{left: -500px;}100%{left: 0px;}}
@-ms-keyframes xwmove1{0%{left: -500px;}100%{left: 0px;}}
@-o-keyframes xwmove1{0%{left: -500px;}100%{left: 0px;}}
@keyframes xwmove2{0%{right: -500px;}100%{right: 0px;}}
@-webkit-keyframes xwmove2{0%{right: -500px;}100%{right: 0px;}}
@-moz-keyframes xwmove2{0%{right: -500px;}100%{right: 0px;}}
@-ms-keyframes xwmove2{0%{right: -500px;}100%{right: 0px;}}
@-o-eyframes xwmove2{0%{right: -500px;}100%{right: 0px;}}

.wxcon{position: relative;z-index: 2;}
.wxconfl{width: 48.6%;}
.wxconfr{width: 46%;}
.wxconfl img{width: 100%;display: block;}
.xwone{margin-bottom: 23px;}
.xwone:last-child{margin-bottom: 0;}
.xwsj{margin-right: 24px;}
.xwsj p{white-space: nowrap;font-weight: bold;margin-bottom: 12px;}
.xwsj span{display: block;}
.xwinfo h2{font-size: 20px;line-height: 22px;margin-bottom: 10px;}
.xwinfo p{line-height: 23px;}

@media (max-width:1030px) {
	@keyframes xwmove1{0%{left: -500px;}100%{left: -50px;}}
	@-webkit-keyframes xwmove1{0%{left: -500px;}100%{left: -50px;}}
	@-moz-keyframes xwmove1{0%{left: -500px;}100%{left: -50px;}}
	@-ms-keyframes xwmove1{0%{left: -500px;}100%{left: -50px;}}
	@-o-keyframes xwmove1{0%{left: -500px;}100%{left: -50px;}}
	@keyframes xwmove2{0%{right: -500px;}100%{right: -150px;}}
	@-webkit-keyframes xwmove2{0%{right: -500px;}100%{right: -150px;}}
	@-moz-keyframes xwmove2{0%{right: -500px;}100%{right: -50px;}}
	@-ms-keyframes xwmove2{0%{right: -500px;}100%{right: -50px;}}
	@-o-eyframes xwmove2{0%{right: -500px;}100%{right: -50px;}}
}
@media (max-width:640px) {
	.hh1, .hh2{display: none;}
	.wxconfl,.wxconfr{width: 100%;}
	.xwwrap .tit span{margin-bottom: 9px;}
	.wxconfl{margin-bottom: 16px;}
	.xwone{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;}
	.xwsj p {margin-bottom: 6px;}
	.xwsj{margin-bottom: 10px;}
	.xwinfo h2 {font-size: 13px;line-height: 15px;margin-bottom: 5px;}
	.xwinfo p {line-height: 18px;}
	.xwwrap{background: #fff;}
}


.cy1,.cy2,.cy3,.abwrap{transition: all 1.5s;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-ms-transition: all 1.5s;-o-transition: all 1.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.cy1.active,.cy2.active,.cy3.active,.abwrap.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}