锘?* CSS reset */ html, body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } img { border: 0; } ul, ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { cursor: pointer; font-size: 18px; } a:link, a:visited { color: #333; text-decoration: none; } a:hover { color: #B25900; text-decoration: none; } a:active { color: #F30; } p { padding: 5px 0; } h1 { font: 24px/30px "Microsoft Yahei"; text-align: center; padding: 18px; display: block; overflow: hidden; text-indent: 0; zoom: 1; _width: 90%; } textarea { overflow: auto; } em { font-style: normal; } /*--reset end--*/ .left { float: left; display: inline; } .right { float: right; } body { background: #fff; font: 18px "Microsoft yahei", Tahoma, Verdana; color: #333; width:100%; overflow-x: hidden; } .containor { width: 1180px; margin: 15px auto; overflow: hidden; zoom: 1; } .clear { clear: both; height: 0; overflow: hidden; } .margin15px { margin:15px; } .margin-top15 { margin-top:15px; } .margin-bottom15 { margin-bottom:15px; } .margin-left15 { margin-left:15px; } .margin-right15 { margin-right:15px; } .padding15px { padding:15px; } .padding-top15 { padding-top:15px; } .padding-bottom15 { padding-bottom:15px; } .padding-left15 { padding-left:15px; } .padding-right15 { padding-right:15px; } /* ------------------------------------- Header ------------------------------------- */ .ztheader { width:100%; height:640px; text-align: center; background: url(../images/header-bg.jpg) no-repeat center center; background-size: cover; margin:0 auto; } .logo { height:230px; width:1000px; background: url(../images/name.png) no-repeat center center; margin:0 auto; } .main-con { width:1200px; margin:0 auto; overflow: hidden; zoom:1; position: relative; } .comm-bg { background:url(../images/comm-header-bg.jpg) no-repeat center top; } /* ------------------------------------- search ------------------------------------- */ /* 涓嬫媺鑿滃崟 */ /*鑿滃崟*/ .nav { width:100%; height:51px; background: #D90000; text-align: center; } .nav-con { width:1200px; margin:0 auto; position: relative; } #menu { width:1200px;height:51px;padding:0;position:absolute;left:0;top:0;z-index:1500;} #menu ul li{float:left; position: relative;} #menu ul li.havesub { background: url(../images/nav-arrow.png) no-repeat right center; } #menu ul li a{display:block;width:240px;text-align:center;font:bold 17px/51px 'Microsoft yahei';color:#fff;text-decoration:none;} #menu ul li.change a,#menu ul li:hover{ background-color:rgba(166,0,0,1); color:#fff; } #menu li div.sub-box { display: none; position:absolute; z-index:10000;background-color:rgba(166,0,0,0.85);left:0; top:51px;box-shadow: 2px 2px 8px #999; } #menu li div.sub-box p {border:0 solid #eee;margin:0;text-indent: 0;padding:0 0 10px 0;border-top:0; width:133px;overflow:hidden; zoom:1;} #menu a.sub,#menu a.sub:visited { display:block; color:#fff; padding:5px 0; text-align: center;text-indent:0; font:normal 15px/1.5 'Microsoft yahei';} #menu a.sub:hover { color:#FFFFBF; } .search { float: right; margin:46px 0 0; overflow: hidden; padding:5px 0 0 18px; width: 210px; height: 33px; background:url(../images/search.png) no-repeat center center; text-align: left; } .search .input { border:0; width:160px; font-size:15px; height:26px; } /*------------*/ .banner { width:100%; min-width:1200px; height:337px; background:url(../images/banner.jpg) no-repeat center center; } .position { width:1150px; margin:15px auto 0 auto; background:url(../images/position.png) no-repeat 10px top; padding:0 0 15px 40px; color:#666; font-size:15px; text-align: left; border-bottom:1px solid #ccc; } .position a { color:#666; font-size:15px; } .position span { padding-right:10px; } .focus{ position:relative; width:625px; height:392px; background-color: #000; float: left; margin-bottom:15px;} .focus img{width:625px; height:392px;} .focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 10px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:60px; line-height: 40px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:center; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1"; } .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon img{ display:block; } .focus .fbg{ bottom: 5px;right: 255px;position: absolute;height: 21px;text-align: center;z-index: 200;} .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../images/focus_btn.png) no-repeat;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} /*-------------*/ .news-box { float: right; width:550px; } .h3 { height:40px; border-bottom:1px solid #ddd; margin-bottom:5px; } .h3 span { padding:0 3px; color:#A60000; font: bold 20px/40px "Microsoft Yahei", "寰蒋闆呴粦"; display: block; float: left; border-bottom:1px solid #A60000; } .h3 a img { margin:12px 0 0; } .news-list li { overflow: hidden; zoom:1; border-bottom:1px dotted #ccc; padding:8px 0; } .news-list .date { float: left; width:60px;text-align: center; color:#999; font:14px arial; } .news-list .date em { display: block; font:bold 30px/1.2 arial; color: #A60000; } .news-list .list-title { float:right; width:485px; border-left:1px solid #ddd; } .news-list .list-title td { height:50px; overflow: hidden; vertical-align: middle; padding-left:8px; } .news-list li a { text-decoration: none; } .zt-box {} .zt-box .h2 { font:bold 24px/40px "microsoft yahei"; margin:20px auto; width:110px; border-bottom:2px solid #0E8101; text-align: center; color:#444; } .zt-list { text-align: center;width:100%; min-width:1200px; margin-bottom:15px; } .sc2 { width:1200px; height:130px; } .sc2 .imgbox img { width:389px; height:98px; } .sc2 .swiper-button-prev,.sc2 .swiper-button-next { top:40%; color:#1D6917; } .sc2 .swiper-pagination .swiper-pagination-bullet-active { background:#1D6917; } .box { overflow: hidden; margin-bottom:15px; min-height:280px; width:585px; overflow: hidden; } .list li { list-style: none; text-align: left; overflow: hidden; height: 45px; line-height: 45px; padding: 0 5px 0px 15px; background: url(../images/flag01.gif) no-repeat 2px 17px; border-bottom:1px dotted #ccc; } .list li em { display: block; float: right; padding: 10px 0 0 10px; color: #999; font: normal 14px/26px arial, Geneva, sans-serif; } .list li span { font-size: 16px; padding-right:3px; padding-bottom:0; } .thumbList { border-bottom:1px dashed #ccc; overflow: hidden; zoom:1; padding:0 10px 10px 0; line-height: 1.8; } .thumbList img { float:left; width:146px; height:106px; margin:0 10px 0 0; } .thumbList p { padding:10px 0; font-size:14px; color:#999; } /* ------------------------------------- list ------------------------------------- */ .font_red { color:#f60; } .gkButton { overflow: hidden; zoom:1; width:610px; } .gkButton a { width:130px; height:160px; background-color: #29724E; border-radius: 5px; text-decoration: none; text-align: center; color:#fff; display: block; float: left; margin-right:16px; } .gkButton a:hover { background-color: #00661A; } .gkButton img { display: block; margin:40px auto 20px auto; } .leader { padding:15px 50px; overflow: hidden; zoom:1; line-height: 1.8; } .leader h4 { padding:15px 0; } .leader h4 span { display: block; } .leader img { width:200px; height:283px; float: left; margin:0 20px 20px 0; } .footer { background:#A60000 url(../images/footer-bg.png) no-repeat right bottom; padding:20px 0; font-size:16px; width:100%; } .footer a,.footer p { font-size:16px; color:#fff; } /* ------------------------------------- Form ------------------------------------- */ .select { visibility: hidden; } input, select, textarea { font-size: 12px; font-family: arial, 瀹嬩綋; } textarea { border: 1px solid #aaa; padding: 0 2px 2px 2px; overflow-y: auto; } h3 img, h4 img { float: right; margin: 6px 5px 0 0; } /* ------------------------------------- sub_containor ------------------------------------- */ .left-side { width: 180px; float: left; margin:20px 0 0 30px; text-align: left; } .left-side h3 { height: 50px; color:#A60000; font: bold 20px/50px "microsoft yahei"; padding: 0 0 0 50px; background:url(../images/t-flag01.png) no-repeat left center; } .left-side .menu a { display: block; border-bottom:1px solid #ddd; padding:10px 0 10px 15px; margin:5px 0; text-decoration: none; background:url(../images/side-menu.png) no-repeat left 0; } .left-side .menu a.current { background-position:left -35px; color:#A60000; font-weight: bold; } .sub-main { min-height:600px; padding:25px 30px; } .sub-main h3 { height:40px; border-bottom:1px solid #ddd; margin-bottom:10px; } .sub-main h3 span { padding:0 20px;font: bold 20px/40px "Microsoft Yahei", "寰蒋闆呴粦"; display: block; float: left; background:#A60000; color:#fff; } .sub-main h3 a img { } .sub-main h3 a { height: 40px; width: 60px; float: right; margin: 3px 0px 0 0; } .sub-main .comm-list { clear: both; padding-bottom:10px; } .sub-main .comm-list li { height: auto; padding: 5px 0 6px 15px; margin:4px 0; background: url(../images/flag01.png) no-repeat 0 13px; } .sub-main .comm-list li a { font: 18px/150% 'Microsoft yahei' 瀹嬩綋; text-decoration: none; } .sub-main .comm-list li em { color: #999; float: right; font-size:15px; } #pager { font-size:16px; padding:10px; text-align: center; } #pager a { background:#eee; border-radius:50px; padding:3px 11px 5px 11px; font-size:16px; } #pager a.current { background:#f60; color:#fff; } /* ------------------------------------- position ------------------------------------- */ #position { display: block; margin: 0 auto; overflow: hidden; height: 50px; font: 16px/50px Verdana, Geneva, sans-serif; width: 877px; border:1px solid #ccc; border-left:0; border-bottom:0; float: left; background: #FFF url(../Images/common_top.jpg) top right no-repeat; text-indent: 20px; } #position a, #position span { margin: 0 4px; color: #333; font: 16px/50px Verdana, Geneva, sans-serif; } h2 { color: #002691; font: 25px/60px "microsoft yahei"; background: url(../Images/hline.png) center center repeat-x; } h2 span { background: #FAFAFA; /*display: block; overflow:hidden;*/ padding: 0 10px 0 0; margin: 0; } .sub_containor h4 { text-align: right; font: bold 30px/40px "microsoft yahei"; color: #FFF; padding: 0 40px 0 60px; margin-bottom: 120px; } #commBar { width: 210px; overflow: hidden; border-left: 1px solid #DADEDF; } #commBar .recommend h3 { border-top: 0; text-align: left; } .content_containor { border: 1px solid #CCC; overflow: hidden; zoom: 1; /*width:978px;*/ margin: 0 auto; margin-bottom: 10px; } .content_containor #commBar { width: 240px; } /* ------------------------------------- pic ------------------------------------- */ .pic { padding: 0 25px; } .pic li { width: 244px; height: 200px; float: left; margin: 8px 12px; display: inline; overflow: hidden; text-align: center; line-height: 160%; } .pic img { display: block; padding: 2px; margin: 4px auto; border: 1px solid #ccc; width: 238px; height: 152px; background: #fff; } .pic li a { font-size:16px; } .clear { clear: both; height: 0; line-height: 0; overflow: hidden; } .page { padding: 30px 15px; text-align: center; } .page img { cursor: pointer; } .page a, .page a:visited, .page span { font-size:16px; padding: 3px 8px; margin: 0 3px 0 0; border: 1px solid #999; text-decoration: none; border-radius: 5px; } .page a:hover, .page .current { background: #79BA74; border: 1px solid #79BA74; color: #fff; } .page .current { } .page .disabled { border: 1px solid #ccc; color: #ccc; padding: 2px 5px; } .buttonBox { text-align: center; padding: 10px 0; } .textBox { height: 126px; padding: 8px 15px; overflow-y: auto; background: #fff; border-bottom: 1px solid #B4D1EF; margin: 0 0 10px 0; } .content { border:1px solid #ddd; } #content {margin: 15px 0px; text-align: left; font: 18px/180% 'Microsoft yahei',瀹嬩綋; color: #333; text-align: justify; text-justify: inter-ideograph;} #content h1 { padding-top:30px; text-align: center; font:bold 30px/1.5 'Microsoft yahei'; } #content a { font-size: 18px; color: #f60; text-decoration: underline; } #content p { padding: 5px 0; text-indent: 2em; } .showpage { margin: 20px; } .related { margin: 5px 40px; padding: 0 0 10px 0; } #mid .related .list li { border-bottom: 0; } .other { margin: 10px 80px; padding: 15px 0; border-top: 1px solid #ccc; font-size: 18px; text-align: left; } .other a { font: 18px Tahoma; } .infoBox { text-align: left; border-bottom:1px solid #ddd;padding: 10px 180px; margin: 0 0 15px 0; font: 16px Tahoma; text-align: center; color: #999; overflow: hidden; zoom:1;} .infoBox th { text-align: right; padding: 2px 5px; } .recommend li { padding: 5px; line-height: 140%; text-align: center; margin: 10px auto; } .recommend img { display: block; width: 250px; height: 160px; border: 2px solid #eee; margin: 4px auto; } .recommend li a { font-size:16px; text-decoration: none; } /* subpage box width */ .w700 { width: 716px; _width: 706px; } .w728 { width: 696px; } .w982 { width: 982px; } .small, .big { cursor: pointer; padding: 0 5px; } .small { font: bold 10px "Times New Roman"; color: #01458E; } .big { font: bold 14px "Times New Roman"; } @media only screen and (max-width:960px){ .ztheader{height:185px;} .nav,.share{display: none;} .containor,.main-con,.focus,.news-box,.box {width:100%;} .swiper_pic a span {padding: 1px 150px 0 5px; font-size:15px;} .swiper_pic .swiper-pagination {bottom:12px;} .h3 {margin:10px;} .news-list li {margin:10px;} .news-list .date {width:20%;} .news-list .list-title{width:79%;} .news-list li a { font-size:14px; } .list {margin:0 10px;} .list li em{font-size:12px;} .footer {zoom:0.8;} .footer p { text-align:center; padding:5px 10px; } .padding-top15 {padding:0;} .position {zoom:0.75;width:96%;} .sub-main { padding:15px; } .sub-main h3 { zoom:0.8; } .sub-main .comm-list li {border-bottom:1px dotted #ccc; margin:8px 0;padding: 8px 0 8px 15px; background: url(../images/flag01.png) no-repeat 3px 11px;} .list li a,.sub-main .comm-list li a { text-overflow:ellipsis;white-space: nowrap; display:block; overflow:hidden;font-size:14px; } .sub-main .comm-list li em { font-size:12px; padding:4px 5px 0 2px;} .pageNum {display: none;} #pager { font-size:13px; } #pager a { padding:3px 10px 5px 10px; font-size:13px; } .infoBox {padding:10px 0;font-size:12px;zoom:0.8;} #content {padding:0 15px;} #content h1 {zoom:0.8;} #content img {max-width:100%;} }