@charset "utf-8";
/* CSS Document */
.headbx{
	position:relative;
	width:1000px;
	height:955px;
	}
.headbx > div{
	position:absolute;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	}
.hb2{
	width:779px;
	height:669px;
	background-image:url(../images/hb2.png);
	top:127px;
	left:-69px;
	}
.p1{
	width:989px;
	height:833px;
	background-image:url(../images/p1.png);
	top:0px;
	left:302px;
	}
.time{
	width:428px;
	height:359px;
	background-image:url(../images/time.png);
	top:646px;
	left:334px;
	/**/
    animation:kt 1.5s ease infinite;
    -webkit-animation:kt 1.5s ease infinite;
    -moz-animation:kt 1.5s ease infinite;
    -o-animation:kt 1.5s ease infinite;
	}
.hp1{
	width:293px;
	height:278px;
	background-image:url(../images/hp1.png);
	top:676px;
	left:84px;
	}
.hp2{
	position:absolute;
	width:410px;
	height:270px;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/hp2.png);
	top:792px;
	left:745px;
	z-index:1;

	}
.bx{
	position:relative;
	width:96%;
	margin:85px auto 0;
	}
.bx::before{
	content:'';
	position:absolute;
	width:99.8%;
	height:100%;
	display:block;
	background-color:#1c1c1c;
	border-radius:50px;
	left:.1%;
	top:0;
	/*
	-moz-transform:rotate(2deg);
  	-webkit-transform:rotate(2deg);
  	-o-transform:rotate(2deg);
  	-ms-transform:rotate(2deg);
  	transform:rotate(1.6deg);*/
	}

.bx::after{
	content:'';
	position:absolute;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	}
.bx.k1::before{transform:rotate(1.6deg);}
.bx.k1::after{
	width:473px;
	height:140px;
	background-image:url(../images/b1.png);
	left:0;
	top:-100px;
	}
.bx.k2::before{transform:rotate(-1.3deg);}
.bx.k2::after{
	width:400px;
	height:140px;
	background-image:url(../images/b1.png);
	right:0;
	top:-70px;
	}
.bx.k3{margin:40px auto 0;}
.bx.k3::before{transform:rotate(1.9deg);}
.bx.k3::after{
	width:473px;
	height:140px;
	background-image:url(../images/b2.png);
	left:150px;
	bottom:-100px;
	}
.bx.k4{margin:85px auto 95px;}
.bx.k4::before{transform:rotate(-1.3deg);}	
.bx1{
	position: relative;
	width: 100%;
	min-height:205px;
	background-color: #fff;
	border-radius:50px;
	z-index: 1;
	padding: 55px 50px 35px;
	font-size: 18px;
	line-height:32px;
	color: #241c1c;
	font-weight:400;
	}
.red{color:#ee324d;}
.dbx{position:relative;padding-bottom:8px;}
.rf1{position:relative;font-size:18px; padding:8px 3px;}
.f1{position:relative;font-size:22px;line-height:35px;font-weight:500;}
.teach{
	position:relative;
	display: inline-block;/**/
	color:#FFF;
	padding:3px 20px;
	background-color:#ff9000;
	border-radius:50px;
	margin:2px 5px 0 0;
	}
.teach:hover{background-color:#ffc000;}	
a.teach{color:#FFF;}

.tit{
	position:absolute;
	width:358px;
	padding-bottom:133px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	top:-98px;
	left:-20px;
	z-index:1;
	pointer-events: none;
	}
.ti_1{background-image:url(../images/tit_1.png);}
.ti_2{background-image:url(../images/tit_2.png);}
.ti_3{background-image:url(../images/tit_3.png);}
.ti_4{background-image:url(../images/tit_4.png);}

.bx1  ul.dec {
  position: relative;
  padding:0 0 0 25px;
	}
.bx1  ul.dec > li{
	position: relative;
	list-style-type: decimal;
	padding-bottom: 8px;
	}
.bx1  ul.dis {
  position: relative;
  padding:0 0 0 20px;
	}
.bx1  ul.dis > li{
	position: relative;
	list-style-type: disc;
	padding-bottom:8px;
	}
.bx1  ul.squ {
  position: relative;
  padding:0 0 0 20px;
	}
.bx1  ul.squ > li{
	position: relative;
	list-style-type: square;
	padding-bottom:8px;
	}
.bx1 .tabx{
	position:relative;
	margin:0 auto;
	}
.bx1 .tabx td{padding:8px 3px;font-size: 18px;}
.bx1 .tabx thead td{
	background-color:#463104;
	line-height:32px;
	font-weight:500;
	color: #fff;
	text-align:center;
	border-bottom:1px #d1c5ac dashed;
	} 	
.bx1 .tabx tbody td{
	line-height:25px;
	font-weight:400;
	color:#241c1c;
	border-bottom:1px #d1c5ac dashed;
	}
.bx1 .tabx tbody tr:nth-child(odd){background-color:#fafafa;}
.bx1 .tabx tbody tr:nth-child(even){background-color:#f1eee8;}
.abtbx{
	position:relative;
	margin:-30px auto -27px;
	z-index:1;
	}
.abtbx > a{
	float:left;
	position:relative;
	width:330px;
	padding-bottom:329px;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	}
.abtbx > a:hover{background-position:50% 100%;}
.abt_1{background-image:url(../images/abt_1.png);margin-left:5px;}	
.abt_2{background-image:url(../images/abt_2.png);}	
.abt_3{background-image:url(../images/abt_3.png);}
.bt_io{
	position:absolute;
	width:206px;
	padding-bottom:193px;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-image:url(../images/bt_bg.png);
	right:-30px;
	top:-113px;
	}
.bt_io a{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 0%;
	top:0;
	left:0;
	}
.bt_io  a:hover{background-position:50% 100%;}
.bt_i{background-image:url(../images/bt_i.png);}
.bt_o{background-image:url(../images/bt_o.png);}	
/**/
iframe{
	position:relative;
	margin:-40px 0 0;
	}
.topbt{
	position:fixed;
	
	width:58px;
	padding-bottom:58px;
	display:inline-block;
	cursor:pointer;
	background-attachment: scroll;
	background-image:url(../images/top_2.png),url(../images/top_1.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:50% 50%,50% 50%;
	background-size:100% auto,100% auto;
	bottom:10px;
	right:10px;
	z-index:5;
	/**/
 	transition: all .3s;
 	-moz-transition: all .3s;
 	-webkit-transition: all .3s;
 	-o-transition: all .3s;
	}
.topbt:hover{background-position:50% -5px,50% 50%;}
	
	
@keyframes hand3 {
     0% {
  		-webkit-transform:scaleX(1);
  		transform:scaleX(1);
 		}
    50% {
  		-webkit-transform:scale3d(1.05,.95,1);
  		transform:scale3d(1.05,.95,1);
		}              
    100% {
  		-webkit-transform:scaleX(1);
  		transform:scaleX(1);
		}
	}
	
@keyframes kt {
    0% {transform:rotate(-1.5deg)translate(-2%, -0.5%);}
    50% {transform:rotate(3deg)translate(5%, 0.5%);}              
    100% {transform:rotate(-1.5deg)translate(-2%, -0.5%);}
	}