@charset "utf-8"; /* CSS Document */ body { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 15px; min-width: 1200px; background: #ffffff; } 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: #333; } a:hover { text-decoration: none; color: #024c97; } .fl { float: left !important; } .fr { float: right !important; } .clearboth { clear: both; border: 0; padding: 0; margin: 0; } .w1135 { width: 1135px; height: auto; margin: 0 auto; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .wrapper { width: 100%; position: relative; } .top{ height: 162px; width: 100%; background:url("../images/top_bg.png") top repeat-x;} .topimg{ height: 162px; width: 100%; background:url("../images/top_bgimg.png") top center no-repeat;} .top .topline{ line-height: 35px; color: #ffffff; font-size: 12px;} .top .topline .time{ } .top .topline .language{ } .top .topline .language a{ color: #ffffff; padding: 0 10px;} .header{} .header .logo{ margin: 30px 0 0 0;} /*search*/ .i-search { width: 270px;height: 36px;overflow: hidden;position: relative;float: right;margin:50px 0 0 0;} .i-search .search-txt {width: 215px;padding-left: 5px; height: 36px; line-height: 36px; background: #ffffff ; color: #9e9e9e; border: none;} .i-search .search-btn { width: 50px; height: 36px; position: absolute; right: 0; margin-top: 0; *margin-top: 2px; background: url("../images/seach_btn.png") center no-repeat ;border:none; cursor: pointer} .i-search .search-btn:hover { background: url("../images/seach_btnhover.png") center no-repeat #ebebeb; border: none; cursor: pointer} /*导航*/ .menu{ background: #002f50; height: 50px} .navlist{width:1135px;margin:0 auto;} .navlist>li{ position: relative; width: 140px; line-height: 30px; float: left; text-align: center; height:50px; line-height:50px; } .navlist li h3{ font-size: 16px; } .navlist li h3 a{ color: #ffffff; font-weight: normal; } .navlist .sub{ display: none; width: 100%; position: absolute; top:46px; left:0px; z-index: 999999; padding-top:4px; } .sub li{ height: 40px; text-align: center; line-height: 40px; background: #f3f3f3; } .sub li a{ font-size: 14px; color: #434343; } .navlist>li.on>h3>a,.navlist>li:hover>h3>a{ color: #014991; background: #ffffff; width:132px; height:50px; line-height:50px; display:inline-block; } .sub li:hover{ background: #014991; } .sub li:hover a{ color: #ffffff; } /*banner*/ .slideBox{ width:100%; height:370px; overflow:hidden; position:relative;} .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 50%; bottom:30px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:7px; width:13px; height:13px; line-height:14px; text-align:center; background:url("../images/ihnumk.png") center no-repeat; cursor:pointer; } .slideBox .hd ul li.on{ background:url("../images/ihnum.png") center no-repeat; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0;} .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd li a{ display: block;width: 100%; height: 370px; background: 50% 50% no-repeat; background-size: cover} .slideBox .bd img{ width:100%; display:block; } .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:50px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /*notice*/ .top_tzgg{ margin: 25px auto 20px auto; background: #ebebeb; height: 70px;} .top_tzgg .tz_left{ background: url("../images/i_tzggbg.png") left center no-repeat; width: 120px; height: 70px; float: left} .top_tzgg .tz_center{ float: left;} .top_tzgg .tz_right{ float: right; line-height: 70px; width: 100px; text-align: center} .top_tzgg .tz_right a{ color: #a1a1a1} .top_tzgg .tz_right a:hover{ color: #3399ff} .txtScroll-top{ width:910px; height: 70px; overflow:hidden; position:relative; float: left; } .txtScroll-top .bd{ padding: 6px 0; } .txtScroll-top .infoList li{ height:30px; line-height:30px; background: url("../images/ico_001.png") left center no-repeat; padding-left: 10px} .txtScroll-top .infoList li .date{ float:right; color:#ffffff; background: #999999; padding: 0 10px; height: 27px; } .txtScroll-top .infoList li i{color: #999999; font-style:normal; padding-left: 20px } /*imain*/ .imain{ height: auto; overflow: hidden; margin: 0 auto} .imain_left{ width:770px;height: auto; overflow: hidden; margin: 0 auto; float: left;} .imain_right{ width:326px;height: auto; overflow: hidden; margin: 0 auto; float: right} .newbox{ width:770px;height: auto; overflow: hidden; margin: 15px auto} .newbox_left{width:365px; height: auto; overflow: hidden; float: left} .newbox_right{ width:380px; height: auto; overflow: hidden; float: right} .izhxw{height: auto; overflow: hidden; margin: 0 auto; width: 770px;} .ititle{height:50px; background: url("../images/ititle_bg.png") bottom left no-repeat; margin: 0 auto 0 auto; } .ititle h2{ float: left; margin: 0; padding: 0; font-size: 20px; color:#3399ff; line-height: 50px;display: block; width: 200px;} .ititle a{ float: right; font-size: 14px; color: #cccccc; padding-right:6px;line-height: 50px; margin-top:0; } .ititle a:hover{ color: #3399ff;} .headline{ height: auto; overflow: hidden; border-bottom: #e5e5e5 1px dashed} .headline h2{ color: #ff3333; font-size: 20px; line-height: 30px; margin: 0; padding: 0; font-weight: bold; width: 100%; text-align: center} .headline p{ margin:0; font-size: 14px; line-height: 24px; color: #999999; padding: 5px 0} .newslist{} .newslist li{ width: 100%; font-size: 16px; color: #666666; line-height: 36px;} .newslist li a{ background: url("../images/ico_002.png") left center no-repeat; padding-left: 10px; color: #333333; font-size: 16px; float: left; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 300px} .newslist li a:hover{color: #0099ff} .newslist li span{ float: right;} /*dangjian*/ .idjzl{width: 770px;height: auto; overflow: hidden;margin: 0 auto 10px auto} .djzlbox{ width: 770px; height: auto; overflow: hidden; background: url("") right bottom no-repeat; margin: 20px auto 15px auto; padding-bottom: 10px} .djzlbox li{width: 100%; font-size: 16px; color: #666666; line-height: 36px;} .djzlbox li a{background: url("../images/ico_002.png") left center no-repeat; padding-left: 12px; color: #333333; font-size: 16px; float: left; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 650px} .djzlbox li a:hover{color: #0099ff} .djzlbox li span{ float: right;} /*fastbox*/ .fastlink{ position: relative;height: 330px; width:330px; margin: 0 auto; } .fastbox{ height: 310px; width: 330px; margin: 20px auto 20px auto; z-index: 9999; position: absolute; overflow: hidden } .fastbox a{width: 108px; height: 103px; color: #666666; float: left; margin-right: 1px; margin-bottom: 1px ; text-align: center; display: block; position: relative} .fastbox a:hover{ color: #fff;} .fastbox span{text-align: center; width: 100%;display: block; line-height: 46px; font-size: 14px; position: absolute; bottom: 0; left: 0 } .fastbox .ks_1{ background:url("../images/flink_1.png") center 20px no-repeat #f4f4f4} .fastbox .ks_1:hover{ background: url("../images/flink_1h.png") center 20px no-repeat #0099ff} .fastbox .ks_2{ background:url("../images/flink_2.png") center 20px no-repeat #f4f4f4} .fastbox .ks_2:hover{ background: url("../images/flink_2h.png") center 20px no-repeat #0099ff} .fastbox .ks_3{ background:url("../images/flink_3.png") center 20px no-repeat #f4f4f4} .fastbox .ks_3:hover{ background: url("../images/flink_3h.png") center 20px no-repeat #0099ff} .fastbox .ks_4{ background:url("../images/flink_4.png") center 20px no-repeat #f4f4f4} .fastbox .ks_4:hover{ background: url("../images/flink_4h.png") center 20px no-repeat #0099ff} .fastbox .ks_5{ background:url("../images/flink_5.png") center 20px no-repeat #f4f4f4} .fastbox .ks_5:hover{ background: url("../images/flink_5h.png") center 20px no-repeat #0099ff} .fastbox .ks_6{ background:url("../images/flink_6.png") center 20px no-repeat #f4f4f4} .fastbox .ks_6:hover{ background: url("../images/flink_6h.png") center 20px no-repeat #0099ff} .fastbox .ks_7{ background:url("../images/flink_7.png") center 15px no-repeat #f4f4f4} .fastbox .ks_7:hover{ background: url("../images/flink_7h.png") center 15px no-repeat #0099ff} .fastbox .ks_8{ background:url("../images/flink_8.png") center 20px no-repeat #f4f4f4} .fastbox .ks_8:hover{ background: url("../images/flink_8h.png") center 20px no-repeat #0099ff} .fastbox .ks_9{ background:url("../images/flink_9.png") center 20px no-repeat #f4f4f4} .fastbox .ks_9:hover{ background: url("../images/flink_9h.png") center 20px no-repeat #0099ff} /*bslc*/ .ibslc{ width: 330px; height: auto; overflow: hidden;margin: 20px auto 15px auto;} .bslcbox{height: auto; overflow: hidden; margin: 20px auto} .bslcbox li{width: 100%; font-size: 16px; color: #666666; line-height: 36px;} .bslcbox li a{background: url("../images/ico_001.png") left center no-repeat; padding-left: 10px; color: #333333; font-size: 16px; float: left; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 310px} .bslcbox li a:hover{color: #0099ff} /*picnews*/ .picnews{ width:365px; height:262px; overflow:hidden; position:relative; } .picnews .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .picnews .hd ul{ overflow:hidden; zoom:1; float:left; } .picnews .hd ul li{ float:left; margin-right:4px; width:8px; height:8px; line-height:8px; font-size:0; text-align:center; background:#cccccc; cursor:pointer; border-radius: 50px;} .picnews .hd ul li.on{ background:#ff0000; color:#fff; } .picnews .bd{ position:relative; height:100%; z-index:0; } .picnews .bd li{ zoom:1; vertical-align:middle; } .picnews .bd img{ width:365px; height:262px; display:block; } .picnews .bd span{ position:absolute; bottom:0; background:url(../images/title_bg.png); width:100%; line-height:36px; color:#fff; font-weight:bold;} .picnews .bd h1{ color:#fff; font-size:14px; margin:0; padding:0 10px} .iphoto{ background: #f4f4f4; height: auto; overflow: hidden; padding: 15px 0 30px 0} .iphoto_title{ font-size: 20px; color: #0099ff; line-height:60px; background: url("../images/tyjj_titlebg.png") left center no-repeat; padding-left: 15px;} .iphoto_title a{ color: #0099ff;} .iphoto_left{ float: left; width: 545px;} .iphoto_center{ float: left; width: 550px; margin: 0 0 0 30px; height: auto;overflow: hidden} .iphoto_right{ float: right;width: 284px;} .left{ width:380px; float:left;} .right{ width:180px; float:right;} .zyjg{background:#4ab5a5;height:138px;} .zyjg a img{display:block; width:50px; height:50px; margin:0 auto; padding-top:20px;} .zyjg a{color:#fff; text-align:center; line-height:55px; font-size:30px; display:block;} .zxhd{color:#fff; background:#2094c5; margin-top:15px; height:138px;} .zxhd a{color:#fff; text-align:center; line-height:55px; font-size:30px; display:block;} .zxhd a img{display:block; width:50px; height:50px; margin:0 auto; padding-top:20px;} .hyb{color:#fff; background:#ff9933;height:290px;} .hyb a{color:#fff; text-align:center; font-size:30px; display:block;} .hyb a img{display:block; width:50px; height:50px; margin:0 auto; padding-top:100px;} .hyb a span{display:block;font-size:30px; margin-top:8px;} /*无用代码*/ .ydjjbox{ width:530px; height:290px; overflow:hidden; position:relative; } .ydjjbox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } .ydjjbox .hd ul{ overflow:hidden; zoom:1; float:left; } .ydjjbox .hd ul li{ float:left; margin-right:2px; width:10px; height:10px; line-height:10px; font-size:0; text-align:center; background:#fff; cursor:pointer; } .ydjjbox .hd ul li.on{ background:#ff6600; color:#fff; } .ydjjbox .bd{ position:relative; height:100%; z-index:0; } .ydjjbox .bd li{ zoom:1; vertical-align:middle; } .ydjjbox .bd img{ width:545px; height:290px; display:block; } .ydjjbox .bd span{ position:absolute; bottom:0; background:url(../images/title_bg.png); width:100%; line-height:36px; color:#fff;} .ydjjbox .bd h1{ color:#fff; font-size:14px; margin:0; padding:0 10px} .relative{ position:relative; } .ydjjbox .prev, .ydjjbox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:30px; height:30px; background:url(../images/tyjj_jt.png) 0 center no-repeat; filter:alpha(opacity=50);opacity:0.5;} .ydjjbox .next{ left:auto; right:3%; background-position:-30px center; } .ydjjbox .prev:hover, .ydjjbox .next:hover{ filter:alpha(opacity=100);opacity:1;} .ydjjbox .prevStop{ display:none; } .ydjjbox .nextStop{ display:none; } .ijhyr{ left: 0; width: 578px; height: 290px; overflow: hidden} .ijhyr a{ color: #ffffff;} .ijhyr img{ width: 578px; height: 290px;} .ijhyr span{ position: absolute; bottom: 0; left: 0;background:url(../images/title_bg.png); width:100%; line-height:36px; color:#fff; padding-left: 10px;} /*无用代码*/ /*list*/ .lm_banner{ width: 100%; margin: 0 auto; height: 300px;} .lmain{ margin: 20px auto} .lm-left{ width: 220px; float: left} .lm-left .left-lmname{background: url("") right center no-repeat #006cba; height: 70px; padding: 30px 10px 5px 20px; border-top: #002a48 3px solid} .lm-left .left-lmname h1{ color: #fff; font-size: 30px; line-height: 30px; text-align:center;} .lm-left .left-lmname span{ color: #a3cae6; font-size: 16px; line-height: 30px;} .lm-left .list-sub{ background: #e8e8e8; height: auto; overflow: hidden; width: 100%; } .lm-left .list-sub a{ background: url("../images/sub-icoa.png") 200px center no-repeat; display: block; line-height: 45px; height: 45px; font-size: 16px;padding-left: 30px; cursor: pointer; border-bottom: #e2e2e2 1px solid;border-top: #efefef 1px solid} .lm-left .list-sub a:hover{ background: url("../images/sub-icob.png") 200px center no-repeat #006cba;display: block;line-height: 45px; height: 45px;font-size: 16px;padding-left: 30px;cursor: pointer; color: #fff} .lm-left .list-sub #this-on{background: url("../images/sub-icob.png") 200px center no-repeat #006cba;display: block;line-height: 45px; height: 45px;font-size: 16px;padding-left: 30px;cursor: pointer; color: #fff} .lm-right{ width: 850px; float: right; border-top: #006cba 2px solid; border-bottom:#e5e5e5 1px solid;border-left:#e5e5e5 1px solid;border-right:#e5e5e5 1px solid; padding: 0 20px;} .lm-right .this-name{ line-height: 30px; height: 30px; padding: 10px 0; margin: 20px 0 0 0; background: url("../images/list_tline.png") left bottom no-repeat} .lm-right .this-name h1{ color: #006cba; font-size: 18px; font-weight: bold;line-height: 30px; height: 30px; padding-left: 10px; float: left} .lm-right .this-name span{ float: right; color: #666} .lm-right .this-name span a{ color: #666} .lm-right .lm_list{ height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0;} .lm-right .lm_list li{ line-height: 40px; font-size: 16px; color: #999999; text-align: right; padding: 0 10px;background:url("../images/xhx.png") bottom repeat-x; } .lm-right .lm_list li a{color: #4a4a4a; float: left;padding-left: 15px;background:url("../images/ico_004.png") left center no-repeat;} .lm-right .lm_list li:hover{ color: #006cba} .lm-right .lm_list li a:hover{ background:url("../images/ico_004.png") left center no-repeat ; color: #006cba} .lm-right .list-fy{ text-align: center; margin:0 auto 40px auto; min-height: 40px;} /*content*/ .c-content{ height: auto; overflow:hidden;position: relative; margin: 50px auto 100px auto; padding: 0 20px;} .c-content .c-title{ font-size: 30px; color: #333333; line-height: 50px; text-align: center} .c-content .other-s{font-size: 14px; line-height: 50px; text-align: center; color: #ff9933} .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; font-family:"微软雅黑"; margin: 15px 0; text-indent: 2em;text-align: left} /*end*/ .end{background: #002f50;height: auto;} .footer{ background: url("") center no-repeat; height: auto; overflow: hidden; margin: 0 auto} .footer-left{ height: auto; overflow: hidden; width: 45%; padding-top: 24px} .footer-left .endtitle{ color: #ffffff; font-size: 16px; line-height: 40px; height: 40px; text-align: left; background: #002a48; width: 94%; padding: 0 3%} .footer-left .endtitle a{ float: right; color: #ffffff; font-size: 14px; line-height: 40px;} .footer-left .endtitle span{ float: left} .footer-left .end_rwm {background: url("") left 35px no-repeat;padding:20px 0 0 0;height: auto;overflow: hidden;} .footer-left .end_rwm li{float:left; margin-left: 25px; width: 100px;} .footer-left .end_rwm li span{ display: block; text-align: center; height: 36px; line-height: 36px; color: #ffffff; width: 100%;} .footer-left .end_rwm li img{width:105px; height:105px; overflow: hidden; padding-top:15px} .footer-right{ color: #ffffff; line-height: 36px; font-size: 14px; padding-top: 86px; height: auto; width: 50%} .footer-right p{ margin: 0 ; padding: 0;} .imghover{ cursor: pointer; transition: all 0.6s;} .imghover:hover{transform: scale(1.2);} /*xxhjs*/ .xxhjs{width: 545px;height: auto; overflow: hidden;margin: 0 auto 10px auto} .xxhjsbox{ width: 545px; height: auto; overflow: hidden; padding-bottom: 10px; margin-top:20px;} .xxhjsbox li{width: 100%; font-size: 16px; color: #666666; line-height: 36px;} .xxhjsbox li a{background: url("../images/ico_002.png") left center no-repeat; padding-left: 12px; color: #333333; font-size: 16px; float: left; display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 460px} .xxhjsbox li a:hover{color: #0099ff} .xxhjsbox li span{ float: right;} /*标签切换*/ /*i-main*/ .i-main{ width: 1200px; margin: 20px auto; height: auto; overflow: hidden;} .i-part-news{margin: 0 auto; height: auto; overflow: hidden;} .i-part-news-left{ width: 560px; float: left; margin-left:30px;} .i-part-news-center{ width: 380px; float: left;margin: 0 0 0 30px;} .i-part-news-right{ width: 380px;float: right; } .i_title{ width: 100%;line-height: 50px;height: 50px; border-bottom: #c5c5c5 1px solid;} .i_title h1{font-size: 20px;line-height: 49px;color: #006fca;zoom: 1; margin: 0; padding: 0 8px 0 8px; display: block; float: left; border-bottom: #006fca 3px solid;font-weight:bold;} .i_title.hd h1{border-bottom:none;color:#434343;font-weight:normal;cursor:pointer;} .i_title.hd li.on h1{border-bottom: #006fca 3px solid;color: #0099ff;} .i_title span{font-size: 14px;line-height: 50px;zoom: 1; display: block; float: right} .i_title span a{ color: #cccccc} .i_title span a:hover{ color: #3399ff} .i-about{ width: 100%; margin: 0 auto; height: auto; overflow: hidden; padding: 20px 0 0 0} .i-about li{width:100%;display:flex;margin-bottom:20px;} .i-about li .time{margin-right:10px;} .i-about li .time span{display:block;font-size:20px;border:1px solid #006fca;line-height:26px;color:#006fca;width:70px;text-align:center;} .i-about li .time span+span{font-size:14px;background:#006fca;color:#ffffff;line-height:22px;} .i-about li a{display:flex;align-items:center;font-size:16px;color:#434343;line-height:26px;max-width:calc( 100% - 82px );} .i-about li a:hover{color:#006fca;} .i-about li:last-child{margin-bottom:0;} .i-list2{ margin: 0 auto; height: auto; overflow: hidden; width:100%;} .i-list2 ul{ padding: 20px 0 0 0;} .i-list2 li{ height: 36px; line-height: 36px; font-size: 16px; width: 100%; margin: 0 auto; color: #888888;} .i-list2 li a{ background: url("../images/ico_002.png") left center no-repeat; padding: 0 0 0 10px; float: left; color: #333333} .i-list2 li a:hover{color:#006fca;} .i-list2 li span{ float: right;height: 34px; line-height: 34px; }