@charset "utf-8";
/* CSS Document */
* {

	word-wrap: break-word;

}

body {

	background: #FFFFFF;

}

body, input, button, select, textarea {

	font: 12px/1.5 Tahoma, 'Microsoft Yahei', 'Simsun';

	color: #444;

}



body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {

	margin: 0;

	padding: 0;

}


div {
	margin: 0 auto;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
.fp-section {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}
.section.active .bt_index h1,.section.active .bt_index p{
transition-delay:400ms;
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms; 
text-align: center;
font-size: 48px;}

/*第六屏 流程*/
.process{background-image:url(../images/page3.jpg); background-repeat:repeat; z-index:100; *overflow:hidden;}
.process .inner{ position:absolute; top:50%; margin-top:-200px; bottom:0; left:0; right:0;}
.process .nr{ width:90%;}
.process .nr .hd ul{ padding-top:50px;}
.process .nr .hd li{ float:left; width:16.6%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0,300px, 0);
-moz-transition: translate3d( 0,300px, 0);
-o-transition: translate3d( 0,300px, 0);
transition: translate3d(0, 300px, 0);}
.process.active .nr .hd li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.process.active .nr .hd li:nth-child(1){}
.process.active .nr .hd li:nth-child(2){
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;}
.process.active .nr .hd li:nth-child(3){
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.process.active .nr .hd li:nth-child(4){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.process.active .nr li:nth-child(5){
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}
.process.active .nr .hd li:nth-child(6){
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.process.active .nr .hd li:nth-child(7){
transition-delay:700ms; 
-o-transition-delay:700ms;
-moz-transition-delay:700ms;
-webkit-transition-delay:700ms;}
.process .nr .hd li .item{ display:block; text-align:center; position:relative;}
.process .nr .hd li .item .bg{ background:#000; width:120px; height:500px; margin:0 auto; border:1px #666 solid;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5; 
opacity:0.5;
-webkit-border-radius:80px 80px 0 0 ;
-moz-border-radius:80px 80px 0 0 ;
border-radius: 80px 80px 0 0 ;
 z-index:2;}
.process .nr .hd li .item .pic{ position:absolute; left:0; top:10px; width:100%;z-index:9999; height:100px;background:url(../images/process.png) no-repeat;}
.process .nr .hd li .item .pic1{ background-position: center 0px; }
.process .nr .hd li .item .pic2{ background-position: center -100px; }
.process .nr .hd li .item .pic3{ background-position: center -200px ; }
.process .nr .hd li .item .pic4{ background-position: center -300px ; }
.process .nr .hd li .item .pic5{ background-position: center -400px ; }
.process .nr .hd li .item .pic6{ background-position: center -500px ; }
.process .nr .hd li .item .pic7{ background-position: center -600px ; }
.process .nr .hd li .item .pic img{ width:auto;}
.process .nr .hd li .item .txt{ position:absolute; left:0; top:120px; right:0; font-size:14px; color:#333; line-height:24px; padding:5px 0; font-size:16px; color:#fff;z-index:999;}
.process .nr .hd li.on .item .bg{ background:#ff8800; border-color:#ff8800;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
-webkit-transform: translate3d(0,-10px, 0);
-moz-transition: translate3d(0, -10px, 0);
-o-transition: translate3d(0, -10px, 0);
transition: translate3d(0, -10px, 0);
-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.2);              
-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.2);           
box-shadow:0px 10px 20px rgba(0,0,0,0.2);
behavior: url(../images/ie-css3.htc); }
.process .nr .hd li.on .item .pic{
-webkit-transform: translate3d(0,-10px, 0);
-moz-transition: translate3d(0, -10px, 0);
-o-transition: translate3d(0, -10px, 0);
transition: translate3d(0, -10px, 0);}
.process .nr .hd li.on .item .txt{ color:#fff;top:110px;}
.process .nr .bd{ width:100%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.process .nr .bd .item{ position:relative; height:150px;}
.process .nr .bd .item .bg{ font-family:Impact, "MS Sans Serif"; color:#000; font-size:150px; line-height:150px; overflow:hidden;
filter: alpha(opacity=10);
-khtml-opacity: 0.1;     
-moz-opacity: 0.1; 
opacity:0.1;
text-align: center;}
.process .nr .bd .item .txt{ position:absolute; left:0; top:0; right:0; bottom:0;text-align: center}
.process .nr .bd .item .txt h1{ height:50px; margin:10px auto 20px; line-height:50px; font-size:28px; color:#FFF;}
.process .nr .bd .item .txt p{ line-height:26px; font-size:14px;color:#FFF;}
.process.active .nr .bd{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
transition-delay:1500ms; 
-o-transition-delay:1500ms;
-moz-transition-delay:1500ms;
-webkit-transition-delay:1500ms;}


.bt_index{margin-bottom:20px;position:relative;color:#FFF;}


.media {
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative
}

.pepole {
	width: 558px;
    height: 839px;
    background: url(../images/pepople_3987ad1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
  
}
.infor {
	width:581px;
	float:right;
	
}
.infortop {
	width:278px;
	height:39px;
	
}
.infortop2 {
	width:531px;
	height:42px;
	
	margin-top:32px
}
.infortext {
	font-size:14px;
	color:#FFF;
	text-align:left;
	margin-top:17px;
	line-height:30px
}
.mediatit {
	width:84px;
	height:24px;
	
	font-size:14px;
	line-height:24px;
	color:#fff;
	margin-top:95px
}
.mediainfor {
	font-size:20px;
	color:#333;
	text-align:left;
	margin-top:13px
}
.mediainfor a:hover {
	color:#00beaf
}
.center3 {
	width:1022px;
	height:535px;
	position:absolute;
	left:50%;
	margin-left:-511px;
	top:50%;
	margin-top:-247px;
	margin-top:-220px\9
}
.title3 {
	width:446px;
	margin:0 auto
}
.title3 h1 {
	width:276px;
	height:40px;
	margin:0 auto
}
.title3 p {
	text-align:center;
	font-size:14px;
	color:#999;
	margin-top:10px
}
.course {
	margin-top:20px;
	margin-top:0\9
}
.centerline {
	width:1px;
	height:391px;
	
	background-size:100% 100%;
	margin:0 auto;
	position:relative
}
.inline {
	width:101px;
	height:345px;
	
	background-size:100% 100%;
	position:absolute;
	top:46px;
	left:50%;
	margin-left:-50px
}
.dotted {
	width:13px;
	height:13px;
	
	position:absolute
}
.dotted1 {
	top:40px;
	left:50%;
	margin-left:-6.5px
}
.dotted2 {
	top:83px;
	left:50%;
	margin-left:-6.5px
}
.dotted3 {
	top:125px;
	left:50%;
	margin-left:-6.5px
}
.dotted4 {
	top:169px;
	left:50%;
	margin-left:-6.5px
}
.dotted5 {
	top:213px;
	left:50%;
	margin-left:-6.5px
}
.dotted6 {
	top:255px;
	left:50%;
	margin-left:-6.5px
}
.dotted7 {
	top:298px;
	left:50%;
	margin-left:-6.5px
}
.dotted8 {
	top:341px;
	left:50%;
	margin-left:-6.5px
}
.dotted9 {
	
	bottom:-6px;
	left:50%;
	margin-left:-6.5px
}
.leftachive {
	width:350px;
	text-align:right;
	position:absolute;
	left:-405px
}
.achivetime {
	font-size:12px;
	color:#999;
	line-height:24px
}
.achiveinfor {
	font-size:14px;
	color:#333;
	line-height:18px
}
.leftachive1 {
	top:34px
}
.leftachive2 {
	top:122px
}
.leftachive3 {
	top:208px
}
.leftachive4 {
	top:294px
}
.leftachive5 {
	top:379px
}
.rightachive {
	width:450px;
	text-align:left;
	position:absolute;
	left:60px
}
.rightachive1 {
	top:78px
}
.rightachive2 {
	top:164px
}
.rightachive3 {
	top:250px
}
.rightachive4 {
	top:336px
}
.page .pepole{-webkit-animation:ifadeIn 1s ease-in forwards .3s;}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.active .page .pepole {
    transform: translateY(0px);
    opacity: 1;
}
.active .fp-tableCell {
    transform: translateX(0);
    opacity: 1;
}