.section1{}
.section2{ background: url(../images/bg1.jpg) no-repeat; /*background-size: 100% 100%;*/}
.section3{ background: url(../images/bg2.jpg) no-repeat; /*background-size: 100% 100%;*/}
.section4{ background: url(../images/bg3.jpg) no-repeat; /*background-size: 100% 100%;*/}
.section5{ background: url(../images/bg4.jpg) no-repeat; background-size: 100% 100%;}
.section6{ background: url(../images/bg5.jpg) no-repeat; background-size: 100% 100%;}
.section7{ background: url(../images/bg7.jpg) no-repeat; /*background-size: 100% 100%;*/}
.section8{ background-color: #34373F;}
#banner{ position:relative; overflow:hidden;  width:100%; height: 100%; left:50%; margin-left:-50%;}
.focus{ float:left; width:100%; height: 100%; position:relative; left:50%; top:0; margin-left:-50%; overflow:hidden;}
.f426x240 li{ position:absolute; left:0; top:0;}
.rslides{ width:100%; height: 100%; list-style:none; padding:0 position:relative;}
.rslides li{ width:100%; height: 100%;}
.rslides_nav{ height:85px; width:43px; position:absolute; left:272px; top:224px;z-index:999; text-indent:-9999px; overflow:hidden; display:block; background:url(../images/l.png) no-repeat;}
.rslides_nav:hover{ background:url(../images/l2.png) no-repeat;}
.rslides_nav:active{ background:url(../images/l2.png) no-repeat;}
.rslides_nav.next{ left:1608px; background:url(../images/r.png) no-repeat;}
.rslides_nav.next:active{ background:url(../images/r2.png) no-repeat;}
.rslides_nav.next:hover{ background:url(../images/r2.png) no-repeat;}

.rslides_tabs{  width:100%; height:14px; position:absolute; left:0px; bottom:9%; z-index:999; text-align:left; clear:both;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 padding-left: 33%;
}
.rslides_tabs li{ display: inline-block; margin:0 13px;}
.rslides_tabs a{ text-indent:-9999px; overflow:hidden; width:11px; height:11px; border-radius:50%; display:block;
   background-color:#DAD8D8;
   background-color: rgba(255,255,255,0.3);
}
.rslides_tabs .rslides_here a{ background-color:#fff;}

.rslides li article{ display: table; width: 1000px; height: 220px; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -110px;}
.rslides li article p{ font-size: 36px; color: #fff;font-weight: bold; margin-bottom: 5px; letter-spacing: 3px;
	 transform: translateX(-150px);
	 -webkit-transform: translateX(-150px);
	 -moz-transform: translateX(-150px);
	 -o-transform: translateX(-150px);
	 opacity: 0;
}
.rslides li article p font{ color: #FF8E16;}
.rslides li article .mores{ margin-top: 40px;}
.rslides li article .mores span{ display: block; width: 90px; height: 2px; background-color: #fff;
	 transform: translateX(-150px);
	 -webkit-transform: translateX(-150px);
	 -moz-transform: translateX(-150px);
	 -o-transform: translateX(-150px);
	 opacity: 0;
}
.rslides li article .mores a{ display: block; font-size: 12px; font-family: arial; color: #fff; text-transform: uppercase; margin-top: 14px;
	 transform: translateX(-150px);
	 -webkit-transform: translateX(-150px);
	 -moz-transform: translateX(-150px);
	 -o-transform: translateX(-150px);
	 opacity: 0;
}
.rslides li article .mores a strong{ display: inline-block; height: 9px; vertical-align: middle;}
.rslides li article .mores a small{ display: inline-block; vertical-align: middle; font-size: 35px; padding-left: 10px; padding-top: 10px;
	 transition: all .5s ease;
	 -webkit-transition: all .5s ease;
	 -moz-transition: all .5s ease;
	 -o-transition: all .5s ease;
}
.rslides li article .mores a:hover small{ padding-left: 18px;}
.rslides li.rslides1_on article p:nth-child(1){
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transition: all 1s ease-in-out 0s;
		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
}
.rslides li.rslides1_on article p:nth-child(2){
		opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transition: all 1s ease-in-out .2s;
		-webkit-transition: all 1s ease-in-out .2s;
		-moz-transition: all 1s ease-in-out .2s;
		-o-transition: all 1s ease-in-out .2s;
}
.rslides li.rslides1_on article .mores span{
   	opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transition: all 1s ease-in-out .4s;
		-webkit-transition: all 1s ease-in-out .4s;
		-moz-transition: all 1s ease-in-out .4s;
		-o-transition: all 1s ease-in-out .4s;
}
.rslides li.rslides1_on article .mores a{
	  opacity: 1;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		transition: all 1s ease-in-out .6s;
		-webkit-transition: all 1s ease-in-out .6s;
		-moz-transition: all 1s ease-in-out .6s;
		-o-transition: all 1s ease-in-out .6s;
		
		display: none;
}

div.mouseFous{ width: 100%; position: absolute; left: 0; bottom: 5%; text-align: center; z-index: 9;}
div.mouseFous a{ font-size: 45px; color: #fff;
  animation: tds 1s ease-in-out 0s infinite alternate;
  -webkit-animation: tds 1s ease-in-out 0s infinite alternate;
}
@keyframes tds{
	0%{
		opacity: 0.3;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}
@-webkit-keyframes tds{
	0%{
		opacity: 0.3;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}
@-moz-keyframes tds{
	0%{
		opacity: 0.3;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}
@-o-keyframes tds{
	0%{
		opacity: 0.3;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0.3;
	}
}

aside.waperTit{ width: auto; margin-left: 55px; position: relative; display: table;}
aside.waperTit .tst{ margin-top: 22px;}
aside.waperTit h3{ font-size: 42px; font-weight: bold; font-family: arial; color: #fff; text-transform: uppercase;
 transform: translateX(-260px);
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
 opacity: 0;
}
aside.waperTit h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #CA6A0E;}
aside.waperTit.active h3:nth-child(1){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0s;
	 -webkit-transition: all 1.2s ease 0s;
	 -moz-transition: all 1.2s ease 0s;
	 opacity: 1;
}
aside.waperTit.active h3:nth-child(2){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0.2s;
	 -webkit-transition: all 1.2s ease 0.2s;
	 -moz-transition: all 1.2s ease 0.2s;
	 opacity: 1;
}

section.page2{ width: 1444px; height: 518px; position: absolute; left: 50%; top: 50%; margin: -259px 0 0 -722px; }
section.page2 .pageLft{ float: left; width: 868px;}
section.page2 .pageLft .waps{ display: table; margin-top: 60px;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	padding-left: 54px;
 	
 	  transform: translateX(-100px);
   -webkit-transform: translateX(-100px);
   -moz-transform: translateX(-100px);
   -o-transform: translateX(-100px);
   opacity: 0;
   transition: all 1s ease .2s;
   -webkit-transition: all 1s ease .2s;
   -moz-transition: all 1s ease .2s;
   -o-transition: all 1s ease .2s;
}

section.page2 .pageLft .waps.active{
 	   transform: translateX(0px);
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   opacity: 1;	
	
}

section.page2 .pageLft .waps p{ font-size: 13px; color: #CDCDCF; line-height: 1.8;}

a.read{ width: 170px; height: 40px; border: 1px solid #A4A4A4; color: #A4A4A4; text-align: center; line-height: 40px; display: block; margin-top: 60px;}
a.read i{ font-size: 35px; display: inline-block; padding-left: 10px; vertical-align: middle;}
a.read:hover{ color: #EC9758; border-color: #EC9758;}

.waperTit .webLine1{ position: absolute; left: 143px; top: 0;}
.waperTit .webLine1 .webs1{
	fill: none;
	stroke-width: 6px;
	stroke: rgba(255,255,255,0.5);
	stroke-dasharray: 0 1200;
 	transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-webkit-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-moz-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-o-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
}
.waperTit.active .webLine1 .webs1{ stroke-dasharray: 1200 0;}

.IndexList { padding-top: 80px; width: 715px;
   transform: translateX(100px);
   -webkit-transform: translateX(100px);
   -moz-transform: translateX(100px);
   -o-transform: translateX(100px);
   opacity: 0;
   transition: all 1s ease 0s;
   -webkit-transition: all 1s ease 0s;
   -moz-transition: all 1s ease 0s;
   -o-transition: all 1s ease 0s;
}
.IndexList.active{
	   transform: translateX(0px);
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   opacity: 1;
}
.IndexList ul{width:100%; margin:0 auto; font-size:0; height:105px;  display:block;}
.IndexList li{ display:inline-block; position:relative; width:25%; vertical-align:top;}
.IndexList li:after{ display:block; content:""; border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.4); width:100%; height:68px; top:35px; position:absolute;}
.IndexList li:nth-last-child(1):after{  display:none; }
.IndexList span{ display:block; color:#fff; padding-top:10px; font-size:13px; text-align: center;}
.IndexList small{ color:#fff; display:block; padding-top:5px; text-transform:uppercase; text-align: center; font-size:20px; position: absolute; right: 24px; top: 20px;}
.IndexList b{ display:block; font-family:Arial, Helvetica, sans-serif; color:#10417C; text-align: center; font-size:0; margin-top:20px; }
.IndexList b em{ position:absolute; left:-999em;}
.IndexList .IndexLContent{ font-size:0;position:relative; height:50px; overflow:hidden; display: inline-block;}
.IndexList .IndexLContent>div{ display:inline-block; position: relative; top:0; }
.IndexList .IndexLContent .Txt{display:block; font-family:'微软雅黑'; color:#fff; display:block; text-align: center; font-size:45px; }
.IndexList i{ font-size:13px; font-family:'微软雅黑'; font-weight:normal; vertical-align: bottom; position:relative; top:-1px; right: -5px; color: #fff;}
.IndexList .Hun{
	opacity: 0;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;
}
.IndexList .Ten{
	opacity: 0;
	transition: all 1s ease-out 0.3s;
	-webkit-transition: all 1s ease-out 0.3s;
	-moz-transition: all 1s ease-out 0.3s;
	-o-transition: all 1s ease-out 0.3s;
}
.IndexList .Ind{
	opacity: 0;
	transition: all 1s ease-out 0.6s;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
}
.IndexList .Sun{
	opacity: 0;
	transition: all 1s ease-out 0.8s;
	-webkit-transition: all 1s ease-out 0.8s;
	-moz-transition: all 1s ease-out 0.8s;
	-o-transition: all 1s ease-out 0.8s;
}





section.page2 .pageRit{ float: right; width: 494px;}
section.page2 .pageRit img{ display: block; width: 100%;height: auto;
 transform: scale(0.5) ;
 -webkit-transform: scale(0.5) ;
 -moz-transform: scale(0.5) ;
 -o-transform: scale(0.5) ;
 transition: all 1s cubic-bezier(0.25,0.1,0.25,1) 0s;
 -webkit-transition: all 1s cubic-bezier(0.25,0.1,0.25,1) 0s;
 -moz-transition: all 1s cubic-bezier(0.25,0.1,0.25,1) 0s;
 -o-transition: all 1s cubic-bezier(0.25,0.1,0.25,1) 0s;
 opacity: 0;
}
section.page2 .pageRit.active img{
 transform: scale(1.0) ;
 -webkit-transform: scale(1.0) ;
 -moz-transform: scale(1.0) ;
 -o-transform: scale(1.0) ;
	opacity: 1;
}


section.page3{ width: 1380px; height: 580px; position: absolute; right: 3%; top: 50%; margin-top: -290px; }
section.page3 .page3Lft{ float: left; width: 300px; padding-top: 108px;}
aside.waperTit2{ width: auto; position: relative; display: table;}
aside.waperTit2 .tst{ margin-top: 22px;}
aside.waperTit2 h3{ font-size: 42px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase;
 transform: translateX(-260px);
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
  opacity: 0;
}
aside.waperTit2 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #EC9758;}
aside.waperTit2.active h3:nth-child(1){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0s;
	 -webkit-transition: all 1.2s ease 0s;
	 -moz-transition: all 1.2s ease 0s;
	 opacity: 1;
}
aside.waperTit2.active h3:nth-child(2){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0.2s;
	 -webkit-transition: all 1.2s ease 0.2s;
	 -moz-transition: all 1.2s ease 0.2s;
	 opacity: 1;
}

aside.waperTit2 .webLine2{ position: absolute; left: 66px; top: 0;}
aside.waperTit2 .webLine2 .webs2{
	fill: none;
	stroke-width: 6px;
	stroke: #A4A4A4;
	stroke-dasharray: 0 650;
 	transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-webkit-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-moz-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-o-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
}
aside.waperTit2.active .webLine2 .webs2{ stroke-dasharray: 650 0;}
section.page3 .page3Lft .team{ margin-top: 80px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 208px;

}
section.page3 .page3Lft .team li{ list-style: initial; margin-bottom: 15px;
 transform: translateY(70px);
 -webkit-transform: translateY(70px);
 -moz-transform: translateY(70px);
 -o-transform: translateY(70px);
 opacity: 0;
}
section.page3 .page3Lft .team li:nth-child(1){
	transition: all 1.2s ease-in-out 0s;
	-webkit-transition: all 1.2s ease-in-out 0s;
	-moz-transition: all 1.2s ease-in-out 0s;
	-o-transition: all 1.2s ease-in-out 0s;
}
section.page3 .page3Lft .team li:nth-child(2){
	transition: all 1.2s ease-in-out .2s;
	-webkit-transition: all 1.2s ease-in-out .2s;
	-moz-transition: all 1.2s ease-in-out .2s;
}
section.page3 .page3Lft .team.active li{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	opacity: 1;
}

section.page3 .page3Lft .team li a{ font-size: 18px; color: #000000; padding-left: 10px;}


section.page3 .page3Lft .team li.on a,
section.page3 .page3Lft .team li a:hover{ color: #DA750A;}
section.page3 .page3Lft .read2{ margin-left: 118px;
 transform: translateY(70px);
 -webkit-transform: translateY(70px);
 -moz-transform: translateY(70px);
 -o-transform: translateY(70px);
 opacity: 0;
}

section.page3 .page3Lft.active .read2{
	 transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -o-transform: translateY(0px);
 opacity: 1;
}
section.page3 .page3Rit{ float: right; width: 955px; height: 100%;
 transform: translateY(100px);
 -webkit-transform: translateY(100px);
 -moz-transform: translateY(100px);
 -o-transform: translateY(100px);
 opacity: 0;
 transition: all 1s ease 0s;
 -webkit-transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
}

section.page3 .page3Rit.active{
	 transform: translateY(0px);
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -o-transform: translateY(0px);
 opacity: 1;
	
}
section.page3 .page3Rit .ourTeam{ width: 100%; display: table;}
section.page3 .page3Rit .ourTeam li{ float: left; width: 49.5%; margin:0 1% 1% 0; position: relative;}
section.page3 .page3Rit .ourTeam li.video{width:80%}
section.page3 .page3Rit .ourTeam li.video iframe{height:600px;}
section.page3 .page3Rit .ourTeam li:nth-child(even){ margin-right: 0;}
section.page3 .page3Rit .ourTeam li span{}
section.page3 .page3Rit .ourTeam li span img{ display: block; width: 100%; height: 300px;}
section.page3 .page3Rit .ourTeam li article{width: 85%; height: 80%; position: absolute; left: 50%; top: 50%;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 background-color: #E77600;
	 background-color: rgba(231,118,0,0.9);
	 padding: 30px;
	 transform: translate3d(-50%,-50%,0) scale(0.5);
	 -webkit-transform: translate3d(-50%,-50%,0) scale(0.5);
	 -moz-transform: translate3d(-50%,-50%,0) scale(0.5);
	 -o-transform: translate3d(-50%,-50%,0) scale(0.5);
	 transition: all .5s ease-out 0s;
	 -webkit-transition: all .5s ease-out 0s;
	 -moz-transition: all .5s ease-out 0s;
	 -o-transition: all .5s ease-out 0s;
	 opacity: 0;
}
section.page3 .page3Rit .ourTeam li article h4{ font-size: 24px; color: #fff; text-align: center;}
section.page3 .page3Rit .ourTeam li article i{ display: block; width: 30px; height: 2px; background-color: #FFFFFF; margin: 15px auto;}
section.page3 .page3Rit .ourTeam li article p{ font-size: 13px; color: #fff; line-height: 1.7; text-indent: 2em;}
section.page3 .page3Rit .ourTeam li:hover article{
	transform: translate3d(-50%,-50%,0) scale(1.0);
	-webkit-transform: translate3d(-50%,-50%,0) scale(1.0);
	-moz-transform: translate3d(-50%,-50%,0) scale(1.0);
	-o-transform: translate3d(-50%,-50%,0) scale(1.0);
	opacity: 1;
}

section.page4{ width: 1310px; height: 484px; position: absolute; top: 50%; left: 50%; margin-left: -655px; margin-top: -242px;}
section.page4 .page4Lft{ float: left; width: 394px;
  margin-top: 100px;
}

aside.waperTit3{ width: auto; position: relative; display: table;}
aside.waperTit3 .tst{ margin-top: 22px;}
aside.waperTit3 h3{ font-size: 42px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase;
 transform: translateX(-260px);
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
  opacity: 0;
}
aside.waperTit3 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #EC9758;}
aside.waperTit3.active h3:nth-child(1){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0s;
	 -webkit-transition: all 1.2s ease 0s;
	 -moz-transition: all 1.2s ease 0s;
	 opacity: 1;
}
aside.waperTit3.active h3:nth-child(2){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0.2s;
	 -webkit-transition: all 1.2s ease 0.2s;
	 -moz-transition: all 1.2s ease 0.2s;
	 opacity: 1;
}

aside.waperTit3 .webLine3{ position: absolute; left: 100px; top: 0;}
aside.waperTit3 .webLine3 .webs3{
	fill: none;
	stroke-width: 6px;
	stroke: #A4A4A4;
	stroke-dasharray: 0 720;
 	transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-webkit-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-moz-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-o-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
}
aside.waperTit3.active .webLine3 .webs3{ stroke-dasharray: 720 0;}

section.page4 .ourList{ width: 288px; margin-top: 40px; margin-left: 74px;}
section.page4 .ourList li{ width: 100%;}
section.page4 .ourList li:last-child a{ border: none;}
section.page4 .ourList li a{ display: block; width: 100%; height: 50px; line-height: 50px; font-size: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 padding-left: 15px;
 border-bottom: 1px solid #E4E4E4;
}
section.page4 .ourList li a font{ display: inline-block; vertical-align: middle; font-size: 16px; color: #666666;}
section.page4 .ourList li a i{ display: inline-block; vertical-align: middle; color: #CFCFCF; font-size: 42px; padding-left: 8px;
	 opacity: 0;
	 transition: all .4s ease-in 0s;
	 -webkit-transition: all .4s ease-in 0s;
	 -moz-transition: all .4s ease-in 0s;
	 -o-transition: all .4s ease-in 0s;
}
section.page4 .ourList li a:hover{
	background-color: #fff;
	box-shadow: 1px 3px 6px #ccc;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	border-color: transparent;
}

section.page4 .ourList li a:hover i{ opacity: 1; padding-left: 50px;}

section.page4 .theMoney{ width: 100%; display: block; font-size: 0; padding-top: 30px;}
section.page4 .theMoney dl{ width: 25%; display: inline-block; vertical-align: middle; text-align: center;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  opacity: 0;
  
}

section.page4 .theMoney dl:nth-of-type(1){
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
section.page4 .theMoney dl:nth-of-type(2){
	transition: all 1s ease .2s;
	-webkit-transition: all 1s ease .2s;
	-moz-transition: all 1s ease .2s;
	-o-transition: all 1s ease .2s;
}
section.page4 .theMoney dl:nth-of-type(3){
	transition: all 1s ease .4s;
	-webkit-transition: all 1s ease .4s;
	-moz-transition: all 1s ease .4s;
	-o-transition: all 1s ease .4s;
}
section.page4 .theMoney dl:nth-of-type(4){
	transition: all 1s ease .6s;
	-webkit-transition: all 1s ease .6s;
	-moz-transition: all 1s ease .6s;
	-o-transition: all 1s ease .6s;
}

section.page4 .theMoney.active dl{
	  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  opacity: 1;
}
section.page4 .theMoney dl dt{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 3px 4px #ccc;}
section.page4 .theMoney dl dd{ display: inline-block; padding-top: 15px; font-size: 14px; color: #666666;}
section.page4 .theMoney dl dt.cc1{ background-color: #88B788;}
section.page4 .theMoney dl dt.cc2{ background-color: #90B1DA;}
section.page4 .theMoney dl dt.cc3{ background-color: #E1AF6D;}
section.page4 .theMoney dl dt.cc4{ background-color: #E7AD85;}



section.page4 .page4Lft .read2{ margin-left: 118px;

 transform: translateY(70px);

 -webkit-transform: translateY(70px);

 -moz-transform: translateY(70px);

 -o-transform: translateY(70px);



}

section.page4 .page4Rit{ float: right; width: 728px; height: 404px; margin-top: 35px; 
 background: url(../images/in_maps.png) no-repeat center center; 
 background-size: 100% 100%;
   transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  opacity: 0;
  	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
 }

section.page4 .page4Rit.active{
	transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -o-transform: scale(1.0);
  opacity: 1;
	
}
section.page4 .page4Rit .mapList{ width: 100%; height: 100%; position: relative;}
section.page4 .page4Rit .mapList li{ position: absolute;}
section.page4 .page4Rit .mapList li small{ display: block; position: absolute; cursor: pointer;}
section.page4 .page4Rit .mapList li .boxs{ width: 260px; height: 106px; background-color: #fff; border-radius: 5px; box-shadow: 0px 4px 10px #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 18px 22px;
  position: absolute;
  left: 150px;
  top: -4px;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transition: all .4s ease 0s;
  -webkit-transition: all .4s ease 0s;
  -moz-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  opacity: 0;
}
section.page4 .page4Rit .mapList li .boxs em{ display: block;
 border-top: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-right: 7px solid #fff;
 position: absolute;
 top: 20px;
 left: -7px;
}
section.page4 .page4Rit .mapList li .boxs h5{ width: 100%; font-size: 14px; color: #666666; border-bottom:1px solid #EDEDED; padding-bottom: 15px; display: table;}
section.page4 .page4Rit .mapList li .boxs i{ float: right; font-size: 24px; color: #E77600; margin-top: -7px;}
section.page4 .page4Rit .mapList li .boxs p{ font-size: 14px; color: #666666; margin-top: 15px;}
section.page4 .page4Rit .mapList li.active .boxs{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	opacity: 1;
}
section.page4 .page4Rit .mapList li.mp1 small{ width: 88px; height: 60px; left: 38px; top: 6px;}
section.page4 .page4Rit .mapList li.mp2 small{ width: 63px; height: 63px; left: 0px; top: 108px;}
section.page4 .page4Rit .mapList li.mp3 small{ width: 63px; height: 63px; left: 44px; top: 202px;}
section.page4 .page4Rit .mapList li.mp4 small{ width: 63px; height: 63px; left: 613px; top: 56px;}
section.page4 .page4Rit .mapList li.mp5 small{ width: 40px; height: 42px; left: 366px; top: 280px; z-index: 9;}
section.page4 .page4Rit .mapList li.mp6 small{ width: 77px; height: 85px; left: 330px; top: 286px;}
section.page4 .page4Rit .mapList li.mp7 small{ width: 48px; height: 48px; left: 558px; top: 254px;}
section.page4 .page4Rit .mapList li.mp8 small{ width: 59px; height: 70px; left: 597px; top: 313px;}


section.page4 .page4Rit .mapList li.mp9 small{ width: 50px; height: 50px; left: 371px; top: 325px;}
section.page4 .page4Rit .mapList li.mp10 small{ width: 50px; height: 50px; left: 18px; top: 174px;}

section.page4 .page4Rit .mapList li.mp2 .boxs{ left: 90px; top: 108px;}
section.page4 .page4Rit .mapList li.mp3 .boxs{ left: 110px; top: 206px;}
section.page4 .page4Rit .mapList li.mp4 .boxs{ left: 380px; top: 78px;}
section.page4 .page4Rit .mapList li.mp5 .boxs{ left: 422px; top: 277px; }
section.page4 .page4Rit .mapList li.mp6 .boxs{ left: 387px; top: 319px;}
section.page4 .page4Rit .mapList li.mp7 .boxs{ left: 270px; top: 246px;}
section.page4 .page4Rit .mapList li.mp8 .boxs{ left: 318px; top: 300px;}
section.page4 .page4Rit .mapList li.mp9 .boxs{ left: 448px; top: 317px;}


section.page4 .page4Rit .mapList li.mp10 .boxs{ left:45px; top: 86px;}



section.page4 .page4Rit .mapList li.mp8 .boxs em,
section.page4 .page4Rit .mapList li.mp7 .boxs em,
section.page4 .page4Rit .mapList li.mp4 .boxs em{
	right: -14px;
	left: auto;
	border-right: 7px solid transparent;
	border-left: 7px solid #fff;
}

section.page5{ width: 1650px; height: 550px; position: absolute; top: 50%; margin-top: -225px; right: 3%;}

aside.waperTit4{ width: auto; position: relative; display: table;}
aside.waperTit4 .tst{ margin-top: 22px;}
aside.waperTit4 h3{ font-size: 42px; font-weight: bold; font-family: arial; color: #fff; text-transform: uppercase;
 transform: translateX(-260px);
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
  opacity: 0;
}
aside.waperTit4 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #C96705;}
aside.waperTit4.active h3:nth-child(1){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0s;
	 -webkit-transition: all 1.2s ease 0s;
	 -moz-transition: all 1.2s ease 0s;
	 opacity: 1;
}
aside.waperTit4.active h3:nth-child(2){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0.2s;
	 -webkit-transition: all 1.2s ease 0.2s;
	 -moz-transition: all 1.2s ease 0.2s;
	 opacity: 1;
}

aside.waperTit4 .webLine4{ position: absolute; left: 100px; top: 0;}
aside.waperTit4 .webLine4 .webs4{
	fill: none;
	stroke-width: 6px;
	stroke: #A4A4A4;
	stroke-dasharray: 0 720;
 	transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-webkit-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-moz-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-o-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
}
aside.waperTit4.active .webLine4 .webs4{ stroke-dasharray: 720 0;}
section.page5 .page5Lft{ float: left; padding-top: 105px; width: 358px;}
section.page5 .page5Lft .txtg{ padding-top: 52px;}
section.page5 .page5Lft .txtg h4{ font-size: 18px; color: #fff;}
section.page5 .page5Lft .txtg p{ font-size: 13px; line-height: 1.8; color: #A6A6A9; padding-top: 25px;}
a.read3{ margin-top: 30px;}

section.page5 .pageRit{ float: right; width: 955px;}
section.page5 .pageRit .ourJist{ width: 100%; display: table;}
section.page5 .pageRit .ourJist li{ float: left; width: 32%; padding-top: 28%; margin-right: 1.5%; margin-bottom: 1.5%;
 background-color: #fff;
 background-color: rgba(255,255,255,0.2);
 position: relative;
 overflow: hidden;
 transform: translate3d(80px,80px,0);
 -webkit-transform: translate3d(80px,80px,0);
 -moz-transform: translate3d(80px,80px,0);
 -o-transform: translate3d(80px,80px,0);
 opacity: 0;
}

section.page5 .pageRit .ourJist li:nth-of-type(1){
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
section.page5 .pageRit .ourJist li:nth-of-type(2){
	transition: all 1s ease .2s;
	-webkit-transition: all 1s ease .2s;
	-moz-transition: all 1s ease .2s;
	-o-transition: all 1s ease .2s;
}
section.page5 .pageRit .ourJist li:nth-of-type(3){
	transition: all 1s ease .4s;
	-webkit-transition: all 1s ease .4s;
	-moz-transition: all 1s ease .4s;
	-o-transition: all 1s ease .4s;
}
section.page5 .pageRit .ourJist li:nth-of-type(4){
	transition: all 1s ease .6s;
	-webkit-transition: all 1s ease .6s;
	-moz-transition: all 1s ease .6s;
	-o-transition: all 1s ease .6s;
}
section.page5 .pageRit .ourJist li:nth-of-type(5){
	transition: all 1s ease .8s;
	-webkit-transition: all 1s ease .8s;
	-moz-transition: all 1s ease .8s;
	-o-transition: all 1s ease .8s;
}
section.page5 .pageRit .ourJist li:nth-of-type(6){
	transition: all 1s ease 1s;
	-webkit-transition: all 1s ease 1s;
	-moz-transition: all 1s ease 1s;
	-o-transition: all 1s ease 1s;
}

section.page5 .pageRit .ourJist li.active{
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 opacity: 1;
}

section.page5 .pageRit .ourJist li:nth-child(3n){ margin-right: 0;}

section.page5 .pageRit .ourJist li .tp1{ position: absolute; left: 50%; top: 50%;
 transform: translate3d(-50%,-50%,0);
 -webkit-transform: translate3d(-50%,-50%,0);
 -moz-transform: translate3d(-50%,-50%,0);
 -o-transform: translate3d(-50%,-50%,0);
}
section.page5 .pageRit .ourJist li .tp1 i{ display: block; width: 100px; height: 100px; 
  border-radius: 50%; 
  font-size: 50px; 
  color: #fff;
  text-align: center;
  line-height: 100px;
	position: relative;
	z-index: 3;
}
section.page5 .pageRit .ourJist li .tp1 i:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #DEAE35; border-radius: 50%; z-index: -1;}
section.page5 .pageRit .ourJist li .tp1 i:after{position: absolute; content: ''; left: -10px; top: -10px;  width: 120%; height: 120%; border-radius: 50%;
 z-index: -2;
 background-color: rgba(255,255,255,0.2);
}
section.page5 .pageRit .ourJist li .tp1 strong{ display: block; text-align: center; margin-top: 28px; font-size: 16px; color: #fff;}

section.page5 .pageRit .ourJist li .tp2{ position: absolute; left:5%; top: 5%; width: 90%; height: 90%; background-color: #E77600;
   transform: rotateZ(45deg) translate3d(-20px,-215px,0);
   -webkit-transform: rotateZ(45deg) translate3d(-20px,-215px,0);
   -moz-transform: rotateZ(45deg) translate3d(-20px,-215px,0);
   -o-transform: rotateZ(45deg) translate3d(-20px,-215px,0);
   opacity: 0;
   transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
}
section.page5 .pageRit .ourJist li .tp2 section{ width: 86%; position: absolute; left: 7%; top: 50%; text-align: center;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -o-transform: translateY(-50%);
}
section.page5 .pageRit .ourJist li .tp2 h5{ font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 5px;}
section.page5 .pageRit .ourJist li .tp2 font{ display: inline-block; width: 20px; height: 0px; border-top: 1px solid #fff; margin: 10px 0;}
section.page5 .pageRit .ourJist li .tp2 p{ font-size: 13px; color: #F9C99C; line-height: 1.7;}

section.page5 .pageRit .ourJist li:hover{ background-color: rgba(255,255,255,0.7);}
section.page5 .pageRit .ourJist li:hover .tp2{
	 transform: rotateZ(0deg) translate3d(0px,0px,0);
	 -webkit-transform: rotateZ(0deg) translate3d(0px,0px,0);
	 -moz-transform: rotateZ(0deg) translate3d(0px,0px,0);
	 -o-transform: rotateZ(0deg) translate3d(0px,0px,0);
	 opacity: 1;
}

section.page6{ width:1480px; height: 680px; position: absolute; top: 50%; margin-top: -340px; right: 0;}

aside.waperTit5{ width: auto; position: relative; display: table;}
aside.waperTit5 .tst{ margin-top: 22px;}
aside.waperTit5 h3{ font-size: 42px; font-weight: bold; font-family: arial; color: #585858; text-transform: uppercase;
 transform: translateX(-260px);
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
  opacity: 0;
}

.section7 aside.waperTit5 h3{color:#fff;}
aside.waperTit5 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #EC9758;}
aside.waperTit5.active h3:nth-child(1){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0s;
	 -webkit-transition: all 1.2s ease 0s;
	 -moz-transition: all 1.2s ease 0s;
	 opacity: 1;
}
aside.waperTit5.active h3:nth-child(2){
	 transform: translateX(0px);
	 -webkit-transform: translateX(0px);
	 -moz-transform: translateX(0px);
	 transition: all 1.2s ease 0.2s;
	 -webkit-transition: all 1.2s ease 0.2s;
	 -moz-transition: all 1.2s ease 0.2s;
	 opacity: 1;
}

aside.waperTit5 .webLine5{ position: absolute; left: 100px; top: 0;}
aside.waperTit5 .webLine5 .webs5{
	fill: none;
	stroke-width: 6px;
	stroke: #A4A4A4;
	stroke-dasharray: 0 720;
 	transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-webkit-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-moz-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
 	-o-transition: all 2s cubic-bezier(0.6,0.8,0.6,1) .5s;
}
aside.waperTit5.active .webLine5 .webs5{ stroke-dasharray: 720 0;}

section.page6 .page6Lft{ float: left; padding-top: 266px;}
section.page6 .page6Rit{ float: right; width: 1000px;margin-top:5%;}

section.page6 .page6Rit .newsLiat{ width: 100%; display: table;}
section.page6 .page6Rit .newsLiat h3.title{font-size: 30px;margin-bottom:40px;font-weight:bold;color:#fff;}
section.page6 .page6Rit .newsLiat p{font-size:18px;line-height:2}
section.page6 .page6Rit .newsLiat li{ width: 100%; height: 168px; position: relative; z-index: 2;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
  padding: 40px 0 0 70px;
  transform: translate(100%);
  -webkit-transform: translate(100%);
  -moz-transform: translate(100%);
  -o-transform: translate(100%);
  opacity: 0;
}

section.page6 .page6Rit .newsLiat li:nth-of-type(1){
	transition: all 1.2s ease 0s;
	-webkit-transition: all 1.2s ease 0s;
	-moz-transition: all 1.2s ease 0s;
	-o-transition: all 1.2s ease 0s;
}
section.page6 .page6Rit .newsLiat li:nth-of-type(2){
	transition: all 1.2s ease .2s;
	-webkit-transition: all 1.2s ease .2s;
	-moz-transition: all 1.2s ease .2s;
	-o-transition: all 1.2s ease .2s;
}
section.page6 .page6Rit .newsLiat li:nth-of-type(3){
	transition: all 1.2s ease .4s;
	-webkit-transition: all 1.2s ease .4s;
	-moz-transition: all 1.2s ease .4s;
	-o-transition: all 1.2s ease .4s;
}
section.page6 .page6Rit .newsLiat li:nth-of-type(4){
	transition: all 1.2s ease .6s;
	-webkit-transition: all 1.2s ease .6s;
	-moz-transition: all 1.2s ease .6s;
	-o-transition: all 1.2s ease .6s;
}

section.page6 .page6Rit .newsLiat li.active{
	  transform: translate(0%);
  -webkit-transform: translate(0%);
  -moz-transform: translate(0%);
  -o-transform: translate(0%);
  opacity: 1;
}
.section6 section.page6 .page6Rit .newsLiat li:after{ position: absolute; right: 0; top: 0; content: ''; width: 0%; height: 100%;
  /*background: url(../images/in_bgs.jpg) no-repeat center center;*/background: #fff;
  background-size: 100% 100%;
  z-index: -1;
  overflow: hidden;
  transition: all .8s ease 0s;
  -webkit-transition: all .8s ease 0s;
  -moz-transition: all .8s ease 0s;
  -o-transition: all .8s ease 0s;
}
section.page6 .page6Rit .newsLiat li strong{ display: block; font-size: 16px; color: #000000; font-family: arial;}
section.page6 .page6Rit .newsLiat li h4{ font-size: 16px; color: #000; padding-top: 20px;
  transition: all .4s ease-out 0s;
 -webkit-transition: all .4s ease-out 0s;
 -moz-transition: all .4s ease-out 0s;
 -o-transition: all .4s ease-out 0s;
}
.section7 .page6Rit .newsLiat li p{color:#fff !important; }
section.page6 .page6Rit .newsLiat li p{font-size: 16px; color: #000; padding-top: 6px; line-height: 1.7;
 transition: all .4s ease-out 0s;
 -webkit-transition: all .4s ease-out 0s;
 -moz-transition: all .4s ease-out 0s;
 -o-transition: all .4s ease-out 0s;
}


section.page6 .page6Rit .newsLiat li:hover:after{ width: 100%;}
section.page6 .page6Rit .newsLiat li:hover strong,
section.page6 .page6Rit .newsLiat li:hover h4{ color: #e77600;}
