/*音乐数据库*/ .database .col-name{text-align:center;font-size:32px;font-weight:bold;color:#b42d31;margin:35px 0 55px;} .database .col-name .col_title{display:inline-block;margin:0 auto;padding-top:45px;background:url(../images/database_bg.png) no-repeat top center} .database .col_news_list .news_list li.news{border:0;padding:0;width:23%;margin:0 1% 25px;background:#f6eedf;float:left;line-height:60px} .database .col_news_list .list2{margin:0 -1%} .database .col_news_list .news_list li.news .news_title{width:auto;padding-left:60px;color:#b42d31;background:url(../images/database_ico.png) 20px center no-repeat } .database .col_news_list .news_list li.news .news_title a{color:#b42d31} .database .col_news_list .news_list li.news:hover a{color:#f01111} @media screen and (max-width: 999px){ .database .col_news_list .news_list li.news{width:31.3%} .database .col_news_list .list2{margin:0} .database .col_news_list .news_list li.news .news_title{font-size:15px} } @media screen and (max-width: 767px){ .database .col-name{margin:25px 0;font-size:24px} .database .col_news_list .news_list li.news{width:48%} .database .col_news_list .news_list li.news .news_title{padding-left:40px;background-position:10px center} } @media screen and (max-width: 480px){ .database .col_news_list .news_list li.news{width:100%;margin:0 auto 15px;line-height:40px} .database .col_news_list .news_list li.news .news_title{line-height:} } /*科学研究*/ #research-1 .inner{padding:80px 0} .research .post-10 .c-col{width:100%;margin-bottom:1px} .post-10 .news_imgs{float:left;width:48%} .post-10 .news_imgs img{height:425px;width:100%;object-fit:cover} .post-10 .col{float:right;width:52%;padding:40px 100px;background:#f6f5f5;height:360px;box-sizing:border-box;margin-top:30px;border-radius:0 25px 25px 0;} .post-10 .p-col{font-size:32px;font-weight:bold;color:#b42d31;margin-bottom:45px;padding-left:50px;background:url(../images/research1-ico.png) no-repeat left center;line-height:50px} .post-10 .c-col{width:33.3%;float:left;margin-bottom:10px} .post-10 .c-col a{display:block;height:100%;line-height:50px;color:#333;font-size:18px;padding-left:25px;background:url(../images/research-arrow.png) no-repeat left center} .post-10 .c-col a:hover{color:#b42d31} .post-11{margin-top:60px} .list.research .post-12 .p-col{ margin-bottom: 20px;} .list.research .post-12 .c-col-list { line-height: 38px;color: #333; font-size: 16px; height: 190px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;text-indent: 2em;} .list.research .post-12 .c-col-list a:hover{ color: #b42d31;} .post-12 .news_imgs{float:right} .post-12 .col{float:left;border-radius:25px 0 0 25px} #research-2{background:#f5f5f5 url(../images/searchresult_bg2.png) no-repeat center} #research-2 .inner{padding:60px 0 65px} #research-2 .title{text-align:center;margin-bottom:35px} #research-2 .title a{display:inline-block;margin:0 auto;font-weight:bold;color:#b42d31;font-size:32px;padding-left:50px;background:url(../images/searchresult-ico.png) left center no-repeat;line-height:50px} #research-2 .wz { background: #fff url(../images/searchresult_bg.png) no-repeat 90% 90%; padding: 45px 30px 30px;height:280px;box-sizing:border-box; } #research-2 ul{margin:0 -1%} #research-2 li.news{float:left;width:31.3%;margin:0 1%} #research-2 .imgbox{height:280px;} #research-2 .news_title { line-height: 28px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; margin-bottom:20px; -webkit-box-orient: vertical;max-height:56px } #research-2 .news_title a { color: #2a2929; font-size: 18px; font-weight: bold; } #research-2 .news_title a:hover{color:#b42d31} #research-2 .news_text { color: #646464; font-size: 14px; line-height: 25px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; max-height:75px; -webkit-box-orient: vertical; } #research-2 .news_text a{ color: #646464;} #research-2 .news_imgs{position:relative;} #research-2 .news_imgs .news_bg{background:url(../images/result-li-bg.png) bottom center no-repeat;position:absolute;bottom:0;left:0;width:100%;height:100%;background-size:cover} #research-2 .news_time{color:#fff;font-size:18px;bottom:10px;position:absolute;left:20px;z-index:10} #research-2 .news_count{color:#fff;font-size:18px;bottom:10px;position:absolute;right:20px;z-index:10; display: none;} #research-2 .news_count img{vertical-align: middle;} #research-2 .news_count span{margin-left: 10px;} #research-3 .inner{padding:60px 0 80px} #research-3 li{float:left;width:48%;border-radius:30px;border-bottom:2px solid #b42d31;box-sizing:border-box;padding:40px 100px 40px 130px;background:#f6f5f5} #research-3 li a{float: right; display: inline-block; line-height: 35px; color: #6b6b6b; height: 25px; font-size: 16px; margin-top: 12px; padding-left: 45px; background: url(../images/more2.png) left center no-repeat;} #research-3 li a:hover{color:#b42d31} #research-3 li div{float:left;font-size:24px;color:#000;padding-left:80px;background:url(../images/jiaoxiang.png) left center no-repeat;line-height:50px} #research-3 li.i2{float:right} @media screen and (max-width: 1299px){ .post-10 .col{padding:40px 50px} #research-3 li{padding:40px 50px} } @media screen and (max-width: 999px){ .post-10 .col{padding:40px 20px} #research-2 .wz{height:220px;padding:30px 20px} #research-2 .imgbox{height:220px} #research-3 li div{padding-left:40px;font-size:20px} #research-3 li{padding: 20px} #research-3 li a{padding-left:35px;font-size:15px} } @media screen and (max-width: 768px){ .post-10 .col,.post-10 .news_imgs{width:100%;float:none;margin:0;height:auto} .post-10 .col{border-radius:25px;padding:25px;position: absolute; bottom: -110px; width: 90%; left: 5%} .post-10 .news_imgs img{height:auto} .post-10 .p-col{font-size:24px;margin-bottom:20px} #research-2 ul{margin:0} #research-2 li.news{width:100%;margin:0 auto 15px} #research-2 .wz,#research-2 .imgbox{height:180px} #research-2 .news_title{ white-space: nowrap;display:block} #research-2 .news_imgs,#research-2 .wz{width:50%;float:left} .post.post-10{position:relative;margin-bottom:150px} .list.research .post-12 .c-col-list {height: 114px; -webkit-line-clamp: 3;} } @media screen and (max-width: 480px){ .post-10 .p-col{font-size:18px} .post-10 .c-col a{font-size:15px} #research-2 .news_imgs,#research-2 .wz{width:100%;float:none} #research-2 .news_imgs img,#research-2 .wz{height:auto} #research-2 .news_title a{font-size:16px} #research-3 li{width:100%;margin:10px 0;float:none !important} #research-2 .imgbox{height:0;padding-top:65%} #research-2 .wz{padding:15px 10px} #research-2 .news_title{display:-webkit-box;white-space:initial} #research-2 .title a{font-size:24px} #research-3 li div{font-size:17px} #research-3 .inner{padding:30px 0} #research-2 .inner{padding:30px 0} #research-1 .inner{padding:30px 0} } /*历史沿革*/ .history{background: url(../images/history_bg.png) no-repeat left bottom;} .history .col-name{font-size:17px;font-weight:bold;color:#000000;margin:50px 0 85px;line-height:32px} .history .list2{position:relative;padding-bottom:10px} .history .col_news_list .news_list.list2 li{float:left;width:50%;padding:0; border:0;overflow:inherit;position:relative;margin-bottom:30px} .history .list2 li .news_box{padding-right:70px;position:relative} .history .list2 .title-box{text-align:right;margin-bottom:10px} .history .list2 .history_name{font-size:20px;font-weight:bold;color:#000;line-height:30px;} .history .list2 .during{font-size:24px; color:#b42d31;line-height:30px;} .history .list2 .wz-box .news_imgs{float:left;width:200px;margin-right:-200px;margin-top:10px} .history .list2 .wz-box .news_imgs img{width:100%} .history .list2 .wz-box .news_text{margin-left:220px;font-size:17px;color:#000000} .history .list2 li .news_box::after{content:"";position:absolute;right: 0px;top:30px;width:50px;height:2px;display:block;background:#b63336} .history .list2 li::after{content:"";display:block;border:2px solid #b63336;width:10px;height:10px;position:absolute;top: 23px; right: -7px; border-radius: 50%; background: #fff; z-index: 100;} .history .list2 li:nth-child(2n+2){margin-top:70px} .history .list2 li:nth-child(2n+2) .news_box{padding-left:70px;padding-right:0} .history .list2 li:nth-child(2n+2) .title-box{text-align:left} .history .list2 li:nth-child(2n+2) .news_imgs{float:right;margin-left:-200px;margin-right:0} .history .list2 li:nth-child(2n+2) .news_text{margin-right:220px;margin-left:0;} .history .list2 li:nth-child(2n+2) .news_box::after{right:auto;left:0;} .history .list2 li:nth-child(2n+2)::after{right:auto;left:-7px} .history .list2 li:nth-child(3n+1)::after{background:#b63336} .history .arrow_bg{position:absolute;top:0;height:100%;width:16px;left:50%;margin-left:-8px;background:url(../images/history_arrow.png) bottom center no-repeat} .history .arrow_bg::after{content:"";display:block;width:2px;height:100%;margin:0 auto;background:#b63336} @media screen and (max-width: 999px){ .history .list2 li .news_box{padding-right:40px} .history .list2 li:nth-child(2n+2) .news_box{padding-left:40px;} .history .list2 li .news_box::after{width:30px} .history .list2 li.news .news_imgs{ margin:0 ;width:150px} .history .list2 li.news .news_text{margin:0 !important;clear:both} .history .list2 .title-box{position:absolute;right:40px;top:0;} .history .list2 li:nth-child(2n+2) .title-box{left:40px} .history .list2 .during{font-size:20px} .history .list2 .history_name{font-size:18px} } @media screen and (max-width: 767px){ .history .list2 li.news .title-box{position:static;text-align:center} .history .list2 li.news .news_imgs{margin:0 auto;float:none;} } @media screen and (max-width: 480px){ .history .arrow_bg{margin:0;left:0} .history .col_news_list .news_list.list2 li{margin:0 auto 30px;float:none;width:auto;margin-left:8px} .history .list2 li .news_box{padding-right:0;padding-left:20px !important} .history .list2 li .news_box::after{left:0px} .history .list2 li::after{left:-7px} .history .list2 li.news .wz-box .news_text{font-size:15px;line-height:28px;margin-top:10px !important} .history .list2 li.news .news_imgs{width:200px} .history .col-name{font-size:15px;line-height:28px} } /*活动预告*/ .big-bg{background:url(../images/forcast_bg.png) bottom center no-repeat} #l-container.forcast .inner{padding:90px 0 55px} #l-container.forcast{background:url(../images/bg1_2.png) no-repeat -100px 300px, url(../images/bg1_1.png) 95% 300px no-repeat} .forcast .wp_paging{margin-top:45px} .forcast ul.list1{/**float:left;**/width:100%; /**margin:0 -25px;**/} .forcast ul.list2{float:left;width:39%;margin:0 3.5%; display:none;} .forcast ul.list3{float:right;width:27%;display:none;} .forcast ul.news_list li.news{border:0;padding:0;margin:0 auto 30px; width:33.3%; float:left;} .forcast ul.news_list li.news .news_box{ margin:0 25px;} .forcast ul.news_list li img{width:100%;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;} .forcast ul.news_list .news_img{overflow:hidden;padding-top: 68%;position: relative;} .forcast ul.news_list .news_img:hover img{transform:scale(1.08);transition:all linear 0.5s} .forcast ul.news_list li .news_wz{background:#eee;padding:15px ;transition: all 0.3s ease-in-out;} .forcast ul.news_list.list2 .news_wz{padding:35px 60px;} .forcast ul.news_list li .act{font-size:18px;color:#222;line-height:30px;margin-bottom:10px;height: 60px; overflow: hidden;} .forcast ul.news_list li .act a{color:#222;transition: none} .forcast ul.news_list li .news_zd{color:#333;font-size:15px;opacity:0.7;filter:alpha(opacity=70);line-height:30px;transition: none} .forcast ul.news_list li .news_wz:hover{background:#b42d31} .forcast ul.news_list li .news_wz:hover a,.forcast ul.news_list li .news_wz:hover .news_zd{color:#fff} @media screen and (max-width: 999px){ #l-container.forcast .inner{padding:25px 0} } @media screen and (max-width: 900px){ .forcast ul.news_list li.news{width: 50%;} } @media screen and (max-width: 768px){ .forcast ul.list2,.forcast ul.list3{display:none} .forcast ul.list1{width:100%;float:none} .forcast ul.news_list li .act{font-size:15px;margin-bottom:15px;line-height:24px;height: auto;} .forcast ul.news_list li .news_zd{font-size:14px;line-height:24px} } /*现任领导 .leader {background: url(../images/leader_info_bg.png) no-repeat center -635px} .leader .inner{padding:140px 0 240px} .leader .col_news_list .news_list li.news{padding:0;border:0;width:47%;float:left;margin-right:3%;border-left:25px solid #b63236;padding-bottom:40px;box-sizing:border-box;background:#f6f5f5;box-shadow: 0px 0px 8px 5px #e6e7e7} .leader .col_news_list .news_list li.news .news_info{padding:65px 75px;background: url(../images/leader_bg.png) no-repeat center bottom;height:200px} @media screen and (max-width: 768px){ .leader .inner{padding:30px 0} .leader .col_news_list .news_list li.news{width:100%;margin:0 auto 30px;border:0} .leader .col_news_list .news_list li.news .news_info{padding:50px 25px;background-size:95%;height:auto} } @media screen and (max-width: 480px){ .a1 .zc{text-align:center !important;width:auto !important} } */ body.leader{background:#f5f5f5} #l-container.lead{background:url(../images/bg1_2.png) no-repeat -100px 150px, url(../images/bg1_1.png) 95% 150px no-repeat,url(../images/leader_bg_2.png) bottom right no-repeat} .lead li.news{background:#fff;margin-bottom:30px;border:1px solid #ECECEC;padding:0 !important;transition:all 0.4s ease-in-out } .lead li.news:hover .news_title{color:#fff;} .lead li.news .news_imgs{width:170px;float:left;margin-right:-170px} .lead li.news .news_imgs img{width:100%;height:230px;display:block;object-fit: cover;} .lead li.news .news_wz{ margin-left:170px;padding:30px 33px 30px;position:relative;z-index:10;height:230px;box-sizing:border-box} .lead li.news .news_title,.lead li.news .sub_title{display:inline !important;white-space: normal !important;margin-right:0 !important;} .lead li.news .sub_title{margin-left:15px;font-size:14px;font-weight:bold;color: #b31a20;} .lead li.news .news_title{font-size:25px !important;font-weight:bold;} .lead li.news .news_title a{color:#171717} .lead li.news .sub_title a{color:#b42d31} .lead li.news .news_text{transition:all 0.4s ease-in-out;margin-top:15px;line-height:27px;font-size:14px;color:#000;opacity:0.6;filter:alpha(opacity=60);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical;max-height:81px} .lead li.news .entermore a{background:url(../images/more.png) no-repeat center;display:block;width:20px;height:10px;margin-top:20px} .lead li.news:hover .news_bg{display:block} .lead li.news:hover a{color:#fff !important;transition:all 0.4s ease-in-out;opacity:1;filter:alpha(opacity=100)} .lead li.news:hover .news_text{transition-duration: 0s;color:#fff !important;opacity:1;filter:alpha(opacity=100)} .lead li.news:hover .news_text{opacity:0.9;filter:alpha(opacity=90)} .lead li.news .news_bg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#b31a20 url(/_upload/tpl/00/8c/140/template140/images/icon3.png) 96% bottom no-repeat;transition:all 0.4s ease-in-out;z-index:-1;opacity:1} .lead li.news:hover .entermore a{background:url(../images/more-hover.png) no-repeat center} @media screen and (max-width: 767px){ #l-container.lead{background:none} } @media screen and (max-width: 480px){ /*.lead li.news .news_imgs{float:none;width:auto;margin:0;} .lead li.news .news_imgs img{ width:170px;margin:10px auto } .lead li.news .news_wz{margin:0;height:auto;padding:20px 15px}*/ .lead li.news .news_text{} .history .col_news_list .news_list.list2 li.news.n8 { margin-top: 100px; } .lead li.news .sub_title{ display: block !important; margin: 0;} .lead li.news .news_title{font-size: 20px !important;} .forcast ul.news_list li.news{width: 100%;} } @media screen and (max-width: 380px){ }