@charset "UTF-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #f1f1f1; font-size: 15px; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333333; }
a:hover { color: #00812b; text-decoration: none; }
.fs12 { font-size: 12px }
h1 { font-size: 28px }
h2 { font-size: 18px }
h3 { font-size: 16px }
i { font-style: normal; display: block }
span { display: block }
.clear, .blank { clear: both; width: 100%; overflow: hidden; }
.blank { height: 20px }
.blank1 { height: 40px }
.fl { float: left }
.fr { float: right }
.tc{ text-align: center; }
.htitle { text-align: center; font-weight: 700; font-size: 36px; margin: 30px auto }
.box, .article { width: 1200px; margin: auto; }
.whitebg { background: #fff; border: 1px solid #eee; }
.p1{ padding: 50px 20px 20px }
.p10 { padding: 10px }
.p20 { padding: 20px }
.plr20 { padding: 0 20px }
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mt30{ margin-top: 30px;}
.mr20{ margin-right: 20px;}
.a1{ font-size: 12px; color: #999999; }
.a2{ color: #eeeeee; }

#ymd{ color: #f75b11; }
.pos-rel{ position: relative; }
.flex{ display: flex; }
.flex1{ flex: 1; }
.flex-end{ display: flex; align-items: flex-end; }
.flex-col-end{ display: flex; justify-content: flex-end; }
.flex-col-start{ display: flex; flex-direction: column; align-items: flex-start; }
.flex-column{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex-column1{ display: flex; flex-direction: column; align-items: center; }
.flex-column2{ display: flex; flex-direction: column; justify-content: center; }
.flex-wrap{ display: flex; flex-wrap: wrap; }
.flex-center{ display: flex; align-items: center; justify-content: center; }
.flex-center-bottom{ display: flex; align-items: flex-end; justify-content: center; }
.flex-center-right{ display: flex; align-items: center; justify-content: flex-end; }
.flex-between{ display: flex; align-items: center; justify-content: space-between; }
.flex-top-between{ display: flex; align-items: flex-start; justify-content: space-between; }
.flex-right{ display: flex; align-items: center; justify-content: flex-end; }
.flex-align-center{ display: flex; align-items: center; }
.flex-align-bottom{ display: flex; align-items: flex-end }
.flex-align-top{ display: flex; align-items: flex-start }
.fixed-top { position: fixed; left: 0; right:0; top: 0; z-index: 99999; }
.fixed-bottom { position: fixed; left: 0; right:0; bottom: 0; z-index: 99999; }

.tit1{ width: 100px; background-color: #00812b; color: #ffffff; font-size: 17px; padding: 5px 12px; position: absolute; left: -6px; top: -6px; z-index: 2; text-align: center; }
.tit1_yy{  left: -3px; top: -2px; z-index: 1; opacity: 0.4; }
.tit2{ color: #00812b; font-size: 14px; padding-left:10px; border-left: 3px solid #00812b; }
.tit1::after{content: ""; height: 2px; width: 100%; position: absolute;  bottom: -1px; background-color:#00812b; margin: auto; display: block; left: 0; }
.ul1{ border-top: 1px solid #e4e4e4; padding-top: 10px; }
.ul1 li{ margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-left: 14px; }
.ul1 li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0; top: 10px; }
.ul1 li span { float: right; font-size: 12px; color: #888; margin-left: 20px; }
.ul2 li{ width: 48%; box-sizing: border-box; }

/*ad*/
.myad { margin: 20px 0; background: #eeeeee; overflow: hidden; text-align: center; height: 100px }
.myad img { width: 100%; height: 100%; }
/*header*/
.header { margin: 0; width: 100%; z-index: 9; transition: all 0.4s; background: #fff }
.logo { }
.logo img { width: 232px; height: 90px; }
/*search*/
.search { border-radius: 0 5px 5px 0; width: 400px; background: linear-gradient(to right, #00812b 0%, #01960d 100%); }
.search p { margin-bottom: 10px; }
.search input.input_submit { border: 0; background: url(../images/images/search.png) no-repeat left 10px center; color: #fff; outline: none; line-height: 36px; font-size: 15px; width: 100px; cursor: pointer; letter-spacing: 5px; text-indent: 1em; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; outline: none; width: 300px; background: #f3f3f3; float: left; text-indent: 1em; }

/*videos*/
.tab-content { margin: 20px; overflow: hidden; }
.videos-list li { width: 25%; float: left; overflow: hidden; margin-bottom: 10px; }
.videos-list li a { overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid; }
.videos-list li i { height: 150px; line-height: 100%; overflow: hidden; }
.videos-list li i img { width: 100%; display: inline-block; vertical-align: middle; transition: .5s; }
.videos-list li i:hover img { transform: scale(1.2); }
.videos-list li h2 { color: #333; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-size: 15px; background-size: 20px; }
.videos-list li:hover h2 { color: #00812b; }
.videos-list li p { font-size: 12px; color: #999; overflow: hidden; margin: 5px 0; padding: 0 10px; }
.videos-list .datetime { float: left; font-weight: normal; }
.videos-list .viewd { float: right; background: url(../images/images/view.png) no-repeat left center; padding-left: 23px; }

/*wztitle-list*/
.w260{ width: 380px; }
.list1 { padding: 0 20px 40px }
.list1 li { padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; position: relative; }
.list1 li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0; top: 15px; }
.list1 li span { float: right; color: #888; font-size: 12px }
.list1 li:nth-child(10n) { margin-bottom: 20px; border-bottom: #eee 1px solid; padding-bottom: 20px }
.list1 li:last-child{ margin-bottom: 30px; }

.min-height{ min-height: 560px; }
.list2{}
.list2 li{ border-bottom: 1px dashed #dddddd; padding-bottom: 5px; margin-bottom: 15px; padding: 10px; }
.list2 li h2{ font-size: 16px; margin-bottom: 6px; }
.list2 li p{ color: #666666; line-height: 1.6; margin-bottom: 6px; }
.list2 li p.time{ font-size: 12px; color: #999999; }
.list2 li:hover{ background-color: #f9f9f9; }
.list2 li:last-child{ border-bottom: none; }
.bn{ border: none; }

.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #00812b; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #00812b; }

/*footer*/
.footer { background: #333; width: 100%; padding: 30px 0; color: #eeeeee; font-size: 14px; position: relative; overflow: hidden }
.footer:before { content: ""; background: #00ac0e linear-gradient(to left, #01960d, #00d412, #01960d, #00d412); height: 10px; width: 100%; position: absolute; top: 0; left: 0; }  

/*news-title*/
.news-title { border-bottom: #e4e3e3 1px solid; margin: 20px; padding-bottom: 10px; }
.news-title h2 { color: #00812b; font-size: 16px; font-weight: normal; position: relative; width: 84px; text-align: center; }
.news-title h2 a { color: #00812b; }
.news-title h2:after { content: ""; background: #00812b; background: linear-gradient(to right, #00812b 0%, #01960d 100%); width: 100%; height: 2px; position: absolute; bottom: -11px; left: 0; }

.txtCont{ padding: 20px; }
.txtCont h2{ font-size: 22px; line-height: 44px; }
.txtCont .desc{ color: #777777; }
.txtCont .txt p{ text-indent: 2em; line-height: 1.8; }

/*topnav*/
.topnav { width: 100%; background: #01960d; }
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav:before { display: table; content: " "; }
.topnav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
nav { text-align: center; line-height: 50px; width: 100%; }
nav #starlist { margin: auto; width: 1170px; }
#starlist li { position: relative; display: inline; float: left; font-size: 15px; margin-right: 10px; }
#starlist li a { display: inline; float: left; padding: 0 20px; color: #fff; }
#starlist li a:hover { background: #00ac0e; }
#selected { position: relative }
#starlist ul.sub { padding: 5px 0; position: absolute; left: 0; top: 50px; background: rgb(9, 118, 220); z-index: 9; display: none; }
#starlist ul.sub li { height: 34px; line-height: 34px; margin-left: 0; width: 100%; font-size: 14px; }
#starlist ul.sub li a { padding: 0; display: block; width: 100%; }
#starlist ul.sub li a:hover { background: #00812b; }
#starlist li:hover ul.sub { display: block }
a#selected { background: #00800b }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: rgb(9, 118, 220); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; }

.banner{ height: 360px; }
.swiper-wrapper a{ height: 100%; width: 100%; }
.w1{ width: 260px; }
.w1 img{ width: 100%; }
.w1 .img1{ height: 100%; }
.w1 .img2{ height: 140px; }
.nodata{ padding: 50px; color: #999999; text-align: center; }
.nodata1{ color: #333333; padding: 10px; text-align: center; }
.txt img{ max-width: 700px; margin: 10px 0; }


.icon-top { background: url(../images/images/istop.png) no-repeat center #fff; background-size: 22px; width: 40px; height: 40px; position: fixed; right: 0; bottom: 10%; opacity: 0; transition: all 0.3s; z-index: 9999999; border: #ccc 1px solid; border-radius: 100%; }
.icon-top.cd-is-visible { visibility: visible; opacity: 1; }

.tab-a-more { position: absolute; right: 20px; top: 6px; }
.tab-a-more a { display: block; background-size: 32px; overflow: hidden; width: 50px; height: 30px; }
#tab-content { margin: 20px; overflow: hidden; }
.tab-a-more a i { position: absolute; top: 16px; width: 8px; height: 8px; animation: bounce_fountainG 1.2s linear infinite; border-radius: 8px; background: #09F; }
.tab-a-more a i:first-child { right: 20px; animation-delay: .4s; background: #09F; }
.tab-a-more a i:nth-child(2) { right: 10px; animation-delay: .6s; background: #3c0; }
.tab-a-more a i:nth-child(3) { right: 0; animation-delay: .8s; background: #f60; }

.bread-nav{ position: absolute; right: 10px; top: 0; }

.viewpage{ margin-top: 30px; border-top: 1px dashed #eeeeee; padding-top: 20px; }
.nav-rout{ margin-bottom: 30px; border-bottom: 1px dashed #eeeeee; padding: 0 15px 15px; }

#pages{ text-align: center; padding: 20px 0; }
#pages li{ display: inline-block; width: 30px; height: 24px; margin: 0 3px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; background-color: #ffffff; }
#pages li:hover{ background-color: #eeeeee; }
#pages li.active{ background-color: #00812b; color: #ffffff; border-color: #00812b; }

#container{ display: none; }
.weatherBox{ margin-top: 25px; background-color: #eeeeee; padding: 4px 8px; border-radius: 4px; }
#tp-weather-widget{ margin-top: 25px; }