@import url("zzPublic.css");
@import url("zzBanner.css");
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: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.width_gray{
    width:100%;
    height:auto;
    background:#f8f8f8;
}
.bg_white{background:#fff;}

.pageWhite{
    width:90%;
    height:auto;overflow:hidden;
    background:#fff;
    margin:20px auto;
    box-shadow:0 5px 5px #eee;
    padding-bottom:20px;
}

.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.m10{margin:10px;}
.mtb{ margin-top:10px; margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}

.pageNav{
    width:100%;
    height:auto;overflow:hidden;
}
.pageNav li{
    width:160px;float:left;
    height:50px;line-height:50px;
    text-align:center;
    font-size:16px;
}
.pageNav .hover{
    background:#1e1640;
    color:#fff;
}
.pageNav .hover a{color:#fff;}

.pageTitle{
    width:94%;
    height:auto;overflow:hidden;
    line-height:50px;
    font-size:28px;
    margin:20px auto;
}
.other_content {
    width:94%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    margin:20px auto;
    font-size:15px;
}
.other_content img{max-width:100%;margin:5px 10px 5px 0;}

.pic_circular{
    width:300px;
    border-radius:50%;
    box-shadow:10px 10px 10px #eee;
}

.listNew{
    width:100%;
    height:auto;overflow:hidden;
}
.listNew li{
    width:90%;
    height:auto;overflow:hidden;
    background:#fff;
    margin:10px auto;
    padding:10px 1% 10px 1%;
}
.listNew_List{
    width:100%;
    height:auto;overflow:hidden;
}
.listNew_Line {
    width:0;
    display: block;
    height: 2px;
    transition: all 0.5s;
}
.listNew li:hover .listNew_Line {
    width: 100%;
    background: #e77317;
}
.listNew_Pic{
    width:28%;float:left;
    margin-right:2%;
}
.listNew_Pic img{
    width:100%;
    height:200px;
}
.listNew_Word{
    width:70%;float:left;
}
.listNew_Word span{
    display:block;
    line-height:25px;
    color:#e77317;
    font-size:12px;
}
.listNew_Word h2{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:22px;
    margin-left:auto;
    margin-right:auto;
}
.listNew_Word h3{
    width:100%;
    height:50px;line-height:25px;overflow:hidden;
    color:#999;
    font-size:14px;
    margin:20px auto;
}
.listNew_Word h4{
    width:100%;
    height:auto;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
.listNew_Word h4 a{
    padding:5px 10px;
    border:1px solid #eee;
    font-size:12px;
}
.listNew_Word h4 a .layui-icon{font-size:12px;}

.info_content{
    width:94%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 30px;
    margin:20px auto;
    font-size:16px;
}
.info_content img{max-width:100%;}

.info_next{
    width:94%;
    height:auto;
    margin:30px auto 40px auto;
}
.info_next li{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    color:#999;
}
.info_next li a{color:#1e1640;text-decoration:underline;}
.info_next li a:hover{color:#f00;}

/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#999;}
.List_page span{background:#1e1640;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #1e1640;}
/*内容分页部分*/
.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:#1e1640;color:#fff;margin:1px;padding:4px 6px;border:1px solid #1e1640;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 #1e1640;color:#fff;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 #1e1640;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}


.class_list{margin:0;padding:0;}
.class_list dt{line-height:25px;}
.list_title{font:14px Microsoft Yahei;margin:0;padding:0;color:#03f;}
.list_title a{color:#03f;text-decoration:underline;}
.list_title a:hover{color:#f30;}
.list_jj{color:#444;margin:5px 0;word-wrap:break-word;overflow:hidden;width:628px; line-height:15px;}
.list_other{color:#777;margin-bottom:10px;border-bottom:1px dashed #ccc;padding-bottom:5px;}
.list_other span{color:#390;}

.list_photo{margin:0;padding:0;width:628px;overflow:hidden;}
.list_photo dt{width:139px;height:130px;float:left;text-align:center;padding:0 9px;margin:0 0 15px 0;overflow:hidden;}
.list_photo dt img{border:1px solid #CEEDC0;padding:2px;}
.list_photo dt div{padding:6px 0;background:#CEEDC0;width:126px;margin:-4px 0 10px 7px;*margin:0 0 10px 0;color:#50B20E;}
.list_photo a{color:#333;}
.list_photo a:hover{color:#f60;}

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

.sitelink{border-bottom:1px solid #f00;color:#999;}


.ServiceList{
    width:100%;
    height:auto;overflow:hidden;
}
.ServiceList li{
    width:31%;float:left;
    height:auto;
    margin:0 1% 20px 1%;
    transition:all 0.5s;
    padding:0 0 10px 0;
    box-shadow:0 10px 10px #eee;
    border-bottom:1px solid #1e1640;
}
.ServiceList li:hover{
    background:#f8f8f8;
}
.ServiceList li h2{
    width:94%;
    height:40px;line-height:40px;
    font-size:20px;
    margin:auto;
}
.ServiceList li div{
    width:100%;
    height:auto;
}
.ServiceList li div img{
    width:100%;
}
.ServiceList li h3{
    width:94%;
    height:75px;line-height:25px;overflow:hidden;
    color:#999;
    margin:10px auto;
    font-size:13px;
}
.ServiceList li h4{
    width:94%;
    height:auto;
    margin:auto;
    font-size:13px;
}
.ServiceList li h4 a{
    padding:5px 10px;
    border:1px solid #1e1640;
    color:#1e1640;
    transition:all 0.5s;
}
.ServiceList li h4 a:hover{
    background:#1e1640;
    color:#fff;
}

@media(max-width:900px){
    .width{
        width:92%;
    }
    .pageWhite{
        width:92%;
        height:auto;overflow:hidden;
        background:#fff;
        margin:20px auto;
        box-shadow:0 5px 5px #eee;
    }
    .other_content img{max-width:100%;margin:5px 0;}
    .pic_circular{
        width:100%;
        border-radius:50%;
        box-shadow:10px 10px 10px #eee;
    }
}