@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: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 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;}
.mr10{margin-right: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{font-weight:normal;}
.hui{color:#999;}
.huibg{background-color:#efefef;padding:40px 0 10px 0;}

.pageTitle{
    width:30%;float:left;
    margin-right:5%;
}
.pageTitle h1,h2{
    width:100%;
    height:50px;line-height:50px;
}
/*.pageTitle div{
    width:80px;
    height:3px;
    background:#117c46;
    border-radius:10px;
}*/
.pageNav{
    width:65%;float:left;
    height:30px;margin-top:10px;
}
.pageNav li{
    float:right;
    padding:5px 20px;
    line-height:20px;
    background:#999;
    color:#fff;
    transition:all 0.5s;
    margin:0 5px;
    border-radius:20px;
}
.pageNav li:hover{background:#c32800;}
.pageNav li a{color:#fff;}
.pageNav .hover{
    background:#117c46;
}

.listNews{
    width:100%;
    height:auto;overflow:hidden;
}
.listNews li{
    width:46%;float:left;
    height:auto;overflow:hidden;
    margin:15px 1%;
    padding:10px 1%;
    border-bottom:1px solid #eee;
}
.listNews li:hover{
    box-shadow:0 0 10px #ccc;
}
.listNews li h3{
    width:100%;
    height:20px;line-height:20px;
    color:#999;
    font-size:11px;
}
.listNews li h2{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    color:#333;
    font-size:16px;
}
.listNews li .info{
    width:100%;
    height:40px;overflow:hidden;
    color:#999;
    font-size:11px;
    line-height:20px;
}
.listNews li .pic{
    width:20%;float:left;
}
.listNews li .pic img{width:100%;height:90px;}
.listNews li .word{
    width:78%;float:left;
    margin-left:2%;
}

.info_title {
    width:100%;
    height:auto;overflow:hidden;
    margin:50px auto 10px auto;
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    line-height:30px;
    font-size:24px;
    text-align:center;
}
/*.info_title h1{
    width:80%;float:left;
    display:inline;
    line-height:30px;
    font-size:24px;
    text-align:center;
}*/
.info_pagetrun{
    width:100%;
    text-align:right;
    line-height:30px;
    height:30px;overflow:hidden;
    margin-bottom:40px;
}
.info_recommend{
    width:100%;
    height:auto;overflow:hidden;
}
.info_recommend .title{
    width:100%;
    line-height:40px;
    font-size:18px;
}
.info_recommend .list{
    width:100%;
}
.info_recommend .list li{
    width:48%;float:left;
    height:25px;line-height:25px;overflow:hidden;
    margin:0px auto;
    text-indent:10px;
    color:#666;
    font-size:12px;
}
.info_recommend .list li a{color:#666;}

.info_other{text-align:center;color:#999;margin:4px 0;}
.info_jj{border:1px solid #FDCC97;background:#FEFCFA;padding:10px;margin:10px 20px;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;}
.info_jj a{font-family:verdana;color:#00f;}
.info_jj a:hover{color:#f30;}
.info_jj span{font-weight:bold;color:#000;}
.info_content {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
}
.info_content img {
    max-width: 100%;
}
.other_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 28px;
    font-size:14px;
}
.other_content img{max-width:100%;}
.other_content video{
    float:right;
    margin:0 10px 10px 10px;
}
.aboutpic{width:500px;padding:10px;}

.other_content .contentTable {
    width: 100%;
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    overflow-x: scroll;
}

.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_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:#117c46;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #117c46;}
/*内容分页部分*/
.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%;
}
.list_photo li{
    width:23%;float:left;
    margin:10px 1%;
    background:#fff;
    transition:all 0.5s;
}
.list_photo li:hover{
    box-shadow:0 0 5px 5px #ccc;
}
.list_photo li .pic{
    width:100%;
}
.list_photo li .pic img{
    width:100%;
    height:200px;
}
.list_photo li .title{
    width:94%;
    height:40px;line-height:40px;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:0 auto;
}
.list_photo li .more{
    width:94%;
    height:40px;overflow:hidden;
    margin:0 auto;
}
.list_photo li .more span{display:inline;width:20px;height:2px;background:#117c46;float:left;margin-top:18px;}
.list_photo li .more div{
    float:right;
    text-align:right;
    line-height:40px;
    background-image:url(../Images/arrow.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:10px;
    font-size:11px;
}
.list_photo li .more div a{color:#666;}
.list_photo li .line{
    width:0px;
    height:2px;
    transition:all 0.5s;
}
.list_photo li:hover .line{
    width:100%;
    background:#117c46;
}
#yzm_num{cursor:pointer;}
.hand{cursor:pointer;}

/**/
.contentServiceList{
    width:100%;
    height:auto;overflow:hidden;
}
.contentServiceList li{
    width:50%;float:left;
    height:40px;line-height:40px;
    overflow:hidden;
    text-decoration:underline;
    font-size:16px;
    text-indent:10px;
}

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

    .pageTitle{
        width:100%;float:left;
        margin-right:0;
    }
    .pageTitle h1,h2{
        width:100%;
        height:40px;line-height:40px;
        font-size:20px;margin-top:20px;
    }
    .pageNav{
        width:100%;
        margin-top:20px;
        height:auto;overflow:hidden;
    }
    .pageNav li {
        margin: 5px 5px;
    }


    .listNews{
        width:100%;
        height:auto;overflow:hidden;
        margin:20px auto 0 auto;
    }
    .listNews li{
        width:94%;float:left;
        height:auto;overflow:hidden;
        margin:10px 2%;
        padding:10px 1%;
        border-bottom:1px solid #eee;
    }
   .listNews li h2{margin:0;padding:0;}
        .listNews li .pic {
            width: 30%;
            float: left;
        }

            .listNews li .pic img {
                width: 100%;
                height: 80px;
            }

        .listNews li .word {
            width: 68%;
            float: left;
            margin-left: 2%;
        }

    .list_photo {
        width: 100%;
        height:auto;overflow:hidden;
        margin:40px 0 0 0;
    }

    .list_photo li{
        width:48%;float:left;
        margin:10px 1%;
        background:#fff;
        transition:all 0.5s;
    }
    .list_photo li .pic img{
        width:100%;
        height:150px;
    }
    .info_recommend{
        width:100%;
        height:auto;overflow:hidden;
        margin-bottom:30px;
    }

    .info_content {
        margin:50px 0;
    }

    .other_content {
        margin: 50px 0;
    }
    .other_content video{
        display:block;
        width:100%;
    }
    .List_page {
        text-align: center;
        height:auto;
        margin-bottom: 50px;
    }

    .contentServiceList li{
        width:100%;float:none;
        height:auto;line-height:35px;
        overflow:hidden;
        text-decoration:underline;
        font-size:16px;
        text-indent:20px;
    }
}