/* body { overflow: hidden; } */ .m_carousel { width: 100%; } .swiper-slide { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .m_carousel_right { width: 450px; height: 196px; /*background-color: rgba(117, 0, 105, 0.8);*/ background-color: rgba(0,0,0,0.2); position: absolute; right: 0; bottom: 0; z-index: 10; box-sizing: border-box; padding: 30px; } .m_carousel_right .date { font-size: 15px; color: #ffffff; height: 45px; line-height: 30px; position: relative; } .m_carousel_right .title { font-size: 20px; line-height: 30px; color: #ffffff; position: relative; } .m_carousel_right .title::after { content: ''; position: absolute; bottom: -27px; left: 0; width: 48px; height: 3px; background-color: #ffffff; } .m_carousel_right .control { position: absolute; right: 0; top: 0; } .m_carousel_right .prev, .m_carousel_right .next { display: inline-block; width: 7px; height: 11px; cursor: pointer; margin: 0 0 0 15px; background-repeat: no-repeat; background-size: cover; background-position: center; } .m_carousel_right .prev { background-image: url(/uploads/image/dt3images/index_1.png); } .m_carousel_right .next { background-image: url(/uploads/image/dt3images/index_2.png); } /* 分页器 */ .m_carousel_left { position: absolute; z-index: 10; left: 0; bottom: 0; width: 374px; height: 106px; box-sizing: border-box; padding: 0 40px; /*background-color: rgba(240, 137, 92, 0.8);*/ background-color: rgba(0,0,0,0.2); display: flex; justify-content: space-between; align-items: center; } .m_carousel_left .prev, .m_carousel_left .next { display: inline-block; width: 7px; height: 11px; cursor: pointer; margin: 0 0 0 15px; background-repeat: no-repeat; background-size: cover; background-position: center; } .m_carousel_left .prev { background-image: url(/uploads/image/dt3images/index_1.png); } .m_carousel_left .next { background-image: url(/uploads/image/dt3images/index_2.png); } .swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 6px; background-color: rgba(255, 255, 255, 0.4); margin: 0 3px; cursor: pointer; } .swiper-active-switch { background-color: rgb(255, 255, 255) } .m_carousel_left .numbar { font-size: 12px; color: rgba(255, 255, 255, 0.4); } .m_carousel_left .numbar span { vertical-align: middle; } .m_carousel_left .active { font-size: 21px; font-weight: bold; color: #ffffff; margin: 0 7px 0 0; } .m_carousel_left .total { font-size: 15px; margin: 0 0 0 7px; } .main { transition: ease-in 1s; } /* 专题专栏 */ .m_subject { height: 1506px; background-color: #ffffff; background-image: url(/uploads/image/dt3images/index_3.png); background-repeat: no-repeat; background-position: left bottom; } .m_subject .warp { display: flex; justify-content: space-between; box-sizing: border-box; padding: 140px 0 0; } .m_subject .channel { flex: 0 0 105px; } .m_subject .text_1 { text-align: center; float: left; margin: 40px 10px 0 0; } .m_subject .number { font-size: 32px; color: #999999; } .m_subject .en { color: #999999; writing-mode: vertical-lr; writing-mode: tb-lr; margin: 0 auto; position: relative; margin: 6px auto 0; } .m_subject .en::after { content: ''; position: absolute; bottom: -48px; left: 10px; width: 1px; height: 36px; background-color: #cccccc; } .m_subject .text_2 { font-size: 32px; font-weight: bold; color: #333333; writing-mode: vertical-lr; writing-mode: tb-lr; float: left; } .m_subject .item { display: inline-block; width: 215px; height: 600px; position: relative; background-repeat: no-repeat; background-size: 100% auto; background-position: top center; transition: ease-in 0.5s; } .m_subject .item.down { background-position: bottom center; } .m_subject .info { width: 215px; height: 97px; font-size: 22px; color: #333333; background-color: #ffffff; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; } .m_subject .info.down { position: absolute; bottom: 0; left: 0; } .m_subject .item:hover .info { font-weight: bold; } .m_subject .more { font-size: 14px; color: #f9f9f9; writing-mode: vertical-lr; writing-mode: tb-lr; position: absolute; right: 20px; top: 45px; } .m_subject .more::after { content: ''; width: 2px; height: 40px; background-color: #f9f9f9; position: absolute; top: -45px; left: 9px; } .m_subject .down .more { bottom: 45px; top: auto; } .m_subject .down .more::after { top: auto; bottom: -45px; } .m_subject .sub { width: 100%; height: 503px; background-color: rgba(44, 183, 181, 0.7); text-align: center; visibility: hidden; box-sizing: border-box; padding: 160px 0 0; } .m_subject .sub a { display: inline-block; font-size: 18px; font-weight: bold; color: #ffffff; width: 145px; height: 60px; line-height: 60px; text-align: center; border: solid 1px #ffffff; position: relative; margin: 24px auto; box-sizing: border-box; } .m_subject .sub a::after { content: ''; position: absolute; left: -6px; top: -6px; width: 155px; height: 70px; border: solid 1px #ffffff; box-sizing: border-box; } /* 新闻 */ .m_news { height: 765px; background-color: #eeebea; background-image: url(/uploads/image/dt3images/index_4.png); background-repeat: no-repeat; background-position: right bottom; } .m_new_channel { font-size: 32px; line-height: 36px; color: #333333; text-align: center; padding: 70px 0 40px; } .m_new_channel span { padding: 0 3px; transition: ease-in 0.5s; } .m_new_channel .channel { cursor: pointer; } .m_new_channel .channel.z-select { font-size: 36px; color: #750069; } .m_new_ctx { display: flex; justify-content: space-between; flex-wrap: wrap; transition: ease-in 0.5s; height: 540px; overflow: hidden; } .m_new_fir { width: 570px; height: 458px; background-color: #ffffff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); } .m_new_fir img { width: 100%; height: 322px; } .m_new_fir .box { box-sizing: border-box; padding: 22px; } .m_new_fir .title { color: #750069; font-size: 18px; font-weight: bold; } .m_new_fir .summary { font-size: 14px; line-height: 24px; color: #666666; margin: 16px 0 0; } .m_new_sec { width: 600px; display: flex; justify-content: space-between; flex-wrap: wrap; } .m_new_sec .item { width: 287px; height: 212px; background-color: #ffffff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); margin: 0 0 34px; box-sizing: border-box; border-top: solid 3px #750069; padding: 0 24px; transition: ease-in 0.5s; } .m_new_sec .title { display: inline-block; font-size: 16px; line-height: 26px; color: #333333; border-bottom: 1px solid #cccccc; padding: 14px 0 10px; transition: ease-in 0.5s; } .m_new_sec .summary { font-size: 14px; line-height: 24px; color: #666666; margin: 10px 0 5px; } .m_new_sec .date { font-size: 14px; line-height: 24px; color: #999999; } .m_new_sec .date img { width: 14px; margin: -3px 5px 0 0; } .m_new_sec .item:hover { border-top: 3px solid #f0a440; background-image: url(/uploads/image/dt3images/index_6.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .m_new_sec .item:hover .title { font-weight: bold; color: #750069; } .m_new_more { width: 100%; text-align: center; font-size: 18px; line-height: 46px; margin: 35px auto 0 } .m_new_more a { font-size: 20px; color: #750069; } .m_new_more img { margin: -3px 10px 0 0; } /* function class */ .f-hz { width: 0; height: 0; overflow: hidden; } /* 精品栏目 */ /* 招生简章 */ .project{ width:1200px; height:auto; margin:0 auto; margin-top:50px; margin-bottom:50px; } .project_l{ width:586px; height:auto; } .project_r{ width:586px; height:auto; } .project_l_p{ font-size:36px; line-height:36px; font-family: "微软雅黑"; font-weight: 400; color:#750069; text-align:center; } .project_l_ul{ margin-top:40px; } .project_l_ul li{ width:280px; height:212px; position: relative; margin-right:26px; margin-bottom:38px; background:#ffffff; box-shadow: 0 3px 30px rgb(0 0 0 / 8%); } .project_l_ul li:hover .li2_p1{ color:#750069; } .project_l_ul .li2{ margin-right:0; border-top: 3px solid #750069; background:#ffffff; } .project_l_ul .li3{ margin-bottom:0; border-top: 3px solid #750069; background:#ffffff; } .project_l_ul .li4{ margin-right:0; margin-bottom:0; border-top: 3px solid #750069; background:#ffffff; } .db{ width:100%; height:46px; background: rgba(127, 127, 127, 0.3); position: absolute; bottom: 0; } .db p{ font-size:16px; line-height:26px; font-family: "微软雅黑"; color:#ffffff; text-align:center; padding-top: 9px; } .li2_p1{ font-size:16px; line-height:26px; font-family: "微软雅黑"; color:#333333; padding:14px 24px 13px 24px; font-weight:400; } .zx1{ width:232px; height:1px; margin: 0 auto; background:#d8d8d8; } .li2_p2{ font-size:14px; line-height:24px; font-family: "微软雅黑"; color:#666666; padding:12px 24px 12px 24px; } .date1{ font-size: 14px; line-height: 20px; color: #999999; margin-left:24px; } .date1 img{ width: 14px; margin: -3px 5px 0 0; } @media screen and (max-width: 600px) { .m_carousel { height: calc(100vw * 0.7) !important; } .m_carousel_left { display: none; } .m_carousel_right { width: 100%; height: auto; padding: 0.75rem } .m_carousel_right .date { display: none; } .m_carousel_right .title { font-size: 1rem; } .m_subject .warp { padding: 3rem 0.75rem 3rem 0; } .m_subject { width: 100%; padding: 0 0.75rem; overflow-x: scroll; overflow-y: hidden; height: auto; box-sizing: border-box; } .m_subject .warp { width: 1000px; justify-content: space-evenly; position: relative; overflow-y: hidden; } .m_subject .item { width: 145px; height: 27rem; } .m_subject .info { width: 100%; box-sizing: border-box; padding: 0 1rem; text-align: center; } .m_subject .warp:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background-color: #f0ebf6; z-index: 100; } .m_new_channel { padding: 3rem 0; } .m_new_ctx { height: auto; } .m_news { height: auto; } .m_new_channel { font-size: 1.5rem; } .m_new_channel .channel.z-select { font-size: 2rem; } .m_new_fir img { height: calc(100vw * 0.6); } .m_new_fir { width: 100%; height: auto; } .m_new_sec .item { width: 100%; height: auto; padding: 0 24px 10px; margin: 1.5rem 0 0; } .m_new_more { margin: 1rem 0; } .f-hz { display: none; } .m_subject .en::after { display: none; } .m_subject .sub { height: 100%; padding: 5rem 0 0; } .m_subject .sub a { width: 90%; } .m_subject .sub a::after { display: none; } .project_l{ width:100%; height:auto; } .project{ width:100%; } .project_l_ul li{ width:100%; margin-bottom:24px; } .project_r { width: 100%; height: auto; margin-top: 15px; } .zx1{ width:90%; } .project_l_ul .li3{ margin-bottom: 24px; } }