body {
    width: 100%;
    height: 100%;
    background-color: #cceaf7;
    font-size:20px;
    overflow-x: hidden;


}
/*背景云*/
.cloud img:nth-child(1){
    position: fixed;
    width:28%;
    left: 0;
    bottom: 0;
}

.cloud img:nth-child(2){
    position: fixed;
    width: 22%;
    right: 0;
    bottom: 0;
}


.clear {
    clear:both;
    content: ".";

}
/*导航*/
.header {
    position: fixed;
    top:0;
    height: 88px;
    font-size: 22px;
    line-height: 88px;
    z-index: 100;


}
.header >div {
    width: 1280px;
    height: 88px;
    margin: 0 auto;

}
.header ul {
    padding:9px 0;
    height: 80px;
    line-height: 80px;
    float:right;

}


.header ul li {
    float: left;
    cursor: pointer;
    padding-left:5px;
    padding-right:25px;
    color:#919191;


}
.header ul li:nth-child(6){
    color: #1eb2d5;
}

.header ul li:nth-last-child(1){
    /* margin-right:75px; */

}

/* .header ul li:nth-child(7){

    width: 100px;
    height: 36px;
} */
/* .header ul li:nth-child(7) img{
    width: 100px;
    height: 36px;
} */
.header img {
    height:60px;
    margin-top:20px;
}
.user .userimage img{
    width: 60px;
    margin-top: 10px;
}


/*7条颜色*/


.colorBar {
    position: fixed;
    width: 100%;
    height: 4px;
    overflow: hidden;
    z-index:999;
    top: 88px;
}

.colorBar ul {
    height: 4px;
    margin: 0 auto;


}
.colorBar ul li {
    float: left;
    height:4px;


}
.colorBar ul li:nth-child(1){
    background-color: #fa8c8e;
    width: 22%;
}
.colorBar ul li:nth-child(2){
    background-color: #fcb88b;
    width: 8%;
}
.colorBar ul li:nth-child(3){
    background-color: #f5e467;
    width:7.3%;
}
.colorBar ul li:nth-child(4){
    background-color: #c0ed98;
    width: 8%;
}
.colorBar ul li:nth-child(5){
    background-color: #88ebd5;
    width: 11.5%;
}
.colorBar ul li:nth-child(6){
    background-color: #8ec7ed;
    width: 11%;
}
.colorBar ul li:nth-child(7){
    background-color: #fac3f6;
    width:10.8%;
}
.colorBar ul li:nth-child(8){
    background-color: #fa8c8e;
    width:21.2%;
}

.content {
    width: 1080px;
    position: relative;
    margin: 130px auto 0;
    
}
.content h2 {
    text-align: center;
    margin: 30px 0 15px;
    color: #333;
    font-size: 36px;
}
.content p  {
    font-size: 16px;
    text-indent:2em;
}
.erweima {
    width: 180px;
}

.contact p:nth-child(3){
    margin:20px 0;
}
.bear {
    position: absolute;
    left:600px;
    bottom: 100px;

}
.bear img {
    width: 400px;
}

@media screen and (max-width:1200px) {
    .content {
        width: 100%;
        padding:0 10px;
    }

    .content h2 {
        margin-top: 60px;
        margin-bottom: 10px;
    }
    .bear {
        display: none;
    }
    .erweima {
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        margin-bottom: 50px;
    }

}
/*@media screen and (max-width:570px) {*/
    /*.header ,.header >div{*/
        /*height:50px;*/
        /*line-height:50px;*/
    /*}*/

    /*.header .logo {*/
        /*height: 35px;*/
        /*margin-top:8px;*/
    /*}*/
    /*.menu {*/
        /*top:10px;*/
    /*}*/
    /*.navbar,.colorBar {*/
        /*top:50px;*/
    /*}*/
    /*.content {*/
        /*margin-top: 100px;*/
    /*}*/


/*}*/
.main-message .main-item{
    padding-bottom: 20px;
}
.main-message .main-item .item-title{
    font-size: 24px;
    color: #4D4D4D;
    font-weight: bold;
    padding:10px 0;
}
.main-message .main-item .item-message .ul-item{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-message .main-item .item-message .ul-item .li-item{
    width: 32%;
}
.main-message .main-item .item-message .ul-item .li-item img{
    width: 100%;
}
.main-message .main-item .item-box{
    font-size: 24px;
    color: #4D4D4D;
}
.main-message .main-item .item-box .single-message{
    line-height: 44px;
}
.main-message .main-item .item-box .single-message .blue-color{
    color: #1D9FFF;
}
.main-message .main-item .img-message{
    display: flex;
    justify-content: flex-start;
    
}
.main-message .main-item .img-message .img-show{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.main-message .main-item .img-message .img-show img{
    width: 100%;
    padding: 20px 0 10px 0;
}
.main-message .main-item .img-message .img-show .img-title{
    font-size: 24px;
    color: #4D4D4D;
}

/*底部信息*/
.foot {
    width: 1280px;
    margin:80px auto 45px ;
    font-size: 20px;
    position: absolute;
    /* bottom:0; */
    left: 50%;
    transform: translateX(-50%);
}
.foot div {
    text-align: center;

}