html,body{
  margin:0;padding:0;
}
/***** 底部 ******/
.bottom{
    min-width:1186px;
    height:100%;
    /*border:1px solid red;*/
    background:#f2f2f2;
    padding-top:20px; 
}
.bottom_in{
  width:1186px;
  height:350px;
  /*border:1px solid red;*/
  /*background-color:white;*/
  margin: 0 auto;
}
/* 新闻*/
.news{
  width:823px;
  height:349px;
  /*border:1px solid red; */
  float:left;
  /*border-right: 1px solid #cccccc; */
  /*box-shadow: 8px 8px 5px #888888;*/
  background:white;

}
.news_top{
  width:823px;
  height:47px;
  border-bottom: 1px solid #002d54;
}
.news ul li{
    float: left;
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.news_p{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    /*margin-right: 4px;*/
    color:#002d54;
    font-size: 20px;
}

.news ul li.brief_p{
    /*padding-bottom: 4px;*/
}
.brief_a_right_list_one{
  width:783px;
  height:160px;
  /*border:1px solid red;*/
  padding: 20px 0;
  /*border-bottom: 1px solid #999;*/
  
}
.teacher_right1{
    width:410px;
    height:280px;
    /*border:1px solid red;*/
    float:right;
    /*margin-right:20px;*/
}

/*第二部分*/



/*  简介 */
.brief{
  width:380px;
  height:349px;
  /*border:1px solid red; */
  float:left;
  border-right: 1px solid #cccccc;
  /*box-shadow: 8px 8px 5px #888888;*/

}
.brief_top{
  width:381px;
  height:47px;
  border-bottom: 1px solid #002d54;
}
.brief ul li{
    float: left;
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.brief_p{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    /*margin-right: 4px;*/
    color:#002d54;
    font-size: 20px;
}

/*.brief_a_right_list_one{
  width:926px;
  height:80px;
  border:1px solid red;
}*/



/* 党建工作 */
.party-building{
  width:333px;
  height:349px;
  background: white;
  /*border:1px solid red; */
  /*border-right: 1px solid #cccccc;*/
  float:left;
  margin-left:30px;
  /*box-shadow: 8px 8px 5px #888888;*/
}
.party-building_top{
  width:333px;
  height:47px;
  border-bottom: 1px solid #002d54;
  line-height: 47px;
}
.party-building ul li{
    float: left;
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.party-building_p{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    /*margin-right: 4px;*/
    color:#002d54;
    font-size: 20px;
}
.party-building2{
  width:333px;
  height:400px;
  background: white;
  /*border:1px solid red; */
  /*border-right: 1px solid #cccccc;*/
  float:left;
  margin-left:30px;

  /*box-shadow: 8px 8px 5px #888888;*/
}




/**  党建工作  **/
.party-building3{
  width:333px;
  height:400px;
  background: white;
  /*border:1px solid red; */
  /*border-right: 1px solid #cccccc;*/
  float:left;
  margin-left:30px;
  /*box-shadow: 8px 8px 5px #888888;*/
}
.party-building_top3{
  width:333px;
  height:47px;
  border-bottom: 1px solid #002d54;
  line-height: 47px;
}
.party-building3 ul li{
    float: left;
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.party-building_p3{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-right: 4px;
    color:#002d54;
    font-size: 20px;
}
.centent-dj{
  width:300px;
  height: 86px;
  /*border:1px solid red;*/
  text-align: center;
  border-bottom: 1px solid #eee;
  /*float:left;*/
  -webkit-transition: all 1.3s ease 0s;
  margin:13px 0; 
  font-family: '微软雅黑';
  cursor: pointer;
  /*color:#97080ea3;*/
  color:black;
}
.centent-dj:hover{
  box-shadow: 0px 5px 8px #eee;
  box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
  transform: translate(0, -3px);
  -webkit-transition: all .8s ease 0s;
  transition: all 0.8s;
  color:#97080ea3;

}


/* 日期 */
.date-dj{
    width: 53px;
    height: 55px;
    /*border:1px solid red;*/
    padding-bottom:2px; 
    float:left;
    margin-top:8px;

}
.date-day-dj{
    font-size: 16px;
    color: #fff;
    width: 51px;
    height: 28px;
    line-height: 28px;
    background-color: #a1141a;
    /*float:left;*/
}
.date-month-dj{
    width: 51px;  
    height: 25px;
    line-height: 25px;
    color: #797979;
    background-color: #f2f2f2;
    font-size: 18px;
    /*float:left;*/
}
/* 右侧内容 */
.centent-box-dj{
  width:230px;
  height:66px;
  float:left;
 /*margin:5px 5px;*/
 line-height: 30px;
 font-family: '微软雅黑';
 font-size: 15px;
}




/***** 通知公告 *******/
 .centent-tz{
  width:300px;
  height: 56px;
  /*border:1px solid red;*/
  text-align: center;
  border-bottom: 1px solid #eee;
  float:left;
  -webkit-transition: all 1.3s ease 0s;
  margin:13px 0; 
}
.centent-tz:hover{
  /*box-shadow: 0px 5px 8px #eee;*/
  box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
  transform: translate(0, -3px);
  -webkit-transition: all .8s ease 0s;
    transition: all 0.8s;
    color:#97080ea3;
}
/* 日期 */
.date-tz{
    width: 53px;
    height: 55px;
    /*border:1px solid red;*/
    padding-bottom:2px; 
    float:left;

}
.date-day-tz{
    font-size: 16px;
    color: #fff;
    width: 51px;
    height: 28px;
    line-height: 28px;
    background-color: #a1141a;
    /*float:left;*/
}
.date-month-tz{
    width: 51px;  
    height: 25px;
    line-height: 25px;
    color: #797979;
    background-color: #f2f2f2;
    font-size: 18px;
    /*float:left;*/
}
/* 右侧内容 */
.centent-box-tz{
  width:230px;
  height:55px;
  float:left;
 /*margin:5px 5px;*/
 line-height: 30px;
 font-family: '微软雅黑';
 font-size: 15px;
}



/***********
**第二部分**
************/
.bottom_in1{
  width:1186px;
  height:410px;
  /*border:1px solid red;*/
  /*background-color:white;*/
  margin: 18px auto;
}
/* 新闻*/
.news1{
  width:399px;
  height:349px;
  /*border:1px solid red; */
  float:left;
  /*border-right: 1px solid #cccccc; */
  /*box-shadow: 8px 8px 5px #888888;*/
  background:white;

}
.news_top1{
  width:399px;
  height:47px;
  border-bottom: 1px solid #002d54;
}
.news1 ul li{
    float: left;
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.news_p1{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    /*margin-right: 4px;*/
    color:#002d54;
    font-size: 20px;
}

.news1 ul li.brief_p{
    /*padding-bottom: 4px;*/
}
.brief_a_right_list_one1{
  width:783px;
  height:160px;
  /*border:1px solid red;*/
  padding: 20px 0;
  /*border-bottom: 1px solid #999;*/
  
}
.teacher_right12{
    width:410px;
    height:280px;
    /*border:1px solid red;*/
    float:right;
    /*margin-right:20px;*/
}


/****** 系风采 *****/

.party-building1{
  width:459px;
  height:400px;
  background: white;
  /*border:1px solid red; */
  /*border-right: 1px solid #cccccc;*/
  float:left;
  /*margin-left:30px;*/
  /*box-shadow: 8px 8px 5px #888888;*/
}
.party-building1 ul li{
    /*float: left;*/
    padding: 15px 15px;
    cursor: pointer;
    font-size: 18px;
}
.party-building_top1{
  width:459px;
  height:47px;
  border-bottom: 1px solid #002d54;
}

.party-building_p1{
    height: 18px;
    padding: 0 10px;
    line-height: 18px;
    margin: 0 auto;
    text-align: center;
    float: left;
    cursor: pointer;
    /*margin-right: 4px;*/
    color:#002d54;
    font-size: 20px;
}
.centent{
  width:437px;
  height: 56px;
  /*border:1px solid red;*/
  text-align: center;
  border-bottom: 1px solid #eee;
  float:left;
  -webkit-transition: all 1.3s ease 0s;
  margin:13px 0;
  color:black; 
}
.centent:hover{
  /*box-shadow: 0px 5px 8px #eee;*/
  box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
  transform: translate(0, -3px);
  -webkit-transition: all .8s ease 0s;
    transition: all 0.8s;
    color:#97080ea3;
}

/* 日期 */
.date{
    width: 53px;
    height: 55px;
    /*border:1px solid red;*/
    padding-bottom:2px; 
    float:left;

}
.date-day{
    font-size: 20px;
    color: #fff;
    width: 51px;
    height: 28px;
    line-height: 28px;
    background-color: #a1141a;
    /*float:left;*/
}
.date-month{
    width: 51px;  
    height: 25px;
    line-height: 25px;
    color: #797979;
    background-color: #f2f2f2;
    /*float:left;*/
}
/* 右侧内容 */
.centent-box{
  width:376px;
  height:55px;
  float:left;
 /*margin:5px 5px;*/
 line-height: 30px;
 font-family: '微软雅黑';
 font-size: 16.8px;

}
/******/
.party-building1{
  width:459px;
  height:400px;
  background: white;
  /*border:1px solid red; */
  /*border-right: 1px solid #cccccc;*/
  float:left;
  /*margin-left:30px;*/
  /*box-shadow: 8px 8px 5px #888888;*/
}



/*****  课程建设 ****/
 .centent-kc{
  width:300px;
  height: 39px;
  /*border:1px solid red;*/
  border-bottom: 1px solid #eee;
  float:left;
  -webkit-transition: all 0.8s ease 0s;
  margin:10px 10px; 
  text-decoration: none;
  color: rgba(0, 0, 0, 0.4);
  transition: color .3s ease;
}
/*三角形*/
.date-triangle-right {
     width: 20px;
    height: 0;
    float:left;
    border-top: 8px solid transparent;
    border-left: 16px solid #a1141a;
    border-bottom: 8px solid transparent;
    margin:10px 0;
    line-height: 16px;
}
.centent-kc-a{
  width:250px;
  height:30px;
  margin:0 auto;
}
.centent-kc-a a{
  line-height: 35px;
  margin:0;
  letter-spacing:3px;
  padding: 10px;
  font-size: 17px; 
  font-family: '微软雅黑';
  color:black;
}
.centent-kc:hover{
  color:#97080ea3;
  width:300px;
  border-bottom:1px solid #97080ea3;
  transition: color 1s ease;
}
.centent-kc a:hover{
  color:#97080ea3;
  transition: color 0.8s ease;
}

/*  底部中间部分 */
.bottom_middle{
  width:1186px;
  height:350px;
  /*border:1px solid red;*/
  background-color:white;
  margin: 20px auto;

}


/* 介绍尾部 */
.tail_a{
  width: 1186px;
  height:30px;
  /*border:1px solid red;*/
  margin: 20px auto 0 auto;
  font-size:18px;
  text-align: center;

}
.tail_a1{
  width:1186px;
  height: 208px;
  /*border:1px solid red;*/
  margin:0 auto;
}
.tail_a1_right{
  width:236px;
  height: 208px;
  border-bottom: 129px solid #002d54;
  border-left: 50px solid transparent;
  /*border-right: 80px solid transparent;*/
  height: 0;
  float:right;
}

.tail_a2{
  width:1186px;
  height:380px;
  /*border:1px solid red;*/
  position: relative;
  background:url(../images/zy.jpg);
  background-size:100% 100%;
  margin: 0px auto;
}

#lanren {width: 1186px;height: 208px;overflow: hidden;position: relative;border:1px solid #ccc;}
#lanren2{position: absolute;left: 0;top: 0;}
#lanren2 li {width: 239.8px;height:200px; text-align:center; background-color: #599;margin:0 5px;display: block;float: left;list-style: none;/*padding: 0 10px;*/}
#lanren2 img{
  width: 239.8px;
  height:208px;
  /*vertical-align: middle; */

        }



/* 专题栏目 */
.tail_b{
  width:1186px;
  height:30px;
  /*border:1px solid red;*/
  position: relative;
  margin: 20px auto 0 auto;
  font-size: 18px;text-align:center;

}

.tail_b1{
  width:1186px;
  height: 280px;
  /*border:1px solid red;*/
  margin: 0 auto 0 auto;

}
.tail_b1 img{
  width:100%;
  height:100%;
}
.tail_b1_a{
  width:375px;
  height: 259px;
  /*border:1px solid red;*/
  float:left;
  cursor: pointer;
  margin:5px 30px 5px 0; 
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;


}
.tail_b1_a:hover{
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -moz-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-box-shadow: 0 10px 10px rgba(67, 72, 84, 0.3);
    -moz-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    -o-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);

}
.tail_b1_b{
  width:375px;
  height: 259px;
  /*border:1px solid red;*/
  float:left;
  cursor: pointer;
  margin:5px 30px 5px 0; 
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
}
.tail_b1_b:hover{
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -moz-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    -moz-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    -o-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);

}
.tail_b1_c{
  width:375px;
  height: 259px;
  /*border:1px solid red;*/
  float:right;
  cursor: pointer;
  margin:5px 0 5px 0; 
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
}
.tail_b1_c:hover{
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -moz-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -o-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    -webkit-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    -moz-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    -o-box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);
    box-shadow: 0 5px 10px rgba(67, 72, 84, 0.3);

}