@charset "utf-8";
.banner{ width:100%; position:relative}
.banner>img{ width:100%}
.banner>img.img1{ display:block}
.banner>img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2}
.banner .item .title{ font-size:42px; line-height:1; }
.banner .item .intro{ font-size:24px; margin-top:25px}
.banner .item .more{display:flex; align-items: center; justify-content: center; width:145px; height:50px; margin-top:20px; font-size:16px; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3); margin-top:50px}
@media (max-width: 1600px){
	.banner .item .title{ font-size:32px; }
	.banner .item .intro{ font-size:20px; margin-top:20px}
	.banner .item .more{ width:125px; height:40px; font-size:14px; margin-top:40px}
	.banner .prev01{ width:22px}
	.banner .next01{ width:22px}

}
@media (max-width: 1200px){
	.banner .item .title{ font-size:24px; }
	.banner .item .intro{ font-size:16px; }
	.banner .item .more{ width:110px; height:32px; font-size:12px; }
	.banner .prev01{ width:16px; left:1%}
	.banner .next01{ width:16px; right:1%}	
}
@media (max-width: 750px){
	.banner img.img2{ display:block; width:100%;}
	.banner img.img1{ display:none; width:100%;}
	.banner .item .title{ font-size:20px; }
	.banner .item .intro{ font-size:14px; }
	.banner .item .more{ width:100px; height:30px; }
	.banner .prev01{ width:10px; left:1%}
	.banner .next01{ width:10px; right:1%}	
	.banner .swiper01 .pagination01 span{ width:32px; height:3px;}	
}


