/*20250821:将1920px的宽度统一修正为100%，将高度清除后，部分布局出现了错位，为了尽快完成上线任务，接到领导指示，先完成剩余专题，
等闲的没事儿的时候再琢磨底边栏少一节的问题*/
.clearfix::before,
.clearfix::after{
    content: '';/*前两行+::before解决了外边距重叠的问题，使用了‘’把子元素和父元素隔开，"相邻"外边距就不成立了。*/
    display: table;/*使用table元素可以同时解决高度塌陷和外边距重叠的问题*/
    clear: both;/*后两行+::after解决了高度塌陷的问题。*/
}

.banner{
    width: 1920px;
    margin: 0 auto;
    height: 810px;
    /*padding-bottom: 60px;*/
}

.banner img{
    width: 1920px;
}

.explain{
    width: 1920px;
    height: 350px;
    background-image: url("../picture/background.jpg");
}

.explain-title{
    width: 1920px;
    text-align: center;
    font-family:微软雅黑;
    font-size: 28px;
    font-weight: bolder;
    color: rgb(37, 36, 36);
    padding-top:50px ;
}

.explain-content{
    text-indent: 2em;
    width: 1400px;
    /*text-align: center;*/
    line-height: 60px;
    font-family:微软雅黑;
    font-size: 28px;
       /* color:rgb(215,93,72) ;*/
    padding-top:30px ;
}

.introduce{
    width: 1920px;
   /* height: 1800px;!*原为1200*!*/
    background-color: #eff8df;
    padding-bottom: 60px;


}

.introduce-content{
    width: 1400px;
    /*height: 1302px;*/
   /* background-image: url("../picture/letter.jpg");*/
 /*   background-size: cover;*/
    background-color: #fcf8e3;
}

.introduce-title{
    width: 204px;
    padding-top: 100px;
  /*  padding-left: 616px;*/
    padding-bottom: 50px;
}
.introduce li{
    list-style-type: none;
    float: left;
    width: 400px;
    height: 360px;
    margin: 25px 33.33px;
}

.introduce li img{
    width: 400px;
    height: 250px;
    border-radius: 20px;
}

.content-text{
    padding-top: 15px;
    text-align: center;
    font-size: 17.9px;
    font-weight: bolder;
}

.forecast-content2{
    width: 1400px;
    height: 550px;
  /*  background-image: url("../picture/letter.jpg");*/
    background-color:#fcf8e3;
    text-indent: 2em;
    width: 1400px;
    /*text-align: center;*/
    line-height: 55px;
    font-family:微软雅黑;
    font-size: 25px;
    /* color:rgb(215,93,72) ;*/
    padding-top:30px ;
   /* margin-bottom: 30px;*/
}
.forecast-content2 div{
    padding-left: 35px;
    padding-bottom: 15px;
}

p {
    /* 为圆点留出左侧空间 */
    padding-left: 1.5em;
    /* 相对定位，让伪元素可以绝对定位 */
    position: relative;
    /* 增加段落间距，使视觉效果更好 */
    margin-bottom: 1em;
    line-height: 1.2;
    font-size: 23px;
}
p::before {

    content: "·";

    position: absolute;

    left: 0.2em;

    top: 40%;
    transform: translateY(-50%);

    font-size: 1.9em;

    color: #333;
}
/*
!* 使用伪元素创建圆点符号 *!
p::before {
    !* 圆点符号 *!
    content: "·";
    !* 绝对定位，相对于p标签 *!
    position: absolute;
    !* 调整水平位置 *!
    left: 0.2em;
    !* 调整垂直居中 *!
    top: 40%;
    transform: translateY(-50%);
    !* 圆点大小 *!
    font-size: 1.9em;
    !* 圆点颜色，可根据需要修改 *!
    color: #333;
}



.forecast{
    width: 100%;
    height: 600px;
    background-image: url("../picture/background.jpg");
}

.explain-title{
    width: 100%;
    text-align: center;
    font-family:微软雅黑;
    font-size: 28px;
    font-weight: bolder;
    color:rgb(215,93,72) ;
    padding-top:50px ;
}

.forecast-content{
  !*  text-align: center;*!
    text-indent: 2em;
    width: 1400px;
    !*text-align: center;*!
    line-height: 60px;
    font-family:微软雅黑;
    font-size: 28px;
    !* color:rgb(215,93,72) ;*!
    padding-top:30px ;
}*/