* {
    padding: 0;
    margin: 0;
    font-family: "Microsoft Yahei" ;
}
a {
    text-decoration: none;
    color: inherit;
}
	
.clear{
    clear: both;
}
.float-left {
    float: left;
}

.float-right {
    float: right;
}
.wrap{
    width: 100%;
    height:40px;
    background-color: #f2f5f8;
    min-width: 1200px;
}
.nav{
    width: 1200px;
    height:40px;
    /* background-color: orange; */
    margin: auto;
}
.nav-img{
    width: 90px; 
    height: 40px;
    display: flex;
    justify-content: center;
}
.nav-title{
    display: flex;
    align-items: center;
    height:40px;
}
.nav-item{
    width: 100px;
    /* background-color: palegreen; */
    color: #a8a9ab;
    border-right: 1px solid #a8a9ab;
    display:flex;
    justify-content: center;
}
.pic{
    min-width: 1200px;
    height: 647px;
    margin: auto;
    background-image: url("/static/style/default_web/special/ccd2023/image/02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   
}
.use{
    height: 78px;
    background-color: #074486;
    color: white;
    min-width: 1200px;
}
.use-content{
 width: 1200px;
  height: 78px;
 margin: auto;
 /* background-color: orange; */
 display: flex;
 justify-content: center;
 align-items: center;
}
.use-item{
    padding: 0 60px;
    border-left: 1px solid white;
    font-size: 22px;
}
.inner{
    margin: auto;
    background-image: url("/static/style/default_web/special/ccd2023/image/bg.png");
    background-position: bottom;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    min-width: 1200px;
}
.inner-pic{
    width: 1200px;
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vr{
    height: 580px;
    width: 1200px;
    /* background-color: aqua; */
}
.box{
    margin: auto;
    min-width: 1200px;
    height: 690px;
background-image: url("/static/style/default_web/special/ccd2023/image/bg2.png");}
.box-pic{
    width: 1200px;
    height: 155px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.project{
    height: 875px;
    min-width:1200px;
    margin: auto;
    background-color: #eef3f7;
}
.project-pic{
    width: 1200px;
    height: 155px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.news{
    margin: auto;
    min-width: 1200px;
    height: 800px;
    background-image: url("/static/style/default_web/special/ccd2023/image/news-bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #f7f9fb;


}
.news-pic{
    width: 1200px;
    height: 155px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content{
    width: 1200px;
    height: 455px;
    /* background-color: pink; */
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.content-item{
    width: 390px;
    height: 455px;
    background-color: white;
}
.word{
    width: 390px;
    height:225px ;
    padding:20px;
    box-sizing: border-box;
}
.new-title{
    width: 350px;
    font-size: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}
.news-button{
    max-width: 1200px;
    height: 170px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.button{
    width: 180px;
    height: 50px;
    border: 1px solid #276581;
    color: #276581;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    cursor: hand;
   cursor: pointer;
}
.photo{
    height: 630px;
    min-width:1200px;

}


.buttom{
    height: 120px;
    min-width: 1200px;
    background-color:#1e2348 ;
}
.buttom-content{
    width: 1200px;
    height: 120px;
    margin: auto;
    /* background-color: pink; */
    padding-top: 30px;
    box-sizing: border-box;
    

}
.buttom-content div{
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}