.newsDetail-container{
    width: 1232px;
    margin: 30px auto;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}
.newsDetail-top{
    width: 100%;
    height: 82px;
    border-bottom: 1px solid rgb(226, 226, 226);
    text-align: center;
}
.title{
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}
.newsDetail-top span{
    color: #999;
}
.content{
    line-height: 1.5;
    font-size: 16px;
    padding-top: 20px;
}
table{
    width: 100% !important;
}
.content p{
    color: #333;
    /* margin-bottom: 10px; */
}
.content{
    font-size: 14px;
    line-height: 30px;
}
.content img {
    display: block;
    width: 60%;
    margin: 20px auto;
}
.detail-bottom {
    margin-top: 40px;
    color: #333;
    font-size: 13px;
}
.detail-bottom span {
    font-size: 13px;
    font-weight: bold;
}
.pre-next {
    margin-top: 20px;
    height: 60px;
    background: rgb(241, 241, 241);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}
.pre-next a {
    color: #333;
}
.pre-next .left, .pre-next .right {
    display: flex;
}
.pre-next .left, .pre-next .right {
    display: flex;
}
.pre-next .left span {
    color: rgb(0, 120, 65);
}
.pre-next .right span {
    color: rgb(0, 120, 65);
}
.pre-next .left a {
    display: block;
    width: 230px;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px;
}
.pre-next .right a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 250px;
    margin-left: 8px;
}
#news-active{
    background: rgb(0, 120, 65);
}
/* 新闻列表 */
.xinwen-container{
    display: none;
}
.xinwen-container.active{
    display:flex;
    visibility: hidden;
}
.xinwen-right{
    width: 280px;
    height: 710px;
    margin-left: 60px;
}


