@import url("zzPublic.css");
@import url("zzScroll.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: 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;}
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;}

#left {
    float: left;
    width: 260px;
    margin-right: 30px;
}
.leftTitle{
    width:90%;
    height:auto;overflow:hidden;
    background:#0083e5;
    padding:20px 5%;
}
.leftTitle h2{
    width:100%;
    height:40px;line-height:40px;
    font-size:24px;
    font-weight:bold;
    color:#fff;
}
.leftTitle div{
    width:60px;
    height:2px;
    background:#fff;
}
.leftTitle h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:16px;
    color:#fff;
}
.leftNav{
    width:100%;
    height:auto;overflow:hidden;
}
.leftNav li{
    width:95%;
    height:40px;line-height:40px;overflow:hidden;
    background:#eee;
    margin:1px 0 1px 0;
    text-indent:10px;
    padding-right:5%;
    transition:all 0.6s;
}
.leftNav li:hover{
    background:#0083e5;
    color:#fff;
}
.leftNav li:hover a{color:#fff;}
.leftNav li span{float:right;}
.leftNav .hover{
    background:#0054a6;
    color:#fff;
}
.leftNav .hover a{color:#fff;}

#right {
    float: left;
    width: 910px;
}
.position{
    width:100%;
    height:50px;line-height:50px;
    border-bottom:1px solid #eee;
    margin-bottom:30px;
}
.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    margin-bottom:40px;
}
.pageTitle h1{
    width:100%;
    height:50px;line-height:50px;

    font-size:20px;
}
.pageTitle div{
    width:50px;
    height:2px;
    background:#0083e5;
}

.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;font-size:13px;}
.info_content img{max-width:100%;margin:2px 0;}
.other_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 28px;
    margin:40px auto;
}
    .other_content img{max-width:100%;margin:2px 0;}

.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}
/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#A0A0A0;}
.List_page span{background:#0083e5;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #0083e5;}
/*内容分页部分*/
.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;}


.list_photo{
    width:100%;
    height:auto;overflow:hidden;
}
    .list_photo li {
        width: 31%;
        height: auto;overflow: hidden;
        float: left;
        text-align: center;
        margin: 0 1% 25px 1%;
        background:#eee;
        transition:all 0.5s;
        
    }
        .list_photo li div {
            width:100%;
            height:200px;overflow:hidden;
            position:relative;
        }
        .list_photo li div img {
            width: 100%;
            height: 200px;
            position:absolute;
            top:0;
            left:0;
        }
        .list_photo li h1 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
        }

        .list_photo li:hover{
            background:#0083e5;
        }
        .list_photo li:hover a{color:#fff;}

.list_news{
    width:100%;
    height:auto;overflow:hidden;
}
.list_news li{
    width:100%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:10px auto;
    padding-bottom:10px;
}
.list_news li h1{
    width:100%;
    height:35px;line-height:35px;overflow:hidden;
    font-size:18px;
    transition:all 0.5s;
    text-indent:0;
}
.list_news li div{
    width:100%;
    height:40px;line-height:20px;overflow:hidden;
    font-size:12px;
    color:#999;
}
.list_news li:hover h1{
    text-indent:20px;
    color:#0083e5;
}
.list_news li:hover h1 a{color:#0083e5;}

.PageFactory{
    width:100%;
    height:auto;overflow:hidden;
}
.PageFactory li{
    width:30%;float:left;
    margin:10px 1.5%;
    text-align:center;
    line-height:40px;
    border:1px solid #eee;
    box-shadow:0 5px 5px #eee;
    transition:all 0.5s;
}
.PageFactory li img {
    width:100%;
    max-height:300px;
}
.PageFactory li:hover{
    border:1px solid #0083e5;
    box-shadow:0 5px 5px #ccc;
}
.picShow{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    margin:20px auto;
}
.picShow img{
    max-height:500px;
}

@media(max-width:900px){
    .width {
        width: 94%;
    }
    #left{display:none;}
    #right {
        float: left;
        width: 100%;
    }
    .list_photo li {
        width: 48%;
        height: auto;overflow: hidden;
        float: left;
        text-align: center;
        margin: 0 1% 15px 1%;
        background:#eee;
        
    }
        .list_photo li div {
            width:100%;
            height:120px;overflow:hidden;
            position:relative;
        }
        .list_photo li div img {
            width: 100%;
            height: 120px;
            position:absolute;
            top:0;
            left:0;
        }

.PageFactory li{
    width:46%;float:left;
    margin:10px 1.5%;
    text-align:center;
    line-height:40px;
    border:1px solid #eee;
    box-shadow:0 5px 5px #eee;
    transition:all 0.5s;
}
.PageFactory li img {
    width:100%;
    max-height:300px;
}
.picShow img{
    width:90%;
}
}