/*PUBLIC STYLE*/ *{padding:0;margin:0;letter-spacing: 1px;font-family: '微软雅黑';font-size: 16px;} body,html{min-width: 1200px;} .cen_w{width: 1200px;margin: 0 auto;min-width: 1200px;} .fl{float: left;} .fr{float: right;} .clear{clear: both;} a{color: #333;} /* header */ header{width: 100%;height: 120px;} .logo{height: 120px;display: flex;align-items: center} .logo img{align-items: center;} .header_fr{padding-top: 56px;box-sizing: border-box;padding-right: 40px;} .search{position: relative;margin-right: 25px;} .search_t{width: 186px;height: 32px;border: 1px solid #084281;border-radius: 20px;padding-left: 10px;} .search_b{position: absolute;top: 5px;right: 10px;background: url(../images/sousuo.png) no-repeat;width: 21px;height: 21px;border: 0;} .hea_zw a{color: #084281;} /* nav */ nav{height: 60px;width: 100%;position:relative; z-index:99;background: #056cbb;line-height: 59px;} .nav{width: 100%;} .nav .nLi{float: left;width: 20%;text-align: center;position:relative; display:inline;transition: all .3s;-webkit-transition: all .3s;} .nav .nLi a{box-sizing: border-box; color: #fff;font-size: 18px;font-weight: bold;} .nav .nLi:hover,.nav .nLi.on{background:#e29221;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .nav .sub{ display:none; min-width:100%; left:0; top:60px; position:absolute; background:#3c3a3a; line-height:50px; padding:5px 0; z-index: 99; } .nav .sub li{ zoom:1;z-index: 99; } .nav .sub a{ display:block; padding:0 10px;font-size:14px;text-align:center;white-space:nowrap;} .nav .sub a:hover{ background:#6d6d6d;} /* .nav .nLi.on{ background:#3c3a3a;height: 50px;} */ /* banner */ .banner{width: 100%;} .banner img{width: 100%;display:block;} .banner .swiper-slide{position: relative;} .banner .swiper-slide .swiper-box{position: absolute;left: 0;top: 30%;background-color: rgba(0,0,0,.4);width: 100%;height: 300px;text-align: center;color: #fff;} .banner .swiper-slide .swiper-box .cen_w{padding: 40px 100px;box-sizing: border-box;} .banner .swiper-slide .swiper-box .swiper-tit{font-size: 24px;font-style:italic;padding-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .banner .swiper-slide .swiper-box .swiper-text{font-size: 18px;line-height: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-bottom: 20px; word-break: keep-all; word-wrap: break-word; // 只对英文起作用,以单词作为换行依据。 white-space: pre-wrap; //只对中文起作用,强制换行。 text-align:justify; //css英文语句的两端对齐: text-justify:inter-ideograph;} .more{padding: 10px 40px;font-size: 14px;color: #fff;border: 1px solid #fff;} .banner .swiper-pagination-bullet{width: 15px!important;height: 15px!important;border: 1px solid #084281;border-radius:0;background: transparent;opacity:1;} .banner .swiper-pagination-bullet-active{background: #084281!important;} .banner .swiper-button-prev{left: 20%!important;} .banner .swiper-button-next{right: 20%!important;} /* about */ .about{width: 100%;padding-top: 38px;box-sizing: border-box;} .box_tit{text-align: center;font-size: 36px;color: #084281;position: relative;margin-bottom: 30px;padding-bottom:10px;} .box_tit::after{content: '';width: 100px;height: 1px;background: #e29221;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);} .about_l{width: 730px;padding-right: 25px;height: 290px;overflow: hidden;} .about_l_t{line-height: 36px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;margin-bottom: 30px;} .b_more{color: #084281;border-color: #084281;} .about_r{width: 470px;height: 290px;overflow: hidden;} .about_r img{width: 100%;height: 100%;} /* news */ .news{width: 100%;height:560px;padding-top: 38px;box-sizing: border-box;} .news_ul li{width: 590px;margin-right: 10px;margin-bottom: 30px;float: left;background: #f2f2f2;height: 140px;overflow: hidden;} .news_ul li .news_li_l{width: 200px;height: 140px;} .news_ul li .news_li_l img{width: 100%;height: 100%;} .news_ul li:nth-child(2n){margin-right: 0;} .news_li_r{width: 390px;padding: 16px;position: relative;} .news_t{line-height: 26px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .news_d{position: absolute;bottom: -26px;left: 16px;color: #084281;} .news_more{text-align: center;margin-bottom: 40px;} /* events */ .events{width: 100%;height:420px;background: url(../images/event.png) no-repeat;background-size: 100% 100%;padding-top: 65px;} .events_ul{width: 800px;height: 300px;background: #fff;box-shadow: 0 5px 20px #000;padding: 30px;box-sizing: border-box;} .events_ul li{line-height: 60px;} .events_ul li span{width: 20%;display: block;float: left;background: url(../images/lxicon.png) left no-repeat;padding-left: 30px;} .events_ul li b{width: 80%;display: block;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:normal} .events_fr{padding-left: 30px;padding-top: 65px;width:400px;} .events_fr .box_tit{color: #fff;} .events_fr .news_more{margin-top: 42px;} /* faculty */ .faculty{width: 100%;padding-top: 38px;box-sizing: border-box;} .faculty_ul{margin-bottom: 30px;text-align:justify;text-justify:newspaper;height:150px} ..faculty_ul li{width: 23%;margin-right: 2.5%;position: relative;float: left;margin-bottom: 30px;} .faculty_ul li img{width: 100%;height: 100%;} .faculty_ul li .faculty_name{position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;color: #fff;line-height: 40px;height: 40px;font-size: 20px;transition: all .5s;-webkit-transition: all .5s;} .faculty_ul li:hover .faculty_name{background-color: rgba(0,0,0,.5);top: 0;} .faculty_ul li:last-child{margin-right:0;} /* footer */ footer{width: 100%;height: 85px;background: #084281;padding: 20px 0;color: #fff;text-align: center;} .list_box{padding-bottom:40px;} .box_left{width:300px;float:left;} .box_right{width:860px;float:right;} .box_left .lm{width:100%;height:80px;background:#084281;text-align:center;line-height:80px;margin-top:40px;} .box_left .lm h3{font-size:24px;color:#ffffff;} .box_left .lm-list{background:#eeeeee;} .box_left .lm-list ul li{width:100%;border-bottom:1px solid #dddddd;} .box_left .lm-list ul li:last-of-type{border-bottom:none;} .box_left .lm-list ul li a{display:block;padding:20px 30px;} .box_left .lm-list ul li span{font-size:18px;color:#333333;line-height:26px;} .box_left .lm-list ul li.active span,.box_left .lm-list ul li:hover span{color:#084281;} .box_left .lm-list ul li.active a,.box_left .lm-list ul li:hover a{background:#f9f9f9;} .list-name-box { width: 100%; margin: 40px 0; padding-bottom: 15px; border-bottom: 1px solid #c7c7c7; } .list-name-a{ padding-left: 20px; background: url(../images/list-little-icon.png) no-repeat left center; } .list-name-box a { font-size: 18px; } .list-name-box a span{ font-size: 18px; color: #333; } .newslist ul li{ width: 100%; float: left; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px dashed #c7c7c7; } .newslist ul li b { display: block; float: left; width: 90%; text-align: left; font-size: 24px; font-weight: normal; background: url(../images/list-title-poit.png) no-repeat left center; padding-left: 30px; color: #000; margin-bottom: 10px; } .newslist ul li span{ float: right; width: 10%; font-size: 16px; color: #6d6d6d; } .newslist ul li p { width: 100%; height: 60px; line-height: 30px; overflow: hidden; color: #6d6d6d; text-indent: 2rem; font-size: 18px; } .content{ min-height: 300px; padding-bottom: 80px; box-sizing: border-box; text-align: justify; } .list-infotext-title { width: 100%; font-size: 22px; margin-top: 50px; margin-bottom: 10px; text-align: center; } .list-infotext-name { width: 100%; text-align: center; border-bottom: 1px dotted #000; margin-bottom: 30px; padding: 10px 0; color: #7a7a7a; } .info-textbox { width: 100%; font-size: 18px; line-height: 35px; } .faculty-list ul{margin-left:-15px;margin-right:-15px;overflow:hidden;display:flex;flex-wrap:wrap;} .faculty-list ul li{width:50%;padding:0 15px;float:left;margin-bottom:30px;} .faculty-list ul li a{width:100%;background:#eeeeee;padding:20px;height:100%;display:block;transition:0.2s all;} .faculty-list ul li h3{line-height:35px;border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px;color:#333333;font-size:20px;} .faculty-list ul li .faculty-txt p{font-size:14px;color:#434343;line-height:35px;} .faculty-list ul li .faculty-txt p span{color:#084281;font-weight:bold;margin-right:10px;} .faculty-list ul li:hover a{background:#084281;} .faculty-list ul li:hover h3{border-bottom:1px solid rgba(255,255,255,0.5);color:#ffffff;} .faculty-list ul li:hover .faculty-txt p{color:#ffffff;} .faculty-list ul li:hover .faculty-txt p span{color:#e29221;} .f_link{width:100%;padding:30px 0;background:#084281;border-bottom:1px solid rgba(255,255,255,0.4);border-top:1px solid rgba(255,255,255,0.4);} .f_link ul{width:100%;height:auto;overflow:hidden;} .f_link ul li{width:224px;float:left;margin-right:20px;} .f_link ul li:last-of-type{margin-right:0;} .f_link ul li a{color:#ffffff;font-size:14px;}