@charset "UTF-8";
body {color:#666666;  }




.subbar {
    background: #fff;
    padding: 6px 0;
	width:1160px;
	margin-left:auto;
	margin-right:auto;
}
.subbar .subbarBox {
    height: 38px;
    line-height: 38px;
    background: #f3f3f3;
    color: #666;
    padding: 0 15px;
}
.clearfix {
}
.subbar .fr {
    font-size: 18px;
    color: #333;
    width: 280px;
    height: 32px;
    float: right;
    overflow: hidden;
    padding-top: 5px;
}
@media (max-width:640px){
    .subbar .fr {width:90%;height: 22px;padding-top: 0px;text-align: center;}
    .subbar{margin-top: -10px;}
}
 
#nav-bar { background: #ae0e16; width:100%; }
/*slider*/
/*#slider{min-width: 1200px;position: relative;margin-bottom: 20px;}
.slide{width: 100%;position: relative;overflow: hidden;height:859px;}
.slide ul{position: absolute;top:0;left:0;height:100%; width: 100%;}
.slide li,.slide li>a{width:100%;height:100%;}
.slide li img{width: 100%;height: 100%;}*/
.indicator{width: 100%;height: 20px;text-align: center;position: absolute;bottom: 24px;}
.indicator a{width: 36px;height: 5px;background: #ffffff;margin-right:10px;}
.indicator a:hover,.indicator a.now{background: #ae0d15;}

/*slider*/
#focus .frame{overflow:hidden;position:relative;margin-bottom: 40px;}
#focus{ margin:0 auto;}
#focus .child{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:-1px;width:100%;height:100%;}
#focus .nav_i{position:absolute;left:0;bottom:50px;text-align:center;width:100%;}
#focus .nav_i i{background:url(../images/dot1.png) right center no-repeat;width:11px;height:11px;display:inline-block;margin:0 3px;cursor:pointer;}
#focus .nav_i i.now{background-position:left center;}

#focus .frame{overflow:hidden;position:relative;}
#focus{ margin:0 auto;}
#focus .child{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:-1px;width:100%;height:100%;}
#focus .nav_i{position:absolute;left:0;bottom:50px;text-align:center;width:100%;}
#focus .nav_i i{background:url(/content/images/dot1.png) right center no-repeat;width:11px;height:11px;display:inline-block;margin:0 3px;cursor:pointer;}
#focus .nav_i i.now{background-position:left center;}


/*quick-start*/
.quick-start{ width:100%; background: #f7f7f7;height: 130px;margin-bottom: 50px;}
.quick-list{width: 1225px;margin: 0 auto;padding: 27px 0;}
.quick-list li{float: left;width: 220px;height: 76px;margin:0 35px;}
.quick-list li a{display: inline-block;width: 100%;height: 100%;position: relative; }
.quick-list li a  img{width: 76px;height: 76px; border-radius:100%; position:absolute; left:0; z-index:1;}
.quick-list li a span{position: absolute;margin-left: 14px;font-family: 微软雅黑;top: 10px;}
    .quick-list li a span var {font-style:normal;}
.quick-list li a span h3{color: #444444;font-size: 20px;font-weight: normal;}
.quick-list li a:hover span h3{color:#702828;}
.quick-list li a span p{color: #c0c0c0;font-size: 16px;}
/*.quick-list li a img:hover{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}*/

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width:76px;
  height:76px;
}
.hvr-outline-out:after {
  content: '';
  position: absolute;
  border: #d8363e solid 1px;
  border-radius:100%;
  top: 0;
  right:  0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
  -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
}
.hvr-outline-out:hover:after, .hvr-outline-out:focus:after, .hvr-outline-out:active:after {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
}

/*新闻*/
#news,#events,#book-exp,#subject,.dht{width: 1160px;margin: 0 auto 45px;}
.news-con{margin-top: 30px;}
.news-slide{width: 780px;height: 406px;}
.slide-img .m-text {line-height: 38px;text-align: right;width: 780px;}
.slide-img .mask {width: 780px;}
.news-slide ul{height: 412px;width: 3770px;position: absolute;top:0;left:0;overflow:hidden;}
.news-slide ul li{float: left;width: 780px;}
 .news-slide ul li a,.news-slide ul li img {width:780px;height:406px;position:absolute;}
.news-slide ul li span {text-indent:1em;width:780px;display:inline-block;position:absolute;bottom:6px;z-index:99;left:0px;line-height:30px;background-color:rgba(33,33,32,0.6);color:white;padding-left:5px;font-size:14px;}
.news-text{width: 576px;height: 336px;overflow: hidden;position: relative;}
    .news-text h2 {height:25px;}
.news-text h2 a,.news-text-bt h3 a{font-size: 18px;color: #702828;font-weight: 600;font-family: "Microsoft yahei";line-height: 25px;white-space: nowrap;
    overflow: hidden;text-overflow: ellipsis;width: 345px;}
.news-text p{line-height: 22px;}
.news-text .intro{height: 47px;font-weight: 600;position: relative;margin-bottom: 9px;    overflow: hidden;text-align:justify;}
.news-text .intro a{position: absolute;bottom:0;right:0;color: #c4a47b;}
.time{color: #707070;margin: 5px 0;}
#ycsx li {cursor:pointer;}
.news-list li{padding: 0px 20px;background: #f3f3f3;margin-bottom: 5px;}
.news-list li div{width:560px;height:40px;}


.news-list li .list-title{width: 500px;overflow: hidden;font-size: 14px;color: #702828;font-weight: 600;line-height: 40px;}
.news-list li span{height:40px; line-height:40px; float:right;padding-right:10px;}
.news-list li.last-more{padding-bottom: 22px;position: relative;}
.news-list .more{width: 100%;height: 28px;font-size:18px;font-weight:normal;color: #ffffff;background: #ccb18e;text-align:center;position: absolute;right:0;bottom:0;font-family: "Microsoft yahei";}
.news-list .more:hover{ background: #ab8e68;}
.news-list .more i{width: 13px;height: 13px;background: url(images/icon.png) no-repeat 0 -35px;margin-left: 5px;}
.name-content{display:none;}
.name-time {display:block;

width:527px;
height:22px;
font-size:16px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;

line-height:22px;
}

.name-time a

.news-list li.show {padding:0 20px;background:white;}
.show .name-content{display:block;}
.show .name-time {width:596px;
height:40px;
background:rgba(243,243,243,1);}

.h1-style  img {width: 130px;}

.slide-img .mask span{color: white;vertical-align: -webkit-baseline-middle;margin-left: 15px;}


.dht ul li {display:inline-block;margin-right:15px;}
.dht ul li:last-child {margin-right:0;}
/*大事记*/
.event-fl{width: 95px;min-height: 200px;background: url(images/event-title.png) no-repeat left top;border-right: 3px solid #cccccc;background-size: 80%;}
.event-fl ul{width: 70px;padding-left: 35px;margin-top: 310px;margin-right: -10px;}
.event-fl ul li{height:78px;line-height: 78px;margin-bottom: 18px;}
.event-fl ul li a{font-size: 20px;font-weight: 600;font-family:"Microsoft yahei";}
.event-fl ul li.active{background: url(images/selected.png) no-repeat 60px 0;}
.event-fl ul li.active a{color: #8b0607;}
.event-fr{width: 1015px;}
.event-fr ul{height:592px;overflow: hidden;}
.event-fr ul li{height: 184px;margin-bottom: 30px;}
.event-text{width: 740px;height:183px;border-bottom: 3px solid #dddddd;}
.event-text h3 a{font-size: 17px;color: #333333;width: 700px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.event-text h3 a:hover{color: #702828;}
.event-text p{line-height: 22px;}
.event-text p.text {height: 88px;overflow: hidden;font-size:12px;text-indent: 2em;text-align:justify;}
.event-text .time{margin-bottom:10px;}
.look-det{width: 58px;height: 18px;line-height:18px;color:#FFFFFF;background: #ccb18e;text-align: center;margin-top: 10px;}
.look-det:hover{background: #bea17b;}
.event-img{width: 236px;height: 164px;overflow: hidden;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid #eae6e1; text-align: center;}
.event-img img{transition: transform 0.7s;height:100%;}
.event-img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform:scale(1.1);-ms-transform: scale(1.1);}

/*新书速递*/
#book-exp{margin-top: 25px;font-family: "Microsoft yahei";}
#book-exp h1{margin-bottom: 20px;}
#book-exp h1 img {width:120px;}
.book-con{width: 1158px;border: 1px solid #eae6e1;background: #f3f3f3;padding-top: 20px;}
.book-list{height: 280px;position: relative;}
.book-slide{width: 1060px;height: 280px;margin: 0 auto;position: relative;overflow: hidden;}
.book-slide ul{position: absolute;top:0;left:0;height: 280px;}
.book-slide ul li{position:relative;float: left;width: 190px;height: 238px;padding:15px 0;border: 1px solid #eae6e1;background: #ffffff;text-align: center;margin: 0 10px 10px 10px;/* border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow: 1px 1px 6px #dddddd;-moz-box-shadow:1px 1px 6px #dddddd;-webkit-box-shadow: 1px 1px 6px #dddddd;*/}
.mask-layer{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;background: #ccb18e;opacity: 0.85;filter:alpha(opacity=85);border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/*.mask-con{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;}*/
.mask-con{width:192px;top:500px;cursor: pointer;position: absolute;transition: all 1.0s;left:-1px}
.mask-con-text{width: 192px;height: 118px;border-bottom:1px solid red; color:#FFFFFF;text-align:center;transform: translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);background-color: rgba(0,0,0,0.3)}
.mask-con-text h3{padding-top: 15px;font-size: 15px;font-weight: normal;overflow: hidden;max-height: 70px;}
.mask-con-text h4{font-size: 16px;line-height: 26px;font-weight: normal;height:42px;}
.mask-con-text .look{font-size: 14px;color: #FFFFFF;background:#b79c7a;padding: 4px 15px;border: 1px solid #ebe1d4;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 35px;position: absolute;bottom: 30px;left: 52px;}
/*.book-slide ul li:hover .mask-con,.book-slide ul li:hover .mask-layer{display: block;}*/
.book-slide ul li:hover .mask-con,.book-slide ul li:hover .mask-con {top:250px;opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.book-slide ul li img {width:132px;height:190px;transition: all 0.8s;}
.book-slide ul li a {transition: all 0.8s;}
.book-slide ul li:hover a {padding-top:20px;transition: all 0.8s;}
.book-slide ul li:hover p, .book-slide ul li:hover span {display:none;}
.book-slide ul li:hover img { transform: scale(1.2);top:0px;transition: all 0.8s;}
.book-slide ul li p{color: #593939;font-size: 14px;font-weight:600;margin: 5px 0;overflow:hidden;text-indent:inherit;white-space:nowrap;width:168px;text-overflow: ellipsis;}
.book-slide ul li span {overflow: hidden;text-indent: inherit;white-space: nowrap;width: 168px;text-overflow: ellipsis;}
.book-list>a{position: absolute;top:50%;margin-top: -32px;}
.book-list>.arrow-left{left:0;}
.book-list>.arrow-right{right:0;}

/*新书快讯*/
.book-text{margin-top: 20px;border-top: 1px dotted #848484;position:relative;}
.book-text>.common>ul{margin: 0 auto;width: 2240px;padding:15px 0 10px 10px;background: url(images/list.png) no-repeat left center;min-height: 221px;display:inline-block; overflow:hidden;}
.book-text>.common>ul>li{float:left;width: 1150px;padding:10px 20px;border-right: 1px dotted #848484;}
.book-text>.common>ul>li>ul>li{float:left;width: 480px;padding:10px 20px;border-right: 1px dotted #848484;}
.book-text>.common>ul>li h4 a{font-size: 14px;color: #702828;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 460px;}
.book-text>.common>ul>li p{font-family: SimSun;line-height: 24px;overflow: hidden;}
.book-text>.common>ul>li .p-contet {height: 72px;text-align:justify;}
.more-style{float: right;color: #ccb18e;font-size: 18px;font-weight: normal;margin-top: 7px;margin-right:10px;}
.more-style i{width: 13px;height: 13px;background: url(images/icon.png) no-repeat -19px -35px;margin-left: 5px;}
.more-style1{float: right;color: #ccb18e;font-size: 18px;font-weight: normal;margin-top: 7px;margin-right:10px;position: absolute;right: 1px;bottom: -12px;}
.more-style1 i{width: 13px;height: 13px;background: url(images/icon.png) no-repeat -19px -35px;margin-left: 5px;}
.book-text .common {width: 1060px;height:210px;margin: 0 auto;position: relative;overflow: hidden;}
.book-text > .book-left {position: absolute;margin: auto auto;height: 206px;line-height: 206px;}
.book-text > .book-right {position: absolute;right: 0;height: 206px;line-height: 206px;}
/*教师服务*/
#teacher{width: 1160px;height: 206px;margin:20px auto 80px;background: url(images/teacher-bg.png) no-repeat;position: relative;}
#teacher a{position: absolute;bottom: 35px;width:256px;height:138px;}
    #teacher a img {position:absolute;top:44px;left:30px;}
#teacher a.first{right:610px;background: url(images/bg-stylebook.jpg) no-repeat;}
#teacher a.second{right: 320px;background: url(images/bg-teaching.jpg) no-repeat;}
#teacher a.three{right:30px;background: url(images/bg-marketing.jpg) no-repeat;}
  #teacher a:hover img{
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

/*专题推荐*/  
.sub-con{ margin: 10px -40px 20px 0px;}
.sub-con img{width:260px;height:114px;  }
 
.sub-con ul li{  width:260px; height:225px; float:left; border-top:5px solid #ae0e16; margin:0 40px 0 0px;text-align: center; cursor: pointer;  font-family: "Microsoft yahei";background: #f3f3f3;}
.sub-con ul li .border{border:1px solid #eae6e1; background-color:#f9f9f9; border-top:none; height:124px; }
.sub-con ul li h5{ font-size:18px; color:#222; line-height:50px; height:50px; text-align:center; }
.sub-con ul li p{ font-size:14px; color:#888; line-height:24px;  text-align:center; padding:10px 14px; height:24px; overflow:hidden;font-weight:600;}
.sub-con ul li span{display:block; width: 236px; height: 0; border-top:2px solid #d0d0d0; margin: 0 auto;}
.sub-con ul li:first-child{/*background: url(images/sub-con-bg-sel.png) no-repeat;*/ position: relative;}
.sub-con ul li:first-child b{display: inline-block;width: 45px;height: 45px;background: url(images/NEW-ICON.png) no-repeat;position: absolute;top:2px;left:3px;} 
.sub-title img {width:120px;} 
#ddddiv .btn-a {position: absolute;left: 147px;width: 80%;text-align: center;z-index: 4;bottom:-16px;}
#ddddiv .btn-a a {display: inline-block;width: 20px;height: 20px;}
#ddddiv .btn-a a b {display: block;margin: 6px;width: 8px;height: 8px;border-radius: 50%;background: #fff;}
#ddddiv .btn-a a.now b {background: #ccb18e;}
.sub-con ul li p.ztjs {text-align:left;height: 40px;font-weight:500;text-align: justify;}

.hide {display:none;}