@import url("zzBanner.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;
}
.width70{
    width:70%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.width80{
    width:80%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.width100{
    width:100%;
    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;}
.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;}

/*layui Begin*/
.layui-layer-btn .layui-layer-btn0
{
    border-color: #009d7e;
background-color: #009d7e;
}
/*layui End*/

/*Swiper Begin*/
    .swiper-container-case {
      width: 100%;
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .swiper-container-case .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-container-case .swiper-slide img{
        width:100%;
        height:300px;
    }
/*Swiper End*/
.pageContent{
    width:100%;
    height:auto;overflow:hidden;
    background:#f1f1f1;
}
.whiteContent{
    width:86%;
    height:auto;overflow:hidden;
    background:#fff;
    margin:30px auto;
    padding:0 2%;
}
.pageTitle{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    text-align:center;
    margin:30px auto;
}
.pageTitle h1{font-size:30px;}
.pageNav{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
    margin:30px auto;
}
.pageNav a{
    padding:5px 20px;
    border:1px solid #009d7e;
    margin:5px 5px;
    line-height:30px;
    border-radius:20px;
    display:inline-block;
}
.pageNav .h{background:#009d7e;color:#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%;}

.picList{
    width:100%;
    height:auto;overflow:hidden;
}
.picList li{
    width:23%;float:left;
    margin:10px 1%;
}
.picList .pic{
    width:100%;
    height:200px;overflow:hidden;
    position:relative;
}
.picList .pic img{
    width:100%;
    height:200px;
    position:absolute;
    top:0;
    left:0;
}
.picList .title{
    width:100%;
    height:50px;overflow:hidden;
    line-height:50px;
    text-align:center;
}

.newsList{
    width:90%;
    height:auto;overflow:hidden;
    margin-left:auto;
    margin-right:auto;
}
.newsList li{
    width:100%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    margin:10px 0;
}
.newsList .news_pic{
    width:28%;float:left;
    margin-right:2%;
}
.newsList .news_pic img{
    width:100%;
    height:160px;
}
.newsList .news_word{
    float:left;
}
.newsList .news_word h1{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    margin-top:10px;
    font-size:16px;
}
.newsList .news_word div{
    width:100%;
    height:40px;line-height:20px;overflow:hidden;
    font-size:12px;
    color:#999;
    margin:10px 0;
}


#left{
    width:20%;float:left;
    margin-top:20px;
}
.leftTitle{
    width:100%;
    height:90px;
    line-height:90px;
    background:#009d7e;
    color:#fff;
    font-size:20px;
    text-indent:30px;
    font-weight:bold;
}
.leftList{
    width:100%;
    height:auto;overflow:hidden;
}
.leftList li{
    width:100%;
    height:40px;line-height:40px;overflow:hidden;
    text-indent:40px;
    border-bottom:1px solid #eee;
    margin:10px 0;
    background:#eee;
    border-radius:20px;
}
.leftList .hover{background:#009d7e;color:#fff;}
.leftList .hover a{color:#fff;}
.leftNewsList{
    width:100%;
    height:auto;overflow:hidden;
}
.leftNewsList li{
    width:100%;
    height:30px;line-height:30px;overflow:hidden;
    text-indent:10px;
    border-bottom:1px solid #eee;
    margin:10px 0;
    font-size:13px;
}

#right{
    width:75%;float:left;
    margin-left:5%;
}

#Positon{background:url(../images/zzcms.gif) 0 -283px;height:35px;line-height:35px;text-indent:10px;}
.info_title{margin:10px 0;font:100 18px Microsoft Yahei;text-align:center;}
.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_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:#009d7e;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #009d7e;}
/*内容分页部分*/
.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;}

@media(max-width:900px){
    .width {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    /*swiper Begin*/
    .swiper-container-case .swiper-slide img{
        width:100%;
        height:150px;
    }
    /*swiper End*/

    .pageNav a{
        padding:5px 10px;
        border:1px solid #009d7e;
        margin:5px 5px;
        line-height:20px;
        border-radius:20px;
        display:inline-block;
    }

    .picList .pic{
        width:100%;
        height:150px;overflow:hidden;
        position:relative;
    }
    .picList .pic img{
        width:100%;
        height:150px;
        position:absolute;
        top:0;
        left:0;
    }
    .newsList .news_pic{
        width:100%;float:left;
        margin-right:0;
    }
    .width70{
        width:100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .newsList .news_word div{
        margin:0;
    }

    #left{
        width:100%;float:left;
        margin-top:0px;
    }
    .leftTitle{display:none;}
    .leftList{
        width:100%;
        height:auto;overflow:hidden;
        margin-top:10px;
    }
    .leftList li{
        width:48%;float:left;
        height:40px;line-height:40px;overflow:hidden;
        text-indent:40px;
        border-bottom:1px solid #eee;
        margin:5px 1%;
        background:#eee;
        border-radius:20px;
    }
    .leftList .hover{background:#009d7e;color:#fff;}
    .leftList .hover a{color:#fff;}
    .leftNewsList{display:none;}

    #right{
        width:100%;float:left;
        margin-left:0;
    }
}