@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}

.title{width: 720px;margin:0px auto;font-size: 14px;color: #666666;text-align: center;margin-top:200px;}
.title p{line-height: 30px;}
.title div{margin:20px auto;text-indent: -999em;}
.title0{width: 291px;height: 50px;background: url(../images/title0.png) no-repeat; text-indent: -999em; margin:0px auto 30px;}
.title1{width: 291px;height: 50px;background: url(../images/title1.png) no-repeat;}
.title2{width: 288px;height: 47px;background: url(../images/title2.png) no-repeat;}
.title3{width: 288px;height: 47px;background: url(../images/title3.png) no-repeat;}
.title4{width: 288px;height: 47px;background: url(../images/title4.png) no-repeat;}
.title5{width: 288px;height: 47px;background: url(../images/title5.png) no-repeat;}
.title6{width: 288px;height: 47px;background: url(../images/title6.png) no-repeat;}
.title7{width: 288px;height: 47px;background: url(../images/title7.png) no-repeat;}

/*简介*/
.habout{margin:20px auto;height: auto;position: relative;width: 1293px;}
.haboutbox{width: 1293px;height: 504px;background: url(../images/conbg.png) top center no-repeat;margin:0px auto;position: relative;}
.haboutbox p{writing-mode:tb-rl; display:block; width:560px; height:255px;font-size:15px; line-height:29px;
   color:#333;position: absolute;left: 50%;margin-left: -330px;top:100px;}
a.amore{width: 34px;height: 59px;background: url(../images/amore.png) no-repeat;position: absolute;bottom: 160px;left: 220px;}
.haboutbox span{writing-mode:tb-rl; display:block;font-size: 18px;color: #5b2928;line-height: 35px;position: absolute;
bottom: 190px;left: 105px;}
.haboutimg{width: 1210px;margin:0px auto; overflow:hidden;}
.haboutimg li{width: 288px;height: 170px;border:1px solid #d0bfac;float: left;margin: 0 6px;}
.haboutimg li a{display: block;margin:10px auto 0;width: 270px;height: 150px;position: relative;overflow: hidden;}
.haboutimg li a img{width: 270px;height: auto;}
.haboutimg li:hover{border:1px solid #5b2928;}
.haboutimg li i{width:270px;height: 150px;font-size: 16px;text-align: center;color: #fff;position: absolute;top:0px;left: 0px;
background-color: rgba(0, 0, 0, 0.7);transition:all 0.5s;z-index: 4;line-height: 150px;
    filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.haboutimg i{-webkit-transform: scale(0.4);transform: scale(0.4);opacity: 0;cursor: pointer;}
.haboutimg li:hover i{transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);opacity: 1;}

/*特效*/
.weiz5{ position:relative;left:-1500px;}
.haboutimg.current .weiz5{ left:0;}
.weiz6{ position:relative;left:-1800px;}
.haboutimg.current .weiz6{ left:0;}
.weiz7{ position:relative;left:-2000px;}
.haboutimg.current .weiz7{ left:0;}
.weiz8{  position:relative;left:-2500px;}
.haboutimg.current .weiz8{ left:0;}


/*课程介绍*/
.ke{width: 100%;min-width: 1200px;height:1204px;background: url(../images/kebg.jpg) top center no-repeat;}
.kebox{width: 1200px;margin:45px auto 0;background: url(../images/keinfo1.png) bottom center no-repeat;height: 435px;position: relative;}
.kebox li{display: block;float: left;width: 282px;height: 283px;background: url(../images/keico1.png) no-repeat;
  position: relative;margin-right:120px; }
.kebox a{display: block;width: 250px;height: 250px;border-radius: 50%;margin:15px auto 0;overflow: hidden;position: relative;}
.kebox a img{width: auto;height: 250px;text-align: center;margin:auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.kebox .ketxt{writing-mode:tb-rl; display:block;position: absolute;right:-95px;top:0;color: #333;font-size: 14px;}
.kebox li:hover{background: url(../images/keico2.png) no-repeat;}
.kebox li:hover p{color: #5b2928;}
.kebox li.last{margin-right: 0;}
.kebox li:hover img{-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}

/*学员风采*/
.hstudent{width: 100%;min-width: 1200px;height:auto;background: url(../images/stubg.jpg) bottom center no-repeat;}
.hstudent .container{width:1280px; }
.stubox li{width: 280px;height: 280px;float: left;margin:20px;transition: All 0.7s ease-in-out;position: relative;}
.stubox li a{width: 238px;height: 238px;border-radius: 50%;margin:20px auto 0;overflow: hidden;display: block;position: relative;}
.stubox li a img{width: 238px;height: auto;}
.stubox li a span{position: absolute;top:0;width: 238px;height: 238px;border-radius: 50%;line-height: 238px;
background:url(../images/tou.png) repeat;display: none;font-size: 16px;text-align: center;color: #fff;}
.stubox li i{display: block;width: 280px;height: 280px;position: absolute;top:0;left: 0;
  background: url(../images/stuico1.png) bottom center no-repeat;
transition: All 0.7s ease-in-out;cursor: pointer;
            -webkit-transition: All 0.7s ease-in-out;
            -moz-transition: All 0.7s ease-in-out;
            -o-transition: All 0.7s ease-in-out;}
.stubox li:hover i{background: url(../images/stuico2.png) bottom center no-repeat;transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);}
.stubox li:hover span{display: block;}
/*教师园地*/
.hteacher{width: 100%;height:872px;min-width: 1200px;background: url(../images/teabg.jpg) top center no-repeat; }

/* 效果CSS开始 */
.mod18{width:1225px;position:relative;margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:-35px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prev,.mod18 #next{top:515px;width:72px;height:37px;transition:0.5s;}
.mod18 #prev:hover,.mod18 #next:hover{background-position:0 -38px;}
.mod18 .next{right:-35px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .picBox{width:1200px; height:420px; position:relative;overflow:hidden;}
.mod18 .picBox ul{height:420px;position:absolute; left:0;}
.mod18 .picBox li{ width:1200px;height:420px;}

.hteainfo{width: 430px;height:330px;margin-left: 140px;margin-top: 50px; float:left;}
.hteainfo h2{font-size: 48px;color: #5b2928;font-weight: 100;width: 400px;height: 100px;
  background: url(../images/maobi.png) bottom left no-repeat;padding-left: 30px;}
.hteainfo h2 span{font-size: 16px;margin-left: 30px;}
.hteainfo p{font-size: 14px;color: #666;margin-top: 50px;text-indent: 30px;line-height: 25px;width: 100%;height: 125px;
overflow: hidden;}
a.hteamore{text-indent: -999em;width:141px;height: 34px;background: url(../images/teamore.png) no-repeat;display: block;margin-top: 20px; }
a.hteamore,.hstumore{
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
a.hteamore:hover,.hstumore:hover{
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.hstumore{text-indent: -999em;width:141px;height: 34px;background: url(../images/teamore.png) no-repeat;display: block;margin:30px auto; display:block; }


/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hteaimg{width: 600px;float: left;position: relative;}
.htea_img{ width:505px; height:372px; text-align:center; margin:45px auto 0; position:relative; overflow:hidden;}
.htea_img i{position:absolute; left:0; top:0; display:block; width:505px; height:372px; background:url(../images/teaimg.png) no-repeat; z-index:10;}
.htea_img img{ width:505px; height:auto; position:absolute; left:0; top:0;}
.hteaimg p{width: 25px;writing-mode:tb-rl; display:block;position: absolute;right:0px;top:45px;color: #333;font-size: 14px;}

.mod18 .listBox{width:1225px;height:190px;margin:20px auto 0;position:relative;overflow:hidden;}
.mod18 .listBox ul{height:180px;position:absolute; }
.mod18 .listBox li{width:195px;height:180px;cursor:pointer;position:relative;margin-left:9px;
border:1px solid #5b2928;overflow: hidden;}
.mod18 .listBox li .onimg{width: 195px;height: auto;position: absolute;left:0; top:0;right: 0;bottom: 0;margin:auto;}
.mod18 .listBox li div{display:none;}
.mod18 .listBox li div p{text-align: center;color: #fff;font-size: 14px;float: right;width:175px; }
.mod18 .listBox li div p span{display: block;font-size: 16px;line-height: 50px;margin-top: 45px;}
.mod18 .listBox div em{width: 185px;height: 158px;padding:10px 13px 0 13px;display: block;float: left;overflow: hidden;}
.mod18 .listBox div img{width:auto; height:158px;}
.mod18 .listBox .on{width:390px;background-color:#5b2928;height:180px;}
.mod18 .listBox .on .onimg{display: none;}
.mod18 .listBox .on div{display:block;}



/*学校分布*/
.hschool{width: 100%;min-width: 1200px;height:824px;background: url(../images/schoolbg.jpg) top center no-repeat;}
.hschool .container{position: relative;height: 824px;}
.sphone{position: absolute;bottom: 100px;left: 305px;width: 300px;}
.sphone img{position: relative;top:10px;}
.sphone p{font-size: 14px;color: #333;line-height: 30px;margin-left: 10px;float: left;}
.sphone p b{display: block;color: #5b2928;font-size: 30px;}
i.ding{width: 34px;height: 33px;background: url(../images/dingwei.png) no-repeat;display: block;position: absolute;
top:310px;left: 665px;-webkit-animation: bounce-up 2s linear infinite;
-moz-animation: bounce-up 2s linear infinite;
-o-animation: bounce-up 2s linear infinite;
animation: bounce-up 2s linear infinite;}

@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(1px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-1px);}
}
@-moz-keyframes bounce-up {
 25% {-webkit-transform: translateY(1px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-1px);}
}
@-o-keyframes bounce-up {
 25% {-webkit-transform: translateY(1px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-1px);}
}
 
@keyframes bounce-up {
25% {transform: translateY(1px);}
 50%, 100% {transform: translateY(0);}
75% {transform: translateY(-1px);}
}

.haddico{width: 121px;position: absolute;bottom:110px;right: 328px;}
.haddico a{width: 121px;height: 38px;display: block;background:url(../images/img/adico1.png) no-repeat;line-height: 38px;
color: #fff;font-size: 14px;z-index: 5;text-indent: 47px;margin-bottom:15px;cursor: pointer;transition:0.5s;}
.haddico a:hover,.haddico a.on{background:url(../images/img/adico2.png) no-repeat;color: #fff;}



/*书院资讯*/
.news{width: 100%;min-width: 1200px;height:694px;background:#f4f0e3 url(../images/newbg.jpg) top center no-repeat;}
.newsbox{width: 1200px;margin:0px auto;padding-top:60px;}
.newsleft{width: 395px;float: left;}
.newsright{width: 375px;float: right;overflow: hidden;margin-left: 20px;}
.newl_img{ width:395px; height:207px; overflow:hidden; text-align:left;margin: 30px 0 10px 0;}
.newl_img img{width:auto; height:207px;}
.newsleft p{font-size: 14px;color: #666;line-height: 23px;width: 395px;height: 75px;overflow: hidden;}
.newsleft a.news_more{font-size: 14px;color: #666;text-align: center;display: block;float: right;}
.newsleft a.news_more:hover{color: #5b2928;}
.newsright ul{width: 100%;height: 327px;overflow: hidden;margin-top: 30px;background: url(../images/line.jpg) left repeat-y;}
.newsright li{width: 365px;height: 40px;line-height: 40px;border-bottom: 1px dashed #cccccc;margin-left: 10px;}
.newsright li a{font-size: 15px;color: #666;display: block;float: left;margin-left: 20px;transition:0.5s;
width: 290px;height: 40px;overflow: hidden;line-height: 40px;}
.newsright li a:hover{color: #5b2928;}
.newsright li a:hover{margin-left: 10px;}
.newsright li span{font-size: 14px;color: #808080;display: block;float: right;}
.newsright li i{width: 14px;height: 14px;background: url(../images/quan.png) no-repeat;display: block;
  float: left;margin-top: 13px;transition:0.5s;}
.newsright li:hover i{}
.nlefttit{width: 100%;height: 40px;background: url(../images/line.png) bottom left no-repeat;line-height: 35px;}
.nlefttit span{float: left;margin-top: 5px;display: block;width: 156px;height: 47px;background: url(../images/ico.png) no-repeat;
font-size: 14px;text-align:left;color: #fff;line-height: 50px;text-indent: 25px;}
.nlefttit a.nl_more{float: right;font-size: 14px;color: #666;transition:0.5s;margin-top:20px;}
a.nl_more:hover{color: #5b2928;}
.newsleft h3{font-size: 18px;color: #333;width: 395px;height: 40px;line-height: 40px;overflow: hidden;font-weight: 100;}


/*联系我们*/
.hcontact{width: 100%;min-width: 1200px;height:800px;background:url(../images/conbg.jpg) bottom center no-repeat;}
.hconleft{width: 620px;float: left;}
.hconright{width: 510px;float: right;padding-top: 30px;}
.hctit{font-size: 16px;color: #5b2928;line-height: 30px;text-align: center;text-decoration: underline;}
.hmap{width: 618px;height: 328px;border:1px solid #5b2928;}
.hmap span{display: block;width: 600px;height: 312px;margin:10px auto 0;}
.hcbottom{margin-top: 20px;}
.hcbottom img{margin-left:30px;}
.hcbottom p{font-size: 14px;color: #333;float: right;line-height: 30px;width: 195px;}
.hcbottom p b{display: block;font-size: 24px;color: #5b2928;}
.hconright li{font-size: 14px;color: #333;line-height: 50px;}
.hconright li i{width: 14px;height: 14px;display: inline-block;background: url(../images/quan.png) no-repeat;
  position: relative;top: 3px;right: 10px;}



/*特效*/
.habout.current .title{ margin-top:0px;}
.ke.current .title{ margin-top:0px;}
.hstudent.current .title{ margin-top:0px;}
.hteacher.current .title{ margin-top:0px;}
.hschool.current .title{ margin-top:0px;}
.news.current .title{ margin-top:0px;}
.hcontact.current .title{ margin-top:0px;}



@media screen and (max-width: 1600px) { 

}
.qinqishuhua{width: 1216px;margin:35px auto;}
.qinqishuhua a{width: 272px;height: 136px;margin:0 16px;overflow: hidden;float: left;}
.qinqishuhua a img{width: 272px;height: auto;}