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;
}
.widthGray{
    width:100%;
    height:auto;overflow:hidden;
    background-color:#f1f1f1;
    padding:50px 0;
}
.widthWhite{
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
    background-color:#fff;
    padding:50px 30px;
}
.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;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:14px;}

.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.pageTitle h2{
    width:100%;
    line-height:40px;
    font-size:36px;
    font-weight:bold;
}
.pageTitle h3{
    width:100%;
    line-height:40px;
    font-size:36px;
    color:#999;
    font-family:Arial;
    text-transform:uppercase;
}
.pageTitle s{
    display:block;
    width:60px;
    height:2px;
    background-color:#0165f7;
    margin:10px auto 20px auto;
}

.listText{
    width:100%;
    height:auto;overflow:hidden;
}
.listText li{
    width:31.33%;
    float:left;
    margin:10px 1%;
}
.listTextList{
    width:95%;
    margin:10px 2% 30px 2%;
    background:#fff;
    box-shadow:0 5px 5px #eee;
    border:1px solid #eee;
    padding:30px 0 0 0;
}
.listTextList h2{
    width:86%;
    height:40px;line-height:40px;overflow:hidden;
    font-size:16px;
    margin-left:auto;
    margin-right:auto;
}
.listTextList h3{
    width:86%;
    height:50px;line-height:25px;overflow:hidden;
    color:#999;
    font-size:12px;
    margin:20px auto;
}
.listTextList h4{
    width:86%;
    height:auto;
    margin-top:30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
}
.listTextList h4 a{
    padding:5px 10px;
    border:1px solid #eee;
    font-size:12px;
}
.listTextList h4 a .layui-icon{font-size:12px;}
    .listTextList s {
        display:block;
        width: 0;
        height: 2px;
        transition: all 0.5s;
    }
    .listTextList:hover{
        background:#f9f9f9;
    }
    .listTextList:hover s{
        width:100%;
        background:#0165f7;
    }
    .listTextList:hover h4 a{
        background:#0165f7;
        color:#fff;
    }



/*推荐信息*/
.infoRecommend{
    width:100%;
    height:auto;overflow:hidden;
}
.infoRecommendTitle{
    width:100%;
    height:50px;line-height:50px;
    font-size:18px;
    color:#000;
    font-weight:bold;
}
.infoRecommendList{
    width:100%;
}
.infoRecommendList li{
    width:33%;float:left;
    height:30px;line-height:30px;
    transition:all 0.5s;
}
.infoRecommendList li span{color:#999;font-size:14px;}
.infoRecommendList li:hover{
    text-indent:10px;
}

.info_next{
    width:100%;
    height:auto;overflow:hidden;
}
.info_next li{
    width:50%;float:left;
    height:40px;line-height:40px;
    overflow:hidden;
    color:#999;
    transition:all 0.5s;
}
.info_next li:hover{
    text-indent:10px;
}

.info_title{
    width:100%;
    height:auto;overflow:hidden;
    line-height:30px;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    margin:30px auto 50px 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:#999;}
.List_page span{background:#0165f7;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #0165f7;}
/*内容分页部分*/
.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;}


.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;}
.info_content img{max-width:100%;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;}
.other_content img{max-width:100%;}


.plug_book_add {
    width:70%;
    height:auto;overflow:hidden;
    margin:20px auto;
}
.plug_book_add dt{
    width:100%;
    height:auto;line-height:30px;overflow:hidden;
    margin-bottom:10px;
}
    .plug_book_add dt .input {
        width:60%;
        border: 1px solid #eee;
        height: 28px;
        line-height: 28px;
        color: #666;
        text-indent:10px;
        padding:0 10px;
    }
    .plug_book_add dt .inputs {
        width: 60%;
        height: 120px;
        border: 1px solid #eee;
        overflow: hidden;
        background: url(../Images/tishi.gif) no-repeat right bottom;
        padding:10px 10px;
    }
    .plug_book_add dt .inputyzm{
        width:30%;
        border: 1px solid #eee;
        height: 28px;
        line-height: 28px;
        color: #666;
        text-indent:10px;
    }
    .vote_bnt{
        width:200px;
        height:30px;line-height:30px;
        background-color:#0165f7;
        color:#fff;
        text-align:center;
        border:0;
        border-radius:5px;
        margin:20px auto 10px 60px;
        box-shadow:0 0 10px #7faae9;
        transition:all 0.5s;
    }
    .vote_bnt:hover{
        background-color:#01cfff;
    }

#left{
    width:20%;float:left;
    margin-right:5%;
}
.leftTitle{
    width:90%;
    height:auto;overflow:hidden;
    padding:20px 0;
    background-color:#0165f7;
    color:#fff;
    padding-left:10%;
}
.leftTitle h2{
    font-size:24px;
}
.leftTitle h3{
    font-size:16px;
}

