@charset "utf-8";/* CSS Document*/ body{margin: 0;padding: 0;font-family: "microsoft yahei";font-size: 14px;min-width: 1100px;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: #666666;} a:hover{text-decoration: none;color:#1f71bf; 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);} /*topline*/ .top_line{ height: 34px; line-height: 34px; background: #003871; min-width:1200px; color: #ffffff; font-size: 12px;} .top_line_left{ float: left;width: 300px;} .top_line_right{ float: right} .top_link a{ padding: 0 10px; color: #ffffff; } .header{ background:#0e4f8f; height: 110px;min-width: 1200px;} .header .logo {width: 760px; float: left;} .header .logo img{ margin:15px 0 0 0;} .i-search{width: 250px;height: 34px;overflow: hidden;position: relative;margin:35px 0 0 18px; float: right; border: #ffffff 1px solid; background: #ffffff; border-radius: 8px;} .i-search .search-txt{width: 190px;padding-left: 10px;height: 34px;line-height: 34px;color: #999999;border: none; background: none; outline: none} .i-search .search-btn{width: 46px;height: 34px;line-height: 34px;font-size: 16px; border: none; background: url("../images/ico_search.png") center no-repeat; cursor: pointer;} .i-search .search-btn:hover{cursor: pointer;} /*nav*/ .i-nav{ width: 100%; min-width:1200px; background: #ffffff; height: 48px;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav{ height:48px; line-height:48px; 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: 0px 15px;font-size:18px;font-weight:normal;color: #333333;text-align: center;} .nav .sub{display:none;left:0;top:48px;position:absolute;background:#333333;line-height:40px;opacity: 0.7;text-align: center;min-width: 100%;} .nav .sub li{ zoom:1; } .nav .sub a{display:block;padding: 0 12px;white-space: nowrap;} .nav .sub a:hover{ background:#0e4f8f; color:#fff; } .nav .on h3 a{ background:#ebebeb; color:#0e4f8f; } /*banner*/ .ibanner{ width:100%; overflow:hidden; position:relative; min-width: 1200px; } .ibanner .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom: 20px;z-index:1;width: 100%;text-align: center;} .ibanner .hd ul{} .ibanner .hd ul li{border-radius: 50%;margin-right: 15px;width:15px;height:15px;line-height:14px;display: inline-block;text-align:center;background:#fff;cursor:pointer;} .ibanner .hd ul li.on{ background:#ea6914; 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; } /*i-main*/ .i-main{ width: 100%; height: auto; overflow: hidden; margin: 30px auto 0 auto;min-width: 1200px;} .i-m-p{width: 100%; height: auto; overflow: hidden;} .i-m-p-left{ float: left; width: 385px; overflow: hidden;} .i-m-p-center{ float: left; width: 385px;margin-left: 22px;overflow: hidden;} .i-m-p-right{ float: right; width: 385px;overflow: hidden;} .i-title{ height: 48px; line-height: 48px; background: #ededed; width: 100%;} .i-title h2{ display: block; margin: 0 10px; width: 100px; float: left;} .i-title a{ font-size: 14px;float:right; padding:0 10px;} .ys_01{ border-top: #ea6914 2px solid} .ys_01 span{ display: block; background: url("../images/ico_tz.png") center no-repeat #ea6914; float: left; width: 48px; height: 48px;} .ys_01 h2{ color:#ff6600} .ys_02{ border-top: #1860a8 2px solid} .ys_02 span{ display: block; background: url("../images/ico_xw.png") center no-repeat #1860a8; float: left; width: 48px; height: 48px;} .ys_02 h2{ color:#1860a8} .ys_03{ border-top: #0b8c36 2px solid} .ys_03 span{ display: block; background: url("../images/ico_zc.png") center no-repeat #0b8c36; float: left; width: 48px; height: 48px;} .ys_03 h2{ color:#0b8c36} .i-lbox{ border-bottom: #ededed 1px solid;border-left: #ededed 1px solid;border-right: #ededed 1px solid; } .i-list{ margin: 0 auto; height: auto; overflow: hidden; width:auto;} .i-list ul{ padding: 15px;} .i-list li{ height: 36px; line-height: 36px; font-size: 14px; width: 100%; margin: 0 auto;color: #888888;} .i-list li a{ background: url("../images/ico_002.png") left center no-repeat; padding: 0 0 0 10px; float: left;font-size:16px;} .i-list li span{ float: right;} .i-list2{ margin: 0 auto; height: auto; overflow: hidden; width:380px; float:left; } .i-list2 ul{ padding: 15px 0; width:380px;} .i-list2 li{height: 36px;line-height: 36px;font-size: 14px;margin: 0 auto;color: #888888;} .i-list2 li a{ background: url("../images/ico_002.png") left center no-repeat; padding: 0 0 0 10px; font-size:16px; } .i-list2 li span{ float: right;} /*i-cgzh*/ .i-cgzh{width: 100%;height: 348px;background: #efeeee;background-size: cover;margin: 25px auto;padding: 15px 0 0 0;} .i-cgzh1{width: 100%;height: 348px;background: #efeeee;background-size: cover;padding: 15px 0 0 0;} .cgzh_title{ background: url("../images/cgzh_tbg.png") center no-repeat; height: 60px; line-height: 60px; margin: 0 auto 0 auto; } .cgzh_title h2{ color: #0066cc; font-size: 28px; line-height: 60px; height: 60px; display: block; margin: 0 auto; text-align:center} .cgzh_title h2 a{color: #0066cc;} .cgzh_title1{ background: url("../images/cgzh_tbg.png") center no-repeat; height: 60px; line-height: 60px; margin: 0 auto 0 auto; } .cgzh_title1 h2{ color: #0066cc; font-size: 28px; line-height: 60px; height: 60px; display: block; margin: 0 auto; text-align:center;} .cgzh_title1 h2 a{color: #0066cc;} .cgzh_zy{ color: #0066cc; font-size: 14px; line-height: 24px; text-align: center} .cgzh_box{ width: 1200px; overflow: hidden; height: auto; margin:20px auto;} .cgzh_box ul{ width: 1300px;} .cgzh_box li{width: 278px;height: 204px;float: left;margin-right:30px;position: relative;overflow: hidden;} .cgzh_box li a{ height: auto; overflow: hidden;} .cgzh_box li img{display: block;width: 100%;height: 100%;} .cgzh_box li span{ display: block; background: #0066cc; height: 40px; line-height: 40px; text-align: center; color: #ffffff; width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0.8} .cgzh_box li:hover span{ background: #ea6914} /*ixscy*/ .ico01{background: url(../images/ico_xmqy.png) center no-repeat;} .ico02{background: url(../images/ico_xscy.png) center no-repeat;} .ico_jxjy{background: url(../images/icon_jxjy.png) center no-repeat;} .ico03{background: url(../images/fwdh-ico7.png) center no-repeat;} .ixscy{ height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 20px;} .ixscy-left{ float: left; width: 436px;} .ixscy-center{} .ixscy-right{float: right; width: 277px;} .ixscy-title1{height: 50px;line-height: 50px;background: url("../images/i-titlebg.png") bottom left no-repeat;width: 380px; } .jndj{background: url("../images/i-titlebg1.png") bottom left no-repeat;} .ixscy-title2{height: 50px;line-height: 50px;background: url("../images/i-titlebg.png") bottom left no-repeat;width: 430px; } .ixscy-title1 h2{ display: block; margin: 0 10px; width: 130px; float: left; color: #0066cc} .ixscy-title1 a{ font-size: 14px;float:right;} .ixscy-title1 span{display: block;float: left;width: 36px; height: 48px;} .ixscy_link{} .ixscy_link li{ text-align: center; color: #ffffff; font-size: 20px; width: 277px; height: 70px; line-height: 70px; font-weight: bold; border-radius: 6px;} .ixscy_link li:hover{ opacity: 0.7} .ixscy_link a{ display: block; width: 277px; height: 70px; margin: 8px auto 0 auto; color: #ffffff; } .ixscy_link .link_01{ background: #11a0ac } .ixscy_link .link_02{ background: #df9514 } .ixscy_link .link_03{ background: #1675d4 } .ixscy_link .link_04{ background: #cc1355 } /*yqfw*/ .yqfw{ width: 100%; height:320px; padding: 15px 0 0 0; margin: 10px auto 0 0; background:#f4f4f4 } .i-gdzt ul{ width: 1300px;} .i-gdzt li{ width:276px; height: 200px; float: left; margin-right:24px; position: relative; overflow: hidden} .i-gdzt li a{ height: auto; overflow: hidden;} .i-gdzt li img{display: block; width: 100%; height: 200px;} .i-gdzt li span{ display: block; background: #0066cc; height: 40px; line-height: 40px; text-align: center; color: #ffffff; width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0.8} .i-gdzt li:hover span{ background: #ea6914} .i-gdzt .hd{height:0;position:relative;} .i-gdzt .hd .prev{display:block;width:70px;height:40px;overflow:hidden;cursor:pointer;background:url("../images/arrow_right.png") center no-repeat;z-index: 99999 ;position: absolute;right: -65px;top: 70px;} .i-gdzt .hd .next{display:block;width:70px;height:40px;overflow:hidden;cursor:pointer;background:url("../images/arrow_left.png") center no-repeat;z-index: 99999;position: absolute;left: -65px;top: 70px;} .cgzh_box1{margin-top:25px;} /*list_banner*/ .list_banner{ width: 100%; text-align: center;} /*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: #e4e4e2 1px solid} .icontent .lm_name h2{ float: left; padding: 0 20px; min-width: 100px; text-align: center; font-size: 24px; color: #0066cc; font-weight: bold;border-bottom: #0066cc 3px solid} .icontent .lm_name span{ float: right; color: #666666; font-size: 12px; } .icontent .lm_name span a{ color: #666666;} .c-content { height: auto; overflow:hidden; position: relative; margin: 20px auto 20px auto; padding: 0; } .c-content .c-title { font-size: 34px; font-weight: bold; color: #333333; line-height: 60px; text-align: center; margin: 15px 0 20px 0; } .c-content .other-s { font-size: 14px; line-height: 40px; text-align: center; color: #333333; background: #ececec; } .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 } .i-sxt{ border-top: #d9d9d9 1px solid; margin: 20px auto; padding: 20px;} .i-sxt p{display: block;width: 50%; float: left} .i-sxt a{ color: #333333; font-size: 14px; line-height: 30px;} .i-sxt a:hover{ color: #cc0010; } /*list*/ .listmain { overflow: hidden; height: auto; position: relative; padding: 0 0 0 0 ; width: 1200px; margin: 12px auto; } .lm-left { width: 270px; float: left; background: #e9e9e9; height: auto;overflow: hidden; } .lm-left .left-lmname { background: #0e4f8f; height: 75px; overflow: hidden; line-height: 75px; } .lm-left .left-lmname h1 { color: #ffffff; font-size: 24px; line-height: 75px; margin-left: 29px; } .lm-left .left-lmname span { color: #ffffff; font-size: 16px; line-height: 30px; } .lm-left .list-sub { height: auto; overflow: hidden; width: 100%; } .lm-left .list-sub a{ display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; margin: 1px 0 0 0; background: #ffffff; } .lm-left .list-sub a:hover,#this-on { display: block; line-height: 45px; height: 45px; font-size: 16px; padding-left: 30px; cursor: pointer; color: #ffffff; background: url("../images/sub_bgh.png") 230px center no-repeat #3b71b1; } .lm-right { width: 870px; min-height:400px; float: right; margin-right:0; border: #eaeaea 1px solid; background: #ffffff; padding:0 20px ; } .this-name { border-bottom: #bfbfbf 1px solid; line-height: 40px; height: 40px; padding: 0; margin: 20px 0 0 0; } .this-name h1 { color: #0066cc; font-size: 20px; font-weight:normal; line-height: 39px; height: 39px; padding-left: 30px; float: left; background: url("../images/ico_wz.png") left center no-repeat; border-bottom: #0066cc 3px solid; } .this-name span { float: right; color: #666 } .this-name span a { color: #666 } .lm-right .lm_list { height: auto; overflow: hidden; margin: 0 auto; padding: 30px 20px; } .lm-right .lm_list li { line-height: 50px; font-size: 14px; color: #999999; text-align: right; padding: 0 ; background: url("../images/dxhx.png") bottom repeat-x; } .lm-right .lm_list li a { color: #4a4a4a; float: left; padding-left: 15px; font-size:16px; background:url("../images/ico_001.png") left center no-repeat; } .lm-right .lm_list li:hover { background: #ececec; color: #0066cc; padding:0 10px; transition: 0.3s; } .lm-right .lm_list li a:hover { background:url("../images/ico_001.png") left center no-repeat #ececec; color: #0066cc } .lm-right .list-fy { text-align: center; margin:0 auto 40px auto; min-height: 40px; } /*piclist*/ .pic-list{ width:916px; overflow: hidden;height: auto;margin: 20px auto;} .pic-list ul{width:1000px; margin: 0 auto; padding: 0; } .pic-list li{ width: 250px; margin-right:34px; float: left;margin-bottom:0;} .pic-list li img{ width: 250px; height: 170px; 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*/ .c-content { height: auto; overflow:hidden; position: relative; margin: 20px auto 40px auto; padding: 0 20px; } .c-content .c-title { font-size: 30px; color: #333; 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; } .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 } /*end*/ .footer{ background: #4270a5; width: 100%; height: auto; overflow: hidden;min-width: 1200px;} .end_link{ color: #ffffff; height: auto; overflow: auto; margin: 0 auto; } .end_link a{ color: #ffffff; display: block; width: 152px; text-align: left; font-size: 14px; float: left; line-height:52px;} .end_link a:hover{ color: #ffcc00;} .end_link_left{ width: 130px; float: left; font-size: 20px; line-height: 50px;} .end_link_right{ width: 1070px; float: right;} .copyright{position: relative;width: 100%; min-width:1200px; background: #2e5d93;text-align:center;color: #fff;padding: 27px 0;line-height: 35px;} .copyright p{ text-align: center; color: #ffffff; line-height: 35px; margin: 0 ; padding: 0px} .ewm{ position: absolute; right: 0; top: 0; text-align:right;display:block; bottom: 0; margin: auto; left: 0; height: 100px; width: 1200px;} .ewm img{ width: 90px; height:90px; margin-right:20px;}