.menuBtn{transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;}
.section1{}
.section2{ background: url(../images/bg0.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/bg6.jpg) no-repeat; background-size: 100% 100%;}
.hc_in{ display:none;}
*{border-radius: 15px;}
.pc_in{ display:block;}
.ph_in{ display:none;}
.fr{ float:right;}
.fl{ float:left;}

#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: 80%; text-align:center; height: 220px; position: absolute; left: 10%; top: 50%; margin-top: -110px;}
.rslides li article p{ font-size: 3rem; 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 i{ color: #C80D23; font-size:6rem;font-weight: bold;}
.rslides li article p font{ color: #C80D23; font-size:4rem;}
.rslides li article p span{ font-size:40px;}
.rslides li article .mores{ margin-top: 40px;}
.rslides li article .mores span{ display: block; width: 90px; height: 2px; background-color: #fff; text-align:center;
	 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: 40px; 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:#C80D23;}
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: -229px 0 0 -722px; }
section.page2 .pageLft{ float: left; width: 818px;}
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:30px;}
a.read i{ font-size: 35px; display: inline-block; padding-left: 10px; vertical-align: middle;}
a.read:hover{ color: #C80D23; border-color: #C80D23;}
.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:550px;}
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:85%; height: 580px; position: absolute; right: 3%; top: 50%; margin-top: -270px; }
section.page3 .page3Lft{ float: left; width:26%; padding-top: 108px;}
aside.waperTit2{ width: auto; position: relative; display: table;}
aside.waperTit2 .tst{ margin-top: 22px;}
aside.waperTit2 h3{ font-size: 40px; 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: #C80D23;}
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: #C80D23;	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: #C80D23;}
section.page3 .page3Lft .read2{  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:70%; 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:31%; margin:3% 1% 0 0; border:5px solid #C80D23; border-color: rgba(255,255,255,0.6); position: relative;border-radius: 15px;}
/*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: auto;border-radius: 15px;}
section.page3 .page3Rit .ourTeam li article{width:100%; height:50px; position: absolute; left: 50%; bottom:0; padding:5px 0px;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box; background-color: #E77600;
	 background-color: rgba(200,13,35,0.6);	
	 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: 22px; 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.page3 .page3Rit 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.page3 .page3Rit 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.page3 .page3Rit 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.page3 .page3Rit 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.page3 .page3Rit 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.page3 .page3Rit 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.page4{width:85%; height: 484px; position: absolute; top: 50%; left:10%; margin-top: -242px;}
section.page4 .page4Lft{ float: left; width:40%;  margin-top: 100px;}

aside.waperTit3{ width: auto; position: relative; display: table;}
aside.waperTit3 .tst{ margin-top: 22px;}
aside.waperTit3 h3{ font-size: 40px; 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: #C80D23;}
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: #C80D23;	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:100%; margin-top: 40px;}
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; background-color: rgba(255,255,255,0.5);	
 -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: #000;}
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:60%; 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;}
aside.waperTit4{ width: auto; position: relative; display: table;}
aside.waperTit4 .tst{ margin-top: 22px;}
aside.waperTit4 h3{ font-size: 40px; 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: #C80D23;}
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: #C80D23;	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{ width:85%; height: 550px; position: absolute; top: 50%; margin-top: -255px; right:6%;}
section.page5 .page5Lft{ float: left; padding-top: 105px; width:28%;}
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:70%;}
section.page5 .pageRit .ourJist{ width: 100%; display: table;border-radius: 15px;}
section.page5 .pageRit .ourJist li{ float: left; width: 30%; padding-top:22%; margin-right: 2.5%; margin-bottom: 2.5%; background-color: #fff; background-color: rgba(255,255,255,0.5); position: relative; overflow: hidden; border-radius: 15px;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
    transform: translate3d(300px, 300px, 0);
	-webkit-transform: translate3d(300px, 300px, 0);
	-moz-transform: translate3d(300px, 300px, 0);
	-o-transform: translate3d(300px, 300px, 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; padding:10px;}
section.page5 .pageRit .ourJist li .tp1 i:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-color: #C80D23; 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: 18px; color: #fff;}
section.page5 .pageRit .ourJist li .tp2{ position: absolute; left:5%; top: 5%; width: 90%; height: 90%; 
background-color:rgba(180,12,31,0.7);
   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);border-radius: 15px;}
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;}
	 
aside.waperTit5{ width: auto; position: relative; display: table;}
aside.waperTit5 .tst{ margin-top: 22px;}
aside.waperTit5 h3{ font-size: 40px; 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.waperTit5 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #C80D23;}
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: #C80D23;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{ width:85%; height: 680px; position: absolute; top:50%; margin-top:-340px; right:5%;}
section.page6 .page6Lft{ float: left; padding-top:166px; width:28%;}
section.page6 .page6Lft .team{ margin-top: 80px;  box-sizing: border-box;  -moz-box-sizing: border-box;  padding-left: 208px;}
section.page6 .page6Lft .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.page6 .page6Lft .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.page6 .page6Lft .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.page6 .page6Lft .team.active li{	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);	opacity: 1;}
section.page6 .page6Lft .team li a{ font-size: 18px; color: #000000; padding-left: 10px;}
section.page6 .page6Lft .team li.on a,
section.page6 .page6Lft .team li a:hover{ color: #C80D23;}


section.page6 .page6Rit{ float: right; width:70%; margin-top:5%;}
section.page6 .page6Rit .newsLiat{ width: 100%; display: table;}
section.page6 .page6Rit .newsLiat li{ width: 100%; height:168px; position: relative; z-index: 2;
 box-sizing: border-box; 
 -moz-box-sizing: border-box;  padding:30px 0 0 24px;
  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;}
section.page6 .page6Rit .newsLiat li:after{ position: absolute; right: 0; top: 0; content: ''; width: 0%; height: 100%;  background: url(../images/in_bgs.png) no-repeat center center;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: #999; font-family: arial;}
section.page6 .page6Rit .newsLiat li h4{ font-size: 20px; color: #000; padding-top:10px;
  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 p{font-size:14px; color: #A3A3A3; 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 p,
section.page6 .page6Rit .newsLiat li:hover h4{ color: #fff;}



section.page7{  width:85%; height: 550px; position: absolute; top: 50%; margin-top: -225px; right:6%;}
section.page7 .page7Lft{ float: left; padding-top:66px; width:26%;}
section.page7 .page7Lft .team{ margin-top: 80px;  box-sizing: border-box;  -moz-box-sizing: border-box;  padding-left:188px; }
section.page7 .page7Lft .team li{ margin-bottom: 15px; transform: translateY(70px);
 -webkit-transform: translateY(70px);
 -moz-transform: translateY(70px);
 -o-transform: translateY(70px); opacity: 0;}
section.page7 .page7Lft .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.page7 .page7Lft .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.page7 .page7Lft .team.active li{	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);	opacity: 1;}
section.page7 .page7Lft .team li a{ font-size: 18px; color: #000000; padding-left: 10px;}
section.page7 .page7Lft .team li.on a,
section.page7 .page7Lft .team li a:hover{ color: #C80D23;}


section.page7 .pageRit{ float: right; width:70%;}
section.page7 .pageRit .ourJist{ width: 100%; display: table;}
section.page7 .pageRit .ourJist li img{ width:100%; height:100%;}
section.page7 .pageRit .ourJist li{ float: left; width:23%; padding:0.5%; margin-right: 1%; margin-bottom: 1.5%; background-color: #fff; background-color: rgba(255,255,255,0.2); position: relative; overflow: hidden; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
    transform: translate3d(300px, 300px, 0);
	-webkit-transform: translate3d(300px, 300px, 0);
	-moz-transform: translate3d(300px, 300px, 0);
	-o-transform: translate3d(300px, 300px, 0);	opacity: 0;}
section.page7 .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.page7 .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.page7 .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.page7 .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.page7 .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.page7 .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.page7 .pageRit .ourJist li:nth-of-type(7){
	transition: all 1.2s ease 1.2s;
	-webkit-transition: all 1.2s ease 1.2s;
	-moz-transition: all 1.2s ease 1.2s;
	-o-transition: all 1.2s ease 1.2s;
}
section.page7 .pageRit .ourJist li:nth-of-type(8){
	transition: all 1.4s ease 1.4s;
	-webkit-transition: all 1.4s ease 1.4s;
	-moz-transition: all 1.4s ease 1.4s;
	-o-transition: all 1.4s ease 1.4s;
}


section.page7 .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.page7 .pageRit .ourJist li .tp2{ position: absolute; left:5%; top: 5%; width: 90%; height: 90%; background-color: #C80D23;
   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.page7 .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.page7 .pageRit .ourJist li .tp2 h5{ font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 5px;}
section.page7 .pageRit .ourJist li .tp2 font{ display: inline-block; width: 20px; height: 0px; border-top: 1px solid #fff; margin: 10px 0;}
section.page7 .pageRit .ourJist li .tp2 p{ font-size: 13px; color: #F9C99C; line-height: 1.7;}
section.page7 .pageRit .ourJist li:hover{ background-color: rgba(255,255,255,0.7);}
section.page7 .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;}
	 
aside.waperTit7{ width: auto; position: relative; display: table;}
aside.waperTit7 .tst{ margin-top: 22px;}
aside.waperTit7 h3{ font-size: 40px; 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.waperTit7 h3 strong{  font-size: 42px; font-weight: bold; font-family: arial; color: #C80D23;}
aside.waperTit7.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.waperTit7.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.waperTit7 .webLine7{ position: absolute; left: 100px; top: 0;}
aside.waperTit7 .webLine7 .webs7{	fill: none;	stroke-width: 6px;	stroke: #C80D23;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.waperTit7.active .webLine7 .webs7{ stroke-dasharray: 720 0;}


.fr{ float:right;}









.header .nav .tit,.header .menuBtn{	display: none;}
.header .nav{	float: right;	margin-right:60px; margin-top:10px;}
.header .nav>ul>li{	float: left;	margin-left:15px;	position: relative;border-radius:15px;}
.header .nav>ul>li>a{ padding:0 20px; height:46px;line-height:46px;display: block;text-align: center;	position: relative;	font-size:1.2rem;	color: #fff;background-color:rgba(0,0,0,0.1);border-radius: 15px;}
.header .nav>ul>li>a:after{	content:"";	width: 11px;	height: 6px;
	background: url(../images/nav_after.gif) no-repeat 0 0;
	position: absolute;	bottom: 0;	left: 50%;	margin-left: -6px;	z-index: 2;	display: none;}
.header .nav>ul>li.on,
.header .nav>ul>li:hover{background:#C80D23;}
.header .nav>ul>li.on a,
.header .nav>ul>li:hover a{	color: #fff;}
.header .nav>ul>li.on>a:after,
.header .nav>ul>li:hover>a:after{	display: block;}
.header .nav li .sub{	width: auto; min-width: 115px;	position: absolute;	left: 50%;	top:46px;border-radius:15px;
background-color:rgba(180,12,31,0.7);
	transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	z-index: 4;box-sizing: border-box;	display: none;	padding-top: 2px;}
.header .nav li .sub li{/*border-bottom: solid 1px #eee;*/	text-align: center;}
.header .nav li .sub li a{	height:40px;line-height:40px;	font-size: 15px;color: #fff;display: block;	white-space: nowrap;padding: 0 10px;}
.header .nav li .sub li a:hover{background: #fff;color: #333;}



/*右侧导航点*/
#fp-nav ul li a span:after{display: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span,#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 10px;height: 10px;background: #c3c8cd;left: 0;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{border: none;background: #c3c8cd;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{left: 0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{left: 0;background:#B41E25 !important;}
#fp-nav ul li a span{transform-style: preserve-3d;perspective: 800px;}
#fp-nav ul li a span:after{content: '';display: block !important;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #B41E25;top: -4px;left: -4px;transform: rotateX(270deg);transition: 0.5s ease-out;opacity: 0;}
#fp-nav ul li:hover a span:after{transform: rotateX(0deg);opacity: 1;}
#fp-nav ul li a.active span:after, .fp-slidesNav ul li a.active span:after, #fp-nav ul li:hover a.active span:after, .fp-slidesNav ul li:hover a.active span:after{transform: rotateX(0deg);opacity: 1;}
#fp-nav.left{left: 40px;}



@media only screen and (max-width: 1200px){
.header .menuBtn{width: 50px;height: 50px;display: block;position: absolute;right: 0;top: 0;z-index: 3;}
.header .menuBtn span{	width: 32px;height: 3px;background:#00396c;
	border-radius: 2px;	position: absolute;	left: 9px;	top: 23px;	z-index: 2;	transition: 0.8s;
	-webkit-transition: 0.8s;	-moz-transition: 0.8s;	-ms-transition: 0.8s;	-o-transition: 0.8s;}
.header .menuBtn span.line1{	top: 12px;}
.header .menuBtn span.line3{	top: 34px;}
.header .nav{	width: 200px;	float: right;	position: fixed;	right: -200px;	top: 0;	bottom: 0;	z-index: 105;	background: #fff;	margin: 0;	padding: 0;	overflow: scroll;}
.header .nav .tit{	display: block;	font-size: 40px;	font-weight: bold;	color: #C80D23;	text-align: center;	padding: 30px 0;	box-sizing: border-box;}
.header .nav>ul>li{	float: none;	margin: 0px;	position: relative;}
.header .nav>ul>li:hover a,
.header .nav>ul>li>a{	width: 100%;	height: 60px;	line-height: 60px;	font-size: 14px;	color: #333333;}
.header .nav>ul>li.on>a:after,
.header .nav>ul>li:hover>a:after,
.header .nav>ul>li>a:after{	display: none;}
.header .nav>ul>li.now>a:after{	display: block;}
.header .nav>ul>li:hover{	background: #fff;}
.header .nav>ul>li.now,
.header .nav>ul>li.on{	background: #C80D23;}
.header .nav>ul>li.now a,
.header .nav>ul>li.on a{color: #fff;}
.header .nav li .sub{width: 100%;min-width: 100%;position: static;	background: #eee;	padding: 0 10px;
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
	-moz-transform: translate(0%,0%);
	-ms-transform: translate(0%,0%);
	-o-transform: translate(0%,0%);	box-sizing: border-box;}
.header .nav li .sub li{	width: 100%;	border-bottom: solid 1px #ddd;	box-sizing: border-box;}
.header .nav li .sub li a,
.header .nav li .sub li a:hover{width: 100%;height: 40px;line-height: 40px;	background: none;
	color: #333333;	box-sizing: border-box;}
.header.shiftLeft{	left: -200px;	z-index: 105;}
.header.shiftLeft .nav{	right: 0;}

/*右侧导航点*/

	#fp-nav.right,.cebian{display: none;}






.menuBtn{opacity:1 !important;display: block;width: 50px;height: 50px;text-align: center;line-height: 1;background: transparent;position: fixed;top:15px;cursor: pointer;right:10px;}
.menuBtn i{display: inline-block;width: 25px;margin-top: 10px;height: 2px;background: white;}
.menuBtn i:nth-child(1){margin-top: 17px;}
.menuBtn.active1{opacity: 0;}
header.active .menuBtn{right:0px;opacity: 1;}
.menuBtn.active i:nth-child(1){transform: rotate(45deg)translateY(10px);}
.menuBtn.active i:nth-child(2){transform: rotate(-45deg) translateY(-10px);}
header.active1 .menuBtn i{background: #003a5d;}

}


.hongs{ color:#C80D23!important; }
.heis{ color:#333!important; }
.IndexList .IndexLContent .Txt2{color:#C80D23!important; }
.tuanimg{ width:360px!important;}