html,body{
    background-color: #f2f2f2;
    height: 100%;
}
.homeCen{
    width: 1200px;
    height: 620px;
    margin: 0 auto;
    margin-top: 14px;
}
.homeCen_left{
    box-sizing: border-box;
    padding-top: 20px;
    width: 200px;
    height: 100%;
    background-color: #a6aeb7;
    float: left;
    border-radius: 10px;
}
.homeCen_left li{
    width: 100%;
    height: 46px;
}
.homeCen_left li.on{
    background-color: #1f354c;
}
.homeCen_left li a{
    display: block;
    width: 100%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
}
.homeCen_left li:nth-child(1) a{
    background: url("../img/homeIcon2.png") no-repeat 40px center;
}
.homeCen_left li:nth-child(2) a{
    background: url("../img/homeIcon3.png") no-repeat 40px center;
}
.homeCen_left li:nth-child(3) a{
    background: url("../img/homeIcon4.png") no-repeat 40px center;
}
.homeCen_left li:nth-child(1) a:hover{
    background: url("../img/homeIcon2_hover.png") no-repeat 40px center;
}
.homeCen_left li:nth-child(2) a:hover{
    background: url("../img/homeIcon3_hover.png") no-repeat 40px center;
}
.homeCen_left li:nth-child(3) a:hover{
    background: url("../img/homeIcon4_hover.png") no-repeat 40px center;
}
.homeCen_left li:hover{
    background-color: #1f354c;
}
.homeCen_right{
    width: 985px;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 10px #999;
    float: right;
    background-color: #fff;
}
@media (min-width: 1220px ) and (max-width: 1400px) {
    .homeCen{
        width: 1000px;
    }
    .homeCen_right{
        width: 795px;
    }
    .myWrite_con{
        width: 750px;
        margin-left: 20px;
    }
}
@media (min-width: 1100px)and (max-width: 1220px){
    .zyHead_cen{
        width: 1000px;
    }
    .homeCen{
        width: 1000px;
    }
    .writeCon{
        width: 880px;
    }
    .homeCen_right{
        width: 795px;
    }
    .myWrite_con{
        width: 750px;
        margin-left: 20px;
    }

}
@media (min-width: 1024px ) and (max-width: 1100px) {
    .zyHead_cen{
        width: 900px;
    }
    .homeCen{
        width: 1000px;
    }
    .writeCon{
        width: 880px;
    }
    .homeCen_right{
        width: 795px;
    }
}
@media screen and (max-width: 1024px) {
    .zyHead_cen{
        width: 900px;
    }
    .homeCen{
        width: 1000px;
    }
    .writeCon{
        width: 880px;
    }
    .homeCen_right{
        width: 795px;
    }
}