@charset "gb2312"; /* css document */ .sy_warp{ width:1200px; height:auto; margin-top:30px;} /*********** left ***********/ .sy_warp_left{ float:left; width:275px; margin-bottom:30px;} /****** 两个ico ******/ .l_ico{ height:100px; margin-bottom:18px;} .l_ico a{ width:134px;height:100px;float:left;display:block;background:#6e0f6d;transition-duration:200ms;-webkit-transition-duration:200ms; -webkit-border-radius:3px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:3px;/*适配firefox浏览器*/ -ms-border-radius:3px;/*适配ie浏览器*/ -o-border-radius:3px;/*适配opera浏览器*/ border-radius:3px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .l_ico a p{color:#fff;font:16px/35px "微软雅黑"; text-align:center;} .l_ico .l_ico_ts{ width:134px;height:100px; float:right; display:block; background:#6e0f6d;} .l_ico a:hover{background:#952594;transition-duration:200ms;-webkit-transition-duration:200ms;} /****** 三个列表 ******/ .sy_left_lb{ width:275px; height:auto; margin-bottom:18px;} .sy_left_lb h3{ height:35px;border-bottom:solid 1px #86a2c9; margin-bottom:10px;} .sy_left_lb h3 p{color:#1752a5;font:16px/35px "微软雅黑"; float:left; font-weight:bold;} .sy_left_lb h3 a{color:#ed802d;font:12px/35px "微软雅黑"; font-weight:bold;float:right;} .sy_left_lb h3 a:hover{ text-decoration:underline;} .sy_left_lb ul li{display:block; height:30px;background:url(/uploads/image/tgimages/ico01.jpg) no-repeat 6px center;} .sy_left_lb ul li a{display:block;color:#282727;font:14px/28px "微软雅黑"; height:28px; margin-left:18px; width:255px; overflow:hidden;} .sy_left_lb ul li a:hover{color:#b50000; text-decoration:underline;} /*********** center ***********/ .sy_warp_center{ float:left; width:590px; margin-left:30px; height:auto; } /*********** 图片新闻 ***********/ .pic_new {position:relative;width:590px;height:378px; overflow: hidden;margin-bottom:24px;} .pic_new .pic { width:590px; height:378px;display: block;} .pic_new .pic img {width:590px; height:378px;display: block;} .pic_new .txt-bg { position:absolute; bottom:0px;left:0px;z-index: 1; height:56px; width:590px; margin:0 auto; overflow: hidden; background:rgba(0,0,0,0.70); -moz-opacity: 0.70; /* ff 3.5以下 */ opacity: 0.70; /* ff 3.5及以上 */ filter: alpha(opacity=80); /* ie6及以上 */ /*针对ie8*/ filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000); } .pic_new .txt { position:absolute;left:0px; bottom:0px; z-index:2; height:56px; display:block; width:590px; overflow:hidden;} .pic_new .txt li{ height:56px;position:absolute;bottom:-56px;display:block;width:760px;overflow:hidden;} .pic_new .txt li a{display:block;width:570px;height:56px;color:#fff;font:18px/56px "微软雅黑"; padding:0px 10px;overflow:hidden; text-align:center;} .pic_new .num { position: absolute; z-index: 3; bottom:62px; right:0px;} .pic_new .num li{ float: left; position:relative; width:24px; height:24px;font:14px/24px "微软雅黑";overflow: hidden; text-align: center;margin-bottom:0px;cursor:pointer; margin-right:5px; -webkit-border-radius:20px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:20px;/*适配firefox浏览器*/ -ms-border-radius:20px;/*适配ie浏览器*/ -o-border-radius:20px;/*适配opera浏览器*/ border-radius:20px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .pic_new .num li a,.pic_new .num li span { position: absolute; z-index: 2; display: block; color:#22324e; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .pic_new .num li span { z-index: 1; background:#fff;filter: alpha(opacity=90); opacity: 0.90;font:14px/15px "微软雅黑"; } .pic_new .num li.on a,.pic_new .num a:hover{ background:#116abc; color:#fff; } /*********** 新闻公告 ***********/ .newgg{width:590px; height:400px; overflow:hidden;} .newgg .newgg_bt{width:590px;height:40px;border-bottom:solid 1px #86a2c9; margin-bottom:10px;} .newgg .newgg_bt h3{height:40px;background:url(/uploads/image/tgimages/bt_ico.jpg) no-repeat left center; padding-left:13px;color:#1752a5;font:18px/40px "微软雅黑";float:left; font-weight:bold; } .newgg .newgg_bt a{ color:#ed802d;font:12px/35px "微软雅黑"; font-weight:bold;float:right;} .newgg ul{width:590px;} .newgg ul li{width:590px;height:32px;background:url(/uploads/image/tgimages/ico02.png) no-repeat left center;} .newgg ul li a{ color:#282727;font:14px/32px "微软雅黑"; margin-left:11px; width:420px; display:block; overflow:hidden; height:32px;} .newgg ul li a:hover{ color:#f00; text-decoration:underline;;} .newgg ul li span{ float:right;font:13px/32px "微软雅黑"; color:#808080;} /*********** right ***********/ .sy_warp_right{ float:right; width:275px; height:auto;} .wszx{ width:100%; height:284px; background:#eee; margin-bottom:24px;} .wszx h3{ width:255px; padding-left:20px;font:16px/42px "微软雅黑"; color:#1752a5; font-weight:bold; border-bottom:solid #fff 1px; margin-bottom:14px;} .wszx a{ display:block;width:225px;height:42px; padding-left:15px;font:14px/42px "微软雅黑"; color:#282727;border-bottom: dashed #d9d9d9 1px; margin-left:19px; background:url(/uploads/image/tgimages/sy_jt02.png) no-repeat 208px center;} .wszx a:hover{color:#fff;border-bottom: dashed #1752a5 1px; background:#1752a5 url(/uploads/image/tgimages/sy_jt01.png) no-repeat 208px center; -webkit-border-radius:3px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:3px;/*适配firefox浏览器*/ -ms-border-radius:3px;/*适配ie浏览器*/ -o-border-radius:3px;/*适配opera浏览器*/ border-radius:3px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .wgzj{ width:100%; height:auto;} .wgzj h3{ width:275px;font:16px/38px "微软雅黑"; color:#1752a5; font-weight:bold; border-bottom:solid #86a2c9 1px; margin-bottom:14px;} .wgzj .wgzj_nr{ width:100%;} .wgzj .wgzj_nr a{ display:block; color:#fff; float:left; -webkit-border-radius:3px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:3px;/*适配firefox浏览器*/ -ms-border-radius:3px;/*适配ie浏览器*/ -o-border-radius:3px;/*适配opera浏览器*/ border-radius:3px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .wgzj .wgzj_nr .wgzj_ico01{ width:290x; height:80px; padding:16px 5px 5px 5px; background:#266fc0;font:14px/18px "微软雅黑"; margin-right:8px;} .wgzj .wgzj_nr .wgzj_ico01:hover{background:#13539b;} .wgzj .wgzj_nr .wgzj_ico02{ width:148px; height:44px;background:#cd4338;font:14px/44px "微软雅黑"; margin-bottom:8px;} .wgzj .wgzj_nr .wgzj_ico02:hover{background:#aa2319;} .wgzj .wgzj_nr .wgzj_ico03{ width:148px; height:44px;background:#5f9d2d;font:14px/44px "微软雅黑";} .wgzj .wgzj_nr .wgzj_ico03:hover{background:#488218;} /******************************* bk03 *******************************/ .bk03{ float:left;width:1200px; height:280px; margin-bottom:40px;} .bk03_bt{ width:100%; height:35px;border-bottom:solid 1px #86a2c9; margin-bottom:10px;} .bk03_bt h3{color:#1752a5;font:16px/35px "微软雅黑"; float:left; font-weight:bold;} .bk03_bt a{color:#ed802d;font:12px/35px "微软雅黑"; font-weight:bold;float:right;} .bk03_bt a:hover{ text-decoration:underline;} .bk03 .hd{ height:24px; float:left; position:relative;} .bk03 .hd .prev,.bk03 .next{ display:block; position:absolute;top:60px;left:0px; width:22px; height:53px;background:url(/uploads/image/tgimages/l_r.png) no-repeat; cursor:pointer; } .bk03 .hd .next{ left:1178px; top:60px; background-position:top right; } .bk03 .bd{ width:1144px;position:absolute; margin:12px 0px 0px 28px;} .bk03 .bd ul{ width:1144px;} .bk03 .bd ul li{position:relative;width:262px;height:220px; float:left; margin:0px 12px;} .bk03 .bd ul li a p{width:260px;height:178px; overflow:hidden; border:1px #e8e8e8 solid; padding:4px;} .bk03 .bd ul li a p img{width:260px;height:178px;moz-transition:1s;-webkit-transition:1s;-ms-transition:1s;-o-transition:1s;} .bk03 .bd ul li:hover img{ -moz-transform:scale(1.08);-ms-transform:scale(1.08); -o-transform:scale(1.08); -webkit-transform:scale(1.08);} .bk03 .bd ul li a span{width:262px;height:40px;overflow:hidden;color:#313131;font:15px/40px "微软雅黑"; text-align:center; display:block;} .bk03 .bd ul li:hover span{color:#0c4696;}