.container{ padding:50px 0; position:relative}
.sliderbar{ width:300px; box-sizing:border-box; float:left; background:#f5fbf7; border:1px solid #e7e7e7; padding:0 25px 20px}
.sliderbar .title{ font-size:26px; color:#333333; line-height:1; font-weight:bold; padding:30px 0 25px; border-bottom:3px solid #00923f}
.sliderbar dl{ border-bottom:1px solid #e7e7e7; position:relative}
.sliderbar dl dt{ position:relative}
.sliderbar dl dt a{ display:block; line-height:1.4; padding:20px 0; font-size:16px; color:#333333}
.sliderbar dl .th{ padding:0 0 20px; display:none}
.sliderbar dl dd a{ display:block; background:url(g_27.png) left center no-repeat; padding-left:20px; line-height:40px; font-size:16px; color:#333333}
.sliderbar dl dd.on a{ background:url(g_28.png) left center no-repeat; color:#00923f }
.sliderbar dl dd:hover a{ background:url(g_28.png) left center no-repeat; color:#00923f }
.sliderbar dl dt .jia{ background:url(g_25.png) center center no-repeat; width:22px; height:100%; background-size:100%; position:absolute; right:0; top:0; z-index:2}
.sliderbar dl.on dt .jia{ background:url(g_26.png) center center no-repeat; background-size:100%;}
.sliderbar dl:hover dt .jia{ background:url(g_26.png) center center no-repeat; background-size:100%;}
.sliderbar dl.on .th{ display:block}
.sliderbar dl.on dt a{ color:#00923f; font-weight:bold}
.sliderbar dl:hover dt a{ color:#00923f; font-weight:bold}
.sliderbar dl:last-child{ border:0}
@media (max-width: 1600px){
	.container{ padding:40px 0}
	.sliderbar{ width:260px; padding:0 25px 15px}
	.sliderbar .title{ font-size:24px; padding:25px 0 20px; border-bottom:3px solid #00923f}
	.sliderbar dl dt a{  }
	.sliderbar dl .th{ padding:0 0 15px; }
	.sliderbar dl dd a{  line-height:32px; font-size:14px; }
	.sliderbar dl dt .jia{ width:18px; }
}
@media (max-width: 1200px){
	.sliderbar{ width:100%; position:absolute; left:-120%; top:40px; z-index:99;  padding: 8px 20px;  transition:all 0.5s}
	.sliderbar.on{ left:0}
	.sliderbar .title{ font-size:20px; padding:25px 0 20px; border-bottom:3px solid #00923f; display:none}
	.sliderbar dl dt a{ line-height:45px; font-size:16px; }
	.sliderbar dl .th{ padding:0 0 10px; }
	.sliderbar dl dd a{  line-height:25px; font-size:12px; }
	.sliderbar dl dt .jia{ width:18px; }
}


.main{ width:calc(100% - 350px); float:right}
@media (max-width: 1600px){
	.main{ width:860px;}
}
@media (max-width: 1200px){
	.main{ width:100%;}
}
.sj_th{ border-bottom:1px solid #e5e5e5; display:flex;justify-content: space-between; padding-bottom:10px; align-items: center; display:none}
.sj_th .tit{ font-size:20px; color:#00923f; font-weight:bold}
.sj_th .lm{ width:70px; height:24px; border:1px solid #e5e5e5; border-radius:5px;display:flex; align-items: center; justify-content: center; color:#999; font-size:12px; cursor:pointer}

.location{ height:80px; display:flex; align-items: center; border-bottom:1px solid #e5e5e5; font-size:24px; color:#333333}
.location a{ color:#333; margin:0 10px}
.location a.home{ background:url(g_29.png) left center no-repeat; padding-left:32px; margin-left:0}

@media (max-width: 1600px){
	.location{ height:60px; font-size:20px; }
}
@media (max-width: 1200px){
	.sj_th{ display:flex}
	.location{ height:40px; font-size:12px; display:none }
	.location a.home{ background-size:16px; padding-left:22px; margin-left:0}
}


.newsList{ width:100%;}
.newsList .newsListCont{ margin-bottom:50px}
.newsList .item{ border-bottom:1px solid #e5e5e5; padding:40px 0}
.newsList .item .title{ display:flex;justify-content: space-between; align-items: center;}
.newsList .item .title .t1{ font-size:20px; color:#333333; width:calc(100% - 150px); text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .item .title .t2{ font-size:20px; color:#333333; opacity:0.5;}
.newsList .item .intro{ margin-top:20px; font-size:16px; color:#999; line-height:2}
.newsList .item:hover .title .t1{ color:#00923f; font-weight:bold}
@media (max-width: 1600px){
	.newsList .newsListCont{ margin-bottom:40px}
	.newsList .item{ padding:32px 0}
	.newsList .item .title .t1{ font-size:18px;}
	.newsList .item .title .t2{ font-size:18px; }
	.newsList .item .intro{ margin-top:18px; font-size:14px; }
}
@media (max-width: 1200px){
	.newsList .item{ padding:20px 0}
	.newsList .item .title{ display:block;}
	.newsList .item .title .t1{ font-size:16px; width:100%}
	.newsList .item .title .t2{ font-size:12px; margin-top:10px }
	.newsList .item .intro{ margin-top:10px; font-size:12px; }
}


/*newsList*/
.newsLists{ padding:50px 0 35px}
.newsLists .item{ width:100%; height:136px; margin-bottom:25px; background:#f6f7fb}
.newsLists .item a{ display:block;display:flex;align-items: center;  width:100%; height:100% }
.newsLists .item .time{ width:125px; text-align:center; font-weight:bold; color:#5b5b5b; border-right:1px solid #e7e7e7}
.newsLists .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #00923f; padding-bottom:10px; margin-bottom:8px; color:#00923f}
.newsLists .item .time .p2{ color:#00923f}
.newsLists .item .cont{ width:calc(100% - 136px); box-sizing:border-box; padding:0 35px}
.newsLists .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold}
.newsLists .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px;  margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsLists .item:hover{ background:#00923f; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsLists .item:hover .time{ color:#fff}
.newsLists .item:hover .time .p1{ border-bottom:1px solid #fff; color:#fff}
.newsLists .item:hover .cont .title{ color:#fff;}
.newsLists .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
.newsLists .item:hover .time .p2{ color:#fff}
@media all and (max-width:1200px){
	.newsLists{ padding:30px 0 10px}
	.newsLists .item{ margin-bottom:20px; height:125px}
	.newsLists .item .time{ width:100px;}
	.newsLists .item a{ background:url(g_51.png) 100px center no-repeat; background-size:10px 60px}
	.newsLists .item:hover a{background:url(g_52.png) 100px center no-repeat; background-size:10px 60px}
	.newsLists .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsLists .item .cont{ width:calc(100% - 100px); padding:0 30px}
	.newsLists .item .cont .title{ font-size:16px}
	.newsLists .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsLists .item{ height:100px}
	.newsLists .item .time{ width:80px;}
	.newsLists .item a{ background:url(g_51.png) 80px center no-repeat; background-size:10px 60px}
	.newsLists .item:hover a{background:url(g_52.png) 80px center no-repeat; background-size:10px 60px}
	.newsLists .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsLists .item .cont{ width:calc(100% - 80px); padding:0 15px}
	.newsLists .item .cont .title{ font-size:16px}
	.newsLists .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}




/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd {background:#fff; line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}

.article .bd{font-size: 16px !important;font-family: '微软雅黑' !important;}
.article .bd span{font-size: 16px !important;font-family: '微软雅黑' !important;}

.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:40px 0 0 0 }
.article .ft ul li { width:100%; background:#fff; background:#fff; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#00923f}

.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1600px){
	.article { padding:30px 0}
}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}

}



/* 分页 */
.page {  line-height:24px; text-align:center; }
.page i{ font-size:16px; margin-left:5px}
.page select{ font-size:16px; height:42px}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #e5e2d9; background:#e5e2d9; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #00923f; background:#00923f; color:#fff; }
@media all and (max-width:1760px){
	.page a{ padding:3px 10px}
	.page i{ font-size:14px}
    .page select{ font-size:14px; height:32px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
	.page i{ font-size:12px}
    .page select{ font-size:12px; height:32px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}




/*picx*/
.picx{ padding:60px 0}
.picxList{ width:100%;}
.picxList .item{ width:23.5%; float:left; margin-right:2%; background:#fff; margin-bottom:40px}
.picxList .item:nth-child(4n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative; box-sizing:border-box; border:1px solid #f1f1f1; position:relative; height:0; padding-bottom:60%}
.picxList .item a .pic img{ width:100% ; height:100%; position:absolute; left:0;top:0; object-fit:cover; transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .pic span{ display:block; width:100%; height:100%; background:url(p.png) center center no-repeat; background-size:60px; position:absolute; left:0; bottom:0; z-index:9}

.picxList .item a .cont .title{ font-size:16px; color:#282828; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:60px; background:#f2f2f2; display:flex; align-items: center; justify-content: center; padding:0 10px; text-align:left;}
.picxList .item:hover a .cont .title{ color:#fff; background:#00923f}
.picxList .item:hover a .cont{ color:#fff; background:#00923f}
@media all and (max-width:1440px){
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}
	.picxList .item a .cont .title{ font-size:14px}

}
@media all and (max-width:1200px){
	.picx{}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont .title{ font-size:13px;}	

}

.news2{ padding:80px 0}
.newsList2{ width:100%; padding-bottom:60px}
.newsList2 .item{ width:100%; padding:30px 25px; box-sizing:border-box; background:#f1f1f1 }
.newsList2 .item:nth-child(2n){background:none}
.newsList2 .item:hover{ background:#00923f}
.newsList2 .item a{ display:flex; width:100%; height:100%; box-sizing:border-box; }
.newsList2 .item a .pic{ width:295px; overflow:hidden;}
.newsList2 .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsList2 .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList2 .item a .cont{ width:calc(100% - 295px);  box-sizing:border-box; padding-left:30px}
.newsList2 .item a .cont .time{ font-size:14px; color:#888888; margin-top:10px}
.newsList2 .item a .cont .title{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px; line-height:30px; font-weight:bold;}
.newsList2 .item a .cont .intro{ font-size:14px; color:#888888; line-height:25px; height:50px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a .cont .title{ color:#fff}
.newsList2 .item:hover a .cont .time{ color:#fff}
.newsList2 .item:hover a .cont .more{ color:#fff}
.newsList2 .item:hover a .cont .intro{ color:#fff}
.newsList2 .item a .cont .more{ font-size:14px; color:#888888; margin-top:20px}

@media all and (max-width:1200px){
	.news2{ padding:40px 0}
	.newsList2 .item{ width:100%; padding:25px 20px; }
	.newsList2{ padding-bottom:40px}
}
@media all and (max-width:750px){
	
	.newsList2 .item{ width:100%; padding:20px 20px; }
	.newsList2 .item a .pic{ width:160px;}
	.newsList2 .item a .cont{ width:calc(100% - 160px);}
	.newsList2 .item a .cont .time{ font-size:12px; margin:0}
	.newsList2 .item a .cont .title{ font-size:14px; margin-top:5px}
	.newsList2 .item a .cont .intro{ font-size:12px; margin-top:5px}
	.newsList2 .item a .cont .more{ display:none}
}
@media all and (max-width:450px){
	.newsList2 .item{ width:100%; padding:15px; }
	.newsList2 .item a .pic{ width:120px;}
	.newsList2 .item a .cont{ width:calc(100% - 120px); padding-left:15px}
	.newsList2 .item a .cont .time{ font-size:12px; margin:0}
}

.dis{ border:1px solid #e5e5e5; padding:0 50px; margin:50px 0}
@media all and (max-width:1600px){
	.dis .location{ height:80px}
	.dis{ padding:0 40px; margin:40px 0}
	.article .ft ul{ padding-top:30px}
}
@media all and (max-width:1200px){
	.dis .location{ height:60px}
	.dis{ padding:0 0; margin:0 0; border:0}
	.article .ft ul{ padding-top:30px}
}

.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; font-size:16px }
.message-list .m-title { padding:0; color:#32a237;  font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }
.msg .page{ margin-top:30px}
@media all and (max-width:1200px){
	.message-list { font-size:14px}
}