.leftList{
    width:100%;
    height:auto;overflow:hidden;
}
.leftList a{color:#fff;}
.leftList dt{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    text-indent:20px;
    background-color:#666;
    margin:5px 0;
    transition:all 0.5s;
}
.leftList dt:hover{
    background-color:#0165f7;
    text-indent:30px;
}
.leftList .active{
    background-color:#f3b53c;
}

#right{
    width:75%;float:left;
}


.list_photo{
    width:100%;
    height:auto;overflow:hidden;
}
.list_photo li{
    display:inline-block;
    height:auto;overflow:hidden;
    width:31%;
    margin:20px 1%; 
    box-shadow:0 0 10px #eee;
    transition:all 0.5s;
}

    .list_photo li:hover {
        margin: 10px 1% 30px 1%;
        box-shadow: 0 0 10px #ccc;
    }

.list_photo li div{
    width:100%;
    height:auto;overflow:hidden;
}
.list_photo li div img{
    width:100%;
    height:240px;
}
.list_photo li h2{
    width:90%;
    height:30px;overflow:hidden;
    margin:10px auto 20px auto;
    line-height:30px;
    font-size:18px;
}
.list_photo li h4{
    display:inline-block;
    background-color:#f3b53c;
    color:#fff;
    padding:2px 10px;
    border-radius:5px;
    margin-left:10px;
    margin-bottom:20px;
    transition:all 0.5s;
}
.list_photo li h4:hover{
    background-color:#0165f7;
}


.pageAboutList{
    width:100%;
    height:auto;overflow:hidden;
    margin:50px auto;
}
.pageAboutList li{
    width:24%;float:left;
    text-align:center;
}
.pageAboutList .border-right{
    border-right:1px solid #eee;
}
.pageAboutList li h2{
    width:100%;
    height:60px;line-height:60px;
    font-size:50px;
    font-weight:bold;
    color:#666;
}
.pageAboutList li h2 span{
    font-size:18px;
    font-weight:normal;
}
.pageAboutList li h3{
    width:100%;
    height:30px;line-height:30px;
    font-size:14px;
    color:#999;
}


@media(max-width:720px){
    .width {
        width: 94%;
        margin-left: auto;
        margin-right:auto;
        overflow: hidden;
    }
    .widthGray{
        width:100%;
        height:auto;overflow:hidden;
        background-color:#f1f1f1;
        padding:50px 0;
    }
    .widthWhite{
        width: 86%;
        margin-left: auto;
        margin-right:auto;
        overflow: hidden;
        background-color:#fff;
        padding:30px 4%;
    }

    .listText li{
        width:98%;
        float:left;
        margin:10px 1%;
    }
    .listTextList{
        width:95%;
        margin:10px 2% 10px 2%;
        background:#fff;
        box-shadow:0 5px 5px #eee;
        border:1px solid #eee;
        padding:30px 0 0 0;
    }


    .infoRecommendList li{
        width:100%;float:left;
        height:30px;line-height:30px;
        transition:all 0.5s;
    }
    .info_next li{
        width:100%;float:left;
        height:40px;line-height:40px;
        overflow:hidden;
        color:#999;
        transition:all 0.5s;
    }
    .plug_book_add{
        width:90%;
    }
    .plug_book_add dt .inputs{
        width:70%;
    }

    .pageAboutList .border-right{border-right:0px;}
    .pageAboutList li{
        width:46%;float:left;
        text-align:center;
        margin-bottom:10px;
        border-bottom:1px solid #eee;
        padding-bottom:10px;
        margin-left:2%;
        margin-right:2%;
    }

    .pageAboutList li h2{
        width:100%;
        height:50px;line-height:50px;
        font-size:50px;
    }



    #left{
        width:100%;float:left;
        margin-right:0;
    }
    .leftTitle{display:none;}
    .leftList dt{
        width:48%;float:left;
        margin:5px 1%;
    }
    #right{
        width:100%;
    }


    .list_photo li{
        width:45%;
        margin:20px 2%;
    }
    .list_photo li:hover{
        margin:10px 2% 30px 2%;
    }
    .list_photo li div img{
        width:100%;
        height:150px;
    }
}