/*
*data:12.15
*author:xyh
*/
/* 右侧导航  */
 
#menu {
	position: fixed;
	top: 20px;
	right:60px;
	z-index: 99;
	height: 620px;
}
#menu  ul{
	height: 560px;
	background:url(images/right_nav_bg.jpg) no-repeat;
	padding-top: 18px;
}
#menu  ul li{
	width: 124px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-bottom: 1px solid #ACB4B6;
}
#menu  ul li:nth-child(10){
	width: 38px;
	padding: 3px 43px;
    border: none;
    background: url(images/icon_top.png) no-repeat 43px;
}
#menu  ul li:nth-child(1) a{
	color: #fff;
} 
#menu  ul li:nth-child(10):hover{
	background: url(images/icon_top.png) no-repeat -49px;
} 
#menu  ul li:nth-child(1){
	background-color: rgb(163, 162, 165);
} 
#menu a { display:block; color:#000; text-decoration: none;font-size: 14px;}
/*#menu .active a { color: #fff; }*/
.nav_top a{
	display: block;
    width: 124px;
    height: 100%;
    margin-left: -50px;
}

.section { text-align: center; font-family:"Microsoft Yahei"; max-width: 1440px;margin:  0 auto;overflow: hidden;}
.section_box{ width:1080px; height:100%; position:absolute; top:0;left: 50%;}

 .section1 p ,.section2 p   {   text-indent:2em   } 
/*section1*/

.section1{
	background: url(images/bg_01.jpg) no-repeat center top;
	background-size: 100% 100%;
	background-color: #fff;
}
.section_pic1{
	width: 59.533333%;
	height: 32.555555%;
	background: url(images/section_01_txt.png) no-repeat center top; 
	background-size: auto 100%;
	position: absolute;
	top: 1.85%;
}

.section_navs{
	width: 92.6851%;
	height: 47.77777%;
	position: absolute;
	bottom: 1.11111%;
	left: -66.65745%;
	box-shadow: 0 2px 18px rgba(0,0,0,.45);
	opacity:0; 
	transition:all ease 0.8s;
	-webkit-transition:all ease 0.8s;
}
.active .section_navs{
	opacity:1;
	left: 3.65745%;

}
.section_navs ul{
	width: 100%;
	height: 100%;
}