.xinwen-left li{
    height: 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 10px 10px 0;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
}
.xinwen-left li>div{
    width: 500px;
    height: 120px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.xinwen-left li>div>div{
    width: 240px;
    align-self: flex-end;
    display: flex;
    justify-content: space-around;
}
.xinwen-left li img{
    width: 240px;
    height: 140px;
    border-radius: 10px;
}
.xinwen-left li p{
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
    color:#333;
}
.xinwen-left li p:hover{
    color:rgb(0, 120, 65);
}
.xinwen-left li span{
    position: relative;
    font-size: 14px;
    color:#979797;
}
.preview::before{
    content:"";
    position:absolute;
    background: url("../images/xinwen-yulan.png")no-repeat;
    background-size: contain;
    display: block;
    top:1px;
    left: -18px;
    width: 18px;
    height: 18px;
}
.time::before{
    content:"";
    position:absolute;
    background: url("../images/xinwen-rili.png")no-repeat;
    background-size: contain;
    display: block;
    top:1px;
    left: -18px;
    width: 18px;
    height: 18px;
}
.xinwen-left{width: 770px;overflow: hidden;}
.newsDetails-container{
    width: 1200px;
    margin:20px auto 60px;
}
.newsDetails-container-bottom{
    display: flex;
    justify-content: space-between;
}
.newsDetails-container-top{
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #ccc;
}
.page-container{
	position: absolute;
	bottom:-50px;
	width: 770px;
	height: 60px;
}
.pages{ text-align: right; padding: 10px 0;text-align: left;font-size: 14px;display: flex;justify-content: center;}
.pages span{
	display: block;
    float: left;
    padding: 5px 0;
    line-height: 20px;
    height: 20px;
}
.pages li{ display: inline; margin-left: 10px;}
.pages li a{ background: #e6e6e6; padding: 2px 6px;}
.pages li a:hover{background: #bd9f86; color: #fff;}
.pages li.thisclass a{ background: #bd9f86; color: #fff;}	
.pages .disabled{
    border: 1px solid #eee;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    color: #ddd;
}	
.pages .current{
	padding: 5px 12px;
    margin: 0 0 0 8px;
    color: #555;
    font-weight: bold;
}
.pages a{
	display: block;
    float: left;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    border: 1px solid #e1e2e3;
    line-height: 20px;
    height: 20px;
    color: rgb(0, 120, 65);
    background: #fff;
    text-decoration: none;
}

.list-header{height: 30px;line-height: 30px;padding-left:10px;border-bottom:1px solid #cccccc;background-color: rgb(231, 229, 229);}
.list-body ul{padding:0 10px;}
.list-body li{height: 40px;line-height: 40px;padding-left:10px;border-bottom: 1px dashed rgb(218, 218, 218);box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.list-body h2{letter-spacing:0px;text-align: left;font-weight: 400;position: relative;padding-left:10px;box-sizing: border-box;}
.list-body h2::before{
	content: "";
	position: absolute;
	top:12px;
	left:-10px;
	width: 15px;
	height: 15px;
	background:url("../images/new-youjiantou.png")no-repeat;
	background-size: contain;
}
.list-body li p{font-size: 12px;}
.list-body a{display: block;width: 209px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:rgb(95, 93, 93);font-size:13px;}
.list-body a:hover{color:rgb(0, 120, 65);}
.baike-top{height: 50px;border-bottom: 1px solid #ccc;visibility: hidden;}
.baike-top ul{width: 400px;display: flex;justify-content: space-around;}
.baike-top li{width: 100px;box-sizing: border-box;height: 40px;line-height: 40px;cursor: pointer;padding:0 10px;color:#979797; text-align: center;}
.baike-top ul li.cur{background: rgb(0, 120, 65);color:#fff;}
.baike-top ul li.cur a {color:#fff;}
.detail-title{margin-top: 20px;display: flex;flex-direction: column;align-items: center;}
.detail-title>p{font-size: 24px;color:#333333;text-align: center;margin-bottom: 10px;}
.detail-title span{color:#979797;font-size: 14px;}
.detail-content{margin-top: 20px;margin-bottom: 10px;padding: 0px;outline: 0px;max-width: 100%;clear: both;min-height: 1em;caret-color: rgb(34, 34, 34);color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 14px !important;text-align: justify;white-space: normal;text-size-adjust: auto;line-height: 29.75px;letter-spacing: 1px;visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;}
.detail-content img{width: 100%;margin:20px 0;}
.detail-bottom{margin-top:40px;color:#333;font-size: 13px;}
.detail-bottom span{font-size: 13px;font-weight: bold;}
.clear {
	clear: both;
}
* {
	margin: 0px; padding: 0px;
}
html {
	background: rgb(255, 255, 255);
}
body {
	MIN-WIDTH: 1000px; color:#333; font-family: "Microsoft YaHei","微软雅黑","arial","MicrosoftJhengHei";
}
h1,h2,h3,h4{
    font-weight: 400;
}
img {
	border: currentColor;
}
a {
	color: #333; text-decoration: none;
}
ul {
	list-style: none;
}
h2{
    letter-spacing: 3px;
    font-weight:800;
    text-align: center;
    color:#333;
    font-weight: 400;
    font-size: 32px;
}
ol {
	list-style: none;
}
button,input{
    font-family: "Microsoft YaHei","微软雅黑","arial","MicrosoftJhengHei";
}
/* header */
#container{width: 100%;height: 520px;background: linear-gradient(270deg,#008bfd,#0041bd 49%,#103089 100%,#046cff 0);}
.header-container{width: 100%;background: linear-gradient(270deg,#027de2,#0041bd 49%,#103089 100%,#046cff 0); }
.header-topbar{width: 1200px;height: 70px;align-items: center;margin:0 auto;display: flex;box-sizing: border-box;justify-content: space-between;}
.headerLeft{width: 280px;height: 100%;display: flex;justify-content: space-around;align-items: center;color:#fff;}
.headerLeft span{font-size: 16px;}
.headerRight{height: 100%;}
.headerRight ul{width: 700px;height: 100%;display: flex;justify-content: space-around;align-items: center;color:#fff;}
.headerRight ul li{cursor: pointer;border:2px solid transparent;padding:15px 0;}
.headerRight a{color:#fff;text-decoration: none;}
.headerActive{border-bottom:2px solid #fff !important;}
.headerRight ul li:hover{border-bottom:2px solid #fff;}
.header-zhanwei{width: 100%;height: 70px;display: none;}
.swiper{width: 1200px;height: 450px;box-sizing: border-box;}
.swiper-pagination-bullet{background: #fff !important;}
.banner-container{width: 1200px;height: 390;margin:0 auto;display: flex;box-sizing: border-box;position: relative;}
.banner-item{width: 100%;height: 450px;display: flex;justify-content: space-around;align-items: center;}
.banner-item-left{color:#fff;}
.banner-item-left2 .text{
	font-family: '微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';
	font-weight: 250;
    font-style: normal;
    font-size: 18px;
	color: white;
    margin-top: 20px;
    width: 480px;
    line-height: 30px;
}
.banner-item-left h2{margin: 15px 0 15px;font-family: '微软雅黑';color:#fff;}
.banner-item-right{width: 545px;height: 348px;}
.banner-item-right img{width: 100%;height: 100%;}
.banner-item-left-btn{width: 100px;height: 40px;cursor: pointer;background: #fff;color:#008bfd;border-radius:5px;margin-top:30px;}
/* 新闻详情 */
.top-right ul li.cur{background: rgb(0, 120, 65);color:#fff;}
.top-right ul li.cur a {color:#fff;}
.top-right a{color:#666666;}
.top-right a:hover{color:rgb(0, 120, 65);}
.top-left span{font-size:14px;color:#333333;}
.top-left>span a{font-size:14px;color:#333333;color:#000;}
.bottom-left{width: 820px;}
.bottom-right{width: 328px;height: 800px;}
.detail-title{margin-top: 20px;display: flex;flex-direction: column;align-items: center;}
.detail-title>p{font-size: 24px;color:#333333;text-align: center;margin-bottom: 10px;}
.detail-title span{color:#979797;font-size: 14px;}
.detail-content{margin-top: 20px;margin-bottom: 10px;padding: 0px;outline: 0px;max-width: 100%;clear: both;min-height: 1em;caret-color: rgb(34, 34, 34);color: rgb(34, 34, 34);font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 14px !important;text-align: justify;white-space: normal;text-size-adjust: auto;line-height: 29.75px;letter-spacing: 1px;visibility: visible;box-sizing: border-box !important;overflow-wrap: break-word !important;}
.detail-content img{width: 100%;margin:20px 0;}
.detail-bottom{margin-top:40px;color:#333;font-size: 13px;}
.detail-bottom span{font-size: 13px;font-weight: bold;}
.pre-next{margin-top:20px;height: 60px;background: rgb(241, 241, 241);display: flex;justify-content: space-between;align-items: center;padding:0 30px;}
.pre-next .left,.pre-next .right{display: flex;}
.pre-next a{color:#666;}
.pre-next .left span{color:rgb(0, 120, 65);}
.pre-next .left a{display: block;width: 230px;margin-left:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pre-next .right span{color:rgb(0, 120, 65);}
.pre-next .right a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 250px;margin-left: 8px;}
.bottom-right>div:nth-child(1){
	height: 200px;
    margin-top: 20px;
	position: relative;
}
.bottom-right img{
    width: 330px;
	height: 100%;
}
.bottom-right .news-mask{
	width: 100%;
	position: absolute;
	height: 60px;
	display: flex;
	padding:0 10px;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	background: rgba(0, 0, 0, .6);
	bottom:0px;
}
.bottom-right .news-mask a{
	width: 260px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #fff;
}
.bottom-right .news-mask a:hover{
	color:rgb(0, 120, 65);
}
.bottom-right .news-mask>span{
	font-size: 14px;
	color:#fff;
}
.bottom-right-list{
    width: 100%;
    border:1px solid #ccc;
    margin-top:30px;
}
.bottom-right-list span{
    color:#333;
}
.list-header{height: 30px;line-height: 30px;padding-left:10px;border-bottom:1px solid #cccccc;background-color: rgb(231, 229, 229);}
.list-body ul{padding:0 10px;}
.list-body li{height: 40px;line-height: 40px;padding-left:10px;border-bottom: 1px dashed rgb(218, 218, 218);box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.list-body h2{letter-spacing:0px;text-align: left;font-weight: 400;position: relative;padding-left:10px;box-sizing: border-box;}
.list-body h2::before{
	content: "";
	position: absolute;
	top:12px;
	left:-10px;
	width: 15px;
	height: 15px;
	background:url("../images/new-youjiantou.png")no-repeat;
	background-size: contain;
}
.list-body li p{font-size: 12px;}
.list-body a{display: block;width: 209px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:rgb(95, 93, 93);font-size:13px;}
.list-body a:hover{color:rgb(0, 120, 65);}
.baike-top{height: 50px;border-bottom: 1px solid #ccc;visibility: hidden;}
.baike-top ul{width: 400px;display: flex;justify-content: space-around;}
.baike-top li{width: 100px;box-sizing: border-box;height: 40px;line-height: 40px;cursor: pointer;padding:0 10px;color:#979797; text-align: center;}
.baike-top ul li.cur{background: rgb(0, 120, 65);color:#fff;}
.baike-top ul li.cur a {color:#fff;}
.pages {
	padding: 10px 0px; text-align: right;
}
.pages li {
	margin-left: 10px; display: inline;
}
.pages li a {
	background: rgb(230, 230, 230); padding: 2px 6px;
}
.pages li a:hover {
	background: rgb(189, 159, 134); color: rgb(255, 255, 255);
}
.pages li.thisclass a {
	background: rgb(189, 159, 134); color: rgb(255, 255, 255);
}
/* 新闻列表 */
.xinwen-container{
    display: none;
}
.xinwen-container.active{
    display:flex;
    visibility: hidden;
}
.xinwen-right{
    width: 280px;
    height: 710px;
    margin-left: 60px;
}


.xinwen-left li{
    height: 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 10px 10px 0;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
}
.xinwen-left li>div{
    width: 500px;
    height: 120px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.xinwen-left li>div>div{
    width: 240px;
    align-self: flex-end;
    display: flex;
    justify-content: space-around;
}
.xinwen-left li img{
    width: 240px;
    height: 140px;
    border-radius: 10px;
}
.xinwen-left li p{
    font-size: 20px;
    font-weight: 900;
    cursor: pointer;
    color:#333;
}
.xinwen-left li p:hover{
    color:rgb(0, 120, 65);
}
.xinwen-left li span{
    position: relative;
    font-size: 14px;
    color:#979797;
}
.preview::before{
    content:"";
    position:absolute;
    background: url("../images/xinwen-yulan.png")no-repeat;
    background-size: contain;
    display: block;
    top:1px;
    left: -18px;
    width: 18px;
    height: 18px;
}
.time::before{
    content:"";
    position:absolute;
    background: url("../images/xinwen-rili.png")no-repeat;
    background-size: contain;
    display: block;
    top:1px;
    left: -18px;
    width: 18px;
    height: 18px;
}
.xinwen-left{width: 770px;overflow: hidden;}
.newsDetails-container{
    width: 1200px;
    margin:20px auto 60px;
}
.newsDetails-container-bottom{
    display: flex;
    justify-content: space-between;
}
.newsDetails-container-top{
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom:1px solid #ccc;
}
.newsDetails-container-top ul{
    /* width: 500px; */
    display: flex;
    justify-content: space-around;
}
.newsDetails-container-top li{
    width: 120px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    padding:0 10px;
    color:#979797;
    text-align: center;
}
.page-container{
	position: absolute;
	bottom:-50px;
	width: 770px;
	height: 60px;
}
.pages{ text-align: right; padding: 10px 0;text-align: left;font-size: 14px;display: flex;justify-content: center;}
.pages span{
	display: block;
    float: left;
    padding: 5px 0;
    line-height: 20px;
    height: 20px;
}
.pages li{ display: inline; margin-left: 10px;}
.pages li a{ background: #e6e6e6; padding: 2px 6px;}
.pages li a:hover{background: #bd9f86; color: #fff;}
.pages li.thisclass a{ background: #bd9f86; color: #fff;}	
.pages .disabled{
    border: 1px solid #eee;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    color: #ddd;
}	
.pages .current{
	padding: 5px 12px;
    margin: 0 0 0 8px;
    color: #555;
    font-weight: bold;
}
.pages a{
	display: block;
    float: left;
    padding: 5px 12px;
    margin: 0 0 0 8px;
    border: 1px solid #e1e2e3;
    line-height: 20px;
    height: 20px;
    color: rgb(0, 120, 65);
    background: #fff;
    text-decoration: none;
}


.contact{
    width: 240px;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact>img{
	width: 100% !important;
    height: 82px;
}
.contact div{
    width: 100%;

}
.contact .weixin{
    width: 115px;
    height: 115px;
}
.join{
    height: 200px;
    text-align: center;
	background: url('../images/join-bga2.png')no-repeat;
	background-position: 25% 55%;
	background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.join h2{
    color:#fff;
}
.backGround{
    width: 100%;
    height: 700px;
    background: #f0f0f1;
    position: absolute;
    top:1120px;
    z-index: -1;
}