/* 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;}
.clearfix{ zoom:1;}

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


.banner_bt{ width:900px; margin:0 auto; padding:72px 0 0 160px;}
.banner_bt a{ display:block; width:330px; height:57px; border-bottom:3px solid #bb321f; background:#ea4228; line-height:60px; text-align:center; border-radius:8px; color:#FFF; font-size:18px;}

.ys_four{ width:960px; padding-top:18px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.ys_four h2{ width:100%; line-height:116px; text-align:center; color:#222222; font-size:34px; background:url(../images/tit_bg.png) center bottom no-repeat;}
.ys_four h2 i{ color:#ed4d2f;}
.ys_four p{ text-align:center; font-size:18px; color:#444444; height:73px; line-height:48px;}
.ys_four div{ width:100%; overflow:hidden;}
.ys_four div dl{ float:left; width:190px; background:url(../images/sea_05.jpg) no-repeat; margin-right:66px;}
.ys_four div dl dd{ width:100%; height:190px; margin-bottom:10px;}
.ys_four div dl dd h5{ height:65px; text-align:center; line-height:80px; font-size:22px; color:#222222;}
.ys_four div dl dd h5 i{ color:#ed4d2f;}
.ys_four div dl dd span{ line-height:30px; text-align:center; color:#444444; font-size:16px; width:100%; display:block;}
.ys_four div dl dt{ width:100%; margin-top:30px; overflow:hidden;}
.ys_four div dl dt a{ width:100%; background:url(../images/a_bg.jpg) left center repeat-x; height:52px; line-height:52px; border-radius:8px; color:#FFF; text-align:center; font-size:16px; display:block;}
.ys_four div dl dt a:hover{ background:#ef2915;}

.part2{ width:960px; padding-top:18px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.part2 h2{ width:100%; line-height:116px; text-align:center; color:#222222; font-size:34px; background:url(../images/tit_bg.png) center bottom no-repeat;}
.part2 h2 i{ color:#ed4d2f;}
.part2 p{ text-align:center; font-size:18px; color:#444444; height:73px; line-height:48px;}

.part_ct{ width:1060px; margin:0 auto; height:520px; overflow:hidden; position:relative;}
.part_ct p{ position:absolute; width:200px; height:100px; padding:20px 0 0 20px;}
.part_ct p a{ display:block; line-height:28px; font-size:12px; color:#FFF;}
.part_ct p a:hover{ text-decoration:underline; font-weight:bold;}


.part3{ width:1060px; padding-top:18px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.part3 h2{ width:100%; line-height:116px; text-align:center; color:#222222; font-size:34px; background:url(../images/tit_bg.png) center bottom no-repeat;}
.part3 h2 i{ color:#ed4d2f;}
.part3 p{ text-align:center; font-size:18px; color:#444444; height:73px; line-height:48px;}

.ms{ width:1060px; margin:0 auto; overflow:hidden;}
.ms dl{ float:left; width:230px; height:360px; position:relative; margin-right:46px;}

.ms dl dt img{ display:block; margin:0 auto; }
.ms dl dd{left:-230px; position:absolute; left:0px; top:0px; background:url(../images/ms_bg.jpg) left center repeat-x; width:188px; height:346px; padding:14px 20px 0 22px;

	 animation-name: rollOut;
 animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: forwards;	
  opacity:0;
  filter:alpha(opacity=0);
	}


.ms dl dd h4{ line-height:42px; text-align:center; color:#FFF; font-size:20px;}
.ms dl dd p{ width:100%; line-height:28px; font-size:14px; color:#FFF; text-align:left;}
.ms dl dd a{ position:absolute; width:180px; height:50px; line-height:50px; background:#FFF; color:#ed4d2f; font-size:18px; border-radius:8px; left:25px; bottom:25px; text-align:center;}
.ms dl.se dd{
	display:block;
	 animation-name: rollIn;
 animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: forwards;	
  opacity:1;
  filter:alpha(opacity=100);
	}


@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.part4{ width:1060px; padding-top:18px; margin:0 auto; overflow:hidden; padding-bottom:60px;}
.part4 h2{ width:100%; line-height:116px; text-align:center; color:#222222; font-size:34px; background:url(../images/tit_bg.png) center bottom no-repeat;}
.part4 h2 i{ color:#ed4d2f;}
.part4 p{ text-align:center; font-size:18px; color:#444444; height:73px; line-height:48px;}

.course{ width:900px; overflow:hidden; margin:0 auto 30px;}
.course h5{ width:100%; background:url(../images/tab_bg.jpg) center top repeat-y; line-height:60px; text-align:center; color:#FFF; font-size:24px;}
.course table{ width:100%; border-top:1px solid #efefef;  border-left:1px solid #efefef; }
.course table tr th{ background:#efefef; height:61px; font-size:18px; color:#222222;}
.course table tr td{ height:58px; line-height:58px; color:#222222; border-right:1px solid #efefef; border-bottom:1px solid #efefef; font-size:16px; text-align:center;}
.course table tr td a{ color:#222222;}
.course table tr td a:hover{ color:#ed4d2f;}


/*footer*/
.footer{width:100%;  padding:40px 0px; background:#1d1d1d; text-align:center; line-height:32px; color:#fff; font-size:16px;}