.section_navs ul li{
	width: 31.6803%;
	height: 21.9534%;
	margin-right: 2.48%;
	float: left;
	cursor:pointer;	
}
.section1_navPic1{
	background: url(images/section1_navpic01.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_navPic2{
	background: url(images/section1_navpic02.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_navPic3{
	background: url(images/section1_navpic03.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_navPic1.on{
	background: url(images/section1_navpic1.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_navPic2.on{
	background: url(images/section1_navpic2.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_navPic3.on{
	background: url(images/section1_navpic3.jpg) no-repeat center top; 
	background-size: 100% 100%;
}
.section1_txt{
	width: 100%;
	height: 78.60465%;
	position: absolute;
	top: 21.9534%;
	background-color: #999;

}
.section1_content{
	width: 100%;
	height: 100%;
	
}
.section1_content_pinpai{
	background: url(images/section1_pic1.jpg) no-repeat center top; 
	background-size: 100% 100%;	
}
.section1_content_gaishu{
	background: url(images/section1_pic2.jpg) no-repeat center top; 
	background-size: 100% 100%;	
}
.section1_content_daodu{
	background: url(images/section1_pic3.jpg) no-repeat center top; 
	background-size: 100% 100%;	
}
/*section2*/
.section2{
	background: url(images/bg_02.jpg) no-repeat center top;
	background-size: 100% 100%;
	background-color: #fff;
}
.section2_pic1{
	width: 41.0462%;
	height:56.91101% ;
	position: absolute;
	top: 32.2222%;
	left: -40%;
	background: url(images/section2_keshi.jpg) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section2_pic1{
	left: 0;
	opacity:1;

}
.section2_content{
	/* width: 625px;
	height: 570 */
	width: 57.87003%;
	height:63.33333% ;
	position: absolute;
	top:28.1111%;
	right: -40%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section2_content{
	right: 0%;
	opacity:1;

}
.section2_content ul{
	width: 100%;
	height: 8.0701%;
	margin-bottom: 1.2%;
}
.section2_content ul li{
	width: 32.48%;
	height: 100%;
	float: left;
	margin-right: 1.2%;
}
.section2_navPic1{
	background: url(images/section2_navPic01.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_navPic2{
	background: url(images/section2_navPic02.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_navPic3{
	background: url(images/section2_navPic03.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_navPic1.on{
	background: url(images/section2_navPic1.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_navPic2.on{
	background: url(images/section2_navPic3.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_navPic3.on{
	background: url(images/section2_navPic2.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_picBox{
	width: 99%;
	height:90.3508%;
	border: 2px solid #a3a2a2;
}
.section2_picBox>div{
	width: 100%;
	height: 100%;
}
.section2_picBox1{
	background: url(images/section2_pic01.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_picBox2{
	background: url(images/section2_pic02.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_picBox3{
	background: url(images/section2_pic03.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section2_pic3{
	width: 18.055555%;
	height: 2.77777%;
	background: url(images/icon_continued.png) no-repeat center top;
	background-size: auto 100%;
	position: absolute;
	bottom: 3.77777%;
	right: 0;
	opacity:0; 
	transition:all ease 2s;
	-webkit-transition:all ease 2s;
}
.active .section2_pic3{
	opacity:1;

}

/*section3*/

.section3{
	background: url(images/bg_03.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.course_details,.section3_content{
	width: 95%;
}
.section3_content{
	width: 100%;
	height: 100%;	
	position: absolute;
	top: 25.66666%;
	left: 40%;
	opacity:0; 
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
}
.active .section3_content{
	opacity:1;
	left: 0%;

}
.section3_content div{
	width: 29.629629%;
	height: 33.333333%;
	background-color: red;
	background:#595757;
	float:left;
	margin-right: 5.5518%;
	margin-top: 2.222222%;
	opacity:0; 
	transition:all ease 2s;
	-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	-ms-transform: rotate(360deg); 
	transform: rotate(360deg);
}
.active .section3_content div{
	opacity:1; 
	-moz-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-ms-transform: rotate(0deg); 
	transform: rotate(0deg); 
}
.course_details li span{
	display: block;
	width: 115px;
	height: 85px;
	margin: 40px auto;

}
.course_details li img{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: none;
}
.section3_content div:nth-child(1){
	background: url(images/section3_pic1.jpg) no-repeat center top;
    background-size: auto 100%;
}

.section3_content div:nth-child(2){
	background: url(images/section3_pic2.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(3){
	background: url(images/section3_pic3.jpg) no-repeat center top;
    background-size: auto 100%;
}
.section3_content div:nth-child(4){
	background: url(images/section3_pic4.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(5){
	background: url(images/section3_pic5.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(6){
	background: url(images/section3_pic6.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(1):hover{
	background: url(images/section3_01hover.jpg) no-repeat center top;
    background-size: auto 100%;
}

.section3_content div:nth-child(2):hover{
	background: url(images/section3_02hover.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(3):hover{
	background: url(images/section3_03hover.jpg) no-repeat center top;
    background-size: auto 100%;
}
.section3_content div:nth-child(4):hover{
	background: url(images/section3_04hover.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(5):hover{
	background: url(images/section3_05hover.jpg) no-repeat center top;
    background-size: auto 100%; 
}
.section3_content div:nth-child(6):hover{
	background: url(images/section3_06hover.jpg) no-repeat center top;
    background-size: auto 100%; 
}

/*section4*/
.section4{
	background: url(images/bg_04.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.section4_navs{
	width: 87.037%;
	height: 55.5555%;
	background-color: #f0f0f1;
	position: absolute;
	top: 37.7777777%;
	left: 6.4815%;		
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
	transform: translateX(-220px); 
}
.active .section4_navs{
	transform:translateX(0px) 
	
}
.section4_navs>ul{
	width: 100%;
	height: 100%;
}
.section4_navs>ul li{
	width: 31.94189%;
	height: 12%;
	line-height: 60px;
	float: left;
	margin-right: 1.94189%;
	background-color: orange;
	cursor:pointer;
}


	

.section4_navs ul li:nth-child(1) {
	background: url(images/section4_navPic01.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_navs ul li:nth-child(2) {
	background: url(images/section4_navPic02.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_navs ul li:nth-child(3) {
	background: url(images/section4_navPic03.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_navs ul li:nth-child(1).on{
	background: url(images/section4_navPic1.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_navs ul li:nth-child(2).on {
	background: url(images/section4_navPic2.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_navs ul li:nth-child(3).on {
	background: url(images/section4_navPic3.jpg) no-repeat center top;
    background-size: 100% 100%;
}
.section4_txt{
	width: 100%;
	height: 100%;
}
.section4_content{
	width: 87.037%;
	height: 28%;
	background:red ;
	position: absolute;
	top:53.3333333%;
	left: 6.4815%;
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
	transform: translateX(-220px); 
}
.active .section4_content{
	transform:translateX(0px) 
	
}
.section4_txt_pic1{
	background: url(images/section4_pic1.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section4_txt_pic2{
	background: url(images/section4_pic2.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section4_txt_pic3{
	background: url(images/section4_pic3.jpg) no-repeat center top;
	background-size: auto 100%;
}
/*section5*/

.section5{
	background: url(images/bg_05.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section5_content{
	width: 100%;
	height: 100%;
}
.section5_pic1{
	width: 40.74444%;
	height:30%;
	position: absolute;
	top:-10%;
	left: 9%;
	background:url(images/section5_01.jpg) no-repeat;
	background-size:auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section5_pic1{
	top:30.888888%;
	opacity:1;

}
.section5_pic2{
	width: 50.2777777%;
	height: 29.555555%;
	position: absolute;
	top:120%;
	left: 9%;
	background:url(images/section5_02.png) no-repeat;
	background-size:auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section5_pic2{
	top:67.77777%;
	opacity:1;

}
.section5_pic3{
	width: 34.722222%;
	height: 44.6666666%;
	position: absolute;
	top:30.888888%;
	right: -28%;
	background:url(images/section5_03.png) no-repeat;
	background-size:auto 100%;
	opacity:0; 
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
}
.active .section5_pic3{
	right: 0;
	opacity:1;
	right: 7%;

}
/*section6*/

.section6{
	background: url(images/bg_06.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.manage_box,.manageList{
	width: 100%;
	height: 100%;
}
.manageList{
	position: absolute;
	top:34.44444444%;
	padding: 0 8.7%;

}
.manageList li{
	width: 23.611111%;
	height: 25%;
	float: left;
	margin-right: 6.29629%;
	margin-top: -10.111111%;
	opacity:0; 
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
}
.active .manageList li{
	margin-top: 3.111111%;
	opacity:1; 
	
}
.manageList li:nth-child(1){
	background: url(images/section6_pic1.jpg) no-repeat center top;
	background-size: auto 100%;
}
.manageList li:nth-child(2){
	margin-right: 20%;
	background: url(images/section6_pic2.jpg) no-repeat center top;
	background-size: auto 100%;
}
.manageList li:nth-child(3){
	background: url(images/section6_pic3.jpg) no-repeat center top;
	background-size: auto 100%;
}
.manageList li:nth-child(4){
	background: url(images/section6_pic4.jpg) no-repeat center top;
	background-size: auto 100%;
}
.manageList li:nth-child(5){
	background: url(images/section6_pic5.jpg) no-repeat center top;
	background-size: auto 100%;
}


/*section7*/

.section7{
	background: url(images/bg_07.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.section7 .section_box>div{
	width: 17.87037%;
	height: 21.44444%;
	position: absolute;
	transform: rotate(45deg);
}
.section7_pic1,.section7_pic2,.section7_pic3,
.section7_pic4,.section7_pic5,.section7_pic6{
	opacity:0; 
	transition:all ease 1.5s;
	-webkit-transition:all ease 1.5s;
}
.section7_pic1{
	top:15%;
	left:0% ;
	background: url(images/section7_pic1.jpg) no-repeat center top;
	background-size: auto 100%;
	/*+6*/
}
.active .section7_pic1{
	left:12.1% ;
	top:35.2222222%;
	opacity:1; 
	
}
.section7_pic2{
	top:5%;
	left:40.259% ;
	background: url(images/section7_pic2.jpg) no-repeat center top;
	background-size: auto 100%;
}
.active .section7_pic2{
	top:35.2222222%;
	left:40.259% ;
	opacity:1; 
	
}
.section7_pic3{
	top:15%;
	left:80.5% ;
	background: url(images/section7_pic3.jpg) no-repeat center top;
	background-size: auto 100%;
}

.active .section7_pic3{
	top:35.2222222%;
	left:68.5% ;
	opacity:1; 
}
.section7_pic4{
	top:52%;
	left: 26.0925%;
	background: url(images/section7_pic4.jpg) no-repeat center top;
	background-size: auto 100%;
}
.active .section7_pic4{
	opacity:1; 
}
.section7_pic5{
	top:52%;
	left: 54.2407%;
	background: url(images/section7_pic5.jpg) no-repeat center top;
	background-size: auto 100%;
}
.active .section7_pic5{
	opacity:1; 
}
.section7_pic6{
	top:90.66666%;
	left:40.259% ;
	background: url(images/section7_pic6.jpg) no-repeat center top;
	background-size: auto 100%;
}
.active .section7_pic6{
	top:69.66666%;
	left:40.259% ;
	opacity:1; 
}
.section7_pic1:hover{
	background: url(images/section7_pic01.jpg) no-repeat center top;
	background-size: auto 100%;
}

.section7_pic2:hover{
	background: url(images/section7_pic02.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section7_pic3:hover{
	background: url(images/section7_pic03.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section7_pic4:hover{
	background: url(images/section7_pic04.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section7_pic5:hover{
	background: url(images/section7_pic05.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section7_pic6:hover{
	background: url(images/section7_pic06.jpg) no-repeat center top;
	background-size: auto 100%;
}
.section7 .section_box .section7_picbg{
	width: 84.6296%;
	height: 52.2222%;
	background-color: #999;
	position: absolute;
	top:29.77777%;
	left: 7.68518%;
	background: url(images/bg_07_xing.jpg) no-repeat center top;
	background-size: 100% 100%;
	transform: rotate(0);
}
/*section8*/

.section8{
	background: url(images/bg_08.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section8_pic1{
	width: 0%;
	height: 0%;
	position: absolute;
	left: 50%;
	top: 33.333333%;
	background: url(images/section8_pic1.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section8_pic1{
	width: 34.1666666%;
	height: 5%;
	left: 32%;
	opacity:1;

}
.section8_pic2{
	width: 53.4%;
	height: 27%;
	position: absolute;
	left:20.277777%;
	top: 45.777777%;
	background: url(images/section8_pic2.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section8_pic2{
	width: 89.444444%;
	height: 45.666666%;
	left:5.277777%;
	top: 45.777777%;
	opacity:1;

}
/*section9*/
.section9{
	background: url(images/bg_09.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section9_pic1{
	width: 49.814814%;
	height: 10%;
	position: absolute;
	left:25.092%;
	top: -10%;
	background: url(images/section9_pic1.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section9_pic1{
	height: 12.77777%;
	top: 0%;
	opacity:1;

}
.section9_pic2{
	width: 43%;
	height: 32.5%;
	position: absolute;
	left:12.944444%;
	top: 16.666666%;
	background: url(images/section9_pic2.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section9_pic2{
	width: 86.111111%;
	height: 65.33333%;
	left:6.944444%;
	top: 16.666666%;
	opacity:1;

}
.section9_pic3{	
	width: 87.222222%;
	height: 12%;
	position: absolute;
	left:6.3888888%;
	top: 100%;
	background: url(images/section9_pic3.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section9_pic3{
	top: 82.333333%;
	opacity:1;

}
/*section10*/

.section10{
	background: url(images/bg_10.jpg) no-repeat center top;
	background-size: 100% 100%;
}
.section10_pic1,.section10_pic2{
	position: absolute;;
	
}
.section10_pic1{
	width: 92.69296%;
	height: 47.333333%;
	left:-30%;
	top: 36.88888%;
	background: url(images/section10_pic2.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section10_pic1{
	left:3.65352%;
	opacity:1;

}
.section10_pic2{
	width: 56.85185%;
	height: 4.55555%;
	left:-10%;
	top: 85%;
	background: url(images/section10_pic3.png) no-repeat center top;
	background-size: auto 100%;
	opacity:0; 
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
}
.active .section10_pic2{
	left:21.574075%;
	opacity:1;

}

/*footer  */
.footer-box {
	width:100%;
	position:absolute;
	bottom:10px;
	left:0;
    background: none repeat scroll 0 0;
    color: #595757;
	font-size:12px;
	display: none;
}
.footer-box {
    height: 50px;
    text-align: center;
}
.footer-box .copy {
    line-height: 16px;
}
.wrap{
	width:1000px;
	height:auto;
	margin:0 auto;
}