/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:"微软雅黑"; font-size:12px;}
.clearfix:after{ display:block; content:''; clear:both;}


.top{ width:1060px; margin:0 auto; overflow:hidden; }
.top a{ float:left; padding-top:30px;}
.top a img{ display:block;}
.top span{ float:right; background:url(../images/phone.png) left center no-repeat; height:89px; line-height:90px; font-size:24px; text-indent:40px; color:#313332; font-family:Arial, Helvetica, sans-serif;}

.banner_bt{ width:998px; margin:0 auto; overflow:hidden; padding-left:62px;}
.banner_bt a{ display:block; width:479px; height:68px; line-height:68px; text-align:center; border-radius:8px; background:url(../images/banner_bg.jpg) left center repeat-x; color:#FFF; font-size:22px; -webkit-transition:all 1s ease-in-out; }
.banner_bt a:hover{ background:#f36404; letter-spacing:24px;}

.anchor{ width:1060px; margin:0 auto; overflow:hidden; height:179px; position:relative;}
.anchor a{ position:absolute; width:120px; -webkit-transition:all 0.6s ease-in-out; height:120px; font-size:18px; padding-top:26px; height:94px; line-height:30px; text-align:center; color:#ffff00; background:url(../images/anchor.png) no-repeat;}
.anchor a i{ color:#FFF;}
.anchor a:hover{ -webkit-transform:rotate(360deg); background:url(../images/anchor2.png) no-repeat;}

.tit{ width:950px; height:106px; border-bottom:1px solid #dddddd; text-align:center; margin:0 auto; position:relative; margin-bottom:72px;}
.tit h2{ text-align:center; color:#222222; font-size:36px; line-height:60px;}
.tit h2 i{ display:inline-block; width:140px; height:75px; background:url(../images/time.png) no-repeat; line-height:60px; margin-left:16px;}
.tit p{ position:absolute; width:260px; height:40px; line-height:40px; text-align:center; color:#222222; font-size:16px; background:#ebebeb; left:345px; top:88px;}


.suit{ width:660px; padding-left:400px; padding-top:60px; position:relative; margin:0 auto; height:470px;}
.suit img{ position:absolute; left:51px; top:0px; z-index:-1; }
.suit dl{ width:100%; overflow:hidden; margin-bottom:42px;}
.suit dl dt{ float:left; width:58px; height:58px; line-height:58px; text-align:center; color:#FFF; background:#e84c04; font-size:36px; margin-right:20px;}
.suit dl dd{ float:left;}
.suit dl dd h5{ line-height:30px; text-align:left; font-size:22px; color:#222222;}
.suit dl dd h5 i{ color:#e84c04;}
.suit dl dd p{ height:26px; line-height:34px; color:#222222; font-size:14px; }
.suit a{ position:absolute; left:325px; top:408px; -webkit-transition:all 1s linear; width:410px; height:60px; background:url(../images/autum_tf_10.jpg) left center repeat-x; line-height:60px; border-radius:8px; text-align:center; color:#FFF; font-size:20px;}
.suit a:hover{ background:#e84c04;}

.new{ width:1004px; margin:0 auto; overflow:hidden; padding:0 22px 0 34px; margin-bottom:50px;}
.new p{ float:left; padding-top:10px; width:510px;}
.new p span{ float:left; width:291px; height:150px; line-height:150px; margin:0px 10px 10px 0px; text-align:center; color:#FFF; font-size:18px; background:url(../images/autum_tf_17.jpg) center top repeat-y;}
.new p font{ float:left; width:200px; height:107px; line-height:30px; text-align:center; padding-top:44px; font-size:18px; margin-bottom:10px;  background:url(../images/autum_tf_19.jpg) center top repeat-y; color:#FFF;}
.new p a{ float:left; width:160px; height:150px; margin-right:10px; line-height:150px; text-align:center; color:#FFF; font-size:18px; background:url(../images/autum_tf_23.jpg) center top repeat-y;}
.new img{ float:right; -webkit-transition:all 0.6s ease-in-out;}
.new p a.ky{ line-height:30px; padding-top:44px; height:106px;}

.new img:hover{ -webkit-transform:scale(1.1);}
.new p span:hover,.new p font:hover,.new p a:hover{
	-webkit-animation-name:tada;
	 animation-duration: 1s;
  animation-fill-mode: both;
   animation-iteration-count: 1;
   animation-timing-function:2s;
}


@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.course{ width:1026px; margin:0 auto; overflow:hidden; padding-left:34px;}
.course table{ width:100%; text-align:center; margin-bottom:10px; }
.course table tr th{ height:60px; background:#e84c04; color:#FFF; font-size:20px; font-weight:normal;}
.course table tr td{ line-height:60px; color:#222; background:#FFF; font-size:16px;}
.course table tr td a{ display:block; width:100px; height:36px; line-height:36px; text-align:center; color:#FFF; border-radius:8px; background:#e84c04; margin:0 auto; -webkit-transition:all 0.6s ease-in-out;}

.course table tr td a:hover{ background:#ffff00; color:#333;}

.fight{ width:1100px; margin:0 auto; overflow:hidden; position:relative; height:770px;}
.fight dl{ position:absolute; width:290px; height:290px; overflow:hidden;}
.fight dl dt{ width:100%; height:95px; line-height:120px; text-align:center; color:#FFF; font-size:22px; background:url(../images/dt_bg.jpg) bottom center no-repeat;}
.fight dl dd{ line-height:34px; padding:20px 26px 0 26px; width:238px; height:270px; text-align:left; color:#FFF; font-size:14px;}
.fight dl dd a{ position:absolute; -webkit-transition:all 0.6s ease-in-out; width:138px; height:48px; line-height:48px; border:1px solid #FFF; color:#FFF; border-radius:8px; text-align:center; left:75px; bottom:35px;}
.fight dl dd a:hover{ background:#FFF; color:#000;}

.xq_hj{ width:1050px; margin:0 auto; overflow:hidden; padding-left:10px;  margin-bottom:60px;}
.xq_hj font{ float:left; width:199px; height:121px; line-height:42px; color:#333333; text-align:center; font-size:18px; padding-top:38px; border:1px solid #e7e7e7; background:#eeeeee; margin:0 10px 10px 0;}
.xq_hj img{ float:left; margin:0px 10px 10px 0px; -webkit-transition:all 0.8s ease-in-out; }
.xq_hj img:hover{ -webkit-transform:scale(1.1);}

.foot_main{ width:100%; overflow:hidden;}
.foot_main h4{ width:100%; line-height:142px; text-align:center; font-size:36px; color:#FFF; font-weight:bold;}
.foot_main h4 i{ font-weight:normal; color:#fff000; font-size:36px; }
.foot_main a{ display:block; width:290px; height:60px; line-height:60px; text-align:center; color:#FFF; background:url(../images/autum_tf_10.jpg) left center repeat-x; border-radius:8px; margin:0 auto; color:#FFF; font-size:18px; -webkit-transition:all 0.6s ease-in-out;}
.foot_main a:hover{ letter-spacing:20px; font-size:26px; font-weight:bold; -webkit-transform:translateX(60px);}

.footer{ width:100%; background:url(../images/autum_tf_53.jpg) center top no-repeat; height:176px; border-top:1px solid #a3a3a3; line-height:46px; font-size:14px; text-align:center; color:#FFF; padding-top:34px;}