@charset "utf-8"; /* CSS Document */ body{background: #fff;} .greybg{ background: #fafafa;} .bannerImg img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%; -ms-interpolation-mode: bicubic; } .rowbox{ max-width:1400px; margin: 0 auto; width: 95%;} img{display: inline-block;} .topbox{display: none;} .top{ display: none;width: 100%; height:45px;line-height:45px; position: relative;z-index: 3;padding:0 10px;background:#970707;display: flex;justify-content: flex-end;align-items: center; } .link{ margin-right: auto;} .link a{ color:#f9e9e9; border-right: 1px solid #f9e9e9; padding:0 10px;} .link a:last-child{ border-right: 0;} .meun_icon{height: 45px; line-height: 45px; display: inline-block; color: #fff; font-size: 16px; } .meun_icon img{width:25px; margin-right: 10px; height:20px; vertical-align: middle;} .flex-container{ display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content: space-between; } .container{padding: 18px 0;} .main_index{position: relative;} .header{width:100%;background: url(../images/0321.png) no-repeat center center #fafafa;position: relative;} .bg{background: rgba(8, 11, 26, 0.8);} .headr{float:right;} .headr ul{ text-align: right;} .headr ul li{display: inline-block;line-height:13px;border-right: 1px solid #666;padding: 0 5px;vertical-align: middle;font-size: 16px;} .headr ul li a{color: #666;} .headr ul li a:hover{ color: #970707;} .headr ul li .js{ background-position:0px 0;} .headr ul li:last-child{ border-right: 0; } .logo_l{ float:left; text-align: left; padding-top: 10px;} .logo_l img{ display:inline-block;vertical-align:middle; position: relative; z-index: 5; -webkit-transition: all .5s;transition: all .5s;} .logo_l span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:18px; padding: 8px 20px;position:relative ;} .searhbox01{height:44px;line-height:44px;float: right;border-radius:10px;overflow: hidden;width:310px;margin-left: auto;margin-top: 22px; border-radius: 25px; background: #fff; padding-right: 10px;} .searhbox01 .text{width:calc(100% - 90px);height:44px;line-height:44px;background:transparent;padding: 0 10px;float: left;} .searhbox01 .btn{ width:40px; float: right; height:44px;line-height:44px; cursor: pointer; color: #005b94;} .searhbox01 .btn svg{/* vertical-align: middle; */margin-right: 5px;margin-top: 4px;} /*导航*/ .navbg{ width: 100%; height:48px; line-height:48px; background: #970707;} .nav ul{ padding: 0;} .nav li{float:left;width: 14%;text-align: center;line-height:48px;position:relative;font-size: 20px;font-weight: 800;} .nav li a{color:#fff; display: inline-block; } .nav li:hover:before{border-bottom: 3px solid #fff; width: 52px; height: 3px; position: absolute; content: ""; display: block; left: 50%; margin-left: -26px; bottom: 0; line-height: 54px; } .nav li .ejnav{opacity:0; height: 0; display:none; position: absolute; width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3; border-top:3px solid #fff;top: 45px;} .nav li .ejnav:before{position: absolute; top: -7px; left: 50%; content: ""; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent;border-right: 5px solid transparent;} .nav li .ejnav li,.nav li .ejnav li .sjnav li{ width: 100%; float: none; font-size: 16px; background:rgba(255, 255, 255, 0.9); height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid #e5e5e5;} .nav li .ejnav li a{color: #333;font-size: 16px;} .nav li:hover .ejnav{ opacity:1; height:auto; display:block; } .nav li .ejnav li:hover{ background: #b82626;} .nav li .ejnav li:hover:before{ display: none;} .nav li .ejnav li:hover a{ color: #fff;} .nav li .ejnav li .sjnav{opacity:0; height: 0; position: absolute; right:-100%; top: 0; overflow: hidden; width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;} .nav li .ejnav li .sjnav li{background: #333;} .nav li .ejnav li:hover .sjnav{opacity:1; height:auto; } .nav li .ejnav li .sjnav li:hover{ background: #666;} /*手机导航*/ .head_r{ float:right; padding-top:8%; } #navbg{ position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);left: 0;top: 0;display: none;z-index: 999;} .mob_nav{position: fixed;right:-85%;top: 0;z-index: 999;background: #970707;width: 80%;height: 100%;box-shadow: -5px 0 13px rgba(0,0,0,.43); overflow-y: auto;} .mob_nav li:last-child{border-bottom:0} .mob_top{height: 45px;line-height: 45px;padding: 0 15px;background:#970707; background-size: 100%;} .mob_top .link_l{ float: left; color: #fff;} .mob_nav .colsebtn{ text-align: right;height:25px;margin-top:6px; float: right; cursor: pointer;} .mob_nav .colsebtn img{width: 25px; height:25px;} .mob_nav li a{ display:block; color:#fff; } .js_mob{padding:10px 12px;} .search-input{ background: #fff;} .search-input:after{visibility:hidden; display:block; content:""; clear:both} .search_m{width: calc(100% - 100px);height:38px;line-height:38px;background:transparent;padding: 0 10px;float: left;} .search_mbtn{height: 36px;float: right;} .mob_list li{line-height:60px;font-size:18px;text-align: left;text-indent:20px;position:relative;cursor:pointer;border-bottom: 1px solid #7d1818;} .mob_list li a{ color:#fff; width:85%; display:block} .mob_list li i{ display:block; width:50px; height:60px; z-index:122; position:absolute; right:0px; top:0px; background:url(../images/jtx.png) center center no-repeat; background-size:17px} .mob_list li i.icon{background:url(../images/jts.png) center center no-repeat; background-size:17px} .mob_list li .ul_ejnav{ display:none} .mob_list li .ul_ejnav li{width:100%;border-bottom: 1px solid #7b2020; padding-left:15px;line-height:60px;font-size:16px;background:#8a2323;} .mob_list li .ul_ejnav li:last-child{ border-bottom: 0;} .mob_list li .ul_ejnav li a{ width:100%;} .open{right:0} .banner{width: 100%; position: relative;} .swiper-container {width: 100%; height: 100%; } .swiper-slide { text-align: center;font-size: 18px;background: #fff; display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center; align-items: center;} .banner .more{ width: 70px; height: 30px; line-height: 30px; text-align: center; color: #333; font-size: 14px; position: absolute; bottom:21px; left: 51%; background: #fed100; z-index: 5;} .banner .slick-slide img{ width: 100%;} .banner ul.slick-slider button.slick-prev{ left: 3%;position: absolute; top: 50%; z-index: 99; width: 50px; height:55px; margin-top:-25px; background: url(../images/lbjt.png) no-repeat 16px 0px; font-size: 0; cursor: pointer;} .banner ul.slick-slider button.slick-next{ right: 3%;position: absolute; top: 50%; z-index: 99; width: 50px; height: 55px; margin-top:-25px; background: url(../images/lbjt.png) no-repeat -78px 0px; font-size: 0; cursor: pointer;} .banner ul.slick-slider button.slick-prev:hover{ background: url(../images/lbjt.png) no-repeat 16px -58px;} .banner ul.slick-slider button.slick-next:hover{background: url(../images/lbjt.png) no-repeat -78px -58px;} .banner ul.slick-slider .slick-dots{ position: absolute; bottom:25px; text-align: center; left: 0; right: 0; z-index: 3;} .banner ul.slick-slider .slick-dots li{ display: inline-block; width:10px;height: 10px;border-radius: 100%;background: #fff; margin: 0 5px;cursor: pointer;} .banner ul.slick-slider .slick-dots li.slick-active{ background: #fed100;} .banner ul.slick-slider .slick-dots li:last-child{ margin-right: 100px;} .banner .more:before { display: block;content: "";width: 1px;height: 14px;background: #fff;left: -15px;position: absolute;top: 9px;} .banner .pagination {bottom:25px;position:absolute; text-align: center; width: 100%; } .banner .pagination .swiper-pagination-switch{ font-size: 0; vertical-align: middle; display: inline-block; background: #fff; border-radius:10px; width:10px; height: 10px;cursor: pointer; opacity: 1;margin: 0 6px;} .banner .pagination .swiper-active-switch{background: #9b0d14;} .banner .slick-prev{ width: 64px; height: 64px; border: 1px solid #fff; border-radius: 100%; background: url(../images/prevbtn.png) no-repeat center center; position: absolute; left: 5%; top: 50%; margin-top: -32px;z-index: 3; cursor: pointer;} .banner .slick-next{ width: 64px; height: 64px; border: 1px solid #fff; border-radius: 100%; background: url(../images/nextbtn.png) no-repeat center center;position: absolute; right: 5%; top: 50%; margin-top: -32px;z-index: 3; cursor: pointer;} /*学院新闻*/ .s_work{ width:49%; float: left; background: #fff;} .newsbox{ width: 100%; padding:50px 0; background: url(../images/biglogo.png) no-repeat left bottom;} .tit{ position: relative; margin-bottom:20px;} .tit h1{ float: left; font-size:27px; color: #333; font-weight: bolder;} .tit h1 p{font-size: 18px;color: #999;font-weight: 100;} .tit h1 i{ display: inline-block; width: 50px; height: 50px; background: url(../images/titicon.png) no-repeat;vertical-align: middle;} .tit h1 i.tit_s{ background-position:0 8px;} .tit h1 i.tit_z{ background-position:-94px 8px;} .tit h1 i.tit_g{ background-position:-199px 6px;} .tit h1 i.tit_c{ background-position:-294px 7px;} .tit h1 i.tit_o{ background-position:-377px 8px;} .tit h1 i.tit_l{ background-position:-479px 0px;} .tit h1 em{ color: #666; font-size: 16px; margin-left: 15px;} .tit .more{ width: 120px; height: 35px; line-height:30px; color:#94070a ; background: url(../images/morebg.png) no-repeat left top; border: 1px solid #94070a; position: absolute; right: 0; top:4px; padding-left:31px; } .tit .more:hover{color: #fff; background:#94070a ;} .tit .more i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; -webkit-transition: all .5s;transition: all .5s;} .tit .more:hover i{ margin-right: 0;} .newspic{ } .newspic .slick-slide{ position: relative; background: #fff;overflow: hidden; } .newspic li .npic{padding-top:56.1%; position: relative; overflow: hidden;} .newspic li img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all .5s;transition: all .5s;} .newspic li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .newspic li .n_tit{font-size:16px; display: block; margin:10px 20px 0 20px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .newspic li .n_tit a h1{ font-size: 16px; color: #333; font-weight: bold;} .newspic li .n_tit a p{ line-height: 26px; font-size: 14px; color: #999; margin-top: 10px;} .newspic li{ position: relative;} .newspic li .n_date{ width:92px; height:81px; position: absolute; left:0px; bottom:0px; z-index: 9; background: #ca1e2b; } .newspic li .n_date span{ font-size:20px; position: absolute; top:4px; left:8px;} .newspic li .n_date p.month{ font-size:28px; color: #fff; font-weight: 100; padding-top: 10px; text-align: center;} .newspic li .n_date p.month em{ display: block; text-align: right; font-size:18px; line-height: 9px;} .newspic li .n_date p.n{ font-size: 14px; text-align: center; color: #fff; line-height:22px;} .newspic ul.slick-slider button{} .newspic ul.slick-slider button.slick-prev{ right:80px;position: absolute;bottom: 18px;z-index: 99;width: 12px;height: 19px;/* margin-top:-25px; */font-size: 0;cursor: pointer;} .newspic ul.slick-slider button.slick-next{ right: 20px;position: absolute;bottom: 18px;z-index: 99;width: 12px;height: 19px;/* margin-top:-25px; */font-size: 0;cursor: pointer;} .newspic ul.slick-slider button.slick-prev:before{position: absolute;left: 0;content: "";width: 1px;height: 12px;right: 0;top: 0px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;} .newspic ul.slick-slider button.slick-prev:after{position: absolute;left: 0;content: "";top: 8px;right: 0;width: 1px;height: 12px;background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;} .newspic ul.slick-slider button.slick-next:before{position: absolute;content: "";width: 1px;left: 4px;top: 8px;height: 12px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;} .newspic ul.slick-slider button.slick-next:after{position: absolute;top: 0;content: "";right: 6px;width: 1px;height: 12px;background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;} .newspic ul.slick-slider .slick-dots{position: absolute;bottom: 17px;text-align: right;right:15px;z-index: 3;} .newspic ul.slick-slider .slick-dots li{display: inline-block;width:20px;margin: 0 3px;height:20px; background: #ddd; text-align: center;} .newspic ul.slick-slider .slick-dots li.slick-active{background: #226fb8; color: #fff;} .newslist{padding: -1px 25px;} .newslist dt{ border-bottom:3px solid #005151;padding-bottom:20px; border-bottom: 1px dashed #dfdfdf; margin-bottom:13px;} .newslist dt h1{ font-size: 21px; font-weight: bold; line-height: 40px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;} .newslist dt h1 a{color: #a80000;} .newslist dt h1:hover{ text-decoration: underline;} .newslist dt p{ line-height: 24px; font-size:15px; color: #666;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;overflow: hidden;} .newslist li:after,.notice li:after,.newsbox:after,.activity li:after,.list li:after{visibility:hidden; display:block; content:""; clear:both} .newslist li{line-height:26px;padding: 9px 0;padding-left: 27px;background: url(../images/hsj3.png) no-repeat 8px center;} .newslist li h1{float: left;font-size: 16px;font-weight: bold;width: calc(100% - 80px);display: block;height:26px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;} .newslist li span.date{color:#999; float: right; font-size: 14px;} .newslist li:hover{} .newslist li:hover h1 a,.newslist li:hover .date,.newspic li .n_tit a:hover h1{color: #ca1e2b; } /*通知公告*/ .noticebox{width:48%; float: right;background: #fff;} .notice{ border-top: 4px solid #ca1e2b;} .notice li{background: #fff;position: relative;padding: 6px 0;border-bottom: 1px solid #e5e5e5;} .notice li a{ display: table;} .notice li h1{font-size: 16px;color: #333;/* min-height: 60px; */display: table-cell;vertical-align: middle;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;padding-left: 10px;line-height:48px;font-weight: bold;} .notice li .date{font-size: 16px;display:table-cell;vertical-align: middle;width:76px;height: 48px; background: #ca1e2b;} .notice li .date span{ color: #666; display: block; text-align: center; font-size:12px;line-height:32px;} .notice li .date p{ font-size:18px;font-weight: bold; text-align: center; color: #fff;} .notice li:hover .date{ background: #ea9425;} .notice li:hover .date span,.notice li:hover .date p{color:#fff} .notice li:hover a h1{ color:#ca1e2b ;} /*资源共享*/ .share{width: 100%; background: url(../images/zybg.png) no-repeat center center #eee;} .share_tit{ width: 45%; float: left; padding-top:10%;} .share_tit h1{color: #ffffff;font-size: 54px;text-transform:Uppercase;} .share_tit p{ font-size: 28px; color: #fff; margin-top: 20px;} .share_tit .more{width: 120px; height: 35px; line-height:30px; color:#fff ; background: url(../images/morebg02.png) no-repeat left top; border: 1px solid #fff; display: block; padding-left:31px; margin-top: 30px;} .part{width: 53%; float: right;} .video{ padding-top:65%; position: relative; background: #000;} .video video{position:absolute;top:50%;left:50%;display:block;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;max-height:100%; opacity: 0.5;} .video .icon{position:absolute;width:53px;height:53px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../images/iconl21.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover; cursor: pointer;} .videobox .title{ position: absolute; left: 0; bottom: 0; background: #94070a; color: #fff; padding: 0 30px; font-size: 24px; height: 55px; line-height: 55px; border-top-right-radius:27.5px; border-bottom-right-radius:27.6px} .videobox .title span{ font-size: 14px;text-transform: uppercase;} /*专题网站*/ .specialbox{ width: 100%; background: #eee; padding:50px 0;} .specialbox .rowbox{position: relative;} .tit_h{background: url(../images/ztbg.png) no-repeat; background-size: cover; width: 112px;position: absolute; top: 0; text-align: center; bottom: 0;} .tit_h h1{font-size: 28px;vertical-align: middle;display: table;color: #fff;text-align: center;width: 100%;height: 100%;} .tit_h h1 span{display: table-cell;vertical-align: middle;text-align: center;} .special{width: calc(100% - 125px); float: right;} .special .slick-slide{margin: 0 10px;} .special .slick-slide li a{display: block; padding-top:38.9%; overflow: hidden; position: relative;} .special .slick-slide li a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;} .special .slick-slide li a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .special .slick-dots{text-align:center;position: absolute;left: 0;right:0;bottom: -32px;text-align: center;} .special .slick-dots li{ display:inline-block; width:10px;height:10px;border-radius:100%; background:#fff; margin:0 5px} .special .slick-dots li.slick-active{ background:#b9010c} .parth{ background: url(../images/lou.png) no-repeat right bottom #fff; position: relative; padding:80px 0; } .parth:after{content: ""; display: block; position: absolute; left: 0; top: 30%; background: url(../images/xshan.png) no-repeat left 0; width: 314px; height: 438px;} .item01{width: 31%; float: left; background: #ba2f3b; position: relative; z-index: 4;} .item01 a{ display:block; padding-top: 137%; overflow: hidden; position: relative; } .item01 a img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;} .item01 a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .item01 a h1{position: absolute; left: 0; bottom: 0; right:0; height: 30%;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 1)',GradientType=0 ); /*兼容IE5-IE9*/} .item01 a h1 span{position:absolute; left:10%; bottom:15%; line-height:30px; display: block; font-size: 24px;color: #fff;} .item02{ float: left; margin: 0 3.5%; width: 31%; position: relative; z-index: 5;} .item02 .red_box{padding-top: 63%;overflow: hidden;position: relative;/* background: #ba2f3b; */} .item02 .kb{/* display: table; */text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;bottom:0px;} .item02 .kb a{width:100%;} .item02 .kb a img{width:100%;height: 100%;} .item02 a i{ display: inline-block; width:75px; text-align: center; line-height: 70px; height: 70px;} .item02 a p{ font-size: 24px; color: #fff; margin-top: 10px;} .item02 .blue_box{padding-top: 63%;overflow: hidden;position: relative;/* background: #0684b2; */margin-top: 48px;} .item02 .red_box:hover,.item02 .blue_box:hover{ opacity: 0.9;} .item03{float: right; width: 31%;} .item03 .pic_t{display:none;margin-top: -53px;} .item03 .pic_t a{display:block;padding-top:63%;overflow: hidden;position: relative;} .item03 a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all .5s;transition: all .5s;} .item03 a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .item03 a h1{position: absolute; left: 0; bottom: 0; right:0; height: 30%;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 1)',GradientType=0 ); /*兼容IE5-IE9*/} .item03 a h1 span{position:absolute;left:10%;bottom:20%;line-height:30px;display: block;font-size: 24px;color: #0a0a0a00;} .item03 .txt{height: 53px;cursor:pointer;line-height:53px;background:#F8F8F8;text-align: center;font-size: 16px;color: #333;font-weight: bold;} .item03 .txt:nth-child(3){ background:#ECECEC} .item03 .txt:nth-child(7){ background:#ECECEC} .item03 .txt:nth-child(11){ background:#ECECEC} .item03 .txt:last-child{ background: #dfe0e2;} .item03 .txt:hover{ background: #ba2f3b;} .item03 .txt:hover { color: #fff;} /*底部信息*/ .footer{width: 100%;background: #970707;padding:30px 0;} .footer p{ color: #fff; line-height: 30px;} .foot_top{ padding-top: 30px; padding-bottom: 20px;} .visit{ float: left; padding-top: 15px;} .footlogo{float: left;width:33.3333%;text-align: left;/* border-left: 1px solid #fff; *//* border-right: 1px solid #ffffff; */margin-top: 15px;} .footlogo a{display: block;/* border-left: 1px solid #ffffff; *//* border-right: 1px solid #970707; */padding: 0 30px;} .footlogo img{ max-width: 100%;} .foot_link{ float: left; width:33.333%; padding-right: 3%; margin-top: 32px;} .input_link{background: #970707;height: 50px;line-height: 50px;width: 290px;border: 1px solid #e5e5e5;position: relative;} .input_link i{ width: 40px; height: 50px; background:url(../images/jtxl.png) no-repeat center center; position: absolute; right: 0; top: 0; cursor: pointer;} .input_link a{color: #fff;padding: -1px 15px;/* margin: 0 60px; */text-align: center;} .input_link ul{min-height: 75px;overflow-y: auto;background: #353535;border: 1px solid #4e4e4e;border-top: 0;position:absolute;top: 50px;left: 0;right: 0;display: none;max-height: 140px;} .input_link ul li{ line-height: 35px;} .input_link ul li a{ display: block;} .input_link ul li:hover{ background: #434343;} .ewm{ float: right; width:33.333%; text-align: right; color: #fff;} .ewm span{display: inline-block;/* width: 81px; */text-align: center;margin-right: 53px;} .ewm img{width: 86px;height: 86px;} .ewm p{color: #fff;} .adr{ float: left; width:33%; padding: 0 5%;} .adr p{font-size: 16px;color: #fff;} .foot_bt{padding:20px 0;border-top: 1px solid #f70a0a;background: #970707;} .foot_bt p{font-size: 12px;color: #fff;line-height:26px;text-align: center;} /*右侧悬浮导航*/ .rightnav{ position: fixed; right: 0; top: 50%;width: 100px; border: 1px solid #e5e5e5; z-index: 9; background: #fff;transform: translateY(-50%);} .rightnav li{width: 100%;border-bottom: 1px solid #e5e5e5;padding: 10px 0;} .rightnav li a{ display: block; text-align: center; color: #333; font-size: 12px;} .rightnav li a i{ display:block; width: 45px; height: 43px; margin: 0 auto; background: url(../images/icon.png) no-repeat center center; background-size:200%} .rightnav li a p{ font-size: 12px; color: #333; margin-top: 5px;} .rightnav li a i.icon01{ background-position: 0 0;} .rightnav li a i.icon02{background-position: 0 20%;} .rightnav li a i.icon03{background-position: 0 39%;} .rightnav li a i.icon04{background-position: 0 60%;} .rightnav li a i.icon05{background-position: 0 79%;} .rightnav li a i.icon06{background-position: 0 100%;} .rightnav li:hover{ background: #ca1e2b;} .rightnav li:hover a p{ color: #fff;} .rightnav li:hover i.icon01{ background-position:right 0;} .rightnav li:hover i.icon02{ background-position:right 20%;} .rightnav li:hover i.icon03{ background-position:right 39%} .rightnav li:hover i.icon04{ background-position:right 60%;} .rightnav li:hover i.icon05{ background-position:right 79%;} .rightnav li:hover i.icon06{ background-position:right 100%} /*内页banner*/ .sban{ width: 100%; position: relative; overflow: hidden; text-align: center;} .sban img{ width: 100%;} .sban .banimg2{ display: none;width: 100%;height: 100%;} .head{ position: absolute; top: 0; left: 0; background: rgba(10, 19, 46, 0.8); width: 100%;} /*列表页*/ .conbox{padding: 20px 0;} .meun{ width:260px; float:left; position: relative; z-index: 2; background:url(../images/meunbg.png) no-repeat center bottom #a22222; padding-bottom:90px ;} .meun02{ display: none;} .meun .dt{width:100%;color:#fff;font-size: 18px;font-weight:bold;padding: 20px;position: relative;background: #a22222;} .meun .dt i{width: 30px;height: 40px;position:absolute;right: 15px;top: 16px;background: url(../images/you2.png) no-repeat center center;display: none;} .meun .dt i.on{background: url(../images/ixa2.png) no-repeat center center;} .meun .dt p{ font-size: 12px;text-transform: Uppercase; margin-top: 10px; color: #fff; font-weight: normal;} .meun dd{ width:95%; background:#fff; text-align:center;line-height:65px; font-size:18px; margin: 0 auto; position: relative;} .meun dd i.on{background: url(../images/ixa.png) no-repeat center center;} .meun dd a{ display: block; text-align: left; padding-left: 20px;border-bottom:1px solid #e5e5e5;} .meun dd i{ display:block; width:40px; height:65px; z-index:122; position:absolute; right:0px; top:0px; cursor: pointer;background: url(../images/you.png) no-repeat center center;} .meun dd i.icon{ background-position: 0px -10px;} .meun dd ul{ display:none} .meun dd ul li{ width:100%; border-bottom:1px solid #e5e5e5; line-height:50px; font-size:16px;} .meun dd ul li a{ width:100%; border-bottom: 0; padding-left:30px; -webkit-transition: all .5s;transition: all .5s; } .meun dd:hover{ background: #faf2f2;}.meun dd:hover ul li a{ background: #fff; } .meun dd:hover ul li a:hover{ color: #a22222; padding-left:40px;} .listing{ width:calc(100% - 350px); float:right;} .location{padding: 19px 0px;text-align: left;color: #666;} .location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both} .location h1{ float:left; font-size:24px; background: url(../images/lmicon.png) no-repeat left center; padding-left: 15px;} .location span{ float:right; color:#666; font-size:14px; line-height:31px; background: url(../images/wzicon.png) no-repeat left 8px; padding-left: 20px;} .location a{color:#666; } .location a:hover{color:#970707; } .listing_w{ width: 100%;} /*新闻列表*/ .newlist li{padding: 5px 0;border-bottom:1px solid #e5e5e5;} .newlist li a{ display: table;} .newlist li:last-child{border-bottom:none} .newlist li a .date{width: 112px;height: 50px;text-align: center;background: #f4ecec;padding-top: 5px;line-height:32px;color: #999;display: table-cell;vertical-align: middle;} .newlist li a .date i{display: inline-block;font-size: 20px;color: #970707;/* font-weight: bold; */} .newlist li a .date p{ font-size: 14px;color: #970707;} .newlist li a h1{ font-size:16px; padding-left: 20px; line-height:32px; display: table-cell; vertical-align: middle;overflow:hidden; color: #303030;} .newlist li:hover a h1{color:#a12121; font-weight: bold;} /*教学科*/ .part_a{background:url(../images/bs.png) no-repeat right bottom #fff;padding: 10px;} .titb h1{ display: inline-block; padding: 0 25px;height: 48px;line-height: 48px; background: #970707; color: #fff; position: relative; font-size: 20px;} .titb h1:after{ content: ""; display: block; position: absolute; right: -35px; top: 0; width: 35px; height: 48px; background: url(../images/titibe.png) no-repeat;} .part_a .content { margin-top: 20px;} .part_a .content p{ font-size: 16px; color: #666; line-height:30px;} .part_a .content span{font-size: 16px!important;color: #000!important;line-height: 30px!important;} .leader li{margin-top: 10px;background:#fff;} .leader li .photo{width: 150px;float: left;} .leader li .photo span{ display: block; padding-top: 143%; overflow: hidden; position: relative;} .leader li .photo span img{ position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s;transition: all .5s;} .leader li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .leader li:after,.news02 ul li:after{visibility:hidden; display:block; content:""; clear:both} .intro{ overflow: hidden; padding: 30px;} .intro h1{ font-size: 18px; color: #333; font-weight: bold; position: relative;padding-top: 20px;} .intro h1:before{content: "";display: block;width: 50px;height: 2px;position: absolute;top: 0;left: 0;/* background:#ba2d35; */} .intro h1 span{ margin-left: 15px; font-size: 18px; color: #666; font-weight: normal;} .intro p{ font-size: 15px; color: #999; line-height: 30px; margin-top: 20px;display: block;max-height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;} /*新闻二级列表*/ .news02 .location{text-align: left;border-bottom: 1px solid #e5e5e5;font-size: 18px;} .news02 ul li{padding: 10px;} .news02 ul li .picb{ width:25%; float: left;} .news02 ul li .picb span{display: block; padding-top:63.1%; overflow: hidden; position: relative;} .news02 ul li .picb span img{position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s;transition: all .5s;} .news02 ul li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .news02 ul li .textb{ padding: 20px 0 20px 35px; overflow: hidden;} .news02 ul li .textb h1{ font-size: 18px; color: #333; font-weight: bold;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden;} .news02 ul li .textb p{ font-size: 14px; color: #999; line-height: 30px;display: block;max-height:60px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;} .news02 ul li .textb p.date{color: #970707; padding-left: 30px; background: url(../images/timeicon.png) no-repeat left 5px; margin: 15px 0;} .news02 ul li:hover{ background: #970707;} .news02 ul li:hover h1,.news02 ul li:hover p{ color: #fff;} .news02 ul li:hover p.date{ background: url(../images/timeicon.png) no-repeat left -34px; color: #fff;} /*图片列表*/ .piclist li{ float: left; width: 32%; margin-right: 2%; margin-top: 20px;} .piclist li:nth-child(3n){ margin-right: 0;} .piclist li .pic{ padding: 5px; border: 1px solid #e5e5e5;} .piclist li .pic span{display: block; overflow: hidden; position: relative; padding-top: 70.2%;} .piclist li .pic span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;} .piclist li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .piclist li h1{ font-size: 16px; padding: 10px 0; display: block; max-height: 63px; border-bottom: 1px solid #e5e5e5;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;} .piclist li a.more{ width: 92px; height: 28px; border: 1px solid #e5e5e5; text-align: center;line-height: 28px; color: #666; display: block; margin-top: 10px;} .piclist li a.more:hover{ background:#226fb8 ; color: #fff;} /*简介页*/ .introbox{padding-top: 20px;min-height: 455px;} .introbox p{ line-height:30px; font-size: 16px; color: #333; margin-bottom: 10px;} .introbox h1{ text-align: center; font-size:24px; font-weight: bold ; color: #333;} .introbox p img{ max-width: 100%;} .line{ margin: 15px 0; height: 1px; width: 100%;border-bottom: 1px dashed #dddddd;} .page{ margin-top: 30px;border-top: 1px solid #e5e5e5; padding-top: 20px;} .pr{ text-align: center; margin-top: 20px;} .pr span{ display: inline-block; margin: 0 15px; color:#999;} /*检索结果页面*/ .result{ padding:20px;} .tj p{ font-size: 18px; font-weight: bold; color: #333; line-height: 35px;} .tj p em{ font-style: italic; color: #b82626; font-size: 24px;} .result li{ padding: 15px 0 15px 0px;line-height:30px; position: relative; border-bottom: 2px dashed #e4e4e4;} .result li:after{visibility:hidden; display:block; content:""; clear:both} .result li a{ display: block;} .result li span{ } .result li h1{ font-size: 18px; color: #333; font-weight: bold; line-height: 35px; width: calc(100% - 120px);} .result li p{ font-size: 14px; color: #999; width: calc(100% - 120px);} .result li:hover span,.result li:hover h1{ color: #b82626;} @media only screen and (max-width:1400px){ .rightnav li{ padding:10px} .rightnav li a i{ width:35px; height:33px} .notice li h1{ font-size:15px} } @media only screen and (max-width:1024px){ .rightnav{ display: none;} .navbg{ display: none;} .meun_icon{ display: block;} .logo_l{ float: none; text-align: center; padding-top: 0;} .logo_l span{ font-size: 26px;} .headr{ display: none;} .topbox{ display: block;} .s_work{ float: none; width: 100%;} .noticebox{ float: none;width: 100%; margin-top: 20px;} .recruit li .date{ font-size: 24px;} .tit h1{ font-size: 22px;} .share_tit{ padding-top: 7%;} .share_tit h1{ font-size: 40px;} .item02 a i{ width: 55px; height: 50px;} .item02 a i img{width: 100%;} .item02 a p,.item01 a h1 span,.item03 a h1 span{ font-size: 18px;} .parth:after{ display: none;} .foot_link{ clear: both; margin-top:25px; width: 50%;} .footlogo{ width: 50%;} .ewm{padding-top: 20px;float: none;text-align: center;width: 100%;clear: both;padding-left: 44px;} .item01{ width: 46%;} .item02{ width: 46%; float: right; margin-right: 0;} .item02 .blue_box{ margin-top: 10%;} .item03{ width: 100%; clear: both; margin-top: 20px;} .foot_bt ul{ margin-top: 15px;} .adr p{ font-size: 14px;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #666; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; } .piclist li h1{ font-size: 14px;} .piclist li a{font-size: 14px;} .result li h1,.result li p{width:100%;} .result li:hover .eye{ opacity: 0;} .result li span{ font-size: 20px;} .result li h1{ font-size: 16px; line-height: 26px;} .result li p{ font-size: 14px; line-height: 26px;} .news02 ul li .textb{ padding: 0; padding-left: 25px;} .news02 ul li{ padding: 20px;} .news02 ul li .textb p.date{ margin: 5px 0;} } @media only screen and (max-width:959px){ } @media only screen and (max-width:768px){ .logo_l span{ font-size: 24px;} .newspic{ width: 100%; float: none;} .newslist{width: 100%; float: none; margin-top: 20px; padding-left: 0;} .share{background: url(../images/zybg.png) no-repeat center top;} .share_tit,.part{ float: none; width: 100%;} .share_tit h1{ float: left;} .share_tit p{ overflow: hidden;line-height: 52px; margin-top: 0; padding-left: 30px;} .share_tit .more{margin-top: 50px;margin-bottom: 15px;} .tit_h h1{ font-size: 22px;} .recruit li{ width: 100%; margin: 0; float: none; margin-top: 20px;} .sban img{width: 150%;margin-left: -60px;} .meun{ float: none; width: auto; background-size: 100%; padding-bottom:0px;} .pdbt{ padding-bottom: 65px;} .meun .dt i{ display: block;} .meun dl{ display: none;} .listing{ float: none; width: auto; margin-top:20px;} } @media only screen and (max-width:640px){ .logo_l img{ width:80%;} .logo_l span{ font-size:19px;} .special{width: calc(100% - 85px);} .banner .slick-next,.banner .slick-prev{ width: 40px; height: 40px; margin-top: -20px;} .parth{ padding: 40px 0;} .tit .more{ top: 0;} .tit_h{ width:84px;} .tit_h h1,.notice li h1{ font-size: 16px;} .foot_top{ padding-top:0 ;} .foot_link{ text-align: center;} .foot_link .input_link{ display: inline-block;} .footlogo, .adr, .foot_link, .ewm{width: 100%;border: 0;} .footlogo a{border: 0;} .adr{ padding: 0; padding-top: 15px;} .location span,.location h1{ display: block; float: none;} .piclist li{ width: 49%;} .piclist li:nth-child(3){margin-right:2%;} .piclist li:nth-child(2n){margin-right: 0;} .piclist li h1{ max-height: 59px;} } @media only screen and (max-width:414px){ .logo_l span{ font-size: 16px; border-left: 0;} .link a{padding: 0 5px;} .share_tit h1{ font-size: 30px;} .share_tit p{line-height: 42px;font-size: 22px;} .foot_bt ul li{ margin-left: 6px;} .foot_bt ul li i{ width: 45px; height: 45px; line-height: 45px; margin-right: 5px;} .foot_bt ul li i img{ width: 20px;} .leader li .photo{ width: 152px;} .news02 ul li{ padding: 15px;} .news02 ul li .picb{width: auto; float: none;} .news02 ul li .textb{ padding-left: 0; margin-top: 15px;} .introbox h1{ font-size: 20px;} } @media only screen and (max-width:320px){ .logo_l span{ font-size: 15px;} .logo_l span{ padding: 8px;} .item02 a i{width: 35px;height: 30px;} } .contentbox ul li:hover{ background:transparent; color:#970707; } .contentbox ul li:hover a{ color:#970707; }