@charset "utf-8";
.container { padding: 15px 0 30px; }
.wrap { width: 1280px; margin: 0 auto; }
.sidebar{ float: left; width: 258px; margin-right: 45px; }
.main { display: block; overflow: hidden; }
.wrapper{background: url(/upload/2022-11/166841404288184100.jpg) no-repeat center -140px;padding-top: 240px;}
.leftTitle{ height: 127px; background: url(leftTitle.jpg) no-repeat #188544; color: #fff; }
.leftTitle p { padding: 38px 0 0 30px; font-size: 30px; line-height: 50px; }

.sidebar .menu { }
.sidebar .menu dt {margin-top: 2px;/* border-bottom: 2px solid #eef0f2; */background-color: #d8d8d8;line-height: 32px;font-size: 16px;}
.sidebar .menu dt:first-child {/* margin-top: 0; */}
.sidebar .menu dt:last-child { border-bottom: 2px solid #b2b2b2; }
.sidebar .menu dt a { position: relative; color: black; padding:10px 0 10px 36px; display: block; }
.sidebar .menu dt a::after { position: absolute; left: 20px; top: 50%; content: '-'; transform: translateY(-50%); font-size: 14px; z-index: 1; }
.sidebar .menu dt a i { position: absolute; right: 20px; top: 50%; width: 10px; height: 10px; border-left: 1px solid #188544; border-bottom: 1px solid #188544; transform:translateY(-60%) rotate(-45deg); z-index: 2; display: block; }
.sidebar .menu dt a:hover,
.sidebar .menu dt.current{/* border-left: 5px solid #078d48; */background: #00864b;}
.sidebar .menu dt.current a,
.sidebar .menu dt a:hover { color: #fff;}

.sidebar .menu dd {border-bottom: 1px solid #dce7e0;background: #f6f7f7;}
.sidebar .menu dd a {display: block;padding: 9px 0 9px 46px;}
.sidebar .menu dd .current { color: #188544; }
.sidebar .menu dd.third {border-bottom: 1px solid #dce7e0;background: #fff;}

.sidebar .contact { margin-top: 14px; }
.sidebar .contact a { display: block; min-height: 73px; padding-top: 13px; background:url(contacta.jpg) 50% #188544; color: #fff; font-size: 20px; line-height: 30px; text-align: center; }
.sidebar .contact a em { display: block; font-size: 24px; }
.sidebar .contact .ctn-txt {padding: 20px 0 10px;background-color: #eef0f2;text-align: center;font-weight: bold;font-size: 15px;position: relative;}
.sidebar .contact .ctn-txt::after,
.sidebar .contact .ctn-txt::before { position: absolute; top: 30px; content: ''; width: 50px; height: 1px; background-color: #aaa; z-index: 1; } 
.sidebar .contact .ctn-txt::after { left: 30px; }
.sidebar .contact .ctn-txt::before { right: 30px; } 
.sidebar .contact .ctn-pic { background: url(contactb.png) no-repeat bottom center #eef0f2; min-height: 363px; padding: 10px 0 0 26px; line-height: 30px; }
.sidebar .contact p { padding-left: 33px; }
.sidebar .contact p.a { background: url(o_ico_03.png) no-repeat left 6px ; }
.sidebar .contact p.b { background: url(o_ico_04.png) no-repeat left 6px ; }
.sidebar .contact p.c { background: url(o_ico_05.png) no-repeat left 6px ; }
.sidebar .contact p.d { background: url(o_ico_06.png) no-repeat left 6px ; }
.location { margin-bottom: 30px; background: url(location.jpg) no-repeat 0 50%; }
.location .breadcrumbs { padding-left: 42px; border-bottom:1px solid #ccc; line-height: 42px; }

.sForm { text-align: center; padding: 30px 0 0; }
.sForm .title { margin-bottom: 22px; height: 40px; font-size: 22px; letter-spacing: 2px; line-height: 40px; }
.sForm .title em { color: #1a8746; }
.sForm .Form { margin-bottom: 15px; padding: 50px 0 40px; background-color: #e9f5f5; }
.sForm .Form form select { height:30px;font-size: 14px;border: 1px solid #dddddd;border-radius: 3px;padding: 0 10px}
.sForm .Form form .submit { margin-left: 10px; border: 1px solid #dddddd; width: 55px; height: 28px; border: 0; background: #039f42 ; color: #fff; cursor: pointer; }
.sForm .Form .f-state { margin-top: 20px; font-size: 16px; line-height: 30px; }
.sForm .Form .f-state span { color: #039f42; }

.list { margin-bottom: 20px; }
.list ul li { border-bottom: 1px dashed #ddd; padding: 18px 0; }
.list ul li a { color: #000}
.list ul li a:hover,
.list ul li a.current { color: #188544 }

/*law_file*/
.law_list{margin-top: 50px}
h4.law_h4{font-size: 22px;letter-spacing: 10px;font-weight: bold;text-align: center}
.law_list ul{margin-top: 50px}
.law_list ul li{border-bottom: 1px dashed #dddddd;padding: 10px 0}
.law_list ul li a{font-size: 14px;color: #000}
.law_list ul li .title{display: block;float: left;width: 100%;}
.law_list ul li .title span{float: right}
.law_list ul li .down{float: right}
.law_list ul li.current .title{color: #188544 }
.law_list ul li.current .down{color: #ff0000}
.law_list ul li .title:hover{color: #188544 }
.law_list ul li .down:hover{color: #ff0000}

.law_list ul li .title i{display:block;position: relative;top: -10px;width: 690px;border-top: 1px dashed;z-index: 1}
.law_list ul li .title span{position: relative;z-index: 99;background: white}
.law_list ul li .title s{position: relative;z-index: 99;background: white;text-decoration: none}

/*about*/
.article { line-height: 2; }
.article .title{text-align: center}
.article .title h2{font-size: 22px;color: #188544;line-height: 48px;padding: 20px 0 5px;}
/*
.article .title span{display: block;height: 2px;width: 80px;background: #188544;margin: 0 auto;margin-top: 5px}
*/
.article .title .hd .titBar {line-height: 50px;}
.article .bd { margin-top: 20px; padding: 0 66px; line-height: 2; }
.article .bd img { max-width: 100%; }
/*traffic-net*/
.TrafficNet{margin-top: 45px}
.TrafficNet-all h2{height: 48px;background: #188544 ;color: white;font-size: 22px;text-align: center;line-height: 50px;}
.AllRoad{margin-top: 48px}
.AllRoad-map{float: left;width: 623px;position:relative;}
.AllRoad-map img{position: absolute;top: 0;left: 0;}
.AllRoad-road{float: right;width: 250px;border: 1px solid #dddddd;height: 791px;overflow: scroll}
.AllRoad-road ul li{border-bottom: 1px solid#dddddd;padding: 5px 10px }
.AllRoad-road ul li a{font-size: 14px;color: #000;padding-left: 10px}
.AllRoad-road ul li.current a,.AllRoad-road ul li:hover a {color: #188544 }

.TrafficNet-each{margin-top: 48px}
.TrafficNet-each h3{height: 48px;background: #188544 ;color: white;font-size: 20px;text-align: center;line-height: 50px;font-weight:normal}
.each-article{margin-top: 10px;position: relative;min-height: 320px;margin-bottom: 30px;}
.each-article>div{position: absolute;top: 0;left: 0;}

/*operation_data*/
.DataNav{height: 46px;}
.DataNav ul li{float: left;font-size: 13.63px;color: white;height: 40px;background: #188544 ;line-height: 40px}
.DataNav ul li a{color: white;}
.DataNav ul .DataNav-1{width: 156px;text-align: center;background: #188544  }
.DataNav ul .DataNav-2{width: 246px;text-align: center;margin-left: 2px; }
.DataNav ul .DataNav-3{width: 246px;text-align: center;margin-left: 2px}
.DataNav ul .DataNav-4{width: 246px;text-align: center;margin-left: 2px}
.DataNav ul li.current{background: url("data-nav-bg.png") no-repeat;height: 46px;}

.SearchData .Form form  .onroad{width:150px }
.SearchData div.current{display: block}
.Form-01,.Form-02,.Form-03{display: none}
.DataResult{border: 1px solid #dddddd}
.DataResult h4{text-align: center}

/* 鍒嗛〉 */
.page { padding:20px 0 20px; line-height:32px; text-align:center; }
.page a {display:inline-block;margin: 0 2px;padding:0 12px;border:1px solid #e2e2e2;background:#e2e2e2;color:#333;vertical-align:top;}
.page a:hover,.page .current { border:1px solid #039f42; background:#039f42; color:#fff; }

/* 缃戠珯鍦板浘 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

/* 鍥炬枃鏂伴椈 */
.pothoItem { margin:30px 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px;min-height: 80px;}
.pothoItem .item dl dt a{color: #000}
.pothoItem .item dl .m{margin-top:15px;}
.pothoItem .item dl .m a{display: inline-block;background:#ebebeb;color:#333;padding:3px 15px;}
.pothoItem .item:hover dl .m a{background:#188544;color: #fff;}
.pothoItem .item:hover .pic{border-color:#188544;}
.pothoItem .item:hover dt a{color: #188544;}

.mapc{text-align: center;}
.mapc img{margin-bottom:10px;}
#box{margin:30px 0 0;}
#box h2{font-size: 16px;color: #000;text-align: center;padding-bottom:10px;}
.table1{width: 98%;margin:0 auto;border:1px solid #ddd;text-align: center;}
.table1 .title{font-size:15px;color: #000;font-weight: bold;padding:8px;}
.table1 .tr1 i{display: block;font-size: 12px;padding:3px 5px;}
.table1 .tr1 span{display: block;padding:3px 5px;background:#ddd;}

.table2{width: 98%;margin:40px auto;border:1px solid #ddd;text-align: center;}
.table2 .title{font-size:15px;color: #000;font-weight: bold;padding:8px;background:none!important;}
.table2 tr:nth-child(odd) td{background:#ccc;}

.maptext{text-align: left;font-size: 14px;line-height: 1.4;}

.f-title { margin-bottom: 22px; height: 40px; font-size: 22px; letter-spacing: 2px; line-height: 40px; }

.DataResult table {  border-collapse: collapse; border-spacing: 0; }
.DataResult table td { padding-top: 8px; padding-bottom: 8px; }

/* 鍥剧墖鏂伴椈 */
.piList { padding:0; overflow:hidden; }
.pic-item-list { margin:0; padding:0; }
.pic-item-list .pic-item { float:left; position:relative; width:305px; margin:0 30px 27px 0; padding:0; }
.pic-item-list .pic-item .list-pic { display:block; width:100%; height:203px; margin-bottom:0; padding:0; border:0; overflow: hidden; }
.pic-item-list .pic-item .list-pic img { width:100%; height:100%; transition: all 0.3s ease-in-out; transform: scale(1); }
.pic-item-list .pic-item dl { border: 1px solid #efefef; text-align:center; transition: all 0.3s ease-in-out; }
.pic-item-list .pic-item dl dt { height:30px; padding:8px; font-size: 14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.pic-item-list .pic-item dl dd { line-height: 22px; }
.pic-item-list .pic-item:hover img { transform: scale(1.05); }
.pic-item-list .pic-item:hover dl { background-color: #188544; color: #fff; }
.pic-item-list .pic-item:hover dl dt a { color: #fff; }
.pic-item-list .pic-item:nth-child(3n) { margin-right:0; }

.pxList { padding:0; overflow:hidden; }
.pxList .pic-item-list .pic-item { width:308px; margin:0 26px 0 0; }
.pxList .pic-item-list .pic-item .list-pic { height:195px; }
.pxList .pic-item-list .pic-item dl { padding: 16px 0; border: 0; text-align:left; }
.pxList .pic-item-list .pic-item dl dt { padding:0; font-size: 18px; line-height:27px; }
.pxList .pic-item-list .pic-item dl dd { opacity: .6; }
.pxList .pic-item-list .pic-item:hover dl { background: none; color: #000; }
.pxList .pic-item-list .pic-item:hover dl dt a { color: #188544; }
/* .pxList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; } */

.pzList {padding: 0 10px 0 0;overflow:hidden;}
.pzList .pic-item-list .pic-item {width:48%;margin:0 4% 45px 0;background: #ebf2f2;box-shadow: 5px 5px 15px rgba(0,0,0,.1);overflow: hidden;}
.pzList .pic-item-list .pic-item .list-pic { float: left; width: 135px; height:203px; margin-right: 6%; border: 1px solid #d9d9db; }
.pzList .pic-item-list .pic-item dl {display: block;overflow: hidden;padding: 20px 0 0;border: 0;text-align:left;}
.pzList .pic-item-list .pic-item dl dt {margin-bottom: 2px;padding: 0;font-size: 20px;font-weight: bold;line-height: 28px;}
.pzList .pic-item-list .pic-item dl dd {margin-bottom: 10px;}
.pzList .pic-item-list .pic-item dl .txt { height: 66px; }
.pzList .pic-item-list .pic-item dl .more img { margin-left: 0; transition: all 0.3s ease-in-out; }
.pzList .pic-item-list .pic-item:hover dl { background: none; color: #000; }
.pzList .pic-item-list .pic-item dl .more a,
.pzList .pic-item-list .pic-item:hover dl dt a { color: #188544; }
.pzList .pic-item-list .pic-item:hover dl .more img { margin-left: 10px; }
.pzList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }

/* 澶撮儴鏂伴椈 */
.hotNews { margin-bottom:40px; background:#f5f5f5; overflow:hidden; }
.hotNews .pic { float:left; width:268px;margin-right:25px;}
.hotNews .pic img { width:100%; height:auto }
.hotNews .txt{padding-top: 25px;padding-right: 20px}
.hotNews .txt .h a{color: #333;font-size: 18px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hotNews .txt .time{font-size: 14px;color: #666;margin-top: 6px;}
.hotNews .txt .p{font-size: 14px;color: #333;line-height: 22px;margin-top: 15px;height: 66px;overflow: hidden;text-overflow: ellipsis;}
.hotNews:hover .h a{transform: translateX(15px);color: #b41b25}

/* 鏂伴椈鍒楄〃 */
.newsList { margin-bottom: 20px; }
.newsList ul li { padding: 23px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.newsList ul li .time { float: left; width: 80px; height: 80px; box-sizing: border-box; padding: 9px 0 0; background: #e5e5e5; color: #000; text-align: center; transition: all .5s ease; margin-right: 35px; }
.newsList ul li .time .h { font-size: 30px; line-height: 37px; }
.newsList ul li .time .p { font-size: 14px; line-height: 24px; }
.newsList ul li .txt { display: block; overflow: hidden; }
.newsList ul li .txt .h { margin-bottom: 8px; line-height: 30px; }
.newsList ul li .txt .h a { font-size: 18px;color: #333333}
.newsList ul li .txt .dn span { float: right; font-size: 16px; }
.newsList ul li .txt .p { color: rgba(0, 0, 0, 0.7); line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.newsList ul li:hover .txt .h a { color: #039f42; }
.newsList ul li:hover .time { background: #039f42; color:#fff; }
.newsList ul li:last-child { border-bottom: 1px solid #e5e5e5; }

.financial-menu { margin-bottom: 26px; text-align: center; }
.financial-menu li { display: inline-block; font-size: 16px; background-color: #eef0f2; line-height: 38px; }
.financial-menu li a { display: block; padding: 0 18px; }
.financial-menu li.on { background-color: #039f42; color: #fff; }
.financial-menu li.on a { color: #fff; }


.message { padding:0 0 30px; }
.message-list {margin-bottom:5px;padding: 10px;border-bottom:1px dotted #ddd;}
.message-list .m-title {padding:0;color:#1c8948;font-size: 15px;font-weight:bold;line-height: 28px;}
.message-list .m-title span { float:right; color:#1c8948; font-size:12px; font-weight:100; }
.message-list .m-info {padding: 8px 0;line-height:24px;opacity: .7;}
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info {padding: 8px 0;line-height:24px;opacity: .9;}

.form-panel { margin-top: 20px; padding:0 0 30px; }
.form-panel h4 {position: relative;margin-bottom:30px;padding:0 20px;color:#039f42;border-bottom: 1px solid #eee;font-size: 20px;line-height:58px;font-weight: 400;}
.form-panel h4::after {position: absolute;left: 0;top: 50%;content: '';width: 5px;height: 24px;border-radius: 5px;background-color: #039f42;transform: translateY(-50%);font-size: 14px;z-index: 1;}
.form-panel .tips { padding:20px 0 20px 120px; font-weight:bold; font-size:16px; text-align:left; }
.form-panel .field { float: left; width: 50%; }
.form-panel .full-field { width: 100%; clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; padding: 0 10px; font-size: 16px; line-height:46px; text-align:right; }
.form-panel .input {padding: 10px 0;zoom:1;}
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text {height:24px;padding:10px;border-radius: 5px;border:1px solid #ccc;background:#fff;color:#555;width: 330px;}
.form-panel .textarea {width: 820px;height: 160px;padding:10px;border-radius: 5px;border:1px solid #ccc;background:#fff;color:#555;}
.form-panel .full-field .text {width: 820px;}
.form-panel .submit-field { padding:0 10px 20px 120px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset {width: 230px;height:42px;border-radius: 5px;border:none;background: #1c8948;color:#fff;cursor:pointer;font-size: 16px;}
.form-panel .submit-field .btn-reset { display: none; }

.corporate-honor .tabs { padding-bottom: 50px; }
.corporate-honor .tabs li { width: 25%; float: left; }
.corporate-honor .tabs li a { display: block; background: #dcdcdc; line-height: 70px; text-align: center; border-right: 1px #adacac solid; color: #666666; font-size: 24px; }
.corporate-honor .tabs li a:hover { background: #e5e5e5; }
.corporate-honor .tabs li.last a { border: 0; }
.corporate-honor .tabs li.current a { background: #00864b; color: #fff; }
.corporate-honor .tabs li:last-child a { border-right: 0; }
.corporate-honor .tabs-container { position: relative; display: none; }
.corporate-honor .tabs-container.on{ display: block; }
.corporate-honor .tabs-container .title { width: 230px; position: absolute; left: 0; top: 0; font-size: 38px; color: #00864b; }
.corporate-honor .tabs-container .title .round { width: 10px; height: 10px; border-radius: 100%; display: block; background-color: #00864b; position: absolute; right: -6px; top: 50%; margin-top: -5px; }
.corporate-honor .tabs-container .items { margin-left: 230px; border-left: 2px #e4e4e4 solid; padding: 70px 0; }
.corporate-honor .tabs-container .year { position: relative; }
.corporate-honor .tabs-container .year .num { width: 100px; position: absolute; left: -100px; top: 40px; font-size: 24px; color: #00864b; }
.corporate-honor .tabs-container .year li {padding: 40px 0 25px;font-size: 18px;line-height: 26px;border-bottom: 2px #cccccc dotted;padding-left: 70px;position: relative;}
.corporate-honor .tabs-container .year li .round {width: 6px;height: 6px;border-radius: 100%;display: block;background-color: #00864b;position: absolute;left: 45px;top: 50px;}
.corporate-honor .tabs-container .year li .n {width: 555px;padding-right: 10px;display: inline-block;color: #999999;vertical-align: top;}
.corporate-honor .tabs-container .year li .m {width: 100px;display: inline-block;font-size: 16px;vertical-align: top;}

.BMap_Marker img { width: auto; height: 21px; }