@charset "utf-8"; /* CSS Document*/ body { margin: 0; padding: 0; font-size: 14px; min-width: 1300px; 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: #cc0000; transition: all 0.6s; } .fl { float: left !important; } .fr { float: right !important; } .clearboth { clear: both; border: 0; padding: 0; margin: 0; } .w1300 { width: 1300px; 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: 117px; background: #068358; } .header_bg { background: url("../images/header_bgimg.png") 600px 10px no-repeat; height: 150px; } .header .logo { padding: 20px 0 0 0; width:600px; float: left; } .top_right { float: right; } .top_link { font-size: 14px; color: #ffffff; line-height: 40px; height: 40px; padding: 15px 0 0 0; text-align: right } .top_link a { color: #ffffff; padding: 0 10px } /*inav*/ .inavbox { background:#ffffff; width: 100%; height: 54px; } .inav { padding: 0; height: 54px; line-height: 54px; position: relative; z-index: 1; width: 1300px; margin: 0 auto; } .inav a { color: #000000; } .inav .nLi { float: left; position: relative; display: inline; } .inav .nLi h3 { float: left; } .inav .nLi h3 a { display: block; padding: 0 47px; font-size: 18px; } .inav .sub { display: none; width: 100%; left: 0; top: 54px; position: absolute; background: #ffffff; line-height: 36px; padding: 0; font-size: 14px; text-align: center; } .inav .sub li { zoom: 1; } .inav .sub a { display: block; color: #068358; padding: 0 10px; } .inav .sub a:hover { background: #068358; color: #ffffff; } .inav .on h3 a { color: #068358; } .inav h3 a:hover { color: #068358; } /*search*/ .i-search { width: 250px; height: 36px; overflow: hidden; position: relative; float: right; margin-top: 0px; background: #83c1ac; border-radius: 30px; } .i-search .search-txt { width: 135px; padding: 0 0 0 15px; height: 36px; line-height: 36px; _line-height: 36px; color: #ffffff; background:none; margin: 0; border: 0; outline: none; } .i-search .search-btn { width: 60px; height: 36px; line-height: 36px; position: absolute; right: 0; *margin-top: 1px; background: url("../images/ico_search.png") center no-repeat; border: 0; cursor: pointer } .i-search .search-btn:hover { background: url("../images/ico_search.png") center no-repeat; border: 0; cursor: pointer } /*banner*/ .ibanner_box{background: #eeeeee; padding: 25px 0} /*焦点图*/ .bannerslideBox { width: 1300px; height: 362px; overflow: hidden; position: relative; margin: 0 auto; } .bannerslideBox .hd { height: 18px; overflow: hidden; position: absolute; right: 12%; bottom:20px; z-index: 1; } .bannerslideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .bannerslideBox .hd ul li { float: left; margin-right: 8px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: none; cursor: pointer; color: #ffffff; font-size: 12px; background: #ffffff; border-radius: 50%; } .bannerslideBox .hd ul li.on { background: #ffc600; color: #fff; } .bannerslideBox .bd { position: relative; height: 100%; width: 1300px; z-index: 0; } .bannerslideBox .bd span { position: absolute; right: 0; } .bannerslideBox .bd span h1 { font-size: 24px; line-height: 36px; color: #ffffff; font-weight: bold; } .bannerslideBox .bd span p { color: #ffffff; line-height:30px; font-size: 16px; text-align: left; } .bannerslideBox .bd li { zoom: 1; vertical-align: middle; } .bannerslideBox .bd img { width: 1300px; height: 362px; display: block; } .bannerslideBox .prev, .bannerslideBox .next { position: absolute; left: 40px; top: 50%; margin-top: -25px; display: block; width: 60px; height: 50px; background: url(../images/picnews-arrow.png) -175px center no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .bannerslideBox .next { left: auto; right: 40px; background-position: -18px 0; } .bannerslideBox .prev:hover, .bannerslideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .bannerslideBox .prevStop { display: none; } .bannerslideBox .nextStop { display: none; } /**/ .fc_slide { position: relative; } .fc_slide .next { position: absolute; top: 50%; margin-top: -30px; width: 32px; height: 32px; z-index: 2; } .fc_slide .prev { position: absolute; top: 50%; margin-top: -30px; width: 32px; height: 32px; z-index: 2; } .fc_slide .next { background: url(../images/piclink_lico.png) center no-repeat #ffffff; right: 84%; margin-right: 30px; } .fc_slide .prev { left: 87%; margin-left: 20px; background: url(../images/piclink_rico.png) center no-repeat #ffffff; } .fc_slide .bd { width:334px; overflow: hidden; margin: 0 auto; } .fc_slide .bd li { float: left; width: 330px !important; margin: 5px 34px 0 0; height: 250px; overflow: hidden; position: relative; } .fc_slide .bd li:hover { } .fc_slide .bd li .pic img { width: 100%; height: 220px; } .fc_slide .bd li .tit { font-size: 15px; line-height: 40px; position: relative; padding: 0 0 8px 0; width: 100%; text-align: center; } .fc_slide .bd li .tit a { color: #333333; width: 100%; font-size: 15px; text-align: center; } /*imain*/ .imain { width: 1300px; margin: 0 auto; height: auto; overflow: hidden; } .i_box { width: 1300px; height: auto; overflow: hidden; margin: 25px auto 25px auto } .i_box_left { float: left; width: 297px; background: #ffffff; padding:0; margin-right: 40px; } .i_box_center { float: left; width: 518px; background: #ffffff; padding: 0; } .i_box_right { float: right; width: 407px; } .i-title { height:48px; line-height: 48px; width: 100%; margin: 0 auto 20px auto; border-bottom: #d8d8d8 1px solid; } .i-title h2 { font-size: 20px; font-weight: bold; height: 49px; line-height: 49px; color: #068358; display: block; float: left; padding: 0 5px; } .i-title h2 span { color: #cccccc; font-size: 24px; line-height: 34px; font-weight: normal; display: block; float: right; margin: 10px 0 0 8px; } .i-title a { display: block; font-size: 14px; float: right; color: #9a9a9a; font-weight: bold; } .i-title a:hover { color: #330000; } .i-title .i_more { display: block; width: 50px; height: 40px; line-height: 50px; overflow: hidden; color: #a6a77b; font-size: 12px; margin: 3px 0 0 0; font-weight: normal; text-align: right; } .i-title .i_more:hover {color: #068358} /*newsdate*/ .newsdate{ } .newsdate li{ width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; } .newsdate span { font-size: 12px; line-height: 24px; color: #a6a77a; display: block; width:60px; height: 50px; text-align: center; float: left; padding-right: 5px; border-right:#e5e5e5 1px solid ; } .newsdate i { font-size: 22px; color: #a6a77a; line-height: 18px; text-align: center; display: block; font-style: normal; font-weight: normal; padding: 8px 0 0 0; } .newsdate a { font-size: 15px; line-height: 24px; color: #555555; display: block; float: right; width: 215px;height: 47px; overflow: hidden; } .newsdate li:hover span{ color: #068358} .newsdate li:hover i{ color: #068358} .newsdate li:hover a{ color: #068358} /**/ .tw_top { width: 100%; height: auto; overflow: hidden; margin: 22px auto 10px auto } .tw_top .imgbox { width: 134px; height: 94px; overflow: hidden; display: block; float: left; } .tw_top img { width: 134px; height: 94px; padding: 4px 0 0 0; float: left; } .tw_top .tw_txt { float: right; width: 365px; height: 98px; overflow: hidden; padding: 0 0 0 0; } .tw_top .tw_txt h1 { color: #000000; font-size: 16px; line-height: 24px; margin: 0 0 5px 0; font-weight:bold; display: block; overflow: hidden; } .tw_top .tw_txt h1 a { color: #222222; } .tw_top .tw_txt p { font-size: 14px; line-height: 22px; color: #999999; margin: 0 0 10px 0; padding: 0; text-justify: inter-word; text-align: justify } .tw_top .tw_txt p a { color: #999999; font-size: 14px; } .tw_top:hover .tw_txt h1 a { color: #cc0000; } .tw_top:hover .tw_txt p a { color: #666666; } /**/ .i_list { width: 99%; margin: 0 auto 0 auto; } .i_list li { width: 100%; font-size: 14px; color: #a0a0a0; line-height: 30px; height: 30px; overflow: hidden; } .i_list li a { color: #333333; font-size: 15px; float: left; display: block; overflow: hidden; white-space: nowrap; width: 80%; padding-left: 2%; text-align: left; transition: all 0.2s; background: url("../images/ico_002.png") left center no-repeat; text-overflow: ellipsis; white-space: nowrap; } .i_list li span { float: right; color: #999999; font-size: 15px; } .i_list li:hover a { color: #cc0000 } /**/ .date_list { height: auto; padding: 0 0 0 0 !important; position: relative } .date_list li { width: 100%; height: 82px; display: block; padding: 0 0 5px 0; border-bottom: #f2f2f2 1px solid; margin: 0 0 15px 0; position: relative; } .date_list li a { font-size: 16px; color: #444444; line-height: 36px; top: -4px; position: relative; } .date_list li span { float: left; display: block; width: 70px; height: 70px; text-align: center; color: #d6e5e6; font-size: 14px; line-height: 25px; margin-right: 15px; } .date_list li span i { width: 100%; display: block; text-align: center; color: #666666; font-size: 26px; font-weight: bold; font-style: normal; line-height: 45px; height: 45px; } .date_list li:hover span i { color: #297a9f } .date_list li:hover span { color: #ffffff } .date_list li:hover a { color: #cc0000 } .mtkdy_box { width: 100%; margin: 0 auto; height: auto; overflow: hidden; } .mtkdy_box_left { width: 302px; height: 228px; overflow: hidden; position: relative; float: left; padding: 0 0 0 0 } .mtkdy_box_left .hd { height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 7px; z-index: 1; } .mtkdy_box_left .hd ul { overflow: hidden; zoom: 1; float: left; } .mtkdy_box_left .hd ul li { float: left; margin-right: 4px; width: 7px; height: 7px; line-height: 8px; font-size: 0; text-align: center; background: #cccccc; cursor: pointer; border-radius: 50px; } .mtkdy_box_left .hd ul li.on { background: #ff0000; color: #fff; } .mtkdy_box_left .bd { position: relative; height: 100%; z-index: 0; } .mtkdy_box_left .bd li { zoom: 1; vertical-align: middle; } .mtkdy_box_left .bd img { width: 302px; height: 228px; display: block; } .mtkdy_box_left .bd span { position: absolute; bottom: 0; background: url(../images/tt_bg.png); width: 100%; line-height: 36px; color: #fff; font-weight: bold; } .mtkdy_box_left .bd h1 { color: #fff; font-size: 14px; margin: 0; padding: 0 10px } .mtkdy_box_right { width: 465px; float: right } .mtkdy_box_right ul { height: auto; overflow: hidden; } .mtkdy_box_right li { width: 100%; font-size: 14px; color: #999999; line-height: 40px; height: 40px; } .mtkdy_box_right li a { background: url("../images/ico_001.png") left center no-repeat; color: #333333; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 380px; height: 40px; line-height: 40px; padding-left: 10px } .mtkdy_box_right li a:hover { color: #cc0000 } .mtkdy_box_right li span { float: right; height: 40px; line-height: 40px; color: #999999 } .title_ico01 { background: url("../images/ico_title_bg1.png") 5px center no-repeat; padding: 0 10px 0 33px !important; } .title_ico02 { background: url("../images/ico_title_bg2.png") 5px center no-repeat; padding: 0 10px 0 31px !important; } .title_ico03 { background: url("../images/ico_title_bg3.png") 5px center no-repeat; padding: 0 10px 0 30px !important; } .i_btnlink { width: 342px; } .i_btnlink li { width: 330px; height: 145px;; border: #ffffff 6px solid; overflow: hidden } .i_btnlink li a { } .i_btnlink li img { display: block; width: 330px; height: 145px; margin: 0 auto; } .i_btnlxfs { height: 311px; padding: 5px 15px 10px 15px; background: url("../images/content_bg.png") bottom center no-repeat #ffffff; } .lxfs_nr { padding: 10px 15px } .lxfs_nr p { margin: 0 0; padding: 0; font-size: 14px; line-height: 24px; } .newslist { width: 100%; height: auto; overflow: hidden; } .newslist ul { height: auto; overflow: hidden; } .newslist li { width: 100%; font-size: 14px; color: #999999; line-height: 40px; height: 40px; } .newslist li a { background: url("../images/ico_001.png") left center no-repeat; padding-left: 15px; color: #555555; font-size: 14px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 560px; text-align: left; } .newslist li a:hover { color: #cc0000 } .newslist li span { float: right; color: #a9a9a9 } /*list*/ .list-banner { width: 1300px; height: 275px; text-align: center; margin: 0 auto; overflow: hidden; } .list-banner img { width: 100%; margin: 0 auto; } .listmain { overflow: hidden; height: auto; position: relative; padding: 0 0 0 0; width: 1300px; margin: 20px auto; } .lm-left { width: 230px; float: left } .lm-left .left-lmname { background:#068358; height: 50px; line-height: 50px; padding: 13px 10px 5px 20px; overflow: hidden } .lm-left .left-lmname h1 { color: #ffffff; font-size: 24px; line-height: 36px; } .lm-left .left-lmname span { color: #ffffff; font-size: 16px; line-height: 30px; } .lm-left .list-sub { background: #ffffff; height: auto; overflow: hidden; width: 100%; } .lm-left .list-sub a { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; border-bottom: #f9f9f9 1px solid; border-left: #F0F0F0 3px solid; background: url("../images/sub_bgh2.png") 190px center no-repeat #f0f0f0 } .lm-left .list-sub a:hover { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; color: #068358; border-left: #068358 3px solid; background: url("../images/sub_bgh.png") 190px center no-repeat } .lm-left .list-sub #this-on { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; color: #068358; border-left: #068358 3px solid; background: url("../images/sub_bgh.png") 190px center no-repeat } .lm-right { width: 1045px; float: right; margin-right: 0; border: #eaeaea 1px solid; background: #ffffff } .this-name { border-bottom: #e6e6e6 1px solid; line-height: 30px; height: 30px; padding: 10px 20px; margin: 20px 20px 0 20px } .this-name h1 { color: #333333; font-size: 20px; font-weight: bold; line-height: 30px; padding-left: 20px; border-left: #068358 7px solid; float: left } .this-name span { float: right; color: #666; font-size: 14px; } .this-name span a { color: #666 } /**/ .pic-list { width: 1005px; overflow: hidden; height: auto; margin: 25px auto 20px 20px; } .pic-list h2{ background:#efefef;display:block; width:930px; border-left:#ac037e 5px solid; height: 38px; line-height: 38px; font-size: 16px; padding: 0 0 0 20px; font-weight: bold; color: #333333; margin: 0 auto 20px auto } .pic-list h2 a{ font-size: 14px;display:block; float: right; font-weight: normal; padding: 0 15px 0 0 } .pic-list ul { width: 110%; margin: 0 auto; padding: 0 0 0 0; } .pic-list li { width: 142px; margin-right: 30px; float: left; margin-bottom: 0; } .pic-list li img { width: 142px; height: 190px; } .pic-list li img:hover { } .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 } /**/ .pic-list2 { width:1005px; overflow: hidden; height: auto; margin: 25px auto 20px 20px; } .pic-list2 h2{ background:#efefef;display:block; width:930px; border-left:#005f5f 5px solid; height: 38px; line-height: 38px; font-size: 16px; padding: 0 0 0 20px; font-weight: bold; color: #333333; margin: 0 auto 20px auto } .pic-list2 h2 a{ font-size: 14px;display:block; float: right; font-weight: normal; padding: 0 15px 0 0 } .pic-list2 ul { width: 110%; margin: 0 auto; padding: 0 0 0 0; } .pic-list2 li { width: 234px; margin-right: 22px; float: left; margin-bottom: 0; } .pic-list2 li img { width: 100%; height: 156px; } .pic-list2 li img:hover { } .pic-list2 li a { } .pic-list2 li a:hover { color: #000; } .pic-list2 li span { text-align: center; width: 100%; line-height: 40px; color: #666; display: block } /**/ .list-content { width:1005px; overflow: hidden; height: auto; margin: 25px auto 20px 20px; } .news-list .sort a.cur { font-weight: bold; color: #3073b1; border-bottom: 3px solid #256aa7; padding: 0 15px; display: block; margin-right: 20px; line-height: 46px; height: 46px; float: left; font-size: 18px; } .path { padding: 0; text-align: right; color: #999; float: right; width: 600px; line-height: 46px; height: 46px; } #news-list li { border-bottom: 1px solid #e6e6e6; padding-top: 20px; padding-bottom: 20px; height: 124px; position: relative; } #news-list li:first-child { padding-top: 5px; } #news-list li:first-child .thumb { top: 5px; } #news-list li h2 { font-size: 18px; line-height:40px; font-weight: normal; height: 40px; } #news-list li h2 a { display: inline-block; color: #333333 } #news-list li .thumb { position: absolute; left: 0; top: 20px; } #news-list li .thumb img { width: 182px; height: 124px; } #news-list li.hasthumb { padding-left: 200px; } .news-list-info { font-size: 12px; color: #999; line-height: 35px; } .news-list-info .fl span { margin-right: 10px; } .news-list-info .fr span { display: inline-block; } .news-list-info .fr a { vertical-align: middle; margin-left: 5px; } .news-list-summary { overflow: hidden; height: 124px; } .news-list-summary p { display: -webkit-box; line-height: 24px; max-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; color: #777; margin: 0 } .right-side .list-tit h2 span { font-weight: bold; display: inline-block; line-height: 46px; } .pager { overflow: hidden; text-align: center; margin-bottom: 15px } /**/ .lm-right .lm_list { height: auto; overflow: hidden; margin: 0 auto; padding: 20px 20px; } .lm-right .lm_list li { line-height: 40px; font-size: 15px; color: #999999; text-align: right; padding: 0 10px; } .lm-right .lm_list li a { color: #4a4a4a; float: left; padding-left: 15px; background: url("../images/ico_002.png") left center no-repeat; } .lm-right .lm_list li:hover { background: #ececec; color: #cc0000 } .lm-right .lm_list li a:hover { background: url("../images/ico_002.png") left center no-repeat #ececec; color: #cc0000 } .lm-right .list-fy { text-align: center; margin: 0 auto 20px auto; min-height: 40px; } .left_box { height: auto; overflow: hidden; background: #ffffff; margin: 0 auto 12px auto; } .left_box h1 { color: #ffffff; font-size: 16px; line-height: 42px; height: 42px; background: #3e67ae; border-left: #003e6a 4px solid; padding-left: 15px; } .left_box_nr { height: auto; overflow: hidden; padding: 10px 15px 20px 15px } .left_box_nr li { height: 34px !important; line-height: 34px !important; } /*content*/ .content-main { border: #dbdbdb 1px solid; overflow: hidden; margin: 20px auto; background: #ffffff; width: 1300px; } .c-content { height: auto; overflow: hidden; position: relative; margin: 40px auto 40px auto; padding: 0 40px; } .c-content .c-title { font-size: 30px; color: #222222; line-height: 50px; text-align: center } .c-content .other-s { font-size: 14px; height: 35px; 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 } .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; margin: 0; } .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; overflow: hidden; height: 70px } .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; } /*i_link*/ .i_link { width: 100%; margin: 0 auto; overflow: hidden; background: #eeeeee; height: 48px; padding: 0; } .i_link h2 { width: 100px; font-size: 16px; line-height: 48px; text-align: center; font-weight: bold; float: left; color: #333333; } .i_link ul { float: right; width: 1200px; } .i_link li { color: #16459a; font-size: 15px; line-height: 48px; display: inline; } .i_link li a { color: #666666; float: left; padding: 0 20px; } .i_link li a:hover { color: #068358; } /*footer*/ .footer { width: 100%; height: auto; overflow: hidden; background: #068358; color: #ffffff; padding: 25px 0 0 0; } .footer p { margin: 0; padding: 0; color: #ffffff; font-size: 14px; line-height:50px; text-align: center } .end_box{position: relative;} .end_box .wxrwm{position: absolute; right: 0; top:0;width: 88px; height: 88px; overflow: hidden} .end_box .wxrwm img{width: 88px; height: 88px;}