/*
* @Author: ZhangJiaoLong
* @Date:   2017-06-13 10:41:09
* @Last Modified by:   ZhangJiaoLong
* @Last Modified time: 2017-11-27 15:13:19
*/



/* 模块样式 */
.module{ background: #FFF; position: relative;margin-bottom: 15px;  float: left; }
.module .module-title {position: relative; background:#FFF; height:38px; border-bottom:1px solid #3793FF; margin-bottom:10px; }
.module .module-title span{display: block; position:absolute; left:0; bottom:-2px; height: 38px; line-height: 38px;   padding:0 10px 0 10px; font-size: 1.8em; color:#333333;border-bottom:3px solid #3793FF; }
.module .module-content{ padding: 0; min-height: 100px; }
.more {display: block; width:55px; height:11px;  position: absolute; right:0px; top: 15px;  background: url("../../images/group_jykxx/btn_more.png") 0 center  no-repeat;}
.more:hover{ background: url("../../images/group_jykxx/btn_more_on.png") 0 center  no-repeat; }

/* 焦点图切换 */
.focus {width: 340px; height:255px;  position: relative; float:left;  }
.focus .img{ display: block;  height: 100%; position: relative;}
.focus .img li { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }
.focus .img img { width: 100%; height: 100%; display: block; }
.focus .img-title { width: 100%; height: 42px; line-height: 42px; color: #FFF; font-size: 1.4em; z-index: 9; position:absolute; left:0; bottom:0;background: url(../../images/group_jykxx/bg_mask.png) repeat;  }
.focus .img-title span{overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; padding:0 10px; text-align: center;   }
.focus .focus-btn { display: block; width: 90px; height: 8px; position: absolute; right: 10px; bottom: 48px; z-index: 10 }
.focus .focus-btn li { width: 10px; height: 10px; background: url(../../images/group_jykxx/bg_mask.png) repeat;  border-radius:5px; margin: 0 4px ;  float: left; cursor: pointer; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.focus .focus-btn li:hover,.focus .focus-btn li.active { background: #D98C2D;}


/*通用新闻列表样式*/
.list li { display: block; background: url("../../images/group_jykxx/list_icon.jpg") 5px center  no-repeat; line-height: 2.7; position: relative; padding: 0 130px 0 15px; border-bottom:none; }
.list li a { display: block; font-size: 1.4em;  color: #333333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.list li:hover{  background: url("../../images/group_jykxx/list_icon_on.jpg") 5px center no-repeat; }
.list li span{ display: block; position: absolute; right: 0; top: 0; font-size: 1.4em; color: #AAAAAA; }
.list li:hover a,.list li:hover span { color: #FF8C1C; }


/* 日期列表 */
.list-date li{ height: 54px;margin-top:14px; }
.list-date li a{display: block;}
.list-date .time-box{vertical-align: top;transition: all .3s ease;display: inline-block;float: left;width: 52px;  border:1px solid  #E3E3E3;}
.list-date .time-box .day{display: block;color:#E3E3E3;text-align: center; font-size: 2.0em;font-family: "Arial";line-height: 26px;color: #333333; }
.list-date .time-box .month{display: block;text-align: center;font-size: 1.2em;color: #333333;font-family: "Arial";line-height: 22px; background:#AFAFAF;  }
.list-date .time-box .month em{display: inline-block;margin:0 3px;}
.list-date li:hover .time-box{  border:1px solid  #3793FF;}
.list-date li:hover .time-box .month{ background:#3793FF; color:#FFF; }
.list-date li:hover .time-box .day,.list-date li:hover .title-box p{color:#3793FF;}
.list-date .title-box{width: calc(100% - 60px); width:310px \9; float: right;vertical-align: middle;display: inline-block;}
.list-date .title-box p{font-size: 1.4em;color: #555555;line-height: 1.8;font-size: 1.4em;}


.teacher-list li{  float:left; width:calc(20% - 16px); margin-left:20px; }
.teacher-list li:first-child{ margin-left:0;}
.teacher-list li a{ display: block; }
.teacher-list li img{     width:100%; height: 280px; }
.teacher-list li .news-info{width: 100%;}
.teacher-list li .title{ color: #333333; font-size: 1.6em;line-height: 1.8; margin-bottom:0px; text-align: center; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.teacher-list li p{ color: #999999; font-size: 1.4em; line-height: 1.6;   }

.teacher-list li:hover .title{color: #427C00;}
.teacher-list li:hover img{  }



/* 友情链接 */
.link{background: #FFF; padding: 15px 10px 15px 100px; position: relative; margin-bottom:0; border-top:1px solid #E9E9E9; }
.link span{ color:#333333; }
.link ul{ display: block; }
.link ul li{ width: 20%; float: left;padding: 0 10px; font-size: 1.4em; }
.link .link-type { background-color:#FFF; }

/* 特殊设置 */
.module1{ width:770px; height:315px; margin-right:20px; }
.module2{ width:370px; height:315px;}
.module3, .module4, .module5{ width:370px; height:245px; }
.module3, .module4{  margin-right:20px; }
.module6{ width:100%;  }

.jxky{width:100%; height:100px;  margin-bottom:20px; display:block;float: left; overflow:hidden;  background: url("../../images/group_jykxx/bg_jxky.jpg") center center no-repeat; position:relative; }
.jxky img{ display:block; position:absolute; }
.img-jxky1{ top:40px; right:338px; }
.img-jxky2{ top:38px; right:56px; }


.module3 .list li, .module4 .list li, .module3 .list li:hover, .module4 .list li:hover{ background: none; border-bottom:1px dotted #E7D8C9; padding-left:0;}

.module1 .news{ float: right; width: 420px; }

.module2.module .module-title{ margin-bottom:0; }

.kslj-item{ display:block;  width:110px; height:194px; float:left; margin-left:20px;}
.kslj-item:first-child{ margin-left:0; }
.kslj-item img{ width:100%; height:100%; }
.kslj-item:hover{  }


/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1200px) {
/* 特殊设置 */
.module1,.module2{ width:100%; }
.module2{ height:auto; }
.module1 .news{ width: 610px; }
.module4, .module5{ width:270px; }



.list-date li{ height: 54px;margin-top:14px; width:455px; margin-left:10px; margin-right:10px; float:left;  }

.teacher-list li{ }
.teacher-list li img{  width:150px; height: 180px; }
.teacher-list li .news-info{ }
.teacher-list li p{}


}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
.module1 .focus,.link{ display: none; }
.module1 .news{ float: none; width: auto; }

.module1,.module2, .module3, .module4, .module5,.module6{ width: auto; height:auto; float: none; margin: 0 0 20px 0 }


.list-date li{  width:100%; margin-left:0; margin-right:0; float: none;  }
.list-date .time-box{ width: 60px;  border:1px solid  #E3E3E3;}
.list-date .title-box{width: calc(100% - 70px); }

.jxky{ float: none;   }

.kslj-item,.kslj-item:first-child{  margin-left:100px;}

.teacher-list li{   width: calc(50% - 20px); margin-bottom:20px;  margin-left:10px; margin-right: 10px;}
.teacher-list li:first-child{ margin-left:10px;}
.teacher-list li img{ width: 100%; height: 454px; }
.teacher-list li p{  height: 26px; overflow: hidden;}

}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */
@media only screen and (width:768px) and (orientation:portrait) {

}

/*640-767 内容宽度590 两边间距25 页面内容居中 */
@media only screen and (max-width:767px) {
.list-date li{ height:85px; }

.list-date .time-box .day{ line-height: 38px; }
.list-date .time-box .month{ line-height: 38px;  }
.list-date .time-box{ width: 70px;  }
.list-date .title-box{width: calc(100% - 80px); }


.kslj-item,.kslj-item:first-child{  margin-left:40px;}
/* .teacher-list li{ width:170px; }
.teacher-list li img{ float:left; width:70px; height: 90px; }
.teacher-list li .news-info{ float:right;  width: 90px;} */
.teacher-list li img{  height: 360px; }


}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) {
.kslj-item,.kslj-item:first-child{  margin-left:20px;}
.jxky{ background-position:right bottom;}
.jxky img{   position: static; }
.img-jxky1{ top: auto; right: auto;  margin:10px auto 15px auto; }
.img-jxky2{ top: auto; right: auto; margin:0 auto; }
.teacher-list li{ width:100%; margin:0px;  margin-bottom:20px;}
.teacher-list li img{ display:block;  width:173px; height: 206px; margin:0 auto; }
.teacher-list li .news-info{  width: 100%;}
.teacher-list li p{ height:auto; overflow: auto;  }
}
/* 380-479  按百分比缩放 */
@media only screen and (max-width:479px) {
.list li{padding: 0 100px 0 12px;}
.kslj-item{ width: calc(33.33% - 10px);}
.kslj-item,.kslj-item:first-child{  margin-left:5px; margin-right:5px;}
}
/* 360-479  按百分比缩放 */
@media only screen and (max-width:379px) {

}