*{font-family: "微软雅黑";font-size: 12px;}
body{background-color: #BDDCD3;margin: 0;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
a{cursor: pointer;color:#000;text-decoration: none;}
.clear10{clear: both;display: block;height:10px;}
.clear5{clear: both;display: block;height:5px;}
.clear{clear: both;display: block;}
.border{border:1px #dedede solid;box-sizing: border-box;}
.main-layout{width:1190px;margin: 0 auto;}
.div-page{text-align: center;}
#div_down h1{font-size:18px;}

/*最上方栏目*/
.header{background-color: #007D79;}
.header a{color: #fff;text-decoration: none;}
.header .main-layout{height: 34px;line-height: 34px;}
.header ul{float:right;margin: 0 54px;}
.header ul li{float:left;padding-left: 18px;}

/*导航*/
.guide{position: relative;height:100px;}
.guide-logo{height:100px;background: url(../img/logo.jpg) no-repeat top center;position: absolute;width:100%;top:0;}
.guide-top{background-color: #FBFBFB;height:50px;line-height: 50px;}
.guide .main-layout{position: relative;}
.guide .guide-bottom{width:100%;line-height: 50px;position:absolute;top:-50px;}
.guide li a{font-size: 18px;font-weight: 700;}
.guide li{float:left;padding: 0 20px;background: url(../img/guide-split.jpg) no-repeat right center;}
.guide .ul-left{float:left;padding-left:20px;}
.guide .ul-right{float:right;padding-right:25px;}

/*底部*/
.footer{text-align: center;line-height: 30px;padding-top: 10px;text-shadow: -1px 0 #fff,0 1px #fff,1px 0 white,0 -1px #fff;}

.div-title .title{font-size: 24px; color: #007d79;float: left;padding-left: 15px;}
.div-title .more{font-size: 14px; color: #007d79;float:right;padding-right: 25px;}
/*首页-左*/
.index-left{box-sizing: border-box;float:left;height:635px;width:450px;background-color: #FFFFFF;border-radius: 25px 0 0 25px;-moz-border-radius: 25px 0 0 25px;padding: 36px 8px 35px 27px;}
.index-left .div-title{background: url(../img/news-title.jpg) no-repeat;height:43px;line-height:43px;}
.index-left .div-title .title{color: #FFFFFF;}
/*banner*/
.index-left .banner{position: relative;margin-top: 12px; margin-left: 15px;height:320px;overflow: hidden;}
.index-left .banner img{width:385px;height:256px;}
.index-left .banner .bd li{width:385px;}
.index-left .banner .bd a{text-decoration: none;color: #000;}
.index-left .banner .bd .title{font-size: 18px;line-height: 30px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.index-left .banner .prev,
.index-left .banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.index-left .banner .next{ left:auto; right:6%; background-position:8px 5px; }
.index-left .banner .prev:hover,
.index-left .banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.index-left .banner .prevStop{ display:none;  }
.index-left .banner .nextStop{ display:none;  }
/*新闻列表*/
.index-left .news-list{}
.index-left .news-list ul{width:390px;padding: 10px;}
.index-left .news-list li{background: url(../img/liPic2.jpg) no-repeat;background-position: left 14px;padding-left: 10px;border-bottom: 1px dashed #dedede;position: relative;height:34px;line-height:34px;}
.index-left .news-list li a{color:#0a5424;}
.index-left .news-list li .news_title{float:left;width:305px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index-left .news-list li .news_title attr{position: absolute;top:0;right:0;}

/*首页-中*/
.index-center{box-sizing: border-box;float:left;height:635px;width:325px;background-color: #F2F8F8;padding: 33px;}
.index-center .div-cover{border: 6px solid #EAEAEA;}
.index-center .cover-list{text-align: center;margin-top: 10px;}
.index-center .cover-list li{height:35px;line-height: 35px;}
.index-center .cover-list li a{font-size: 18px;margin: 0 40px;}
.index-center .cover-list li:hover,.index-center .cover-list li.hover{height:45px;line-height: 45px;}
.index-center .cover-list li:hover a,.index-center .cover-list li.hover a{font-size: 24px;color:#FFFFFF;background-color: #188985;height:45px;display: block;}
.index-center .cover-list li:last-child a{font-size: 14px;}

/*首页-右*/
.index-right{box-sizing: border-box;float:left;height:635px;width:415px;background-color: #FFFFFF;border-radius: 0 25px 25px 0;-moz-border-radius: 0 25px 25px 0;padding:36px 20px 35px 12px;}
.index-right .div-title{height:43px;line-height:43px;}
.index-right .vedio-list{height:364px;background:-moz-linear-gradient(#e5f2f1,#fff);background:-webkit-gradient(linear,center top,center bottom,from(#e5f2f1),to(#fff));background:-webkit-linear-gradient(#e5f2f1,#fff);background:-o-linear-gradient(#e5f2f1,#fff);background:-ms-linear-gradient(#e5f2f1,#fff);background:linear-gradient(#e5f2f1,#fff);}
.index-right .vedio-list ul{padding: 8px 6px 20px 18px;}
.index-right .vedio-list ul li{margin-bottom: 20px;clear: both;display: block;height:92px;}
.index-right .vedio-list .vedio-img{width:161px;height:90px;float:right;}
.index-right .vedio-list .title{font-size:17px;height:60px;line-height: 30px;overflow: hidden;display:block;}
.index-right .vedio-list li dl{margin: 8px 0 0 0;}
.index-right .vedio-list dt{float:left;margin: 0;}
.index-right .vedio-list dd{float:left;margin: 0;}
.index-right .vedio-list li dt:last-of-type{margin-left: 10px;}
/*二维码列表*/
.index-right .div-qrcode{padding: 0 5px;}
.index-right .div-qrcode .div-qrremark{text-align: center;line-height: 35px;float:right;width:215px;padding-top: 30px;}
.index-right .div-qrcode .div-qrremark li{font-size: 16px;}


/*列表页面*/
.page-list{border-radius: 25px;-moz-border-radius: 25px;box-sizing: border-box;background-color: #fff;padding: 16px 22px;}
.page-list .banner{border-radius: 25px;-moz-border-radius: 25px;}
/*列表左侧*/
.page-left{width:253px;float:left;}
.page-left dl{margin: 0 5px 0 25px;background-color: #f7f7f7;padding-bottom: 20px;}
.page-left dt{background-color: #198a86;color:#fff;height:45px;line-height: 45px;font-size: 24px;padding-left: 20px;}
.page-left dd{line-height: 60px;margin-left: 22px;}
.page-left dd a{font-size: 18px;}
.page-left dd a.hover, .page-left dd a:hover{color:#198a86;}
.page-left .div-qrcode{text-align: center;margin-top: 30px;}
.page-left .div-qrcode .div-qrremark{text-align: center;line-height: 35px;}
.page-left .div-qrcode .div-qrremark li{font-size: 16px;}
/*列表右侧*/
.page-right{width:890px;float:right;padding: 6px 10px;box-sizing: border-box;}
.page-right .list-title{background: url(../img/list-title.jpg) no-repeat;width: 100%;height:45px;line-height: 35px;}
.page-right .list-title .title{font-size:18px;color:#fff;text-shadow: -1px 0 #aaa,0 1px #aaa,1px 0 #aaa,0 -1px #aaa;padding-left: 20px;}
.page-right .content{border: 3px #dedede solid;border-radius: 10px;-moz-border-radius: 10px;padding: 20px;margin-top: 6px;}

/*杂志列表*/
.zz-list{}
.zz-list li{width:157px;text-align: center;float: left;margin: 10px 50px 0 60px;}
.zz-list .div-cover{border: 4px solid #EAEAEA;width: 157px;height: 223px;}
.zz-list .title{font-size: 14px;line-height: 60px;}
.zz-list .zz-split{border-bottom: 1px dashed #DEDEDE;clear: both;display: block;margin-bottom: 10px;}

/*视频列表*/
.sq-list{}
.sq-list{padding: 8px 6px 0 18px;}
.sq-list li{margin-bottom: 20px;clear: both;display: block;height:92px;padding-bottom:15px;border-bottom: 1px dashed #DEDEDE;}
.sq-list li .vedio-img{width:161px;height:90px;float:left;}
.sq-list li .title{font-size:17px;height:30px;line-height: 40px;padding-left: 15px;}
.sq-list li dl{margin: 8px 0 0 0;color:#979797;}
.sq-list dt{float:left;margin: 0;}
.sq-list dd{float:left;margin: 0;}
.sq-list li dt{margin-left: 18px;}
.sq-list li .time{float:right;margin-right: 5px;}

/*新闻列表*/
.xw-list{}
.xw-list li{background: url(../img/listtip.jpg) no-repeat left center;padding-left: 15px;border-bottom: 1px dashed #dedede;position: relative;height:30px;line-height:30px;position: relative;}
.xw-list li .news_title{float:left;width:740px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.xw-list li .news_title attr{position: absolute;top:0;right:0;}

/*文章详情*/
.page-right .content h1.title{font-size: 24px;color:#198a86;text-align: center;border-bottom: 1px dashed #DEDEDE;padding-bottom: 15px;font-weight: 700;}
.page-right .content .sub-title{text-align: center;margin: 10px 15% 60px 15%;color:#198a86;}
.page-right .content .sub-title dl{width:100%; display: block;margin: 0 auto;}
.page-right .content .sub-title dt{float:left;margin: 0;max-width:60px;}
.page-right .content .sub-title dd{float:left;margin: 0;margin-right: 20px;}
.page-right .content .content-info{line-height: 24px;padding: 0 10px;}
.page-right .content .content-info p{font-size: 14px;}

.page-right .content .content-info .contribution_tip{line-height:34px;padding:8px 15px;}
.page-right .content .content-info .contribution_tip p{font-size: 16px;}
.page-right .content .content-info .contribution_tip .layui-form{width:500px;}
.page-right .content .content-info .contribution_tip .layui-form .layui-form-label{font-size:16px;font-weight: 700;}


.layui-form-item{position: relative;margin-bottom:25px;}
.layui-form-item .help-block{position: absolute;bottom:-24px;}
.has-error .help-block{background-color:#dd514c;border-color:#d83832;color:#fff;margin-top: 1px;text-align: left;line-height: 24px;z-index:9;margin-left:110px}
.layui-form-item .has-error{border-color:#dd514c!important;}

/* 基本样式 */
#div_img2 img {
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* 全屏样式 */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.fullscreen img {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-out;
}
/* 隐藏样式 */
.hidden {
    display: none;
}
/* 定义淡出动画 */
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* 添加动画类 */
.fade-out {
    animation: fadeOut 1s forwards; /* 动画持续1秒，forwards确保动画结束后保持最终状态 */
}