@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: 130px; background: url("../images/bg.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: #ffffff; 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: 255px; height: 34px; overflow: hidden; position: relative; margin: 50px 0 0 18px; 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: 19px auto 0 auto;*/ background:#0056b1; } .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 30px; font-size: 18px; font-weight: normal; color: #ffffff; } .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:#155daa; } .nav .on h3 a { color: #0056b1; background: #ffffff; } /*banner*/ .ibanner { width: 100%; overflow: hidden; position: relative; } .ibanner .hd { height: 15px; overflow: hidden; position: absolute; right: 45%; bottom: 15px; 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: #426cb4; 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 a{display:block;} .ibanner .bd img { width: 100%; height:360px; 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; padding: 30px 0 5px 0; border-bottom: #e5e5e5 1px solid; } .i-title h2 { font-size: 24px; font-weight: bold; color: #426cb4; 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:14px; float:right; color:#999999; 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: 280px; overflow: hidden; } .tj_img img { width: 478px; height: 280px; object-fit:cover; } .tj_title { margin: 10px 0 0 0 } .tj_title a { color: #434343; font-size: 16px; line-height: 30px; } .tj_title a:hover { color: #265db2; } .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: #426cb4; font-size: 22px; line-height: 30px; } /*.top_title a:hover { color: #265db2; }*/ .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: 46px; line-height: 46px; display: block; color: #999999; font-size: 16px; } .n_list li a { font-size: 16px; color: #333333; background: url("../images/ico_001.png") left center no-repeat; padding-left: 15px; float: left } .n_list li a:hover { color: #1d50a7 } .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.png") center no-repeat #ffffff; background-size:cover; } .tz_box_nr { width: 1200px; margin: 0 auto; height: auto; overflow: hidden; padding: 30px 0 0 0; } .tz_list { width: 580px; height: auto; overflow: hidden; margin: 0 40px 38px 0; float: left; } .tz_box_nr .tz_list:nth-child(2n){ margin: 0 0 38px 0; } .tz_list .tz_date { font-size: 14px; color: #ffffff; background: #285cb4; 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: 14px; line-height: 30px; color: #444444; margin:5px 0; padding: 0; } .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: #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{ padding-bottom: 40px; background: #eef1f5; } .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: 94px; position: absolute; top: -45px; background: #3e6db5; 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; } .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: #265db2; } .list_box li a:hover { color: #265db2; } .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: #3e6db5; 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: #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/footer_bg.png) no-repeat center; background-size:cover; width: 100%; height:190px; } .end_left { width: 960px; float: left; } .end_right { 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 { margin-top: 20px; padding: 20px 0 0 0; } .copright p { color: #ffffff; line-height: 36px; margin:0px; } .copright p a{ color:#ffffff; } .wx_sm { width: 100%; text-align: center; margin-top: 40px; } .wx_sm span { width: 100%; text-align: center; display: block; font-size: 14px; color: #ffffff; line-height: 40px; } .wx_sm img{ width:110px; height:110px; } #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}