@charset "gb2312"; /* css document */ /*********** 首页所有bt ***********/ .sy_bt{ width:100%; height:40px;border-bottom:solid 1px #0d50a1; margin-bottom:16px; } .sy_bt h3{background:url(/uploads/image/tjimages/bt_bg.png) no-repeat left center; width:120px;height:40px;color:#fff;font:18px/40px "微软雅黑"; text-align:center; float:left; } .sy_bt a{ color:#ff0000;font:14px/40px "微软雅黑"; float:right;display:block;transition-duration:400ms;-webkit-transition-duration:400ms;} .sy_bt a:hover{ text-decoration:underline;transition-duration:400ms;-webkit-transition-duration:400ms;} /******************************* bk01 *******************************/ .sy_warp{ width:1200px;margin-top:40px; } /*********** 图片新闻 ***********/ .pic_new {position:relative;width:580px;height:372px; overflow: hidden;float:left; margin-bottom:40px;} .pic_new .pic { width:580px; height:372px;display: block;} .pic_new .pic img {width:580px; height:372px;display: block;} .pic_new .txt-bg { position:absolute; bottom:0px;left:0px;z-index: 1; height:48px; width:580px; 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:48px; display:block; width:580px; overflow:hidden;} .pic_new .txt li{position:absolute;bottom:-48px; height:48px;display:block;width:580px;overflow:hidden;} .pic_new .txt li a{display:block;width:560px;height:48px;color:#fff;font:18px/48px "微软雅黑"; padding:0px 10px;overflow:hidden; text-align:center;} .pic_new .num { position: absolute; z-index: 3; bottom:52px; right:0px;} .pic_new .num li{ float: left; position:relative; width:16px; height:16px;font:12px/16px "宋体";overflow: hidden; text-align: center;margin-bottom:0px;cursor:pointer; margin-right:5px;} .pic_new .num li a,.pic_new .num li span { position: absolute; color:#fff;z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .pic_new .num li span { z-index: 1; background:#191413;filter: alpha(opacity=90); opacity: 0.90;font:12px/16px "宋体"; } .pic_new .num li.on a,.pic_new .num a:hover{ background:#c51513; color:#fff; } /*********** 新闻列表 ***********/ .pic_lb{ float:right;width:580px; height:372px; margin-bottom:40px;} .pic_lb_t{ float:left;width:580px; height:372px;} .pic_lb ul{width:580px;height:372px;overflow:hidden;} .pic_lb ul li{width:580px;height:35px;background:url(/uploads/image/tjimages/ico.jpg) no-repeat 3px center;} .pic_lb ul li a{ color:#3b3b3b;font:15px/35px "微软雅黑"; margin-left:20px; width:430px; display:block; overflow:hidden; height:32px;} .pic_lb ul li a:hover{ color:#f00; text-decoration:underline;;} .pic_lb ul li span{ float:right;font:13px/35px "微软雅黑"; color:#918f8f;} /******************************* ico图标 *******************************/ .ico_bk{ width:1200px;border-top:solid 2px #f6f6f6; float:left; margin-bottom:70px; padding-top:30px;} .ico_bk_left{ width:580px; float:left;} .ico_bk_left li{ float:left;} .ico_bk_left .bk_left_ico01,.bk_left_ico02{ display:block;width:160px; height:160px; text-align:center; margin-right:10px;} .ico_bk_left .bk_left_ico01 img,.bk_left_ico02 img{ display:block;width:75px; height:75px; float:left; margin:12px 0px 15px 43px;} .ico_bk_left .bk_left_ico01 p,.bk_left_ico02 p{ display:block;width:160px; height:36px; float:left;font:15px/18px "微软雅黑"; color:#fff;} .ico_bk_left .bk_left_ico01{ background:#6fbc47;} .ico_bk_left .bk_left_ico02{ background:#35bef5;} .ico_bk_left .bk_left_ico01:hover{ background:#52a626;} .ico_bk_left .bk_left_ico02:hover{ background:#1ca9e1;} .ico_bk_left .bk_left_ico03,.bk_left_ico04{ display:block;width:240px; height:75px; text-align:center;} .ico_bk_left .bk_left_ico03 img,.bk_left_ico04 img{ display:block;width:56px; height:56px; float:left; margin:10px 0px 0px 25px;} .ico_bk_left .bk_left_ico03 p,.bk_left_ico04 p{ float:left;display:block;width:140px; height:75px; float:left;font:15px/75px "微软雅黑"; color:#fff;} .ico_bk_left .bk_left_ico03{ background:#f69524; margin-bottom:10px;} .ico_bk_left .bk_left_ico04{ background:#967bdc;} .ico_bk_left .bk_left_ico03:hover{ background:#d97909;} .ico_bk_left .bk_left_ico04:hover{ background:#795ac9;} /*********** 公用信息 ***********/ .ico_bk_right{ width:580px; float:right; height:157px;border:#ebeff1 1px solid; border-top:#0d50a1 2px solid;} .ico_bk_right h3{ height:36px; background:#f4f9fd;font:18px/36px "微软雅黑"; color:#212121;text-align:center;margin-bottom:12px;} .ico_bk_right h3 span{font:12px/36px "微软雅黑"; color:#707070; margin-left:5px;} .ico_bk_right ul{ margin-left:13px;} .ico_bk_right ul li{ width:90px;float:left; margin-left:45px; text-align:center;} .ico_bk_right ul li p{ width:82px; height:55px;background:#2d96e7; padding-top:15px; margin-left:4px; -webkit-border-radius:8px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:8px;/*适配firefox浏览器*/ -ms-border-radius:8px;/*适配ie浏览器*/ -o-border-radius:8px;/*适配opera浏览器*/ border-radius:8px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .ico_bk_right ul li span{font:14px/36px "微软雅黑"; color:#2d2d2d;} .ico_bk_right ul li:hover p{ background:#74c2ff;} .ico_bk_bottom{ width:580px; float:right; height:157px;border:#ebeff1 1px solid; border-top:#0d50a1 2px solid;} .ico_bk_bottom h3{ height:36px; background:#f4f9fd;font:18px/36px "微软雅黑"; color:#212121;text-align:center;margin-bottom:12px;} .ico_bk_bottom h3 span{font:12px/36px "微软雅黑"; color:#707070; margin-left:5px;} .ico_bk_bottom ul{ margin-left:13px;} .ico_bk_bottom ul li{ width:90px;float:left; margin-left:45px; text-align:center;} .ico_bk_bottom ul li p{ width:82px; height:55px;/* background:#2d96e7; */ padding-top:3px; margin-left:4px; -webkit-border-radius:8px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:8px;/*适配firefox浏览器*/ -ms-border-radius:8px;/*适配ie浏览器*/ -o-border-radius:8px;/*适配opera浏览器*/ border-radius:8px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .ico_bk_bottom ul li span{font:14px/36px "微软雅黑"; color:#2d2d2d;} .ico_bk_right ul li:hover p{ background:#74c2ff;}