@charset "utf-8"; /* CSS Document*/ body { margin: 0; padding: 0; font-size: 14px; min-width: 1200px; background: #ffffff; font-family: "Microsoft Yahei", 宋体, sans-serif; } ul,li { list-style-type: none; margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal } img { border: 0; } a { text-decoration: none; color: #666666; } a:hover { text-decoration: none; color: #1f509c; transition: all 0.6s; } .fl { float: left !important; } .fr { float: right !important; } .clearboth { clear: both; border: 0; padding: 0; margin: 0; } .w1200 { width: 1200px; height: auto; margin: 0 auto; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .relative { position: relative; } .imghover { cursor: pointer; transition: all 0.6s; } .imghover:hover { transform: scale(1.2); } /*header*/ .header { width: 100%; height: 445px; background: url("../images/top.png") center; position: relative } .top_link { color: #ffffff; font-size: 14px; line-height: 30px; margin: 20px 0 0 0; /* width: 240px; */ text-align: right; } .top_link a { color: #007207; font-size: 14px; line-height: 30px; padding: 0 5px; } .logo { width: 438px; padding: 30px 0 0 0; display: block; height: 83px; float:left; } /*search*/ .i-search { width: 220px; height: 34px; overflow: hidden; position: relative; margin: 10px 0 0 18px; background: #ffffff; border-radius: 18px; border-bottom: #c2c9d9 1px solid; } .i-search .search-txt { width: 150px; padding-left: 10px; height: 34px; line-height: 34px; color: #c2c9d9; border: none; background: none; outline: none } .i-search .search-btn { width: 50px; height: 34px; line-height: 34px; font-size: 16px; border: none; background: url("../images/btn_search.png") center no-repeat; cursor: pointer; } /*nav*/ .i-nav { width: 100%; height: 50px; /* margin: 19px auto 0 auto;*/ background:rgba(0,140,63,0.6); position: absolute; top: 395px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav { height: 50px; line-height: 50px; position: relative; z-index: 1; margin: 0 auto; width: 1200px; } .nav a { color: #fff; } .nav .nLi { float: left; position: relative; display: inline; } .nav .nLi h3 { float: left; } .nav .nLi h3 a { display: block; padding: 0 38px; font-size: 18px; font-weight: bold; color: #ffffff; /*background:url("../images/nav_bgline.png") bottom repeat-x;*/ } .nav .sub { display: none; width: 100%; left: 0; top: 50px; position: absolute; background: #000000; line-height: 36px; padding: 0; opacity: 0.7; } .nav .sub li { zoom: 1; border-bottom: #1f1f1f 1px solid; text-align: center; } .nav .sub a { display: block; padding: 0 10px; } .nav .sub a:hover { color: #fff; background:#008c3f; } .nav .on h3 a { color: #008c3f; background: #ffffff; } /*imain*/ .news_box { /* margin: 0 auto 40px auto;*/ height: auto; overflow: hidden; background:url(../images/box1_bg.png); padding: 30px 0; } .news_box .w1200{ background:#ffffff; overflow: hidden;padding: 20px; box-shadow: 0 0 13px rgb(96,96,96,0.11); } .i-title { overflow: hidden; margin-bottom: 20px; } .i-title h2 { font-size: 24px; font-weight: bold; color: #008c3f; display: block; float: left; } .news_box .i-title h2 { background:url(../images/icon_01.png) left center no-repeat; padding-left: 36px; } .i-tzgg .i-title h2 { background:url(../images/icon_02.png) left center no-repeat; padding-left: 36px; } .i-wyfc .i-title h2 { background:url(../images/icon_03.png) left center no-repeat; padding-left: 36px; } .end .i-title h2 { background:url(../images/icon_04.png) left center no-repeat; padding-left: 36px; } .i-title h2 span { color: #999999; font-size: 14px; line-height: 34px; font-weight: normal; font-style:italic } .i-title a { display:block; font-size:14px; float:right; color: #008c3f; border: 1px solid #008c3f; width: 63px; height: 24px; line-height: 24px; text-align: center; } .i-title a:hover { color:#ffffff; background:#008c3f; } .news_box_left { width: 380px; float: left; position: relative; /* border: 1px solid #d7d7d7; */ margin-right: 30px; background: #ffffff; } .box_fr{ width:585px; } /*picnews*/ .picnews{ width:585px; height:390px; overflow:hidden; position:relative; } .picnews .hd{height:15px;overflow:hidden;position:absolute;right:10px;bottom: 14px;z-index:1;} .picnews .hd ul{ overflow:hidden; zoom:1; float:left; } .picnews .hd ul li{float:left;margin-right: 12px;width: 10px;height: 10px;line-height: 10px;font-size:0;text-align:center;background:#cccccc;cursor:pointer;border-radius: 50px;} .picnews .hd ul li.on{ background:#64a20d; color:#fff; } .picnews .bd{ position:relative; height:100%; z-index:0; } .picnews .bd li{ zoom:1; vertical-align:middle; } .picnews .bd img{ width:585px; height:390px; display:block; } .picnews .bd span{position:absolute;bottom:0;background:rgba(0,0,0,0.5);width:100%;height: 50px;line-height: 50px;color:#fff;font-weight:bold;} .picnews .bd h1{color:#fff;font-size: 16px;margin:0;padding:0 10px} .tj_img { width: 380px; /* height: 223px; */ overflow: hidden; } .tj_img img { width: 380px; height: 252px; object-fit:cover; } .tj_title { margin: 11px 0; position: relative; } .tj_title::after{content:"";width:30px;height:2px;background:#155daa;position: absolute;left: 0;bottom: -20px;/* margin-bottom: 10px; */} .tj_title a { color: #434343; font-size: 16px; line-height: 30px; } .tj_title a:hover { color: #008c3f; } .tj_time { color: #ffffff; font-size: 14px; line-height: 30px; position: absolute; top: 20px; left: 20px; background: #155daabf; padding: 3px 10px; } .tj_zy a { color: #686868; font-size: 14px; line-height: 27px; } .tj_zy{margin-top: 34px; } .news_box_right { float: left; width: 585px; height: auto; overflow: hidden; /* padding-top:10px; */ } .top_title { margin: 0 0 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top_title a { color: #434343; font-size: 18px; line-height: 30px; } /*.top_title a:hover { color: #008c3f; }*/ .top_time { color: #999999; font-size: 14px; line-height: 30px; } .top_zy a { color: #595858; font-size: 14px; line-height: 30px; } .top_zy { color: #686868; font-size: 14px; line-height: 26px; border-bottom: #dcdcdc 1px dashed; padding: 0 0 16px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_list { height: auto; padding: 0 0 0 0 !important; position: relative; } .n_list li { width: 100%; height: 44px; line-height: 44px; display: block; color: #999999; font-size: 16px; margin-top:5px; } .n_list li a { font-size: 16px; color: #333333; background: url("../images/ico_001.png") left center no-repeat; padding-left: 25px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 84%; } .n_list li a:hover { color: #008c3f; } .n_list li .date { float: right; font-size: 14px; color: #999999 } .n_list li i { font-style: normal; color: #ff9900 } /*i-tzgg*/ .i-tzgg { width:100%; padding:30px 0 10px 0; background: #e4f1da; } .tz_box_nr { margin: 0 auto; height: auto; overflow: hidden; /* padding: 30px 0 0 0; */ } .tz_list { width: 380px; height: 80px; overflow: hidden; margin-bottom: 20px; /* float: left; */ background: #ffffff; padding: 10px; box-sizing: border-box; margin-right:30px; box-shadow: 0 0 13px rgb(96,96,96,0.11); } .tz_box_nr .tz_list:nth-child(3n){margin:0;} .tz_list .tz_date { font-size: 14px; color: #ffffff; border: 1px solid #008c3f; display: block; width: 64px; height: 58px; text-align: center; float: left; /* opacity: 0.9; margin: 10px; */ } .tz_list .tz_date span { font-size: 14px; color: #888888; width: 100%; text-align: center; display: block; height: 30px; line-height: 30px; /* margin: 4px 0 0 0; */ } .tz_list .tz_date i{background:#008c3f;color:#ffffff;font-size:16px;height: 28px;line-height: 28px;display: block;font-style: normal;} .tz_list .tz_txt { float: right; width: 276px; /* height: 90px; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tz_list .tz_txt a { color: #434343; font-size: 16px; line-height: 30px; overflow: hidden; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ } .tz_list .tz_txt h1 a { color: #434343; } .tz_list .tz_txt p { font-size: 14px; line-height: 30px; color: #444444; margin:5px 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tz_list .tz_txt p a { color: #888888; } .tz_txt:hover h1 a { color: #1f509c; } .tz_list:hover .tz_date { opacity: 1; } .tz_list:hover p a { color: #1f509c } /*i-xsgz*/ .i-xsgz { width:100%; height: auto; overflow:hidden; margin: 20px auto 0 auto; } .i-xsgz-left { width:580px; float: left; height: auto; overflow:hidden; } .i-xsgz-right { width:580px; float: right; height: auto; overflow:hidden; } .tpwz_list { width: 580px; height: 126px; overflow: hidden; margin: 0 0 7px 0; } .tpwz_list .imgqy { width: 180px; height: 120px; overflow: hidden; float: left; } .tpwz_list img { width: 180px; height: 120px; padding: 0; border: #dfdfdf 1px solid; margin-right: 15px } .tpwz_list .tpwz_txt { float: right; width: 370px; height: 124px; overflow: hidden; padding: 0 0 0 0; } .tpwz_list .tpwz_txt h1 { color: #434343; font-size: 18px; line-height: 30px; } .tpwz_list .tpwz_txt h1 a { color: #434343; } .tpwz_list .tpwz_txt p { font-size: 13px; line-height: 30px; color: #494949; margin:5px 0; padding: 0; } .tpwz_list .tpwz_txt p a { color: #494949 } /*.tpwz_txt:hover h1 a { color: #cc0000; }*/ /*i-wyfc*/ .i-wyfc{padding: 30px 0 40px 0;} .i-wyfc-box { width:1200px; overflow:hidden; position:relative; } .i-wyfc-box .hd { overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; } .i-wyfc-box .hd .next { background-position:0 -50px; } .i-wyfc-box .hd .prevStop { background-position:-60px 0; } .i-wyfc-box .hd .nextStop { background-position:-60px -50px; } .i-wyfc-box .hd ul { float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .i-wyfc-box .hd ul li { float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; } .i-wyfc-box .hd ul li.on { background-position:0 0; } .i-wyfc-box .bd { padding:0; } .i-wyfc-box .bd .tempWrap { width: 1200px !important; } .i-wyfc-box .bd ul { overflow:hidden; zoom:1; } .i-wyfc-box .bd ul li { margin:0 18px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; } .i-wyfc-box .bd ul li .pic { text-align:center; width:286px; height:204px; overflow: hidden; } .i-wyfc-box .bd ul li .pic img { width:286px; height:204px; display:block; padding:0; } .i-wyfc-box .bd ul li .pic a:hover img { border-color:#999; } .i-wyfc-box .bd ul li .title { position: absolute; bottom: 0; z-index: 99; background:url("../images/tt_bg.png"); font-size: 14px; color: #ffffff; line-height: 40px; text-align: center; display: block; width: 100%; } .i-wyfc-box .bd ul li .title a { color: #ffffff; } /*listbanner*/ .list_banner { width: 100%; text-align: center; } .list_banner img { width: 100%; } .this_map { /* background: #e5e5e5; */ height: 48px; position: relative; width: 100%; /* border-bottom: 1px solid #ccc; */ } .this_name { float: left; width: 240px; height: 94px; position: absolute; /* top: -45px; */ background: #008c3f; line-height:94px; } .this_name h1 { font-size: 30px; color: #ffffff; display: block; margin: 0 auto; text-align: center; } .this_name span { font-size: 14px; color: #d8dfd8; display: block; margin: 0 auto; text-align: center; } .this_dqwz { float: right; width: 920px; text-align: right; color: #555555; font-size: 14px; line-height: 48px; border-bottom: 1px solid #ccc; } .this_dqwz h2 { display: block; float: left; line-height: 48px; font-weight: bold; color: #008c3f; font-size: 20px; } .this_dqwz .ico_home { margin: 0 5px; } /*list_main*/ .list_main { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .list_main_left { width: 240px; float: left; margin-top: 46px; } .list_main_right { width: 920px; float: right; padding: 10px 0; } .list_sub { width: 100%; min-height: 300px; background: url("../images/list_subj.png") bottom right no-repeat #dde2d9; padding: 20px 0; overflow: hidden; } .list_sub li { width: 100%; padding: 5px 0 5px 20px; } .list_sub li a { display: block; height: 44px; line-height: 44px; width: 100%; padding: 0 0 0 15px; font-size: 16px; } .list_sub li a:hover { background: #ffffff; border-left: #b7b7b7 2px solid; color: #555555; font-weight: bold; } .list_sub .on_here { background: #ffffff; border-left: #008c3f 2px solid; color: #008c3f; font-weight: bold; } /*list_box*/ .list_box { height: auto; overflow: hidden; margin: 0 auto; /* padding: 0px 0; */ } .list_box li { line-height: 46px; height: 50px; font-size: 16px; color: #999999; text-align: right; padding: 0; background: url("../images/dxhx.png") bottom repeat-x; } .list_box li a { color: #4a4a4a; float: left; padding-left: 25px; background: url("../images/ico_001.png") left center no-repeat; } .list_box li:hover { background: #f8f8f8; color: #008c3f; } .list_box li a:hover { color: #008c3f; } .list-fy { text-align: center; margin: 0 auto 40px auto; min-height: 40px; } /*piclist*/ .pic-list { width: 960px; overflow: hidden; height: auto; margin: 20px auto; } .pic-list ul { width: 1000px; margin: 0 auto; padding: 0; } .pic-list li { width: 285px; margin-right: 34px; float: left; margin-bottom: 0; } .pic-list li img { width: 290px; height: 190px; border: #efefef 1px solid; padding: 5px; } .pic-list li img:hover { border: #ccc 1px solid; padding: 5px; } .pic-list li a { } .pic-list li a:hover { color: #000; } .pic-list li span { text-align: center; width: 100%; line-height: 40px; color: #666; display: block } /*content*/ .c-content { height: auto; overflow: hidden; position: relative; margin: 30px auto 40px auto; padding: 0 20px; } .c-content .c-title { font-size: 30px; color: #008c3f; line-height: 50px; text-align: center } .c-content .other-s { font-size: 14px; line-height: 35px; text-align: center; color: #666666; background: #f5f5f5; margin: 15px auto 0 auto; position: relative; } .c-content .other-s .sjfx { position: absolute; right: 10px; top: 10px; } .c-content .nr-info { height: auto; overflow: hidden; position: relative; text-align: left } .c-content .nr-info p { font-size: 16px; color: #666; line-height: 34px; margin: 15px 0; text-indent: 2em; text-align: left } .c-content .nr-info img{ max-width:100%; height:auto; display:block; margin:10px auto; } .wz_fj { } .wz_fj p { line-height: 36px; color: #0d8100; font-size: 16px; background: url("../images/ico_fj2.png") left center no-repeat; padding: 0 0 0 20px } .wz_fj a { line-height: 36px; font-size: 16px; } .wzclose-relative { text-align: center; margin-top: 30px; } .wzclose-relative span { margin: 0 15px; } .i-sxt { border-top: #d9d9d9 1px solid; margin: 20px auto; padding: 20px 0; position: relative; } .i-sxt p { display: block; width: 100%; float: left; margin: 0; padding: 0; } .i-sxt a { color: #555555; font-size: 14px; line-height: 30px; } .i-sxt a:hover { color: #cc0010; } /**/ /*c-content*/ .icontent { width: 1118px; border: #e5e5e5 1px solid; padding:0 40px; background: #fcfcfc; overflow: hidden; margin: 15px auto; } .icontent .lm_name { height: 70px; line-height: 70px; border-bottom: #cccccc 1px solid } .icontent .lm_name h2 { float: left; width: 130px; text-align: center; height: 69px; font-size: 24px; color: #008c3f; font-weight: bold; border-bottom: #008c3f 3px solid; } .icontent .lm_name span { float: right; color: #666666; font-size: 14px; } .icontent .lm_name span a { color: #666666; } .wafx { padding: 0; position: absolute; right: 0; top:40px; } /*end*/ .end { background: url(../images/footer_bg.png) no-repeat center; background-size:cover; width: 100%; height: 282px; padding-top: 40px; box-sizing: border-box; } .end_left { width: 100%; /* float: left; */ } .end_right { width: 240px; float: right; } .i-yqlj { width: 100%; /* height: 70px; */ overflow: hidden; } .i-yqlj a { display: block; width: 16.66666%; float: left; color: #ffffff; line-height: 40px; } .i-yqlj a:hover { color: #aebed5; } .copright { border-top: #81c499 1px solid; margin-top: 20px; padding: 20px 0 0 0; } .copright p { color: #ffffff; line-height: 36px; margin:0px; text-align: center; } .copright p a{ color:#ffffff; } .wx_sm { width: 100%; text-align: center; margin-top: 70px; } .wx_sm span { width: 100%; text-align: center; display: block; font-size: 14px; color: #ffffff; line-height: 40px; } .wx_sm img{ width:200px; height:200px; } #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}