body, form {
    margin: 0;
    padding: 0;
    font: 14px/180% "Arial";
    color: #333;
}

* {
    font-family: "Arial";
    margin: 0;
    padding: 0;
}
/*此地方不要加颜色属性*/
.ul, li {
    list-style: none;
}

.width {
    width: 960px;
    margin: auto;
    overflow: hidden;
}

.l {
    float: left;
}

.r {
    float: right;
}

.c {
    clear: both;
}

.m {
    margin-top: 10px;
}

.red {
    color: #f30;
}

.dis {
    display: none;
}

.m10 {
    margin: 10px;
}

.mtb10 {margin-top: 10px;margin-bottom: 10px;}
.mtb20 {margin-top: 20px;margin-bottom: 20px;}
.mtb30 {margin-top: 30px;margin-bottom: 30px;}
.mtb40 {margin-top: 40px;margin-bottom: 40px;}
.mtb50 {margin-top: 50px;margin-bottom: 50px;}

.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}

a {
    text-decoration: none;
    color: #333;
}
    a:hover {
        text-decoration: none;
        color: #f30;
    }

#zzContent_Title {
    width: 100%;
    background: #017fcf;
    padding: 50px 0;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

#zzContent {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 30px auto;
}

#zzContent_Class {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 50px auto;
}

.class_list {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

    .class_list dt {
        display: inline-block;
        line-height: 30px;
        background: #949494;
        margin: 0 10px;
        padding: 0 15px;
        transition:all 0.5s;
    }
        .class_list dt:hover {
            background: #017fcf;
        }

        .class_list dt a {
            color: #fff;
        }

    .class_list dd {
        display: inline-block;
        line-height: 30px;
        line-height: 35px;
        background: #017fcf;
        margin: 0 10px;
        padding: 0 15px;
    }

        .class_list dd a {
            color: #fff;
        }


.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:28px;font-size:16px;}
.info_content img{max-width:1000px;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:28px;font-size:16px;}
.other_content img{max-width:1000px;}
.info_mood{font:bold 14px/30px "宋体";color:#333;margin:20px 20px 0 20px;clear:both;}
.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}


.list_title {
    width: 96%;
    line-height: 40px;
    margin: 0 auto 10px auto;
    padding: 0;
    color: #03f;
    border-bottom:1px dashed #ccc;
    transition:all 0.5s;
}
.list_title:hover{
    text-indent:10px;
}

.list_jj{color:#444;margin:5px 0;word-wrap:break-word;overflow:hidden;width:100%; line-height:15px;}
.list_other{color:#777;margin-bottom:10px;padding-bottom:5px;}
.list_other span{color:#390;}

.list_photo{margin:0;padding:0;width:100%;overflow:hidden;}
    .list_photo li {
        width: 236px;
        height: auto;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0 20px 15px 30px;
        overflow: hidden;
    }
        .list_photo li .pic{
            width:100%;
            height:auto;overflow:hidden;
            text-align:center;
        }
            .list_photo li .pic img {
                width:97%;
                height:310px;
                border: 1px solid #ccc;
                padding: 5px 1%;
            }
        .list_photo li .pic img:hover {
            border: 1px solid #f00;
        }
    .list_photo li .word {
        background-color: #017fcf;
        width: 100%;
        height: auto;overflow:hidden;
        color: #fff;
        padding:10px 0;
    }
        .list_photo li .word h2 {
            width: 100%;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
            font-size:14px;
            font-weight:normal;
        }
.list_photo a{color:#fff;}
.list_photo a:hover{color:#ff0;}