@charset "gb2312"; /* css document */ /*********** 首页所有bt ***********/ .sy_bt{ width:100%; height:35px; padding-bottom:5px;border-bottom:solid 2px #074aa8;margin-bottom:10px; } .sy_bt h3{height:35px;color:#303030;font:22px/35px "微软雅黑";float:left; } .sy_bt h3 span{color:#9f9f9f;font:14px/35px "微软雅黑"; margin-left:10px;} .sy_bt a{height:35px;color:#cc0000;font:14px/35px "微软雅黑"; float:right;display:block;} .sy_bt a:hover{ text-decoration:underline;} /******************************* bk01 *******************************/ .bk01{ width:1200px; height:414px;margin-top:40px; } /*********** 图片新闻 ***********/ .pic_new {position:relative;width:680px;height:414px; overflow: hidden;float:left;} .pic_new .pic { width:680px; height:414px;display: block;} .pic_new .pic img {width:680px; height:414px;display: block;} .pic_new .txt-bg { position:absolute; bottom:0px;left:0px;z-index: 1; height:54px; width:680px; 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:54px; display:block; width:520px; overflow:hidden;} .pic_new .txt li{ height:56px;position:absolute;bottom:-56px;display:block;width:500px;overflow:hidden;} .pic_new .txt li a{display:block;width:500px;color:#fff;height:54px;font:18px/54px "微软雅黑"; padding:0px 10px;overflow:hidden; text-align:center;} .pic_new .num { position: absolute; z-index: 3; bottom:20px; right:15px;} .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:478px; height:414px;} .pic_lb ul{width:478px;height:380px;overflow:hidden;} .pic_lb ul li{width:478px;height:33px;background:url(/uploads/image/tkimages/ico.png) no-repeat 3px center;} .pic_lb ul li a{ color:#373636;font:14px/33px "微软雅黑"; margin-left:20px; width:310px; 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/33px "微软雅黑"; color:#b2b1b1;} /******************************* bk02 *******************************/ .bk02_w{ width:100%; height:351px; padding-top:35px; background:#f8faff; margin-bottom:40px; margin-top:40px; } .bk02{ width:1200px; } /*********** 通知公告 ***********/ .bk02_lb_left{ width:388px; float:left; height:320px; overflow:hidden; margin-right:40px;} .bk02_lb_left ul{ width:100%;} .bk02_lb_left ul li a{ width:100%;height:50px; display:block; margin-bottom:20px;} .bk02_lb_left ul li a h4{ width:58px;height:48px; border:solid #015e99 1px; float:left; background:#015e99; color:#fff;font:22px/30px "微软雅黑"; text-align:center; margin-left:8px;} .bk02_lb_left ul li a h4 p{ width:58px; background:#fff; color:#015e99;font:12px/18px "微软雅黑";} .bk02_lb_left ul li a h3{ width:280px;height:44px; display:block; margin-left:22px; float:left; color:#373636;font:14px/22px "微软雅黑"; margin-top:3px;} .bk02_lb_left ul li:hover h3{ color:#0a3f89;} /*********** 学术交流 ***********/ .bk02_lb{ float:left;width:426px; height:320px; overflow:hidden;} .bk02_lb ul{width:426px;} .bk02_lb ul li{width:426px;height:33px;background:url(/uploads/image/tkimages/ico.png) no-repeat 3px center;} .bk02_lb ul li a{ color:#373636;font:14px/33px "微软雅黑"; margin-left:20px; width:290px; display:block; overflow:hidden; height:32px;} .bk02_lb ul li a:hover{ color:#f00; text-decoration:underline;;} .bk02_lb ul li span{ float:right;font:13px/33px "微软雅黑"; color:#b2b1b1;} /*********** 学术交流 ***********/ .bk02_ico{ float:right;width:306px; height:320px; overflow:hidden;} .bk02_ico a{width:306px; height:96px; display:block; color:#fff; margin-bottom:12px; -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..)*/} .bk02_ico a p{ float:left; width:91px;height:96px; -webkit-border-radius:3px 0px 0px 3px;/*适配以webkit为核心的浏览器(chrome、safari等)*/ -moz-border-radius:3px 0px 0px 3px;/*适配firefox浏览器*/ -ms-border-radius:3px 0px 0px 3px;/*适配ie浏览器*/ -o-border-radius:3px 0px 0px 3px;/*适配opera浏览器*/ border-radius:3px 0px 0px 3px;/*适配所有浏览器(需要放在最后面,类似于if..else if..else..)*/} .bk02_ico a p img{width:50px; height:41px; margin:27px 0px 0px 20px;} .bk02_ico a h3{ float:right;width:195px;font:24px/38px "微软雅黑"; font-weight:normal; margin-top:16px;} .bk02_ico a h3 span{font:12px/22px "微软雅黑"; display:block;} .bk02_ico .bk02_ico01{ background:#18a0d0;transition-duration:400ms;-webkit-transition-duration:400ms;} .bk02_ico .bk02_ico01 p{background:#088fbf;} .bk02_ico .bk02_ico01:hover{background:#088fbf;transition-duration:400ms;-webkit-transition-duration:400ms;} .bk02_ico .bk02_ico02{ background:#e6275d;} .bk02_ico .bk02_ico02 p{background:#d31b4f;} .bk02_ico .bk02_ico02:hover{background:#d31b4f;transition-duration:400ms;-webkit-transition-duration:400ms;} .bk02_ico .bk02_ico03{ background:#4f6b9b;} .bk02_ico .bk02_ico03 p{background:#3c5e97;} .bk02_ico .bk02_ico03:hover{background:#3c5e97;transition-duration:400ms;-webkit-transition-duration:400ms;} /******************************* bk03 *******************************/ .bk03{ width:1200px; height:280px; margin-bottom:40px;} .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/tkimages/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:262px;height:180px; overflow:hidden;} .bk03 .bd ul li a p img{width:262px;height:180px;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;}