@charset "utf-8";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; cursor:default; color:#4c4c4c;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#4c4c4c;}
a:hover{ text-decoration:underline;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}

body{ background:url(2016zzx_body_bg.png) no-repeat center top;}

.top_main{ width: 1140px; margin:0 auto;}
.top_main .date{ float: left; color:#a0a0a0; font-size: 12px;}
.top_main .jgdw{ float: right;}
.top_main .jgdw a{ margin:0 10px; padding-left: 20px;}
.top_main .jgdw .xw{ background:url(2016zzx_index_top_icon01.png) no-repeat left center;}
.top_main .jgdw .xrd{ background:url(2016zzx_index_top_icon02.png) no-repeat left center;}
.top_main .jgdw .xzx{ background:url(2016zzx_index_top_icon03.png) no-repeat left center;}


.header{ width: 1140px; height: 198px; margin:0 auto; overflow:hidden;}
.header .logo{ float: left; width:523px; height:65px; margin-left:80px; margin-top:70px;}
.header .logo img{ float: left; width:523px; height:65px;}
.header .weather{ float: right; width: 160px; height:93px; background:rgba(0,0,0,.2); overflow:hidden; margin-top: 48px;}

.nav{ width:1140px; height: 50px; margin:0 auto; background:#4260a0;}
.nav ul{ width: 1140px; margin:0 auto;}
.nav ul li{ float: left; width: 227px; border-left:1px solid #2e4c8c; height: 50px; line-height: 50px; text-align: center; font-size: 18px;}

.nav ul li:first-child{ width: 228px; border:none;}
.nav ul li a{ display:block; color:#fff;}
.nav ul li a:hover{ text-decoration: none;}
.nav ul li a.current0{ background:url(nav01_03.png) no-repeat 45px center;}
.nav ul li a.current1{ background:url(nav02_03.png) no-repeat 45px center;}
.nav ul li a.current2{ background:url(nav03_03.png) no-repeat 45px center;}
.nav ul li a.current3{ background:url(nav04_03.png) no-repeat 45px center;}
.nav ul li a.current4{ background:url(nav05_03.png) no-repeat 45px center;}
.nav ul li:hover{ text-decoration: none; background:#2e4c8c;}

.sy{ width: 1140px; margin:0 auto; background:#eeeeee; height:30px;}
.sy p{ width:1075px; padding-left:25px; margin:0 auto; background:url(sy_bg_03.png) no-repeat left center; height:30px; line-height:30px;}

.main{ width: 1120px; margin:0px auto; background:#fff; padding:19px 10px 25px 10px; display:block;}
.main_box1{ width:100%; height:315px; border-bottom:3px solid #1e5dab; padding-bottom:20px;}
.gzdt{ width:391px; height:295px; float:left; margin-right:19px;}
.gzdt .title{ width:100%; height:32px; border-bottom:1px solid #d1d1d1; line-height:32px; float:left;}
.gzdt .title li{ width:100%; height:32px; line-height:32px; float:left;}
.gzdt .title li h2{ font-size:16px; font-weight:bold; color:#3256b1; float:left; border-bottom:2px solid #3256b1; padding:0 10px;}
.gzdt .title li a{ float:right; font-size:12px; color:#9d9d9d;}
.gzdt_main{ width:375px; height:232px; padding:18px 8px 0px 8px; overflow:hidden;}
.gzdt_main li{ width:100%; line-height:28px; float:left;}
.gzdt_main li a{ float:left;}
.gzdt_main li span{ float:right; font-size:12px; color:#9d9d9d;}

.tzgg{ width:391px; height:295px; float:left; margin-right:18px;}
.tzgg .title{ width:100%; height:32px; border-bottom:1px solid #d1d1d1; line-height:32px; float:left;}
.tzgg .title li{ width:100%; height:32px; line-height:32px; float:left;}
.tzgg .title li h2{ font-size:16px; font-weight:bold; color:#3256b1; float:left; border-bottom:2px solid #3256b1; padding:0 10px;}
.tzgg .title li a{ float:right; font-size:12px; color:#9d9d9d;}
.tzgg_main{ width:375px; height:232px; padding:18px 8px 0px 8px; overflow:hidden;}
.tzgg_main li{ width:100%; line-height:28px; float:left;}
.tzgg_main li a{ float:left;}
.tzgg_main li span{ float:right; font-size:12px; color:#9d9d9d;}

.xxgk{ width:297px; height:293px; border:1px solid #d9e2ee; float:left;}
.xxgk_on{ width:295px; height:293px; border-left:2px solid #1e5dab;}
.xxgk_on h2{ font-size:16px; width:97%; padding-left:3%; float:left; font-weight:bold; color:#5079b8; height:51px; line-height:54px;}
.xxgk_on ul{ float:left;}
.xxgk_on ul li{ width:100%; text-align:center; height:36px; line-height:36px; float:left; margin-bottom:11px;}
.xxgk_on ul li a{ color:#cfdcec; font-size:16px; width:100%; display:block;}
.xxgk_on ul li a.xxgk01{ background:url(xxgk01_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk02{ background:url(xxgk02_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk03{ background:url(xxgk03_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk04{ background:url(xxgk04_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk05{ background:url(xxgk05_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk01:hover{ background:url(xxgk001_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk02:hover{ background:url(xxgk002_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk03:hover{ background:url(xxgk003_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk04:hover{ background:url(xxgk004_03.png) no-repeat 35px center;}
.xxgk_on ul li a.xxgk05:hover{ background:url(xxgk005_03.png) no-repeat 35px center;}
.xxgk_on ul li a:hover{ color:#1e5dab; font-size:16px;}

.main_box2{ width:100%; height:273px;}
.main_box2 h2{ width:100%; height:61px; line-height:61px; font-size:20px; font-weight:bold; color:#1e5dab; float:left;}
.gkml_left{ width:802px; height:187px; float:left; margin-right:23px;}
.gkml01 a{ width:134px; height:187px; float:left; background:#bdcfe5; line-height:187px; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-right:7px;}
.gkml01 a:hover{ background:#1e5dab; text-decoration:none;}
.gkml02{ margin-right:7px; width:134px; height:90px; float:left;}
.gkml02 a{ width:134px; height:90px; background:#bdcfe5; line-height:90px; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-bottom:7px; float:left;}
.gkml02 a:hover{ background:#1e5dab; text-decoration:none;}
.gkml03 a{ width:235px; height:187px; float:left; background:#bdcfe5; line-height:187px; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-right:7px;}
.gkml03 a:hover{ background:#1e5dab; text-decoration:none;}
.gkml04{ margin-right:7px; width:134px; height:90px; float:left;}
.gkml04 a{ width:134px; height:90px; background:#bdcfe5; line-height:90px; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-bottom:7px; float:left;}
.gkml04 a:hover{ background:#1e5dab; text-decoration:none;}
.gkml05{ width:134px; height:90px; float:left;}
.gkml05 a{ width:134px; height:90px; background:#bdcfe5; line-height:90px; text-align:center; font-size:18px; font-weight:bold; color:#fff; margin-bottom:7px; float:left;}
.gkml05 a:hover{ background:#1e5dab; text-decoration:none;}

.gkml_right{ width:268px; height:187px; float:left; padding-left:27px; background:url(line_03.png) no-repeat left center;}
.gkml_right h3{ width:90px; height:31px; background:#7b9ac0; line-height:31px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.gkml_right p{ width:100%;}
.gkml_right p a{ float:left; padding-right:28px; line-height:45px;}


.link_bg{ width:100%; height:42px; background:#e2ecf8;}
.friend_link{ width: 1140px; height: 35px; margin:0 auto; padding-top:5px;}
.friend_link h3{ float: left; line-height: 35px; text-indent: 10px;}
.friend_link span.dropselect_box{ position:relative; width:248px; display:inline-block; float:left; height:33px; z-index:99; margin-left:15px;}
.dropselect_SimpleSelect1 { /*height:30px;*/ display:block; overflow:hidden; line-height:33px; position: relative; left:0px; top:0px; padding:0; background:url(2016ll_czj_jt.png) no-repeat 230px 13px #fff;}
.dropselect_SimpleSelect1 li{ font-size:14px; padding:0 10px; height:33px; line-height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dropselect_SimpleSelect1 li a{height:auto; width:85%; color:#4c4c4c;}
.dropselect_SimpleSelect1 li.hover a { color:#535353; width:100%; display:block;}
.dropselect_SimpleSelect1 li a:hover,.dropselect_SimpleSelect1 li a:focus,.dropselect_SimpleSelect1 li:hover,.dropselect_SimpleSelect1 li:focus{background:none;}
.hidden {display:none;}


.footer{ width:100%;}
.foot{ width:100%; height:168px; background:#1e5dab;}
.foot_center{ width:348px; height:#118px; padding-top:50px; margin:0 auto;}
.footpic{ width:56px; height:68px; margin-top:10px;}
.footmain{ width:267px;}
.footmain p{ color:#fff; line-height:30px; float:left;}
.footmain p a{ color:#fff;}







@media screen and (max-width: 1139px) {
    .header,.nav,.nav ul,.main,.foot_center{ width: 100%; height: auto; overflow: hidden;}
    .header .logo{ float: none; width: 100%; height: auto; text-align: center; margin: 0; padding: 30px 0;}
    .header .logo img{ width: 50% !important; float: none;}
    .nav ul li{ width: 20% !important; height: 40px; line-height: 40px; font-size: 16px; box-sizing: border-box;}
    .nav ul li a{ background: none !important;}
    .link_bg,.footpic,.search_bar{ display: none;}
    .footmain{ width: 100%; float: none; text-align: center;}
    .footmain p{ float: none;}
    .foot_center{ padding: 25px 0;}

    .main{ margin: 0 auto; padding: 10px; box-sizing: border-box;}

    .sy{ width: 100%;}
    .sy p{ width: 100%; padding: 5px 20px; line-height: 20px; box-sizing: border-box;}

    .main_box1,.main_box2{ height: auto; overflow: hidden;}
    .gzdt,.tzgg,.xxgk,.xxgk_on{ width: 100%; height: auto; margin: 0; box-sizing: border-box;}
    .xxgk_on ul{ width: 100%;}
    .xxgk_on ul li{ width: 25%;}
    .xxgk_on ul li a{ background-image: none !important; font-size: 14px;}

    .gzdt_main,.tzgg_main{ width: 100%; height: auto; padding: 5px 0 0;}
    
    .gkml_left,.gkml_right{ width: 100%; height: auto; margin-right: 0; box-sizing: border-box; overflow: hidden;}
    .gkml_right{ margin-top: 10px; padding-left: 15px;}

    .gkml01,.gkml02,.gkml03,.gkml04,.gkml05{ float: left;}
    .gkml01,.gkml03{ width: 24.625%; margin-right: .5%; height: 50px;}
    .gkml03{ margin-right: 0;}
    .gkml01 a,.gkml03 a{ width: 100%; height: 100%; margin-right: 0; height: 50px; line-height: 50px; font-size: 16px;}
    .gkml02{ width: 49.75%; margin-right: .5%; height: 50px;}
    .gkml02 a,.gkml04 a,.gkml05 a{ width: 49.5%; height: 100%; line-height: 50px; font-size: 16px;}
    .gkml02 a:first-child,.gkml04 a:first-child,.gkml05 a:first-child{ margin-right: 1%;}
    .gkml03 a{ margin-right: 0;}
    .gkml04,.gkml05{ width: 49.75%; height: 50px; margin-top: 5px;}
    .gkml04 a,.gkml05 a{ margin-bottom: 0;}
    .gkml04{ margin-right: .5%;}
}

@media screen and (max-width: 480px) {
    .header .logo img{ width: 90% !important;}
    .nav ul li{ font-size: 14px;}

    .gzdt_main li a,.tzgg_main li a{ max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .xxgk_on ul li{ width: 50%;}

    .main_box2 h2{ height: 50px; line-height: 50px; font-size: 16px;}
    
    .gkml01,.gkml02,.gkml03,.gkml04,.gkml05{ width: 100%; height: auto; margin: 0;}
    .gkml01 a,.gkml02 a,.gkml03 a,.gkml04 a,.gkml05 a{ width: 100%; height: 40px; line-height: 40px; margin: 0 0 3px 0 !important; font-size: 14px;}
}