* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; } /*低版本提示*/ li { list-style: none; } .ielow { margin: 8px; } .ielow h1 { font-size: 24px; margin: .67em 0; } .ielow h1 p{ margin: 1em 0; } .ielow h1 a { font-size: 16px; color: #0000ee; text-decoration: underline; } /*全局样式*/ html, body { width: 100%; margin: 0 auto; } /*= 清除浮动=*/ .clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; overflow: hidden; display: block; } .clearfix:after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0px; } :focus { outline: 0 } a, button, input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer } /* Hides from IE-mac \*/ * html .clearfix { height: 0%; } /* End hide from IE-mac */ *+html .clearfix { min-height: 0%; } /* 针对IE7 */ *+html .clearfix { min-height: 0%; } /*原文件配置*/ body { color: #333; background: #ffffff; font: 16px/30px 'Microsoft YaHei', arial, sans-serif; min-width: 320px; } @media (max-width:1199px) { body { font-size: 14px; } } @media (max-width:767px) { body { font-size: 12px; } } a { color: #000; text-decoration: none; } a:hover { color: #961323; } /*块级转化*/ .di_in { display: inline-block; } .di_no { display: none; } .di_bl { display: block; } /*原文件配置 end*/ /*横向居中*/ .te_c { text-align: center; } /*相对定位*/ .p_r { position: relative; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .flex-align-start { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: pace-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-warp { flex-flow: wrap } .flex-column { flex-flow: column } .ellipsis-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .transition { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s } img { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .img { width: 100%; height: 100%; object-fit: cover; } .container { width: 1400px; margin-left: auto; margin-right: auto; } .container11 { width: 1200px; } @media (max-width:1400px) { .container { width: 1200px; } } @media (max-width:1199px) { .container { width: 100%; padding-left: 20px; padding-right: 20px; } } @media (max-width:480px) { .container { padding-left: 10px; padding-right: 10px; } } .header { width: 100%; height: 190px; background: url(../images/head-bg.jpg)no-repeat center; background-size: cover; } .header .logo { height: 130px; } .header .logo img { height: 73px; } .header .search { width: 280px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; border: 1px #FFF solid; } .header .search input[type='text'] { background: none; padding-left: 20px; color: #FFF; } .header .search input[type='text']::placeholder { color: #FFF; } .header .search input[type='submit'] { width: 50px; background: url(../images/search.svg)no-repeat center; background-size: 20px; } .menu-btn { display: none; background: url(../images/menu.svg)no-repeat center; width: 30px; height: 30px; background-size: 100%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .menu-btn.close { background-image: url(../images/close.svg); } .nav { border-top: 1px rgba(255, 255, 255, .2) solid; height: 60px; } .nav li>a { line-height: 60px; color: #FFF; } .nav li.on a { font-weight: bold; } .nav .drop { left: -20px; top: 59px; position: absolute; transition: transform 0.2s linear, opacity 0.2s linear; -webkit-transition: transform 0.2s linear, opacity 0.2s linear; -moz-transition: transform 0.2s linear, opacity 0.2s linear; -ms-transition: transform 0.2s linear, opacity 0.2s linear; -o-transition: transform 0.2s linear, opacity 0.2s linear; transform-origin: top; z-index: 9; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); background-color: #961323; padding: 10px 20px; line-height: 2; min-width: 120px; } .nav .drop a { white-space: nowrap; color: #FFF; } .footer { background-color: #961323; color: #FFF; padding-top: 50px; } .footer a { color: #FFF; } .footer .erwma-con { width: 280px; } .footer .erwma-con .erwma { width: 130px; overflow: hidden; margin-right: 20px; } .footer .erwma-con .erwma:last-child { margin-right: 0; } .footer .erwma-con .erwma .pic { height: 130px; } .footer .erwma-con .erwma .pic img { width: 100%; } .footer .erwma-con .tit { margin-top: 10px; } .footer .info-con { margin-right: 60px; } .footer .logo img { height: 73px; margin-right: 10px; } .footer .logo span { text-transform: uppercase; font-weight: bold; color: #961323; text-shadow: 0px 0px 1px #FFF; font-size: 36px; } .footer .text:first-child { margin-right: 30px; } .copyright { border-top: 1px rgba(255, 255, 255, .2) solid; padding: 10px 20px; margin-top: 40px; } .link { padding-top: 15px; padding-bottom: 15px; } .link .title { background: url(../images/link.svg)no-repeat left 3px; font-size: 18px; font-weight: bold; color: #961323; padding-left: 30px; margin-right: 20px; } .link a { margin-right: 15px; } .link .more { margin-right: 0; color: #961323; font-weight: bold; } .bg { background: url(../images/bg.png)no-repeat center bottom; padding-bottom: 40px; } .pub-title span { font-size: 32px; font-weight: bold; color: #961323; background: url(../images/icon1.svg)no-repeat right; padding-right: 85px; } .pub-title a { position: absolute; right: 0; top: 0; border: 1px #961323 solid; color: #961323; width: 90px; line-height: 40px; } .home-news { width: 61.5%; margin-top: 50px; } .home-news .focus { width: 100%; height: 275px; background-size: auto 100%; margin-top: 30px; } .home-news .focus .pic { width: 45%; height: 280px; overflow: hidden; } .home-news .focus .text-con { background: url(../images/bg1.jpg)no-repeat center; background-size: cover; padding: 40px; color: #FFF; } .home-news .focus .tit { font-weight: bold; font-size: 18px; } .home-news .focus .des { margin-top: 15px; } .home-news .focus .date { font-size: 22px; font-weight: bold; position: absolute; left: 40px; bottom: 35px; } .home-news .focus .swiper-pagination { padding-right: 20px; justify-content: flex-end; bottom: 40px; z-index: 9; } .home-news .focus .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #FFF; opacity: .8; } .home-news .focus .swiper-pagination-bullet-active { width: 12px; height: 12px; opacity: 1; } .home-news ul { background-color: #F7F7F7; padding: 30px 25px 38px 25px; } .home-news li { width: 31%; margin-right: 3.6%; } .home-news li:last-child { margin-right: 0; } .home-news li .date { font-size: 22px; font-weight: bold; line-height: 2; padding-bottom: 5px; } .home-news li .date::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 60px; background-color: #961323; } .home-news li .tit { height: 55px; margin-top: 25px; line-height: 1.6; } .home-news li .des { color: #868686; margin-top: 15px; height: 54px; font-size: 14px; } .home-news li .more { font-size: 14px; color: #961323; margin-top: 20px; } .home-news li .more span { height: 1px; width: 30px; background-color: #961323; margin-left: 5px; } .home-news li .more span::after { content: ''; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #961323; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .home-notice { width: 34%; margin-top: 50px; } .home-notice .content { margin-top: 30px; background: #F7F7F7 url(../images/bg2.png)no-repeat center bottom; background-size: cover; padding: 35px 20px 0 40px; height: 590px; } .home-notice .item { margin-bottom: 30px; } .home-notice .item:last-child { margin-bottom: 0; } .home-notice .item .date { line-height: 30px; padding: 0 15px; background-color: #CFA972; color: #FFF; margin-left: 35px; } .home-notice .item .date::after { content: ''; width: 35px; position: absolute; left: -35px; top: 50%; background-color: #CFA972; height: 1px; } .home-notice .item .date::before { content: ''; position: absolute; left: -35px; top: 50%; background-color: #CFA972; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .home-notice .item .tit { margin-top: 15px; } .home-xueshu { margin-top: 50px; } .home-xueshu .pub-title span, .home-jianshe .pub-title span { padding-left: 85px; } .home-xueshu .pub-title span::before, .home-jianshe .pub-title span::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon1.svg)no-repeat left top; } .home-xueshu .content { margin-top: 20px; } .home-xueshu .item { width: 32%; margin-right: 2%; margin-top: 30px; height: 135px; z-index: 9; padding-left: 50px; padding-right: 55px; } .home-xueshu .item::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/chg_10_png_bg.png)no-repeat left top; background-size: 100% 100%; z-index: -1; } .home-xueshu .item:nth-of-type(3n) { margin-right: 0; } @font-face { font-family: 'Bebas'; src: url('../fonts/Bebas.eot'); src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'), url('../fonts/Bebas.woff2') format('woff2'), url('../fonts/Bebas.woff') format('woff'), url('../fonts/Bebas.svg#Bebas') format('svg'); } .home-xueshu .item .date { width: 95px; height: 95px; background: url(../images/quan1.png)no-repeat center; background-size: 100%; color: rgba(155, 13, 20, 0.5); font-family: 'Bebas'; margin-right: 30px; } .home-xueshu .item .date span { font-size: 24px; font-weight: bold; color: rgba(155, 13, 20, 1); } .home-xueshu .item .tit { font-size: 18px; line-height: 1.4; } .ad { margin-top: 50px; } .ad a { overflow: hidden; width: 50%; white-space: nowrap; } .ad img { width: 100%; } .ad .tit { position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 36px; font-weight: bold; line-height: 2; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 2; } .home-student { width: 50%; margin-top: 50px; } .home-student .pic-con { margin-top: 30px; } .home-student .pic-con .pic { width: 43.5%; height: 210px; overflow: hidden; } .home-student .pic-con .text-con { padding: 20px 30px; background-color: #FFF; box-shadow: 5px 5px 10px rgba(0, 0, 0, .1); } .home-student .pic-con .tit { font-size: 18px; font-weight: bold; line-height: 1.5; } .home-student .pic-con .des { color: #999; font-size: 14px; line-height: 1.5; margin-top: 20px; } .home-student .pic-con .date { background: url(../images/date.svg)no-repeat left center; padding-left: 25px; color: #961323; margin-top: 15px; } .home-student .pic-con .date span { background: url(../images/more.svg)no-repeat left center; padding-left: 30px; color: #999; font-size: 16px; } .home-student .content { margin-top: 20px; } .home-student .content a { padding-left: 15px; line-height: 2; padding-top: 7px; padding-bottom: 7px; } .home-student .content a::after { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 20px; background-color: #961323; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .home-student .content .tit { min-width: 0; margin-right: 30px; font-size: 18px; } .home-student .content .date { background: url(../images/date1.svg)no-repeat left center; padding-left: 20px; white-space: nowrap; color: #A7A7A7; font-family: Arial, Helvetica, sans-serif; } .home-join { width: 47%; margin-top: 50px; } .home-join ul { margin-top: 30px; } .home-join ul::after { content: ''; position: absolute; left: 120px; width: 1px; top: 30px; bottom: 30px; background-color: rgba(148, 7, 10, 0.2); } .home-join li .date { width: 105px; margin-right: 50px; font-size: 14px; color: #9E9E9E; padding-top: 2px; padding-bottom: 2px; } .home-join li .date span { color: #961323; font-weight: bold; font-size: 26px; } .home-join li .tit { border-bottom: 1px dashed #961323; } .home-join li .tit span { position: absolute; left: -38px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #961323; z-index: 1; } .home-join li .tit span::after { content: ''; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: rgba(148, 7, 10, 0.2); z-index: -1; } .home-jianshe { margin-top: 50px; } .home-jianshe .pic-roll { width: 41.5%; margin-top: 50px; padding-bottom: 45px; } .home-jianshe .pic-roll .swiper-container { height: 420px; width: 100%; } .home-jianshe .pic-roll .swiper-slide { overflow: hidden; } .home-jianshe .pic-roll .swiper-slide::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .9)); z-index: 1; } .home-jianshe .pic-roll .text { position: absolute; left: 0; bottom: 20px; width: 100%; font-weight: bold; color: #FFF; font-size: 18px; z-index: 2; } .home-jianshe .pic-roll .swiper-pagination { width: 100%; bottom: 0; } .home-jianshe .pic-roll .swiper-pagination-bullet { border: 1px #961323 solid; opacity: 1; background: none; width: 12px; height: 12px; margin: 0 5px; } .home-jianshe .pic-roll .swiper-pagination-bullet-active { background-color: #961323; } .home-jianshe ul { width: 27.2%; margin-top: 30px; z-index: 2; padding: 30px; } .home-jianshe ul::after { content: ''; position: absolute; background: url(../images/b1.svg)no-repeat left top; background-size: cover; left: -15px; top: -10px; right: -10px; bottom: 0; z-index: -1; } .home-jianshe ul:last-child::after { background-image: url(../images/b2.svg); } .home-jianshe ul li { border-bottom: 1px dashed #D8D8D8; padding-bottom: 40px; margin-top: 30px; } .home-jianshe ul li:last-child { border-bottom: 0; padding-bottom: 0; } .home-jianshe ul li .tit { font-size: 18px; line-height: 1.6; } .home-jianshe ul li .des { font-size: 14px; line-height: 1.6; color: #999; margin-top: 10px; } .m-search { display: none; } @media (min-width:1025px) { .nav li:hover>a { font-weight: bold; } .nav li:hover .drop { opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); } .nav .drop a:hover, .footer a:hover { text-decoration: underline; } .pub-title a:hover, .home-notice .item:hover .date { background-color: #961323; color: #FFF; } .home-news .focus .swiper-slide:hover .pic img, .home-student .pic-con:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .home-news .focus .swiper-slide:hover .tit, .home-student .pic-con:hover .tit { text-decoration: underline; } .home-news li:hover .tit { font-weight: bold; color: #333; } .home-news li:hover .date::after { background-color: #CFA972; } .home-notice .item:hover .date::after, .home-notice .item:hover .date::before { background-color: #961323; } .home-xueshu .item:hover::after { background-image: url(../images/chg_05_png_bg.png); width: auto; height: auto; top: -11px; right: -15px; left: -15px; bottom: -19px; } .home-xueshu .item:hover .date { background-image: url(../images/quan.png); } .home-xueshu .item:hover .tit, .home-student .pic-con:hover .tit, .home-student .content a:hover .tit, .home-join li:hover .tit, .home-jianshe ul li:hover .tit { font-weight: bold; } .home-student .content a:hover { border-bottom: 1px #961323 dashed; } .home-student .content a:hover .date { background-image: url(../images/date.svg); color: #961323; } .home-join li:hover { background: #961323 url(../images/line1.svg)no-repeat center; padding-top: 23px; padding-bottom: 23px; background-size: 96%; } .home-join li:hover .date::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 45px; background-color: rgba(255, 255, 255, .2); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 9; } .home-join li:hover .date { margin-right: 30px; } .home-join li:hover .date, .home-join li:hover .date span, .home-join li:hover .tit { color: #FFF; } } @media (max-width:1400px) { .pub-title span { font-size: 28px; } .ad .tit { font-size: 32px; } } @media (max-width:1199px) { .header, .header .logo { height: 100px; } .header .search, .footer .logo span { display: none; } .fixed { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; } .menu-btn { display: block; } .nav { position: fixed; width: 100%; left: 0; margin-top: 0; overflow-y: scroll!important; display: none; background-color: #961323; z-index: 999; height: calc(100% - 100px); top: 100px; padding: 20px 0; border-top: 0; } .nav ul { flex-flow: column; } .nav li { border-bottom: 1px rgba(255, 255, 255, .2) solid; } .nav li>a { text-align: left; } .nav .arrow { position: absolute; right: 0; top: 25px; width: 10px; height: 10px; border-right: 1px #FFF solid; border-top: 1px #FFF solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .nav .cur .arrow { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .nav .drop { position: static; left: auto; transform: translate(0, 0); opacity: 1; width: 100%; display: none; text-align: left; background: none; padding-bottom: 15px; padding-top: 0; } .m-search { display: block; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; border: 1px #FFF solid; margin-left: 20px; margin-right: 20px; } .m-search input[type='text'] { background: none; padding-left: 20px; color: #FFF; height: 40px; } .m-search input[type='text']::placeholder { color: #FFF; } .m-search input[type='submit'] { width: 50px; background: url(../images/search.svg)no-repeat center; background-size: 20px; height: 40px; } .footer .info-con { margin-right: 0; } .footer .logo { justify-content: center; margin-bottom: 20px; } .footer .erwma-con { width: 100%; margin-top: 20px; } .home-news .focus .tit, .home-student .pic-con .tit, .home-student .content .tit, .home-xueshu .item .tit, .home-jianshe ul li .tit { font-size: 16px; } .home-news .focus .date, .home-news li .date { font-size: 18px; } .home-news li .tit { height: 50px; } .home-news .focus .text-con { padding: 30px; } .home-notice .content { height: 578px; } .pub-title span, .ad .tit { font-size: 24px; } .home-xueshu .item { width: 49%; } .home-xueshu .item:nth-of-type(3n) { margin-right: 2%; } .home-xueshu .item:nth-of-type(2n) { margin-right: 0; } .home-xueshu .item .date span { font-size: 20px; } .home-student .pic-con .text-con { padding: 20px; } .home-join li .date span { font-size: 22px; } .home-jianshe ul { padding-left: 20px; padding-right: 20px; padding-top: 20px; } } @media (max-width:950px) { .header, .header .logo { height: 80px; } .header .logo img { height: 65px; } .nav { top: 80px; height: calc(100% - 80px); } .footer { padding-top: 30px; } .footer .text-con { flex-flow: column; } .footer .text:first-child { margin-right: 0; } .home-news .focus .tit { line-height: 1.6; } .home-news, .home-notice, .home-student, .home-join, .home-jianshe ul, .home-jianshe .pic-roll { width: 100%; } .home-notice, .home-join, .home-jianshe .pic-roll { margin-top: 30px; } .home-notice .content { height: auto; padding-bottom: 40px; } .home-xueshu .item { width: 100%; margin-right: 0; } .home-jianshe ul::after { display: none; } .home-jianshe ul { border-top: 4px #961323 solid; background-color: #FFF; box-shadow: 5px 5px 10px rgba(0, 0, 0, .1); height: auto; } } @media (max-width:767px) { .header, .header .logo { height: 70px; } .header .logo img { height: 55px; } .nav { top: 70px; height: calc(100% - 70px); } } @media (max-width:480px) { .footer .logo img { height: 60px; } .footer .erwma-con .erwma { width: 110px; } .footer .erwma-con .erwma .pic { height: 110px; } .link { flex-flow: column; } .footer .text-con .text { flex-flow: column; } .pub-title span { font-size: 20px; padding-right: 70px; } .pub-title a { line-height: 30px; } .home-notice .content { padding: 20px; margin-top: 15px; } .home-news .focus .pic { width: 100%; height: 240px; } .home-news .focus .text-con { padding: 20px 20px 60px 20px; } .home-news .focus .date { bottom: 20px; left: 20px; } .home-news .focus .des, .home-news li .des { line-height: 1.6; } .home-news .focus .swiper-pagination { bottom: 20px; } .home-news .focus .tit, .home-xueshu .item .tit, .home-student .pic-con .tit, .home-student .content .tit, .home-jianshe .pic-roll .text { font-size: 14px; } .home-news .focus { height: auto; margin-top: 15px; } .home-news ul, .home-student .pic-con { flex-flow: column; } .home-news li { width: 100%; margin-right: 0; margin-bottom: 30px; } .home-news li:last-child { margin-bottom: 0; } .home-news li .tit { height: auto; font-size: 14px; margin-top: 15px; } .home-news li .more, .home-join ul, .home-student .pic-con .des { margin-top: 10px; } .home-xueshu .item { padding-left: 30px; padding-right: 30px; margin-top: 20px; height: 100px; } .home-xueshu .item .date { margin-right: 20px; } .home-xueshu .pub-title, .home-jianshe .pub-title { justify-content: flex-start; } .home-xueshu .pub-title span, .home-jianshe .pub-title span { padding-left: 0; } .home-xueshu .pub-title span::before, .home-jianshe .pub-title span::before { display: none; } .home-xueshu .item .date { width: 85px; height: 85px; } .home-xueshu .item .date span { font-size: 18px; } .ad, .home-student .pic-con { margin-top: 20px; } .ad a { width: 100%; margin-top: 10px; } .ad .tit, .home-join li .date span { font-size: 18px; } .home-student .pic-con .pic { width: 100%; } .home-student .content .tit { margin-right: 20px; } .home-join li .date { width: 70px; font-size: 12px; margin-right: 30px; } .home-join li .tit span { left: -28px; } .home-join ul::after { left: 75px; } .home-jianshe .pic-roll .swiper-container { height: 360px; } .home-jianshe ul { padding-top: 0; } }