#content{ margin-top:20px; } /*------ 鍏叡澶撮儴 box1 ------寮€濮?/ .box1{ margin-top: 30px; margin-top: 20px; } .box1 .title{ width: 100%; font-size: 18px; /*color: #1b1b1b;*/ color: #458fce; height: 42px; line-height: 42px; padding-bottom: 8px; border-bottom:2px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .box1 .title img{ vertical-align: middle; margin:0 5px 0 5px; } .box1 .title span.more{ float: right; font-size: 12px; color: #aaa; /*margin-top: 20px;*/ margin-top: 7px; line-height: 30px; } .box1 .title span.more a{ color: #aaa; } .box1 .title span.more a:hover{ color: #458fce; } /*------ 鍏叡澶撮儴 box1 ------缁撴潫*/ /*------ 瀛﹂櫌鏂伴椈 news ------寮€濮?/ #content .news{ width: 790px; } #content .news .ct .news_banner{ width: 390px; margin-top:15px; } #content .news .ct .news_txt{ width: 380px; margin-top: 1px; margin-top: 4px; } #content .news .ct .news_txt ul li{ font-size: 15px; /*padding: 5px;*/ padding:12px 2px; line-height: 25px; /*min-height: 45px;*/ min-height:76px; cursor: pointer; border-bottom: 1px dashed #DFDFDF; } /*#content .news .ct .news_txt ul li:hover{ background-color: #f6f6f6; }*/ #content .news .ct .news_txt ul li a{ display: inline-block; width: 310px; color: #525252; text-decoration: none; padding-left: 14px; /*background: url(../images/shutiao.png) no-repeat top 5px left;*/ background: url(../images/icon_jiantou.png) no-repeat top 7px left; } #content .news .ct .news_txt ul li a:hover{color: #458fce;} /*#content .news .ct .news_txt ul li:hover a{ color: #458fce; }*/ #content .news .ct .news_txt ul li span.date{ float: right; color: #999; } /*------ 瀛﹂櫌鏂伴椈 news ------寮€濮?/ /*------ 閫氱煡鍏憡 notice ------寮€濮?/ .notice{ width: 380px; } .notice .ct ul li{ overflow: hidden; padding: 12px 0; border-bottom: 1px solid #eee; } .notice .ct ul li .time{ float: left; /*width: 64px; height: 60px;*/ text-align: center; line-height: 24px; /*margin-top: 2px;*/ margin-left: 5px; /*padding-right:15px; border-right:1px solid #ddd;*/ } .notice .ct ul li .time .date{ /*color: #458fce; font-size: 20px;*/ /*margin: 11px 0 1px;*/ width: 60px; height: 29px; line-height: 30px; background-color: #458fce; color: #fff; font-size: 15px; } .notice .ct ul li .time .year{ /*color: #999; font-size: 14px;*/ width: 60px; height: 24px; line-height: 24px; margin-top: -1px; background-color: #fff; border: 1px solid #458fce; color: #458fce; font-size: 12px; } .notice .ct ul li .list{ float: left; width: 295px; font-size: 15px; line-height: 26px; margin-left:15px; } .notice .ct ul li .list a{ color: #333; color: #555; /*text-align: center;*/ } .notice .ct ul li .list a:hover{ color:#458fce; } /*------ 閫氱煡鍏憡 notice ------缁撴潫*/ /*------ 鏈鐢熸暀瀛︺€佺爺绌剁敓鍩瑰吇銆佸厷寤烘€濇斂 box2 ------寮€濮?/ .box2{ float: left; width: 380px; font-size: 15px; margin-left: 30px; } .box2:first-child{ margin-left: 0; } .box2 .ct ul li{ /*padding:3px 0 0 5px;*/ /*padding:0 2px; height: 48px; line-height: 48px;*/ height: 50px; line-height: 50px; background-color: #f5f9fc; font-size: 15px; /*border-bottom:1px dashed #dfdfdf;*/ margin-top: 10px; } .box2 .ct ul li a{ display: inline-block; overflow: hidden; /*width:310px;*/ text-overflow: ellipsis; white-space: nowrap; color: #333; color: #222; /*line-height: 41px;*/ /*line-height: 48px;*/ text-decoration: none; /*padding-left: 14px;*/ margin-left: -6px; padding-left: 24px; background: url(../images/icon_fang.png) scroll no-repeat center left; } .box2 .ct ul li a:hover{ color: #458fce; } .box2 .ct ul li span.date{ float: right; /*color: #888;*/ font-size: 14px; color: #549cda; margin-right: 10px; /*margin-top:13px;*/ } /*------ 鏈鐢熸暀瀛︺€佺爺绌剁敓鍩瑰吇銆佸厷寤烘€濇斂 box2 ------缁撴潫*/ /*------ 瀛︽湳鍔ㄦ€併€佹牎鍙嬮閲囥€佸厛杩涘吀鍨 box3 ------寮€濮?/ .box3{ float: left; width: 380px; margin-left: 30px; } .box3:first-child{ margin-left: 0; } .box3 .ct ul li{ padding:0 2px; /*height: 48px; line-height: 48px;*/ font-size: 15px; /*padding:10px 0;*/ margin: 20px 0; /*border-bottom:1px dashed #dfdfdf;*/ /*border-bottom:1px solid #eee;*/ } .box3 .ct ul li:hover{ cursor: pointer; /*background-color: #fafafa;*/ } .box3 .ct ul li:hover a{ color: #4378ba; color: #458fce; } .box3 .ct ul li a{ display: block; overflow: hidden; /*width:350px;*/ width: 100%; text-overflow: ellipsis; white-space: nowrap; color: #333; /*line-height: 41px;*/ /*line-height: 48px;*/ padding-bottom: 18px; text-decoration: none; border-bottom:1px solid #eee; /*padding-left: 14px;*/ /*background: url(../images/icon_dot.png) scroll no-repeat center left;*/ } .box3 .ct ul li a:hover{ color:#458fce; color: #337ebe; border-bottom:1px solid #458fce; border-bottom:1px solid #6899d8; } .box3 .ct ul li:hover .date{ color:#bbb; } .box3 .ct ul li .date{ float: left; display: inline-block; color: #5c84a7; color: #458fce; /*color: #337ebe;*/ padding-right:5px; margin-top:-10px; background-color: #fff; } /*------ 瀛︽湳鍔ㄦ€併€佹牎鍙嬮閲囥€佸厛杩涘吀鍨 box3 ------缁撴潫*/ .dynamics,.alumni,.typical{ float: left; width: 380px; } .alumni,.typical{ margin-left: 30px; } /*------ 瀛︽湳鍔ㄦ€ dynamics ------寮€濮?/ .dynamics .ct ul li{ overflow: hidden; padding: 13px 0; border-bottom: 1px solid #eee; } .dynamics .ct ul li .time{ float: left; /*width: 64px; height: 60px;*/ text-align: center; /*line-height: 24px;*/ /*margin-top: 2px;*/ margin:3px 0 0 5px; padding-right:15px; border-right:1px solid #ddd; } .dynamics .ct ul li .time .date{ /*color: #458fce; font-size: 20px;*/ /*margin: 11px 0 1px;*/ /*width: 60px;*/ /*height: 29px;*/ /*line-height: 30px;*/ /*background-color: #458fce;*/ /*color: #fff;*/ /*font-size: 15px;*/ color: #458fce; font-size: 24px; } .dynamics .ct ul li .time .year{ /*color: #999; font-size: 14px;*/ /*width: 60px;*/ /*height: 24px;*/ /*line-height: 24px;*/ /*margin-top: -1px;*/ /*background-color: #fff;*/ /*border: 1px solid #458fce;*/ color: #999; font-size: 13px; margin-top: 3px; } .dynamics .ct ul li .list{ float: left; width: 290px; font-size: 15px; line-height: 26px; margin-left:15px; color: #333; } .dynamics .ct ul li .list a{ color: #333; color: #555; /*text-align: center;*/ } .dynamics .ct ul li .list a:hover{ color:#458fce; } /*------ 瀛︽湳鍔ㄦ€ dynamics ------缁撴潫*/ /*------ 鏍″弸椋庨噰 alumni ------寮€濮?/ .alumni ul li{ padding:16px 0; border-bottom:1px dashed #dfdfdf; } .alumni ul li .tit{ font-size: 16px; } .alumni ul li .tit a{ color: #333; display: inline-block; /*width: 345px;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; background:url(../images/shutiao.png) no-repeat center left; } .alumni ul li:hover{ cursor:pointer; } .alumni ul li:hover .tit a{ color: #458fce; } .alumni ul li:hover .abstract{ color: #666; color: #a4a2a2; /*color: #a0a0a0;*/ } .alumni ul li .tit a:hover{ color: #458fce; } .alumni ul li .date{ font-size: 14px; color:#d6a563; margin:5px 0 6px; padding-left:18px; background:url(../images/icon_time2.png) no-repeat center left; } .alumni ul li .abstract{ font-size: 14px; color: #7d7d7d; line-height: 22px; } /*------ 鏍″弸椋庨噰 alumni ------缁撴潫*/ /*------ 鍏堣繘鍏稿瀷 typical ------寮€濮?/ .typical .ct{ overflow: hidden; height: 395px; } .typical .ct ul li{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; /*padding:12px 10px;*/ padding:17px 10px; border-bottom: 1px dashed #ececec; } .typical .ct ul li:hover{ cursor:pointer; } .typical .ct ul li:first-child{ /*padding-top:8px;*/ /*border-top:none;*/ } .typical .ct ul li .portrait{ float: left; width: 94px; height: 94px; border-radius: 50px; overflow: hidden; margin-right: 25px; } .typical .ct ul li .portrait img{ width: 100%; height: auto; } .typical .ct ul li .information{ float: left; width: 240px; margin-top: 8px; /*padding-top:9px;*/ } .typical .ct ul li .information .name{ margin-bottom: 9px; } .typical .ct ul li .information .name h4{ float: left; margin-right: 10px; font-size: 18px; color: #333; font-weight: normal; } .typical .ct ul li .information .name span{ float: left; font-size: 14px; color: #aaa; display: inline-block; margin-top:4px; width: 165px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .typical .ct ul li .information p{ font-size: 14px; color: #7d7d7d; line-height: 23px; } .typical .ct ul li:hover .name h4{ color: #4378ba; } .typical .ct ul li:hover .information p{ color: #aaa; } /*------ 鍏堣繘鍏稿瀷 typical ------缁撴潫*/ /*------ 涓撴爮閾炬帴 column ------寮€濮?/ .column{ margin-top:35px; } .column ul li{ float: left; margin-left: 32px; } .column ul li:first-child{ margin-left:0; } .column ul li a{ display: inline-block; width: 276px; height: 170px; text-align: center; overflow: hidden; position: relative; } .column ul li a:hover img{ /*width: 101%; height: 101%;*/ transform: scale(1.1); } .column ul li a img{ width: 276px; height: 170px; transition: all 1s; } .column ul li a .column_name{ width: 276px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 1px; background-color: #458fce; filter: Alpha(opacity=90); background-color: rgba(69,143,206,.9); position: absolute; bottom: 0; left: 0; } /*------ 涓撴爮閾炬帴 column ------缁撴潫*/