*{
    margin: 0;
    padding: 0;
}
html{
background: url(../images/banner.png) no-repeat;
background-size:100%;
}
/*a标签样式清除*/
a {color:black;
	text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*去除未被访问的a标签的下划线*/
a:link {
	text-decoration: none;
}
/*去除已经被访问过的a标签的下划线*/
a:visited {
	text-decoration: none;
}
/*去除鼠标悬停时的a标签的下划线*/
a:hover {
	text-decoration: none;
}
/*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
a:active {
	text-decoration: none;
}
/*去除获得焦点的a标签的下划线（被鼠标点击过）*/
a:focus {
	text-decoration: none;
}
li{list-style:none;}
.bannercenter{
    width: 1240px;
    margin: 0 auto;
}
a:hover{
    color: red;
}
/* ----------------------------------头部 */
header{
    width: 100%;
    height: 250px;
}
.headerD{
    width: 100%;
    height:50px;

 background-image: linear-gradient(to right, #149cff,#2442ff);
}
.D-center{
    width: 1240px;
    height: 50px;
    margin: 0 auto;
}
.Toptitle{
   /* background: url(../images/TopBanner.jpg) no-repeat center  #ffffff;*/
    height: 200px;
    width: 100%;
}
.D-center ul{
    display: flex;
    justify-content: space-around;
}
.D-center ul a{
    color: white;
    font-size: 18px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
}
/* hengfu */
.hengfu{
    width: 100%;
}
.hengfucenter{
    width: 100%;
height:400px;
    margin: 0 auto;
}
.hengfucenter img{
    width: 100%;
height:100%;
}
/* hengfu2 */
.hengfu2{
    width: 100%;
}
.hengfu2center{
    width: 1240px;
    margin: 0 auto;
}
.hengfu2center img{
    width: 100%;
}
/* 专题专栏 */
.zhuanti{
    width: 100%;
    height: 100px;
}
.zhuanticenter{
    width: 1240px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
/*  <!-- -=----------------------------新闻中心，政策法规 --> */
#First{
    width: 100%;
    height: 305px;
}
.Lunbo{
    width: 460px;
    height: 300px;
}
#swiper{
    width: 100%;
    height: 100%;
    background-color: #32ae44;
}
#swiper-wrapper{
    width: 100%;
    height: 100%;
}
.swiper-slide p{
 position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.216);
    z-index: 99;
}
.swiper-slide p a{
    display: inline-block;
    color: white;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Firstcenter{
    display: flex;
    margin-top: 20px;
}
.Hangye{
    width: 400px;
    height: 300px;
    margin: 0 20px;
}
.Zhengce{
    width: 400px;
    height: 300px;
}
.TopBlock{
    background-color: #e5f6fd;
    margin-top: 10px;
    width: 100%;
    height: 265px;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
}
.TopBlock li{
    width: 305px;
    border-left: 2px solid #39a9f6;
    height: 45px;
    margin: 6px 0;
    padding: 0 10px ;
    box-sizing: border-box;
}
.TopBlock li img{
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
}
.TopBlock li a{
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
}
.TopBlock li p{
    display: flex;
    align-items: center;
}
.TopBlock li p span{
    font-size: 14px;
    color: #bfc7cc;
}
/* <!---------------------------------- 教育教学，教学科研 登录注册4个图片--> */
#Second{
    width: 100%;
    height: 450px;
}
.Secondcenter{
    display: flex;
    align-items: center;
}
.Jiaoyu{
    width: 460px;
    height: 400px;
}
.Jiaoyutitle{
    height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
 justify-content: space-between;
}
.Jiaoyutitle img{
    width: 25px;height: 25px;
    margin: 0 10px 0 0;
}
.SecondBlock{
display: flex;
width: 100%;
height: 100px;
margin: 20px 0;
background-color:  #f9f9f9;
}
.SecondBlockimg{
width: 150px;
height: 100px;
}
.SecondBlockimg img{
width: 100%;
height: 100%;
}
.SecondBlockwrite{
    width: 400px;
    height: 100%;
    margin-left: 10px;
    overflow: hidden;
}
.SecondBlockwrite li{
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
width: 100%;
}
.SecondBlockwrite span{
    float: right;
}
.SecondBlockwrite a{
    display: inline-block;
    width:265px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.Keyan{
    width: 370px;
    height: 400px;
    margin-left: 25px;
}
.Keyantitle{
    height: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
justify-content: space-between;

}
.Keyan img{
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0 ;
}
.Keyanblock{
    width: 100%;
    height: 340px;
    background-color: #f9f9f9;
    overflow: hidden;
}
.Keyanblock li{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.Keyanblock span{
    float: right;
    font-size: 14px;
}
.Keyanblock a{
    display: inline-block;
    width: 220px;
}
.Login{
    width: 370px;
    height: 340px;
    margin-top: 40px;
    margin-left: 20px;
}
.Loginblock{
    margin: 0 0 26px 0;
}
/*------------------------------------ 心里科普，心里赋能 */
#Third{
    width: 100%;
    height: 400px;
}
.Thirdcenter{
    display: flex;
}
.Kepu{
    width: 850px;
    height: 350px;
}
.Keputitle{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}
.Keputitle img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.titleleft{
    width: 110px;
    height: 46px;
    display: flex;
    align-items: center;
    border-bottom: 10px solid #32ae44;
}
.Keputitle span{
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #f0f0f0;
    border-radius: 20px;
    text-align: center;
    line-height: 30px;
}
.Keputitle a{
    color: #cad3e0;
}
.Kepuwrite{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 300px;
}
.Kepuvideo{
    width: 450px;
    height: 280px;
    background-color: #39a9f6;
}
.Kepuvideo video{
    width: 100%;
    height: 100%;
}
.Kepublock{
    width: 380px;
    height: 100%;
    overflow: hidden;
background-color: #f9f9f9;
}
.Kepublock li{
 width: 100%;
 height: 30px;
 line-height: 30px;
 margin: 5px 0 0 0 ;
}
.Kepublock a{
    display: inline-block;
    width: 300px;
}
.Funeng{
    width: 370px;
    height:350px;
    margin: 0 0 0 20px;
}
.Funengtitle{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}
.Funengtitle img{
    width: 25px;
    height: 25px;
}
.Funengtitle a{
    color: #cad3e0;
}
.Funengtitle span{
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #f0f0f0;
    border-radius: 20px;
    text-align: center;
    line-height: 30px;
}
.Funengwrite{
    width: 100%;
    height: 300px;
background-color: #f9f9f9;
}
.Funengwrite li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 0 0 
}
.Funengwrite a{
    display: inline-block;
    width: 300px;
}
/*=----------------------------------------- 心教风采 */
#Fouth{
    width: 100%;
    height: 300px;
}
.Fouthcenter{
    height: 100%;
}
.Fengcai{
    width: 100%;
    height: 100%;
}
.Fengcaititle{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}
.Fengcaititle img{
    width: 25px;
    height: 25px;
}
.Fengcaititle span{
    display: inline-block;
    width: 100px;
    height: 30px;
    background-color: #f0f0f0;
    border-radius: 20px;
    text-align: center;
    line-height: 30px;
}
.Fengcaititle a{
    color: #cad3e0;
}
.Fengcaiwrite{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content:space-around;
    align-items: center;
}
.Fengcaiblock{
   width: 270px;
   height: 145px;
  
   margin: 0 10px;
}
.Fengcaiblock img{
width:100%;
height:100%;}
/*---------------------------------------------友情链接  */
#Link{
    width: 100%;
    height: 180px;
}
.linktitle{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
}
.linktitle img{
    width: 25px;
    height: 25px;
}