.cen-w{width: 1226px;margin: 0 auto;position: relative;height: 100%; min-width: 1266px;} /*头部*/ .logo-wrap{width: 100%;min-width: 1266px;height: 188px;background: url(../images/logo-bac.png) no-repeat;background-size: 100% 100%;} .logo-wrap img{height:94px ;position: absolute;top: 15px;left:40px;bottom: 0;margin: auto;} /*导航*/ .nav {width: 100%;min-width: 1266px;background: #a02327;height: 80px;line-height: 80px;font-size: 18px;} .nav li{text-align: center; position: relative; width: 11.11%;display: block;float: left;} .nav li a{color: #fff;display: block;} .nav-hide {opacity: 0;font-size: 16px; background:#a02327; position: absolute; top: 80px; left: -18px; right: 0; margin: auto; width: 130%; line-height: 40px; transition: all 0.3s; transform: translate(0, 20px); visibility: hidden; z-index: 666;} .nav-hide p {line-height: 60px;width: 100%;} .nav-hide p:hover { background: rgba(221, 221, 221, 0.3);} .nav li:hover .nav-hide { opacity: 1; transform: translate(0, 0); visibility: visible; z-index: 2;} /*banner*/ .banner{width: 100%!important;min-width: 1266px;} .banner img{width: 100%;height:560px;} .banner .swiper-slide {background-position: center !important;background-size: cover !important;width: 1266px !important;height: 560px !important;} /*中部新闻*/ .news-wraps{margin-top: 15px; width: 100%;background: url(../images/news-bac.jpg);background-size: 100% 100%;} .xykx-wrap{width: 794px;float: left;} .hist-wrap{margin-bottom:28px; width: 100%;height: 60px;line-height: 60px; border-bottom: 1px solid #d2d2d2;} .hist-wrap p:nth-child(1){float: left;font-size: 24px;color: #333333;} .hist-wrap p:nth-child(1) span{font-size: 16px;display: block;float: left;margin-right: 13px;} .hist-wrap p:nth-child(2){float: right;color: #d2d2d2;} .hist-wrap p:nth-child(2) a{color: #d2d2d2;} /*学院快讯图文*/ .xykx-pic-wrap{width: 400px;height: 300px;float: left;} .xykx-pic .swiper-slide{width: 100%;height: 300px;position: relative;} .xykx-pic .swiper-slide img{height: 300px !important;min-width: 400px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .xykx-pic .swiper-slide div{width: 100%;height: 38px;background: rgba(0,0,0,0.7);line-height: 38px;color: #fff;font-size: 17px;text-align: center;position: absolute;bottom: 0;left: 0;} .xykx-pic .swiper-slide:hover img{transform: scale(1.2);} .xykx-list{width: 370px;float: right;} .xykx-list li{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;background: url(../images/icon2.jpg) no-repeat 0 center;margin-bottom: 9px;padding-left: 15px; line-height: 35px;width:100%;height:35px;font-size: 16px; } .xykx-list a p:nth-child(1){color: #333333;float: left;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .xykx-list a p:nth-child(2){color: #999999;float: right;} .xykx-list li:hover{background: url(../images/icon1.jpg) no-repeat 0 center;} .xykx-list li:hover a p:nth-child(1){color: #a02327;} .xykx-list li a{display: block;width: 100%; height: 100%;} /*通知公告*/ .tzgg-wrap{width: 400px;float: right;} .tzgg-list{width: 100%;} .tzgg-list li{margin-bottom: 20px; width: 100%;height: 60px;} .tzgg-list li a{width: 100%;height: 60px;display:block;} .tzgg-list li p:nth-child(1){-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;float: left; text-align: center; width: 60px;height: 60px;border-radius: 5px;color: #fff;background: #a02327;line-height: 42px;font-size: 20px;} .tzgg-list li p:nth-child(1) span{font-size: 12px;display: block;line-height: 1px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .tzgg-list li p:nth-child(2){width: 324px; float: right;color: #333333;font-size: 16px;} .tzgg-list li:last-child{margin-bottom: 0;} .tzgg-list li:hover p:nth-child(2){color: #a02327;} /*师资*/ .sz-list{margin-top: 40px; padding: 20px 0;box-sizing: border-box; width: 100%;height: 195px;border-top: 1px solid #bfbfbf;border-bottom:1px solid #bfbfbf ;} .sz-list li{float: left; width: 103px;margin-right: 21px;} .sz-list li:last-child {margin-right: 0;} .sz-list li img{width: 103px;height: 103px;border-radius: 50%;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .sz-list li p{margin-top: 26px; color: #333333;font-size: 18px;text-align: center;} .sz-list li:hover img{filter: brightness(130%); -webkit-animation-name:hover-sz; animation-name:hover-sz; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-animation-iteration-count:1; animation-iteration-count:1} @-webkit-keyframes hover-sz{33.33%{ transform: rotate(10deg); -webkit-transform: rotate(10deg);} 66.66%{transform: rotate(-10deg);-webkit-transform: rotate(-10deg);} 100%{ transform: rotate(0);-webkit--transform: rotate(0); }} /*切换新闻*/ .qh-wrap {margin-top: 40px;height:300px;} .djgz-wrap{width: 48.5%;float: left;} .qh-wrap .djgz-wrap:nth-child(2){float: right;} .djgz-list{width: 100%;} .djgz-wrap .hd .hist-wrap p{cursor: pointer;text-align: center;} .djgz-wrap .hd .hist-wrap p:nth-child(1){width: 136px;color: #999999;padding: 0 10px;box-sizing: border-box;} .djgz-wrap .hd .hist-wrap .on p:nth-child(1){color: #333333;background: #dcdcdc;border-radius: 3px 3px 0 0;} .djgz-wrap .hd .hist-wrap p:nth-child(1) span{margin-right: 0;} .djgz-wrap .hd .hist-wrap p:nth-child(2){display: none;} .qh-wrap .hist-wrap{margin-bottom: 14px;} .djgz-wrap .hd .hist-wrap .on p:nth-child(2){display: block;} /*快捷通道*/ .kjtd-wrap{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;} .kjtd-wrap li{width: 390px;float: left;overflow: hidden;} .kjtd-pic{height: 250px;width: 390px;display: block;overflow: hidden;} .kjtd-pic img{display: block;height: 100%;min-width: 390px;-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;} .kjtd-pic:hover img{transform: scale(1.2);} /*底部*/ footer{background: #6a0002;width: 100%;min-width: 1266px;height: 178px;padding: 24px 0;box-sizing: border-box;margin-top: 44px;} .icon-list{width: 911px;float: left;height: 100%;} .icon-list li{padding-top: 6px;height: 100%;width: 16.6%;text-align: center;border-right: 1px solid #fff;float: left;} .icon-list img{margin-top: 7px; height:73px;display: block;margin: 0 auto;} .icon-list p{margin-top: 16px;color: #fff;font-size: 17px;} .banquan{width: 300px;float: right;color: #fff;font-size: 16px;text-align: center;padding: 38px 0;} /*------------------------------内容页---------------*/ .wrap_right_w{width: 100% !important;} .wrap_right_content { width: 80%; background: #FFFFFF; padding: 30px 20px 60px 20px; float: right; box-sizing: border-box;} .news_show_title{ width: 100%; line-height: 50px; font-size: 20px; color: #333333; text-align: center; font-weight: bold;} .news_show_con{ font-size: 16px; color: #4c4c4c; line-height: 26px;} .news_show_date{ width: 100%; font-size: 14px; color: #808080; text-align: center; margin-bottom: 20px;} .news_show_xyp{ width: 100%; font-size: 16px; line-height: 40px; margin-top: 30px;} .news_show_xyp a{ color: #666666; display: block; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .member_order_tit{ width: 52%; height: 50px; margin: auto; margin-top:20px;} .member_order_tit1{ width: 28px; height: 26px; margin-top: 13px;} /*-----------------------列表-*/ .news-wrap {margin-bottom: 55px;} .news-nav {width: 20%;margin-top: 20px;float: left;} .newsOn a{color: #fff!important;background: #a02327!important;} .news-nav li { font-size: 18px; color: #222; line-height: 60px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news-nav a { color: #222; display: block; width: 100%; height: 60px; } .news-nav li:hover { background: #a02327; } .news-nav li:hover a { color: #fff !important; } .news-list-wrap{ width: 78%; float: right; margin-top: 20px; } .news_list{ width: 100%; height: 190px; border-bottom:1px solid #ccc; padding: 20px; box-sizing: border-box; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .news_list:hover .news_title{ color: #a02327; } .news-list-wrap .news_list:first-child{ border: none; } .news_title{ width: 100%; font-size: 22px; color: #000000; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .news_content{ width: 100%; font-size: 16px; color: #4c4c4c; line-height: 32px; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news_date{ width: 100%; font-size: 16px; color: #808080; margin-top: 20px; } .news_show_title{ width: 100%; line-height: 50px; font-size: 20px; color: #333333; text-align: center; font-weight: bold; } .news_show_date{ width: 100%; font-size: 14px; color: #808080; text-align: center; margin-bottom: 20px; } .news_show_content{ font-size: 16px; color: #4c4c4c; line-height: 26px; text-indent: 2em; } .news_show_content1{ width: 90%; height: 400px; margin: 20px auto; position: relative; } .news_show_content1 img{ width: 100%; height: 100%; display: block; } /*二级导航*/ .list_bt { height: 65px; margin: 0 auto; margin-top: 15px; } .list_bt .lmmc { width: 20%; height: 65px; line-height: 65px; border-bottom: 3px solid #a02327; float: left; font-size: 24px; color: #444444; display: block; text-align: center; box-sizing: border-box; } .list_bt .dqwz { width: 80%; height: 65px; line-height: 65px; border-bottom: 3px solid #cccccc; text-align: right; padding-right: 15px; box-sizing: border-box; font-size: 14px; color: #444444; float: right;} .list_bt .dqwz a{ color: #444444;} .pic-list-wrap{width: 78%; float: right;margin-top: 20px;} .pic-list-wrap li{width: 25%;float: left;padding: 0 1%; box-sizing: border-box;} .pic-list-wrap li div{width: 100%;height: 262px;overflow: hidden;position: relative;} .pic-list-wrap li img{width: 100%;min-height: 262px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .pic-list-wrap li p{text-align: center;line-height: 35px;font-size: 16px;color: #222;}