:root {
    --width1200: 1200px;
    --width100:100%;
}
.main .project{
    width: 100%;
}
a:hover{ text-decoration: none;}
.top{
    width:  var(--width100);
    height: 850px;
    background: url("../img/tit/hader.jpg");
    background-size: 100% 100%;
}
.column1200{
    width: var(--width1200);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -7px;
}
.column1200 .tit{
    width: 1060px;
    height: 340px;
    margin: auto;
}
.column1200 .item_body{
    width: var(--width100);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.column1200 .item_body .item{
    width: 285px;
    height: 410px;
    margin-left: 12px;
}
.column1200 .item_body .item-jstd{
    width: 575px;
    height: 380px;
    margin-left: 12px;
    margin-top: 15px;
}

.item .item-img ,
.item_body .item-jstd
{
    width: var(--width100);
    position: relative;
    z-index: 1;
}
.item-img  .item-img-text{
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    background: linear-gradient(to right, rgb(13 123 221 / 50%), rgb(12 81 160 / 40%));
}
.item-jstd .item-img{
    width: var(--width100);
    position: relative;
}
.item-jstd .item-text{
    background: white;
    width: 100%;
}
.item_body .item-jstd .item-text p{
      width: 97%;
    margin: 10px;
    color: #000000;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
       text-align: left;
    letter-spacing: 1px;
  
}

.item .item-text
{
    width: var(--width100);
    color: white;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    text-align: left;
    letter-spacing: 1px;
}

.bg{
    width: 100%;
    background: url("../img/tit/bg2.jpg");
    background-size: 100% 100%;
    height: 4000px;
    position: relative;
}
.main .main_body{
    width: var(--width1200);
    margin-left: auto;
    margin-right: auto;
    /* display: flex; */
    /* background: #0c5460; */
    /*height: 400px;*/
    position: relative;
    top: 100px;
}