body{background:#fff;}
body,form{margin:0;padding:0;font:14px/180% "MicroSoft Yahei","宋体";color:#333;}
* {
    font-family: "MicroSoft Yahei","宋体";
    margin: 0;
    padding: 0;
}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width {
    width: 1200px;
    margin-left: auto;
    margin-right: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;}
.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.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;
}

.mtb60 {
    margin-top: 60px;
    margin-bottom: 60px;
}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}

.bg_write{background:#fff;}

.bannerPage{
    width:100%;
    height:auto;overflow:hidden;
}
.bannerPage img{
    width:100%;
}

#content {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
}

.contentTitle {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    text-align: center;
}
    .contentTitle h1 {
        font-size: 28px;
        font-weight:bold;
    }

.info_content {
    width: 90%;
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 24px;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    text-indent:20px;
}

    .info_content img {
        max-width: 100%;
    }

.other_content {
    width:90%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 24px;
    margin-left:auto;
    margin-right:auto;
}

    .other_content img {
        max-width: 100%;
    }

.plug_book_add {
    width:60%;
    height:auto;overflow:hidden;
    margin:20px auto;
}

    .plug_book_add dt {
        margin: 6px 0;
    }

        .plug_book_add dt .input {
            width:60%;
            border: 1px solid #eee;
            height: 30px;
            line-height: 30px;
            color: #666;
            font-size:12px;
            text-indent:10px;
        }

        .plug_book_add dt .inputs {
            width: 90%;
            height: 150px;
            border: 1px solid #eee;
            overflow: hidden;
            background: url(../Images/tishi.gif) no-repeat right bottom;
            font-size: 12px;
            padding:10px 10px;
            color:#666;
        }
.vote_bnt {
    background: #0152ad;
    width:150px;
    height: 30px;
    line-height: 30px;
    border: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 4px 0;
}

.list_photo {
    width: 100%;
    height:auto;
    overflow: hidden;
}
    .list_photo li {
        width: 29.33%;
        float: left;
        height: auto;
        overflow: hidden;
        margin: 10px 2% 30px 2%;
        background: #fff;
        text-align: center;
        line-height: 40px;
        box-shadow:0 0 10px #eee;
        border-radius:5px;
        transition:all 0.5s;
    }

        .list_photo li:hover {
            box-shadow: 0 0 10px #e3e3e3;
            background-color:#0152ad;
        }
        .list_photo li:hover a{color:#fff;}

        .list_photo li div {
            width: 100%;
            height: 240px;
            overflow: hidden;
            position: relative;
        }

            .list_photo li div img {
                position: absolute;
                width: 100%;
                height: 240px;
                top: 0;
                left: 0;
            }
            .list_photo li h2{
                width:100%;
                height:40px;line-height:40px;
                overflow:hidden;
            }

.listNews{
    width:90%;
    height:auto;overflow:hidden;
    margin:30px auto;
}
    .listNews li{
        width:48%;float:left;
        height:auto;overflow:hidden;
        border-bottom:1px solid #eee;
        padding-bottom:10px;
        margin:10px 1%;
    }
        .listNews li:hover{background:#f7f7f7;}
        .listNewsDate {
            width: 15%;
            float: left;
            line-height: 50px;
            color: #9ea4b2;
            font-size: 20px;
            font-family: Arial;
            font-weight: bold;
            transition:all 0.5s;
        }
        .listNewsContent{
            width:85%;float:left;
        }
            .listNewsContent h2 {
                font-size: 18px;
                height:40px;overflow:hidden;
                line-height: 40px;
                transition:all 0.5s;
            }
            .listNewsContent div {
                width: 100%;
                height: 40px;
                line-height: 20px;
                overflow: hidden;
                color: #b9b9b9;
                font-size: 12px;
            }

        .listNews li:hover h2 {
            text-indent: 20px;
        }

.class_list {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
}
    .class_list a{
        display:inline-block;
        border:1px solid #eee;
        height:30px;line-height:30px;
        padding:0px 25px;
        margin:10px 10px;
        border-radius:5px;
        transition:all 0.5s;
    }
        .class_list a:hover{background-color:#0152ad;color:#fff;}
        .class_list .hover {
            background: #0152ad;
            color: #fff;
        }

        .info_next {
            width: 90%;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 12px;
            color: #999;
            margin-left: auto;
            margin-right: auto;
        }


/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
    .List_page span {
        background: #0152ad;
        color: #fff;
        margin: 0px 1px;
        padding: 4px 6px;
        border: 1px solid #0152ad;
    }
/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}


.book_title{background:url(../images/zzcms.gif) 0 -254px;height:29px;line-height:29px;font-size:14px;font-weight:bold;color:#4EB30F;padding-left:12px;border:1px solid #C3E8AA;border-bottom:0;}
.book_title b{float:right;padding-right:10px;font-weight:normal;font-size:12px;color:#666;}
.book_content{border:1px solid #C3E8AA;border-top:0;padding:10px;margin-bottom:10px;}

/*编辑器相关属性*/
.Quotetitle{margin:10px 6px 0 0;padding:2px 10px;background:#FFEBD0;border:1px solid #FDDCB8;font:bold 14px/24px "宋体";color:#f30;}
.QuoteCode{margin:0 6px 10px 0;padding:4px 10px;background:#FFF;border:1px solid #FDDCB8;border-top:0;word-wrap:break-word;overflow:hidden;color:#777;}
.RunCodes{clear:both;height:180px;margin:10px 0 20px 0;}
.RunCodes textarea{overflow-x:hidden;overflow-y:auto;border:1px solid #C3E8AA;padding:3px;width:98%; height:150px;}
.RunCodes input{float:left;border:1px solid #50B20E;background:#50B20E;color:#FFF;width:80px;margin:1px 2px 0 0;padding:5px 10px 0px !important;padding:2px 10px 0px;font-size:12px;}
.RunCodes span{float:left;margin:10px 0 0 5px;_margin:0 0 0 5px;color:#999;font-size:12px;}


.pageContact{
    width:100%;
    height:auto;overflow:hidden;
}

.pageContactLeft{
    width:50%;float:left;
    margin-right:2%;
}
.pageContactLeft img{width:100%;}
.pageContactRight{
    width: 48%;
    float: left;
    padding-top:20px;
}

@media(max-width:720px) {
    .width {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    .list_photo li {
        width: 46%;
        float: left;
        height: auto;
        overflow: hidden;
        margin: 10px 2% 30px 2%;
        background: #fff;
        text-align: center;
        line-height: 40px;
        box-shadow: 0 0 10px #eee;
        border-radius: 5px;
        transition: all 0.5s;
    }
        .list_photo li div {
            width: 100%;
            height: 140px;
            overflow: hidden;
            position: relative;
        }

            .list_photo li div img {
                position: absolute;
                width: 100%;
                height:140px;
                top: 0;
                left: 0;
            }

    .listNews li {
        width: 98%;
        float: left;
        height: auto;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        margin: 10px 1%;
    }
    .listNewsDate {
        width: 25%;
    }

    .listNewsContent {
        width: 75%;
    }

    .plug_book_add {
        width: 80%;
        height: auto;
        overflow: hidden;
        margin: 20px auto;
    }

    .pageContactLeft {
        width: 100%;
        margin-right: 0;
    }
    .pageContactRight {
        width:100%;
    }

}