@import url("zzPublic.css");
@import url("zzEdit.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:auto;overflow:hidden;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mr10{margin-right:10px;}
.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;}
.mtb70{ margin-top:70px; margin-bottom:70px;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}
.border-right{border-right:1px solid #eee;}
/*Swiper Begin*/
    #swiper1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
    }
    #swiper1 .swiper-slide img{width:100%;}

    #swiper2 .swiper-wrapper{
        height:80px;
        margin:0 auto 20px auto;
    }

    #swiper2 .swiper-slide {
      width:140px;
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
    }
    #swiper2 .swiper-slide img{width:140px;}
/*Swiper End*/


.bannerPage {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

    .bannerPage img {
        width: 100%;
        margin: 0 auto;
    }

.bannerPage_Width {
    height: 50px;overflow:hidden;
    line-height: 25px;
    background-color:#017dc5;
    background: rgba(1,125,197,0.8);
    filter:Alpha(opacity=80);
    color: #fff;
    bottom: 0;
    left: 5%;
    position: absolute;
    padding: 20px 13% 20px 2%;
}
    .bannerPage_Width h1 {
        color: #fff;
        font-size: 24px;
    }


#left{float:left;width:650px;margin-right:10px;}
.left_w{overflow:hidden;width:650px;}
.left_w_01{overflow:hidden;width:648px;}
#right{float:left;width:300px;}

.zzPosition{
    width:100%;
    height:50px;overflow:hidden;
    line-height:50px;
    border-bottom:1px solid #eee;
    margin-bottom:50px;
}
.zzPosition span{color:#037cd0;}

.listNews{
    width:100%;
    height:auto;overflow:hidden;
}
.listNews li{
    width:92%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:10px auto;
    padding:5px 2%;
}
.listNews li:hover{
    background:#f8f8f8;
    border-radius:5px;
}
.listNews li h2{
    width:100%;
    height:30px;overflow:hidden;
    line-height:30px;
    font-size:18px;
}
.listNews li h2 span{float:right;color:#999;font-size:12px;}
.listNews li div{
    width:100%;
    height:30px;overflow:hidden;
    line-height:30px;
    color:#999;
    font-size:12px;
}


.info_title {
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    text-align:center;
    font-size:24px;
}
.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:26px;}
.info_content img{max-width:1200px;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:26px;}
.other_content img{max-width:1200px;}
.info_mood{font:bold 14px/30px "宋体";color:#333;margin:20px 20px 0 20px;clear:both;}
.info_next{color:#999;margin:6px 0;}
.info_next a{font-family:verdana;}

.info_recommend{
    width:100%;
    height:auto;overflow:hidden;
}
.info_recommend .title{
    width:100%;
    height:40px;line-height:40px;
    font-size:18px;
}
.info_recommend .title span{color:#037cd0;}
.info_recommend .list{
    width:100%;
    height:auto;
}
.info_recommend .list li{
    width:30%;float:left;
    height:30px;line-height:30px;
    overflow:hidden;
    font-size:12px;
    border-bottom:1px dotted #ccc;
}

/*分页部分*/
.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:#037cd0;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #037cd0;}
/*内容分页部分*/
.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;}

.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 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .list_photo li {
        width: 23%;
        float: left;
        margin: 10px 1%;
        height: 240px;
        overflow: hidden;
        line-height: 40px;
        overflow: hidden;
        text-align: center;
    }

        .list_photo li:hover {
            background: #eee;
        }

        .list_photo li div {
            width: 100%;
            height: 200px;
            overflow: hidden;
            position: relative;
        }

        .list_photo li img {
            width: 100%;
            height: 200px;
            position: absolute;
            top: 0;
            left: 0;
        }

@media(max-width:750px) {
    .bannerPage_Width {
        height: 50px;overflow:hidden;
        line-height: 25px;
        background-color:#017dc5;
        background: rgba(1,125,197,0.8);
        filter:Alpha(opacity=80);
        color: #fff;
        bottom: 0;
        left: 5%;
        position: absolute;
        padding: 10px 8% 10px 5%;
    }

    .list_photo li {
        width: 48%;
        float: left;
        margin: 10px 1%;
        height: 190px;
        overflow: hidden;
        line-height: 40px;
        overflow: hidden;
        text-align: center;
    }
        .list_photo li div {
            width: 100%;
            height: 150px;
            overflow: hidden;
            position: relative;
        }

        .list_photo li img {
            width: 100%;
            height: 150px;
            position: absolute;
            top: 0;
            left: 0;
        }
    .info_content img {
        max-width: 100%;
    }

    .other_content img {
        max-width: 100%;
    }

    .info_recommend .list li{
        width:48%;
        margin:0 1%;
    }
}