.head {
        padding: 20px 0;
        background-color: #046d8c;}

.logo {
    width: 600px;}

    .logo img {
        width: 100%;}

    @media only screen and (max-width: 1199px) {
        .logo {
            width: auto;}

        .logo img {
            width: auto;
            display: inline-block;
            height: 35px;}

        .head {
            padding: 5px 0 !important;}
    }
    .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
        .slideBox .hd ul li.on{ background:#f00; color:#fff;}
        .slideBox .bd{ position:relative; height:100%; z-index:0;}
        .slideBox .bd li{ zoom:1; vertical-align:middle;}
        .slideBox .bd img{  width:100%; height:auto; display:block;}

    .zstp {}

    .zstp li {
        float: left;
        width: 29%;
        margin: 4% 2%;}

    .zstp li img {
        width: 100%;
        display: block;
        margin: 0 auto;}

    body {
        background-color: #eee;}

    @media only screen and (max-width: 1199px) {

        .body2,
        body {
            padding-top: 0;}

        .zstp li {
            float: none;
            width: 100%;
            margin: 2% 0;}
    }