#wrap { background: #f5f5f5; }
#wrap-d { background: #ffffff; }
body { color: #000000; font-size: 14px; line-height: 28px; }
.nav-wrap { width: 2560px; margin: 0 auto; background: #ffffff; border-bottom: 1px solid #eee; }
.nav-box { width: 1200px; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 400px; height: 124px; float: left; padding: 14px 40px; font-size: 20px; line-height: 99px; font-weight: bold; cursor: pointer; position: relative; }
.nav-item p { width: 240px; margin: 0 auto; color: #000000; }
.nav-item p a { display: block; padding-left: 10px; }
.nav-item p.active a { color: #8fc31f; }
.nav-slider-line { position: absolute; bottom: 0px; height: 4px; background-color: #8fc31f; transition: all 1s ease; }
.nav-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 34%; bottom: 35%; width: 1px; background-color: #dcdcdc; }
.nav-item:hover { color: #8fc31f; }
.container { width: 1200px; margin: 0 auto; }
.news-section { width: 1200px; margin: 70px auto 40px; }
.news-list { margin-left: 0px; margin-right: -12px; }
.news-card { width: 380px; height: 468px; padding: 0px; border-radius: 12px; margin: 0 12px 24px; background: #FFF; overflow: hidden; position: relative; transition: all 0.3s ease; }
.news-card:hover { box-shadow: 0 12px 24px rgba(0,0,0,0.12); cursor: pointer; color: #8fc31f; }
.nav-item-ico1 { width: 136px; height: 100px; background: url(../images/news_v9/ico1.png) 40px 28px no-repeat; background-size: 40px; display: block; }
.nav-item-ico1.active { background: url(../images/news_v9/ico2.png); color: #8fc31f; }
.nav-item-ico1:hover { background: url(../images/news_v9/ico2.png); color: #8fc31f; }
.nav-item-ico2 { width: 136px; height: 100px; background: url(../images/news_v9/ico3.png) 40px 28px no-repeat; background-size: 40px; display: block; }
.nav-item-ico2.active { background: url(../images/news_v9/ico4.png); color: #8fc31f; }
.nav-item-ico2:hover { background: url(../images/news_v9/ico4.png); color: #8fc31f; }
.nav-item-ico3 { width: 136px; height: 100px; background: url(../images/news_v9/ico5.png) 40px 28px no-repeat; background-size: 40px; display: block; }
.nav-item-ico3.active { background: url(../images/news_v9/ico6.png); color: #8fc31f; }
.nav-item-ico3:hover { background: url(../images/news_v9/ico6.png); color: #8fc31f; }
.news-img { width: 380px; height: 230px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-card h3 { width: 330px; font-size: 20px; line-height: 36px; font-weight: bold; margin: 20px auto 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-desc { width: 330px; height: 76px; font-size: 16px; color: #1a1a28; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 auto 20px; }
.news-date { font-size: 14px; line-height: 18px; color: #989898; padding-left: 28px; position: absolute; bottom: 45px; }
table { width: 100%; margin: 30px 0px; color: #000000; font-size: 16px; }
table tr th { background: #e2e2e2; font-size: 16px; line-height: 32px; text-align: left; font-weight: 500; padding: 5px 10px; }
table tr td { padding: 2px 10px; }
table tr .center { text-align: center; }
table tr:hover { background: #f0f0f0; }
table p { margin-bottom: 0px; }
.pro_tab { border-top: #d6d6d6 1px solid; border-collapse: collapse; margin: 20px auto; }
.pro_tab tr { border: none; }
.pro_tab tr:hover table th,.pro_tab tr:hover table td,.pro_tab tr:hover { background: #F0F0F0; }
.pro_tab tr th { font-weight: bold; background: #F0F0F0; }
.pro_tab tr td,.pro_tab tr th { text-align: left; padding: 5px 20px 5px 20px; line-height: 22px; border: #e1e1e1 1px solid; border-right: none; color: #666; }
.pro_tab table tr td { vertical-align: top; padding: 0 2px; line-height: 22px; border: none; }
.pro_tab tr td a { font-size: 16px; color: #000000; }
.pro_tab tr td a:hover { text-decoration: underline; }
.pro_tab tr td p { text-align: left; }
.pro_tab tr th.pro_tab_title,.pro_tab tr td.pro_tab_title { border-left: none; }
.pro_tab .cs { background: #a3afbd; color: #ffffff; }
.pro_tab .tc { text-align: center; }
.pro_tab tr td.no_bd_lf,.pro_tab tr th.no_bd_lf { border-left: none; }
.pro_tab .bg { background: #F0F0F0; }
/* 分页*/
.paging { width: 600px; height: 130px; overflow: hidden; padding: 10px; margin: 0 auto 0px; text-align: center; }
.paging a,.paging span { border: #e8e8e8 1px solid; background: #e8e8e8; border-radius: 6px; color: #676767; margin: 5px; padding-top: 2px; width: 30px; height: 30px; display: inline-block; text-align: center; }
.paging a .current,.paging span.current { border: #8fc31f 1px solid; background: #8fc31f; color: #ffffff; }
p:has(> br):not(:has(:not(br))) { margin-top: 0 !important; margin-bottom: 0 !important; }
@media (min-width: 300px) {
.section-bg { width: 100%; height: 175px; background: url(../images/news_v9/banner_s.jpg); background-size: 100% 100%; z-index: 3; }
.nav-wrap { width: 100%; height: 54px; margin: 0 auto; background: #000000; }
.nav-box { width: 100%; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 33.33333%; height: 53px; float: left; padding: 0px; font-size: 16px; line-height: 53px; font-weight: bold; cursor: pointer; position: relative; }
.nav-item p { width: 100%; margin: 0 auto; color: #000000; }
.nav-item p a { display: block; padding-left: 0px; }
.nav-item p.active a { color: #ffffff; }
.nav-slider-line { display: none; }
.nav-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 0%; bottom: 0%; width: 1px; background-color: #414141; }
.nav-item-ico1,.nav-item-ico2,.nav-item-ico3 { width: 136px; height: 53px; background: none; color: #adadad; }
.nav-item-ico1 a,.nav-item-ico2 a,.nav-item-ico3 a { color: #adadad; }
.nav-item-ico1.active,.nav-item-ico2.active,.nav-item-ico3.active { background: #77a424; }
.container { width: 100%; margin: 0 auto; }
.news-section { width: 100%; margin: 40px auto 20px; }
.news-list { margin-left: 0px; margin-right: 0px; }
.wrap-de { display: block; }
.news-card { width: 270px; height: 333px; padding: 0px; border-radius: 12px; margin: 0 auto 24px; background: #FFF; overflow: hidden; position: relative; }
.news-img { width: 270px; height: 163px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; overflow: hidden; }
.news-card h3 { width: 240px; font-size: 16px; line-height: 32px; font-weight: bold; margin: 2px auto 2px; }
.news-desc { width: 240px; height: 76px; font-size: 14px; color: #1a1a28; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 auto; }
.news-date { font-size: 12px; line-height: 24px; color: #989898; padding-left: 15px; position: absolute; bottom: 10px; }
.paging { width: 100%; max-width: 600px; }
.news-detail { width: 280px; margin: 10px auto 40px; }
.news-detail h2 { color: #000000; font-size: 26px; text-align: center; line-height: 38px; font-weight: bold; }
.news-detail p { color: #000000; font-size: 16px; line-height: 32px; }
.news-detail .detail-date { color: #000000; font-size: 16px; margin-top: 26px; text-align: center; line-height: 32px; }
.news-detail h2.tit { text-align: left; color: #000000; font-size: 24px; line-height: 34px ; border-bottom: 2px solid #83b31d; margin: 30px 0 10px; }
.news-detail h3 { color: #000000; font-size: 18px; line-height: 28px; }
.news-detail .c_img { margin: 20px 0px; }
.news-detail ul { padding: 5px 0; }
.news-detail ul li { background: url(../images/news/li_dd.jpg) no-repeat 16px 13px; color: #000000; font-size: 16px; line-height: 32px; text-indent: 2em; }
}
@media (min-width: 315px) {
.news-card { width: 280px; height: 333px; }
.news-img { width: 280px; height: 169px; }
.news-card h3 { width: 250px; }
.news-desc { width: 250px; }
}
@media (min-width: 360px) {
.section-bg { height: 230px; }
.news-card { width: 328px; height: 350px; }
.news-img { width: 328px; height: 180px; }
.news-card h3 { width: 296px; }
.news-desc { width: 296px; }
.news-date { padding-left: 18px; }
.news-detail { width: 320px; margin: 10px auto 50px; }
}
@media (min-width: 375px) {
.section-bg { height: 240px; }
.news-card { width: 340px; height: 350px; }
.news-img { width: 340px; height: 180px; }
.news-card h3 { width: 300px; }
.news-desc { width: 300px; }
.news-date { padding-left: 21px; }
.news-detail { width: 340px; margin: 10px auto 50px; }
}
@media (min-width: 390px) {
.section-bg { height: 250px; }
.news-card { width: 356px; height: 336px; }
.news-img { width: 356px; height: 170px; }
.news-card h3 { width: 300px; }
.news-desc { width: 300px; }
.news-date { padding-left: 28px; }
.news-detail { width: 350px; margin: 10px auto 50px; }
}
@media (min-width: 400px) {
.section-bg { height: 256px; }
.news-card { width: 360px; height: 340px; }
.news-img { width: 360px; height: 176px; }
.news-card h3 { width: 310px; }
.news-desc { width: 310px; }
.news-date { padding-left: 25px; }
.news-detail { width: 360px; margin: 10px auto 50px; }
}
@media (min-width: 410px) {
.section-bg { height: 262px; }
.news-card { width: 374px; height: 340px; }
.news-img { width: 374px; height: 176px; }
.news-card h3 { width: 326px; }
.news-desc { width: 326px; }
.news-date { padding-left: 25px; }
.news-detail { width: 370px; margin: 10px auto 50px; }
}
@media (min-width: 480px) {
.section-bg { height: 307px; }
.news-card { width: 380px; height: 350px; margin: 0 auto 34px; }
.news-img { width: 380px; height: 186px; }
.news-card h3 { width: 336px; }
.news-desc { width: 326px; }
.news-date { padding-left: 25px; }
.news-detail { width: 380px; margin: 10px auto 50px; }
}
@media (min-width: 500px) {
.section-bg { height: 320px; }
.news-detail { width: 400px; margin: 10px auto 50px; }
.news-detail h2 { color: #000000; font-size: 28px; text-align: center; line-height: 38px; font-weight: bold; }
}
@media (min-width: 600px) {
.section-bg { height: 384px; }
.news-card { width: 270px; height: 333px; margin: 0 14px 34px; float: left; }
.news-img { width: 270px; height: 163px; }
.news-card h3 { width: 240px; }
.news-desc { width: 240px; }
.news-date { padding-left: 15px; }
.news-detail { width: 500px; margin: 20px auto 60px; }
}
@media (min-width: 700px) {
.section-bg { height: 448px; }
.news-card { width: 318px; height: 350px; }
.news-img { width: 318px; height: 180px; }
.news-card h3 { width: 296px; }
.news-desc { width: 296px; }
.news-date { padding-left: 18px; }
.news-detail { width: 600px; margin: 20px auto 60px; }
.news-detail h2 { color: #000000; font-size: 34px; text-align: center; line-height: 48px; font-weight: bold; }
}
@media (min-width: 767px) {
.section-bg { height: 491px; }
.news-card { width: 350px; height: 340px; }
.news-img { width: 350px; height: 170px; }
.news-card h3 { width: 300px; }
.news-desc { width: 300px; }
.news-date { padding-left: 18px; }
}
@media (min-width: 768px) {
.section-bg { width: 100%; height: 640px; position: relative; background: url(../images/news_v9/banner.jpg) center center no-repeat; background-size: cover; }
#advertising { width: 100%; height: 640px; }
#wrap { background: #f5f5f5; }
#wrap-d { background: #ffffff; }
.nav-wrap { width: 100%; height: 124px; margin: 0 auto; background: #ffffff; border-bottom: 1px solid #eee; }
.nav-box { width: 768px; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 256px; height: 124px; float: left; padding: 14px 40px; font-size: 20px; line-height: 99px; font-weight: bold; cursor: pointer; position: relative; }
.nav-item p { width: 240px; margin: 0 auto; color: #000000; }
.nav-item p a { display: block; padding-left: 10px; }
.nav-item p.active a { color: #8fc31f; }
.nav-slider-line { position: absolute; bottom: 0px; height: 4px; background-color: #8fc31f; transition: all 1s ease; display: block; }
.nav-item:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 34%; bottom: 35%; width: 1px; background-color: #dcdcdc; }
.nav-item:hover { color: #8fc31f; }
.container { width: 768px; margin: 0 auto; }
.news-section { width: 768px; margin: 70px auto 40px; }
.news-list { width: 768px; margin-left: 0px; margin-right: -12px; }
.wrap-de { display: none; }
.news-card { width: 358px; height: 468px; float: left; padding: 0px; border-radius: 12px; margin: 0 12px 24px; background: #FFF; overflow: hidden; position: relative; transition: all 0.3s ease; }
.news-card:hover { box-shadow: 0 12px 24px rgba(0,0,0,0.12); cursor: pointer; color: #8fc31f; }
.nav-item-ico1 { width: 136px; height: 100px; background: url(../images/news_v9/ico1.svg) 40px 28px no-repeat; background-size: 40px; display: block; }
.nav-item-ico1.active { background: url(../images/news_v9/ico2.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.nav-item-ico1:hover { background: url(../images/news_v9/ico2.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.nav-item-ico2 { width: 136px; height: 100px; background: url(../images/news_v9/ico3.svg) 40px 28px no-repeat; background-size: 40px; display: block; }
.nav-item-ico2.active { background: url(../images/news_v9/ico4.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.nav-item-ico2:hover { background: url(../images/news_v9/ico4.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.nav-item-ico3 { width: 136px; height: 100px; background: url(../images/news_v9/ico5.svg) 40px 28px  no-repeat; background-size: 40px; display: block; }
.nav-item-ico3.active { background: url(../images/news_v9/ico6.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.nav-item-ico3:hover { background: url(../images/news_v9/ico6.svg)40px 28px no-repeat; background-size: 40px; color: #8fc31f; }
.news-img { width: 358px; height: 216px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-card h3 { width: 330px; font-size: 20px; line-height: 36px; font-weight: bold; margin: 20px auto 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-desc { width: 330px; height: 76px; font-size: 16px; color: #1a1a28; line-height: 26px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 auto 20px; }
.news-date { font-size: 14px; line-height: 18px; color: #989898; padding-left: 14px; position: absolute; bottom: 45px; }
.paging { width: 600px; height: 160px; overflow: hidden; padding: 10px; margin: 0 auto 0px; }
.paging a,.paging span { border: #e8e8e8 1px solid; background: #e8e8e8; border-radius: 6px; color: #676767; margin: 5px; padding-top: 0px; width: 30px; height: 30px; display: inline-block; text-align: center; }
.paging a .current,.paging span.current { border: #8fc31f 1px solid; background: #8fc31f; color: #ffffff; }
}
@media (min-width: 800px) {
.nav-box { width: 800px; }
.nav-item { width: 266px; padding: 14px 20px; }
.nav-item p { width: 240px; margin: 0 auto; color: #000000; }
.news-section { width: 800px; }
.news-list { width: 800px; margin-left: auto; margin-right: auto; }
.news-card { width: 374px; height: 468px; }
.news-img { width: 374px; height: 226px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-date { padding-left: 22px; }
}
@media (min-width: 900px) {
.nav-box { width: 900px; }
.nav-item { width: 300px; }
.nav-item p { width: 240px; margin: 0 auto; color: #000000; }
}
@media (min-width: 980px) {
.nav-box { width: 980px; }
.nav-item { width: 326px; }
}
@media (min-width: 1024px) {
.nav-box { width: 1024px; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 341px; height: 124px; float: left; padding: 14px 40px; font-size: 20px; line-height: 99px; font-weight: bold; cursor: pointer; position: relative; }
.nav-item-ico1 a,.nav-item-ico2 a,.nav-item-ico3 a { color: #000000; }
.container { width: 1024px; }
.news-section { width: 1024px; }
.wrap-de { display: none; }
.news-list { width: 1024px; margin-left: 0px; margin-right: 0px; }
.news-card { width: 316px; height: 418px; }
.news-img { width: 316px; height: 190px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-card h3 { width: 296px; font-size: 20px; line-height: 36px; font-weight: bold; margin: 20px auto 8px; }
.news-desc { width: 296px; height: 76px; }
.news-date { padding-left: 10px; position: absolute; bottom: 35px; }
.news-detail { width: 980px; margin: 100px auto 60px; }
.news-detail-list { width: 100%; margin-left: 0px; margin-right: 0px; }
.news-detail h2 { color: #000000; font-size: 48px; text-align: center; line-height: 64px; font-weight: bold; }
.news-detail p { color: #000000; font-size: 16px; line-height: 32px; }
.news-detail .detail-date { color: #000000; font-size: 16px; margin-top: 26px; text-align: center; line-height: 32px; }
.news-detail h2.tit { text-align: left; color: #000000; font-size: 24px; line-height: 60px ; border-bottom: 1px solid #83b31d; margin: 30px 0 10px; }
.news-detail h3 { color: #000000; font-size: 22px; line-height: 34px; }
.news-detail .c_img { margin: 20px 0; overflow: hidden; }
.news-detail ul { padding: 5px 0; }
.news-detail ul li { background: url(../images/news/li_dd.jpg) no-repeat 14px 12px; color: #000000; font-size: 16px; line-height: 32px; text-indent: 2em; }
}
@media (min-width: 1080px) {
.nav-box { width: 1080px; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 360px; height: 124px; float: left; padding: 14px 40px; font-size: 20px; line-height: 99px; font-weight: bold; cursor: pointer; position: relative; }
.nav-box { width: 1080px; }
.nav-item { width: 360px; }
.container { width: 1080px; }
.news-section { width: 1080px; }
.news-list { width: 1080px; margin-left: auto; margin-right: auto; }
.news-card { width: 334px; height: 440px; float: left; }
.news-img { width: 334px; height: 202px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-card h3 { width: 306px; font-size: 20px; line-height: 36px; font-weight: bold; margin: 20px auto 8px; }
.news-desc { width: 306px; height: 76px; }
.news-date { padding-left: 18px; position: absolute; bottom: 45px; }
}
@media (min-width: 1200px) {
.nav-box { width: 1200px; margin: 0 auto; text-align: center; position: relative; }
.nav-item { width: 400px; height: 124px; float: left; padding: 14px 40px; font-size: 20px; line-height: 99px; font-weight: bold; cursor: pointer; position: relative; }
.nav-box { width: 1200px; }
.nav-item { width: 400px; }
.container { width: 1200px; }
.news-section { width: 1200px; }
.news-list { width: 1100px; margin-left: 0px; margin-right: 0px; }
.news-card { width: 376px; height: 468px; }
.news-img { width: 380px; height: 230px; background-color: #c8d8ec; margin-bottom: 16px; object-fit: cover; }
.news-card h3 { width: 330px; font-size: 20px; line-height: 36px; font-weight: bold; margin: 20px auto 8px; }
.news-desc { width: 330px; height: 76px; }
.news-date { padding-left: 28px; position: absolute; bottom: 45px; }
.news-detail { width: 1100px; margin: 100px auto 60px; }
}
@media (min-width: 1300px) {
.news-section { width: 1200px; }
.news-list { width: 1200px; margin-left: 0px; margin-right: 0px; }
.news-detail { width: 1200px; margin: 100px auto 60px; }
}