/* 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 span{ float:right; height:89x; line-height:90px; text-indent:39px; color:#52352d; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(imagesphone.png) left center no-repeat;}

.banner{ width:1060px; margin:0 auto; overflow:hidden;}
.banner h1{ font-size:86px; color:#53372e; font-weight:normal; height:126px; line-height:86px; font-family:'宋体';}
.banner h1 i{ font-weight:bold; font-family:'微软雅黑';}
.banner p{ line-height:66px; text-indent:163px; color:#53372e; font-size:48px; font-family:'宋体';}

.bannner_bt{ width:1060px; margin:0 auto; overflow:hidden; padding-left:90px;}
.bannner_bt a{ -webkit-transition:all 0.6s ease; float:left; width:200px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:30px; font-size:18px; background:#573a30; margin-right:70px;}
.bannner_bt a.zx_bt{ background:#572b65;}
.bannner_bt a:hover{  background:#FFF; color:#4c322a;}

.eye{ width:1060px; margin:0 auto; overflow:hidden; padding-top:36px;}
.tit{ width:100%; overflow:hidden; background:url(imagesjp_06.jpg) center top no-repeat; padding-top:64px; padding-bottom:42px;}
.tit h3{ width:100%; text-align:center; line-height:64px; font-size:40px; color:#53372e;}
.tit p{ text-align:center; line-height:50px; color:#444444; font-size:24px; }

.true_or{ width:1028px; margin:0 auto; overflow:hidden; background:url(imagesjp_09.jpg) center top  no-repeat;  padding:30px 16px;}
.true_or dl{ float:left; width:460px; overflow:hidden;}
.true_or dl dt{ width:100%; line-height:54px; color:#002222; font-size:24px; text-indent:208px; margin-bottom:30px;}
.true_or dl dd p{ width:100%; text-align:center; line-height:60px; color:#222222; font-size:14px; margin-bottom:10px;}
.true_or dl.true{ float:right;}
.true_or dl.true dt{ color:#222222;}
.true_or dl.true dd p{ color:#FFF;}
.true_or span{ float:left; width:100%; text-align:center; margin-top:50px;}
.true_or span a{ -webkit-transition:all 0.6s ease; display:block; width:400px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:30px; font-size:18px; background:#4f275c; margin:0 auto;}
.true_or span a:hover{ border:1px solid #4f275c; color:#4f275c; background:#FFF;}

.course{ width:1060px; margin:0 auto; overflow:hidden; }
.course h4{ width:100%; text-align:left; color:#FFF; line-height:60px; font-size:20px; text-indent:42px; margin-bottom:20px;}
.course h4 i{ float:right; margin-right:58px;}

.sub_intr{ width:100%; overflow:hidden;}

.sub_intr dl{ float:left; width:506px; overflow:hidden;  margin-bottom:20px;}
.sub_intr dl dt{ float:left; width:140px; height:50px; line-height:50px; text-indent:48px; color:#FFF; font-size:16px;}
.sub_intr dl dd{ float:left; line-height:50px; text-indent:26px; color:#222222; font-size:16px;}

.course_ct{ width:100%; overflow:hidden;}
.course_ct dl{ float:left; width:230px; margin-right:46px; overflow:hidden; position:relative; height:330px;}
.course_ct dl dt{ width:100%; height:74px; line-height:90px; color:#FFF; text-align:center; font-size:20px;}
.course_ct dl dd p{ width:182px; padding:0 24px; line-height:36px; color:#FFF; font-size:14px;}
.course_ct dl dd a{ position:absolute; width:160px; height:60px; line-height:60px; text-align:center; background:#FFF; border-radius:30px; color:#53372e; font-size:18px; left:35px; bottom:30px;}
.course_ct dl.course_bi dt{ color:#222222;}
.course_ct dl.course_bi dd p{ color:#222222;}
.course_ct dl.course_bi dd a{ color:#FFF; background:#53372e;}
.course_ct dl.course_bi dd i{ color:#ff0000;}
.course_ct dl dd a:hover{ background:#532961; color:#FFF;}


.course h5{ width:100%; overflow:hidden; margin-bottom:20px;}
.course h5 span{ float:left;  width:506px; text-align:center; color:#FFF; line-height:60px; font-size:20px;}

.normal{ background:url(imagesjp_16.jpg) center top no-repeat; }

.normal_cou{ width:1060px; margin:0 auto; overflow:hidden;}
.normal_cou table{ width:100%; text-align:center;}
.normal_cou table tr th{ font-weight:normal;  height:60px; font-size:20px; color:#FFF; background:#50352c;}
.normal_cou table tr{background:#FFF;}
.normal_cou table tr td{ height:150px; font-size:18px; color:#333333;  line-height:30px;}
.normal_cou table tr td a{ -webkit-transition:all 0.6s ease; display:block; width:120px; height:50px; line-height:50px; text-align:center; color:#FFF; background:#4f275c; border-radius:25px; margin:0 auto; font-size:16px;}
.normal_cou table tr td a:hover{ background:#55382f;}
.normal_cou i{ height:90px; line-height:80px; text-align:center; font-size:16px; color:#444444; display:block;}

.ms{ width:1060px; margin:0 auto; overflow:hidden;}
.ms ul li{ float:left; width:230px; height:340px; position:relative; overflow:hidden; margin-right:46px;}
.ms ul li img{ position:absolute; left:0px; top:0px;}
.ms ul li dl{ position:absolute; left:0px; top:340px; width:230px; height:340px; overflow:hidden; background:#53372e;}
.ms ul li dl dt{ width:186px; padding-top:20px; height:94px;margin:0 auto; border-bottom:1px solid #FFF; line-height:38px; color:#FFF; text-align:center; font-size:18px;}
.ms ul li dl dd{ width:194px; padding:12px 18px 0; line-height:36px; text-align:left; color:#FFF; font-size:14px;}
.ms ul li.se dl{ top:0px;

  animation-name: rollIn;
-webkit-animation-name: rollIn;
   animation-duration: 1s;
  animation-fill-mode: both;
 -webkit-animation-duration: 1s;
 -webkit-animation-fill-mode: both;
   animation-iteration-count: forwards;
-webkit-animation-iteration-count: forwards;

}


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

  to {
    opacity: 1;
    transform: none;
  }
}
.ms a{ display:block; width:400px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:30px; font-size:18px; background:#4f275c; margin:50px auto;}

.process{ width:972px; margin:0 auto; overflow:hidden; background:url(imagesjp_19.jpg) center top no-repeat; padding-left:88px;}
.process p{ width:100%; overflow:hidden;  margin-bottom:56px;}
.process p span{ float:left; width:204px; height:70px; padding-top:20px; line-height:24px; text-align:center; color:#FFF; font-size:16px;}
.process a{ display:block; width:400px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:30px; font-size:18px; background:#4f275c; margin:50px auto;}

.school{ width:494px; margin:0 auto; overflow:hidden; padding-left:566px;}
.school p{ width:100%; overflow:hidden;}
.school p a{ float:left; width:110px; height:50px; color:#FFF; text-align:center; line-height:50px; font-size:16px; background:#53372e; margin:0 10px 10px 0;}
.school p a:hover{ background:#4f275c;}
.school a.quick{ position:relative; overflow:hidden; z-index:2; display:block;  width:470px; height:60px; line-height:60px; text-align:center; color:#FFF; border-radius:30px; background:#4f275c; font-size:18px;}
.school a.quick i:before{ content:''; border-radius:30px; z-index:-1; position:absolute; left:0px; top:0px; width:0px; height:60px; background:#53372e; -webkit-transition:all 0.6s ease;}
.school a.quick:hover i:before{ width:470px;}


.footer{ width:100%; text-align:center; color:#FFF; line-height:46px; font-size:14px; padding:60px 0px; background:#222222;}