@charset "utf-8"; /* CSS Document*/ body { margin: 0; padding: 0; font-size: 14px; min-width: 1100px; 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: 167px; background: url("../images/top_bg.jpg") center; position: relative } .top_link { color: #aab0c1; font-size: 14px; line-height: 30px; margin: 20px 0 0 0; width: 240px; } .top_link a { color: #aab0c1; font-size: 14px; line-height: 30px; padding: 0 5px; } .logo { width: 628px; text-align: center; margin: 0 auto 0 auto; padding: 10px 0 0 0; display: block; height: 70px; } .logo img{ width: 80%; height: auto; margin-top: 20px; } /*search*/ .i-search { width: 255px; height: 34px; overflow: hidden; position: relative; margin: 20px 0 0 18px; background: #ffffff; border-radius: 0px; border-bottom: #c2c9d9 1px solid; } .i-search .search-txt { width: 190px; 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: 37px auto 0 auto; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav { padding: 0 20px; 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 21px; font-size: 16px; font-weight: normal; 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:#3e6db5; } .nav .on h3 a { color: #ffffff; background:url("../images/nav_bglinehover.png") bottom repeat-x; } /*banner*/ .ibanner { width: 100%; overflow: hidden; position: relative; } .ibanner .hd { height: 15px; overflow: hidden; position: absolute; right: 18%; bottom: 43px; z-index: 1; } .ibanner .hd ul { overflow: hidden; zoom: 1; float: left; } .ibanner .hd ul li { float: left; margin-right: 4px; width: 50px; height: 7px; line-height: 7px; text-align: center; background: #fff; cursor: pointer; opacity: 0.8; } .ibanner .hd ul li.on { background: #3e6db5; opacity: 1; color: #fff; } .ibanner .bd { position: relative; height: 100%; z-index: 0; } .ibanner .bd li { zoom: 1; vertical-align: middle; position: relative } .ibanner .bd li h1 { position: absolute; bottom: 40px; left: 20%; background: url("../images/tt_bg.png"); font-size: 24px; color: #ffffff; padding: 10px 20px; } .ibanner .bd img { width: 100%; display: block; } .ibanner .prev, .ibanner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 45px; height: 80px; background: url(../images/slider-arrow.png) -120px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .ibanner .next { left: auto; right: 3%; background-position: -2px 5px; width: 45px; height: 80px; } .ibanner .prev:hover, .ibanner .next:hover { filter: alpha(opacity=100); opacity: 1; } .ibanner .prevStop { display: none; } .ibanner .nextStop { display: none; } /*imain*/ .news_box { margin: 0 auto 40px auto; height: auto; overflow: hidden; } .i-title { height: 50px; line-height:50px; width: 100%; overflow: hidden; margin: 0 auto 20px auto; border-bottom: #e5e5e5 1px solid; } .i-title h2 { font-size: 24px; font-weight: bold; color: #3e6db5; display: block; float: left; padding: 0; } .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:12px; float:right; color:#9a9a9a; font-weight: bold; padding: 0 10px 0 10px } .i-title a:hover { color:#330000; } .news_box_left { width: 478px; float: left } .tj_img { width: 478px; height: 223px; overflow: hidden; } .tj_img img { width: 478px; height: 223px; } .tj_title { margin: 10px 0 0 0 } .tj_title a { color: #3e6db5; font-size: 16px; line-height: 30px; } .tj_title a:hover { color: #cc3300; } .tj_time { color: #999999; font-size: 14px; line-height: 30px; } .tj_zy a { color: #686868; font-size: 14px; line-height: 27px; } .news_box_right { float: right; width: 690px; height: auto; overflow: hidden; } .top_title { margin: 0 0 10px 0 } .top_title a { color: #3e6db5; font-size: 22px; line-height: 30px; } .top_title a:hover { color: #cc3300; } .top_time { color: #999999; font-size: 14px; line-height: 30px; } .top_zy a { color: #595858; font-size: 14px; line-height: 27px; } .top_zy { color: #686868; font-size: 14px; line-height: 27px; border-bottom: #dcdcdc 1px dashed; padding:0 0 10px 0; } .n_list { height: auto; padding: 0 0 0 0 !important; position: relative; } .n_list li { width: 100%; height: 54px; line-height: 54px; display: block; color: #999999; font-size: 16px; border-bottom:1px solid #ddd; } .n_list li.last{ border-bottom:none; } .n_list li a { font-size: 16px; color: #333333; float: left } .n_list li a:hover { color: #2363c4; } .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%; height:415px; background: url("../images/tzgg_bg.jpg") center no-repeat #ffffff; background-size:cover; } .tz_box_nr { width: 1300px; margin: 0 auto; height: auto; overflow: hidden; padding: 30px 0 0 0; } .tz_list { width: 580px; height: auto; overflow: hidden; margin: 0 30px 38px 0; float: left; } .tz_list .tz_date { font-size: 14px; color: #ffffff; background: #4d78b9; display: block; width: 90px; height: 90px; text-align: center; float: left; opacity: 0.9; } .tz_list .tz_date span { font-size: 30px; color: #ffffff; width: 100%; text-align: center; display: block; height: 40px; line-height: 40px; margin: 15px 0 0 0 } .tz_list .tz_txt { float: right; width:465px; height: 90px; overflow: hidden; padding: 0 0 0 0; } .tz_list .tz_txt h1 { color: #242424; font-size: 16px; line-height: 30px; } .tz_list .tz_txt h1 a { color: #242424; } .tz_list .tz_txt p { font-size: 13px; line-height: 30px; color: #6b6969; margin:5px 0; padding: 0; } .tz_list .tz_txt p a { color: #6b6969 } .tz_txt:hover h1 a { color: #cc0000; } .tz_list:hover .tz_date { opacity: 1; } .tz_list:hover p a { color: #3e6db5 } /*i-xsgz*/ .i-xsgz { width:100%; height: auto; overflow:hidden; margin: 20px auto 0 auto; } .i-xsgz-left { width:840px; float: left; height: auto; overflow:hidden; } .i-xsgz-right { width:340px; 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: #242424; font-size: 18px; line-height: 30px; } .tpwz_list .tpwz_txt h1 a { color: #242424; } .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-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%; } .this_name { float: left; width: 240px; height: 54px; position: absolute; top: -45px; background: #3e6db5; padding: 20px 0; } .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; } .this_dqwz h2 { display: block; float: left; line-height: 48px; font-weight: bold; color: #3e6db5; font-size: 20px; } .this_dqwz .ico_home { margin: 0 5px; } /*list_main*/ .list_main { width: 1200px; margin: 0 auto; height: auto; overflow: hidden } .list_main_left { width: 240px; float: left; } .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 #e5e5e5; 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: #3e6db5 2px solid; color: #3e6db5; font-weight: bold; } /*list_box*/ .list_box { height: auto; overflow: hidden; margin: 0 auto; padding: 20px 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: 15px; background: url("../images/ico_001.png") left center no-repeat; } .list_box li:hover { background: #f8f8f8; color: #cc3300; } .list_box li a:hover { background: url("../images/ico_001.png") left center no-repeat #ececec; color: #cc3300; } .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: #cc3333; 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 } .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: 1200px; 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: 200px; text-align: center; height: 69px; font-size: 24px; color: #3e6db5; font-weight: bold; border-bottom: #3e6db5 3px solid; } .icontent .lm_name span { float: right; color: #666666; font-size: 12px; } .icontent .lm_name span a { color: #666666; } .wafx { padding: 0; position: absolute; right: 0; top:40px; } /*end*/ .end { background: url("../images/end_bg.jpg") center no-repeat #385f9a; background-size:cover; width: 100%; height:314px; } .end_left { width: 960px; float: left; } .end_right { width: 240px; float: right; } .i-yqlj { width: 100%; height: auto; 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: #aebed5 1px solid; margin-top: 20px; padding: 10px 0 0 0; } .copright p { color: #ffffff; line-height: 24px; } .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; } .wzlj{width:100%;background:#2363c4;height:120px;overflow:hidden;} .wzlj ul li{width:20%;height:120px;float:left;text-align:center;cursor:pointer;} .wzlj ul li a{color:#fff;} .link1{background:#84b37f;} .link2{background:#9ad595;} .link3{background:#76c492;} .link4{background:#7bc8c2;} .link5{background:#7da5d9;} .linktp{margin-top:22px;} .linkwz{margin-top:12px;} .wzlj ul li img{transition: 0.6s;} .wzlj ul li:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);transition: 0.6s;} .xwsd li{float:left;width:268px;border:1px solid #ddd;overflow:hidden;margin-right:15px;} .xwsd li.last{margin-right:0 !important;} .xwtp{width:100%;height:190px;overflow:hidden;} .xwtp img{width:100%;height:190px;} .xwwz{padding:25px 15px 15px 15px;overflow:hidden;} .xwwz a{color:#333;font-size:16px;} .xwwz span{margin-left:6px;color:#666;} .xwwz p{font-size:14px;color:#999;line-height:18px;margin:10px 0;} .xwsd li:hover .xwwz{background:#3973c7;} .xwsd li:hover .xwwz a{color:#fff;} .xwsd li:hover .xwwz span{color:#fff;} .xwsd li:hover .xwwz p{color:#fafafa;}