#flashboxu_u1_{ width: 100vw!important; } #flashboxu_u1_ img { width:100%; } .rotate-pic { margin:0; } /* 公共样式 */ * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body, html { width: 100%; height: 100%; } .w { width: 1540px; margin: 0 auto; } /* 首页样式 */ .index { width: 100%; height: 100%; background-color: #fff; display: flex; flex-direction: column; justify-content: space-between; } /* 头部 */ .head { position:relative; z-index:99999999; width: 100%; height: 212px; background-color: #b80022; color: #fff; } .logoaddtitle { position: relative; width: 100%; height: 164px; background-image: ; background-repeat: no-repeat; background-size: contain; } .logo { position: relative; height: 100%; margin: 0 auto; /* border: 1px solid #fff; */ padding-left:53px; box-sizing:border-box; } .logo a { position: relative; display: flex; align-items: center; height: 100%; } .menu { display: none; position: absolute; top: 25px; right: 10px; z-index: 1; } .menu:hover { cursor: pointer; } .menu img { width: 30px; height: 30px; } /* logo */ .logo a > img:nth-child(1) { width: 100px; height: 100px; margin-right: 16px; } /* 名称 */ .logo a > img:nth-child(2) { width: 490px; height: 77px; } /* 搜索框 */ .search { position: absolute; right: 240px; bottom: 6px; width: 398px; height: 44px; background: #ffffff; border-radius: 4px 4px 4px 4px; display: flex; align-items: center; } .search_icon { display: flex; align-items: center; } .search_icon::after { content: ""; display: block; width: 1px; height: 20px; background: #999999; border-radius: 4px 4px 4px 4px; } .search_icon img { width: 24px; height: 24px; margin: 0 8px 0 10px; } .search input { /* width: 398px; */ flex: 1; height: 36px; background: #ffffff; border-radius: 4px 4px 4px 4px; border: none; padding: 0 5px; box-sizing: border-box; font-size: 16px; } /* 去掉输入框 选中时的边框 */ .search input:focus { outline: none; box-shadow: none; } .search_btn { width: 64px; height: 36px; background: #b80022; border-radius: 4px 4px 4px 4px; font-weight: 400; font-size: 20px; color: #fafafa; display: flex; justify-content: center; align-items: center; margin-right: 6px; } .search_btn:hover { cursor: pointer; } /* 导航栏 */ .nav { height: 48px; margin: 0 auto; /* border: 1px solid #fff; */ display: flex; justify-content: space-between; align-items: center; } /* .nav a { color: #fff; } */ .onetitle { position: relative; width: 170px; height: 100%; text-align: center; line-height: 48px; /* border: 1px solid red; */ font-weight: 500; font-size: 18px; } .onetitle a { color: #fafafa; } .twotitle a { display: block; color: #b80022; } .twotitle { position: absolute; top: 48px; left: 0; z-index: 99; /* display: flex; flex-direction: column; */ display: none; width: 100%; /* border: 1px solid green; */ font-weight: 400; font-size: 18px; } .twotitle > a:hover { background: rgba(0, 0, 0, 0.1); } /* 手机端导航栏 */ .mobilenav { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); transform: translatex(-100%); transition: all 0.5s ease-in-out; } .mobilenav_index { width: 30%; height: 100vh; background-color: #b80022; padding: 50px 0; box-sizing: border-box; } .mobilenav_item { position: relative; height: 30px; line-height: 30px; text-align: center; /* border: 1px solid red; */ margin-bottom: 20px; } .mobilenav_item a { color: #fff; } /* .mobilenav_index > div:nth-child(1) .mobilenav_two_item { position: absolute; top: 0; right: -100%; width: 100%; background-color: #fff; display: block; } */ .mobilenav_two_item a { display: block; color: #b80022; } .mobilenav_two_item a:hover { background-color: rgba(0, 0, 0, 0.1); } .mobilenav_two_item { display: none; position: absolute; top: 0; right: -100%; width: 100%; background-color: #fff; } .more { position: absolute; top: 0%; right: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: flex-end; } .more img { width: 25px; height: 25px; } .closenav { position: absolute; top: 10px; right: 10px; } .closenav:hover { cursor: pointer; } .closenav img { width: 20px; height: 20px; } /* 尾部 */ .footers { width: 100%; } .footer_content { width: 100%; height: 248px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .footer_content_box { display: flex; height: 100%; margin: 0 auto; } /* 底部logo和标题 */ .footer_content_box a { display: flex; align-items: center; } .footer_content_box a::after { content: ""; display: block; width: 2px; height: 84px; background: #ffffff; border-radius: 2px 2px 2px 2px; opacity: 0.5; margin-left: 65px; } .footer_content_box a img:nth-child(1) { width: 100px; height: 100px; margin-right: 16px; } .footer_content_box a img:nth-child(2) { width: 494px; height: 75px; } /* 联系 信息 和 二维码 */ .infos { flex: 1; display: flex; align-items: center; /*justify-content: space-between; */ padding-left: 65px; box-sizing: border-box; } /* .info_desc { } */ .info_desc > div { display: flex; align-items: center; font-weight: 400; font-size: 16px; color: #fafafa; margin-bottom: 10px; } .info_desc > div img { width: 16px; height: 16px; margin-right: 5px; } .info_code { display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 400; font-size: 16px; color: #fafafa; margin-left:70px; } .info_code img { width: 148px; height: 148px; margin-bottom: 10px; } /* 底部版权 */ .footer_copyright { text-align: center; margin: 10px auto 20px; font-weight: 400; font-size: 16px; color: #666666; } /* 首页主体部分 */ .main { flex: 1; } /* 轮播图 */ .swiper_index { position: relative; overflow: hidden; } .swiper { /* width: 100%; */ height: 720px; white-space: nowrap; /* overflow: auto; */ transition: all 1s ease-in-out; } .swiper > div { display: inline-block; width: 100vw; height: 100%; } .swiper > div img { width: 100vw; height: 100%; } .swiper_dot { position: absolute; left: 50%; bottom: 20px; transform: translatex(-50%); display: flex; align-items: center; } .swiper_dot span { display: block; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; margin-right: 8px; } /* 小圆点高亮 */ .dotactive { background-color: #fff !important; } /* banner */ .banner { width: 100%; height: 548px; } .banner img { width: 100%; height: 100%; } /* 首页 新闻学院板块 */ /* .school_news { } */ .school_news_content { padding: 37px 0 48px 0; box-sizing: border-box; } /* 标题 */ .school_news_content_title { display: flex; justify-content: space-between; align-items: center; } .school_news_content_title > div:nth-child(1) { display: flex; align-items: flex-end; margin-right: 110px; } .school_news_content_title > div:nth-child(1) p { display: flex; justify-content: center; align-items: center; width: 184px; height: 54px; background: #b80022; font-weight: 500; font-size: 32px; color: #fafafa; margin-right: 16px; } .school_news_content_title > div:nth-child(1) span { font-weight: 400; font-size: 16px; color: #000000; } .school_news_content_title > div:nth-child(2) { position: relative; flex: 1; height: 48px; text-align: right; border-bottom: 1px solid #cccccc; } .school_news_content_title > div:nth-child(2) a { font-weight: 400; font-size: 16px; color: #999999; } .school_news_content_title > div:nth-child(2) a:hover { cursor: pointer; } .school_news_content_title > div:nth-child(2) ::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 24px; height: 4px; background: #b80022; } /* 主要内容 */ .school_news_content_main { display: flex; margin-top: 36px; /* align-items: center; */ } /* 轮播图 */ .school_news_content_main_swiper { position: relative; width: 698px; height: 392px; overflow: hidden; } .school_news_content_main_swiper > div:nth-child(1) { display: flex; width: 100%; height: 100%; transition: all 1s ease-in-out; } .school_news_content_main_swiper > div:nth-child(1) img { display: inline-block; /* width: 100%; */ width: 698px; height: 100%; } .school_news_content_main_swiper > div:nth-child(2) { position: absolute; left: 50%; bottom: 10px; transform: translatex(-50%); display: flex; } .school_news_content_main_swiper > div:nth-child(2) span { width: 20px; height: 20px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; margin-right: 6px; } ::-webkit-scrollbar { display: none; } /* 列表 */ .newlist { flex: 1; height: 392px; margin-left: 45px; overflow-y: auto; } .newlist > a { display: flex; justify-content: space-between; align-items: center; font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 24px; } .newlist > a > div { display: flex; align-items: center; } .newlist > a > div > p { width: 560px; display: -webkit-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .newlist > a:hover { cursor: pointer; color: #b80022; font-size: 21px; } .newlist > a:hover > div span { background-color: #b80022; } .newlist > a > div span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #000; margin-right: 18px; } .newlist > a > p { font-size: 16px; } /* 通知公告和理论学习 */ .informaddstudy { width: 100%; padding: 40px 10px; box-sizing: border-box; } .f7f7f7 { background: #f7f7f7; } .informaddstudy_main { position: relative; z-index: 1; display: flex; } .informaddstudy_main .inform:nth-child(1) { margin-right: 80px; } /* 通知公告 */ .inform { width: 698px; } /* 理论学习 */ .study { flex: 1; } .inform_title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; } .inform_title > div:nth-child(1) { display: flex; align-items: flex-end; margin-right: 110px; } .inform_title > div:nth-child(1) p { display: flex; justify-content: center; align-items: center; width: 184px; height: 54px; background: #b80022; font-weight: 500; font-size: 32px; color: #fafafa; margin-right: 16px; } .inform_title > div:nth-child(1) span { font-weight: 400; font-size: 16px; color: #000000; } .inform_title > div:nth-child(2) { position: relative; flex: 1; height: 48px; text-align: right; border-bottom: 1px solid #cccccc; } .inform_title > div:nth-child(2) a { font-weight: 400; font-size: 16px; color: #999999; } .inform_title > div:nth-child(2) a:hover { cursor: pointer; } .inform_title > div:nth-child(2) ::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 12px; height: 4px; background: #b80022; } /* 公告列表 */ .inform_content { height: 300px; overflow-y: auto; } .inform_content > a { display: flex; justify-content: space-between; align-items: center; font-weight: 400; font-size: 20px; color: #000000; margin-bottom: 24px; } .inform_content > a > div { display: flex; align-items: center; } .inform_content > a > div > p { width: 520px; display: -webkit-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .inform_content > a:hover { cursor: pointer; color: #b80022; font-size: 21px; } .inform_content > a:hover > div span { background-color: #b80022; } .inform_content > a > div span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #000; margin-right: 18px; } .inform_content > a > p { font-size: 16px; } /* 学习经纬和成果撷英 */ .studyaddresult { position: relative; } .man_mks { position: absolute; top: 95px; left: -31px; } .man_mks img { width: 613px; height: 666px; } .man_mks2 { position: absolute; bottom: 0px; left: 0px; } .man_mks2 img { width: 498px; height: 372px; } /* 友情链接 */ .friendlink { width: 100%; padding: 60px 0 40px 0; box-sizing: border-box; } .friendlink_title { display: flex; justify-content: flex-end; } .friendlink_title > div { display: flex; align-items: center; width: 1680px; height: 57px; font-weight: 400; font-size: 16px; color: #000000; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; } .friendlink_title > div > div { width: 184px; height: 48px; background: #b80022; font-weight: 500; font-size: 32px; color: #fafafa; display: flex; justify-content: center; align-items: center; margin-right: 16px; } .friendlink_content { position: relative; height: 187px; margin-top: 36px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .friendlink_content > div:nth-child(1) { box-sizing: border-box; } .friendlink_content > div:nth-child(1) a { display: inline-block; /* height: 20px; */ font-weight: 400; font-size: 20px; color: #000000; margin: 20px 40px; } .friendlink_content > div:nth-child(1) a:hover { border-bottom: 1px solid #b80022; color: #b80022; } /* 全国马院 下拉框 */ .friendlink_content > div:nth-child(2) { position: absolute; bottom: 12px; right: 24px; width: 198px; height: 36px; border-radius: 4px 4px 4px 4px; /* border: 1px solid #000000; */ } .friendlink_content > div:nth-child(2) select { width: 100%; height: 100%; background-color: transparent; border-radius: 4px; } /* 二级列表页面 */ .two_content_main { position: relative; margin-top: 35px; min-height: 600px; padding-bottom: 60px; box-sizing: border-box; } .list { position: relative; z-index: 1; flex: 1; /* height: 392px; */ } .list > a { display: flex; justify-content: space-between; align-items: center; font-weight: 400; font-size: 18px; color: #333333; margin-bottom: 20px; } .list > a > div { display: flex; align-items: center; } .list > a > div > p { width: 1200px; display: -webkit-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .list > a:hover { color: #b80022; } .list > a:hover > div span { background-color: #b80022; } .list > a > div span { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #999999; margin-right: 8px; } .list > a > p { font-size: 16px; } .two_content_title { display: flex; justify-content: space-between; align-items: center; } .two_content_title > div:nth-child(1) { display: flex; align-items: flex-end; margin-right: 110px; } .two_content_title > div:nth-child(1) p { display: flex; justify-content: center; align-items: center; width: 184px; height: 48px; background: #b80022; font-weight: 500; font-size: 32px; color: #fafafa; margin-right: 16px; } .two_content_title > div:nth-child(1) span { font-weight: 400; font-size: 16px; color: #000000; } .two_content_title > div:nth-child(2) { position: relative; flex: 1; height: 48px; text-align: right; border-bottom: 1px solid #cccccc; } .two_content_title > div:nth-child(2) { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; color: #333333; } .two_content_title > div:nth-child(2) img { width: 16px; height: 16px; margin-right: 5px; } .two_content_title > div:nth-child(2) div { color: #999; } .two_content_title > div:nth-child(2) div span { color: #b80022; } .two_content_title > div:nth-child(2) ::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 24px; height: 4px; background: #b80022; } /* 分页 */ .page { position: absolute; left: 50%; bottom: 10px; transform: translatex(-50%); z-index: 1; width: 500px; height: 50px; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; } /* 背景图 */ .twobg { position: absolute; right: 0; bottom: 0; } .twobg img { width: 1200px; height: 288px; } /* 文章详情页 */ /* 当前位置 */ .currentaddr { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; color: #333333; } .currentaddr img { width: 16px; height: 16px; margin-right: 5px; } .currentaddr div { color: #999; } .currentaddr div span { color: #b80022; } /* 文章内容 */ .article { text-align: center; margin: 32px 0 64px 0; } .article img { max-width: 100%; } /* 返回上一层 */ .goback { display: flex; justify-content: flex-end; } .goback a { width: 140px; height: 52px; background: #cccccc; border-radius: 4px 4px 4px 4px; font-weight: 400; font-size: 20px; color: #999999; display: flex; justify-content: center; align-items: center; } /* 学院简介页 */ .shcool_desc { position: relative; } .shcool_desc_bg { background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .shcool_desc_content { display: flex; /* border: 1px solid red; */ } .shcool_desc_content_tab { position: relative; top: -45px; width: 260px; min-height: 468px; background: linear-gradient( 180deg, #ffffff 0%, rgba(247, 247, 247, 0.3) 100% ); box-shadow: 2px 2px 20px 1px rgba(51, 51, 51, 0.1); display: flex; } .shcool_desc_content_tab::before { content: ""; display: block; width: 4px; height: 468px; background: linear-gradient( 180deg, #b80022 0%, rgba(247, 247, 247, 0.38) 100% ); } /* 侧边导航栏 */ .tabs > p { font-weight: bold; font-size: 28px; color: #333333; margin: 70px 0 0 24px; } .tabs > a { position: relative; left: -9px; display: flex; align-items: center; font-weight: 400; font-size: 18px; color: #333333; margin-top: 35px; } .tabs > a > span { display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; background: #ffffff; border-radius: 2px 2px 2px 2px; border: 1px solid #b80022; transform: rotate(136deg); margin-right: 24px; } .tabs > a > span ::after { content: ""; display:none; width: 10px; height: 10px; background-color: #b80022; } .tabs > a > p { width: 184px; height: 32px; display: flex; align-items: center; padding-left: 10px; box-sizing: border-box; } .tabs > a:hover > span ::after { display: block; } .tabs > a:hover > p { background: linear-gradient(90deg, #b80022 0%, rgba(255, 255, 255, 0) 100%); border-radius: 2px 2px 2px 2px; font-weight: 500; font-size: 18px; color: #fafafa; } /* 小方块 选中高亮 */ .spanactive::after { content: ""; display: block; width: 10px; height: 10px; background-color: #b80022; } /* tab文字选中 */ .pactive { background: linear-gradient(90deg, #b80022 0%, rgba(255, 255, 255, 0) 100%); border-radius: 2px 2px 2px 2px; font-weight: 500; font-size: 18px; color: #fafafa; } .shcool_desc_content_main { position: relative; flex: 1; min-height: 600px; margin: 64px 0 45px 48px; padding-bottom: 50px; box-sizing: border-box; } .shcool_desc_content_main_title { position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #cccccc; padding: 0 0 16px 0; box-sizing: border-box; } .shcool_desc_content_main_title > div:nth-child(1) { font-weight: bold; font-size: 36px; color: #333333; } .shcool_desc_content_main_title::after { content: ""; display: block; width: 62px; height: 4px; background: #b80022; position: absolute; left: 0; bottom: 0; } /* 学院简介内容 */ .shcool_desc_content_main_content { padding: 36px 0 0 0; box-sizing: border-box; } /* 现任领导 */ /* 背景 */ .lead_bg { background-image: ; background-repeat: no-repeat; background-size: contain; background-position: 0 100%; /* background: #f7f7f7;s */ } .lead_item { display: flex; align-items: center; width: 100%; height: 246px; background: #ffffff; box-shadow: 2px 2px 20px 1px rgba(51, 51, 51, 0.1); margin-bottom: 36px; } .lead_item_div1 { margin-right: 36px; } .lead_item_div1 img { width: 214px; height: 246px; } .lead_item_div2 { flex: 1; } .lead_item_div2 > div:first-child { position: relative; display: flex; align-items: flex-end; padding: 0 0 16px 0; box-sizing: border-box; } .lead_item_div2 > div:first-child::before { content: ""; display: block; width: 62px; height: 4px; background: #b80022; position: absolute; left: 0; bottom: 0; } .lead_item_div2 > div:first-child span { font-weight: 500; font-size: 36px; color: #333333; margin-right: 8px; } .lead_item_div2 > div:first-child p { font-weight: 400; font-size: 20px; color: #999999; } .lead_item_div2 > div:nth-child(n 2) { display: flex; font-weight: 400; font-size: 18px; color: #666666; margin-top: 20px; } .lead_item_div2 > div:nth-child(n 2) span { color: #c01e3c; } .lead_item_div2 > div:nth-child(n 2) p { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } /* 机构设置 */ /* 背景 */ .setting_bg { position: absolute; right: 0; bottom: 0; } .setting_bg img { width: 1200px; height: 288px; } .setting { position: relative; z-index: 1; padding: 36px 0 56px 0; box-sizing: border-box; min-height: 500px; } .setting > a { display: flex; justify-content: space-between; align-items: center; font-weight: 400; font-size: 18px; color: #333333; margin-bottom: 20px; } .setting > a > div { display: flex; align-items: center; } .setting > a > div span { width: 8px; height: 8px; background: #999999; border-radius: 50%; margin-right: 8px; } .setting > a:hover { color: #b80022; } .setting > a:hover > div span { background: #b80022; } @media screen and (max-width: 1300px) { .w { width: 980px !important; } .onetitle { font-size: 22px; } .twotitle { font-size: 18px; } /* 首页轮播图 */ .swiper { height: 500px; } /* 搜索框 */ .search { right: 0; } /* 学院新闻 标题*/ .school_news_content_title > div:nth-child(1) p { width: 180px; height: 50px; font-size: 28px; } /* 学院新闻 轮播*/ .school_news_content_main_swiper { width: 470px; } .school_news_content_main_swiper > div:nth-child(1) img { width: 470px; } /* 学院新闻 列表*/ .newlist > a > div > p { width: 330px; } .newlist > a { font-size: 18px; } /* 通知公告理论学习等其他列表 */ .inform { width: 470px; } .informaddstudy_main .inform:nth-child(1) { margin-right: 50px; } .inform_content > a > div > p { width: 330px; } .inform_title > div:nth-child(1) p { width: 180px; height: 50px; font-size: 28px; } .inform_content > a { font-size: 18px; } .inform_title > div:nth-child(1) { margin-right: 0; } /* 友情链接 */ .friendlink_title > div { width: 980px; margin: 0 auto; } .friendlink_title > div > div { width: 180px; height: 50px; font-size: 28px; } .friendlink_content > div:nth-child(1) a { font-size: 18px; margin: 10px 20px; } /* 尾部 */ .footer_content { height: 160px; } .footer_content_box a::after { margin-left: 30px; } .footer_content_box a img:nth-child(1) { width: 90px; height: 90px; margin-right: 8px; } .footer_content_box a img:nth-child(2) { width: 380px; height: 60px; } .infos { padding-left: 30px; } .info_desc > div { display: flex; align-items: center; font-weight: 400; font-size: 16px; color: #fafafa; margin-bottom: 5px; } .info_code { font-size: 15px; } .info_code img { width: 74px; height: 70px; margin-bottom: 0px; } /* 点击首页的更多 跳转的二级列表 */ .list > a > div > p { width: 840px; } .twobg img { width: 980px; } .tabs > p { font-size: 32px; } .shcool_desc_content_main_title > div:nth-child(1) { font-size: 32px; } .lead_item_div1 img { width: 183px; height: 183px; } .lead_item { height: 183px; } .lead_item_div1 { margin-right: 16px; } .lead_item_div2 > div:first-child span { font-weight: 500; font-size: 25px; color: #333333; margin-right: 8px; } .lead_item_div2 > div:first-child p { font-size: 16px; } .lead_item_div2 > div:nth-child(n 2) { font-size: 14px; margin-top: 5px; } .lead_item_div2 > div:nth-child(n 2) span { width: 40px; } .setting_bg img { width: 980px; } } @media screen and (max-width: 600px) { .w { width: 100% !important; } .logo a > img:nth-child(1) { width: 50px; height: 50px; margin-right: 10px; } .logo a > img:nth-child(2) { width: 231px; height: 38px; } .search { right: 50%; bottom: 30px; transform: translatex(50%); width: 340px; height: 30px; } .search input { height: 29px; box-sizing: border-box; font-size: 12px; } .search_btn { width: 53px; height: 26px; font-size: 12px; margin-right: 6px; } .logo a { align-items: flex-start; padding-top: 20px; padding-left: 20px; box-sizing: border-box; } /* .nav { display: none; } */ .swiper { height: 300px; } .school_news_content_title > div:nth-child(1) p { width: 100px; height: 30px; font-size: 14px; } .school_news_content_title > div:nth-child(1) span { font-size: 13px; } .school_news_content_title > div:nth-child(2) a { font-size: 12px; } .school_news_content_title > div:nth-child(2) { height: 30px; } .school_news_content_main { margin-top: 16px; flex-direction: column; } .school_news_content_title { padding: 0 5px; box-sizing: border-box; } .school_news_content_title > div:nth-child(1) { margin-right: 0px; } .newlist { padding: 0 14px; box-sizing: border-box; margin-left: 0px; } .newlist > a { font-size: 12px; margin: 12px 0; } .newlist > a > p { font-size: 12px; } .newlist > a:hover { font-size: 13px; } .school_news_content_main_swiper { width: 100%; height: 285px; } .school_news_content_main_swiper > div:nth-child(1) img { width: 100vw; } .informaddstudy_main { flex-direction: column; } .inform_title > div:nth-child(1) p { width: 100px; height: 30px; font-size: 14px; } .inform_title > div:nth-child(1) span { font-size: 13px; } .inform_title > div:nth-child(2) a { font-size: 12px; } .inform_title > div:nth-child(2) { height: 30px; } .informaddstudy_main .inform:nth-child(1) { margin-right: 0px; margin-bottom: 20px; } .inform { width: 100%; } .inform_title { padding: 0 5px; box-sizing: border-box; margin-bottom: 16px; } .inform_content > a > div > p { width: 252px; font-size: 12px; } .inform_content > a > p { font-size: 12px; } .inform_content { padding: 0 14px; box-sizing: border-box; } .inform_content > a > div span { width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; } .newlist > a > div span { width: 10px; height: 10px; border-radius: 50%; background-color: #000; margin-right: 8px; } .newlist > a > div > p { width: 252px; } .school_news_content_main_swiper > div:nth-child(2) span { width: 15px; height: 15px; } .friendlink_title > div > div { width: 100px; height: 30px; font-size: 14px; margin-left: 5px; } .friendlink_title > div { font-size: 13px; } .friendlink_content > div:nth-child(1) a { font-size: 12px; margin: 10px; } .friendlink_content { margin-top: 10px; } .footer_content { position: relative; height: 170px; } .footer_content_box { flex-direction: column; padding: 10px; box-sizing: border-box; } .footer_content_box a { margin-bottom: 10px; } .footer_content_box a img:nth-child(1) { width: 40px; height: 40px; margin-right: 10px; } .footer_content_box a img:nth-child(2) { width: 295px; height: 40px; } .footer_content_box a::after { display: none; } .infos { box-sizing: border-box; flex-direction: column; align-items: flex-start; padding-left: 0; } .info_desc > div { font-size: 13px; margin: 5px 0; } .info_code { font-size: 12px; position: absolute; bottom: 0; right: 5px; } .footer_copyright { margin: 10px auto; font-size: 12px; } .man_mks img { width: 100%; height: 666px; } .man_mks2 img { width: 100%; height: 372px; } .banner { height: 300px; } .two_content_title > div:nth-child(1) { margin-right: 0px; } .two_content_title > div:nth-child(1) p { width: 100px; height: 30px; font-size: 14px; margin-right: 2px; } .two_content_title > div:nth-child(1) span { font-size: 13px; } .two_content_title > div:nth-child(2) { font-size: 12px; } .two_content_title { padding: 0 5px; box-sizing: border-box; } .list { padding: 0 14px; box-sizing: border-box; } .list > a > div > p { width: 252px; font-size: 12px; } .list > a > div span { width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; } .list > a > p { font-size: 12px; } .twobg img { width: 100%; height: 145px; } .page { width: 80%; height: 40px; font-size: 14px; } .currentaddr { font-size: 12px; padding: 0 5px; box-sizing: border-box; } .currentaddr img { width: 14px; height: 14px; } .article { margin: 16px 0 32px 0; padding: 10px; box-sizing: border-box; font-size: 12px; } .goback a { width: 70px; height: 35px; border-radius: 4px; font-weight: 400; font-size: 12px; margin-right: 5px; } .shcool_desc_content { flex-direction: column; } .shcool_desc_content_tab { width: 88%; height: 468px; margin: 0 auto; } .tabs > p { font-size: 22px; } .tabs > a { font-size: 14px; } .pactive { font-size: 14px; } .shcool_desc_content_main { min-height: 300px; margin: 0; padding-bottom: 40px; box-sizing: border-box; } .shcool_desc_content_main_title { padding: 0 5px 10px 5px; } .shcool_desc_content_main_title > div:nth-child(1) { font-size: 22px; } .shcool_desc_content_main_title::after { width: 40px; height: 2px; left: 5px; } .shcool_desc_content_main_content { padding: 25px 15px 0 15px; font-size: 12px; } .lead_item { height: 130px; } .lead_item_div1 img { width: 110px; height: 130px; } .lead_item_div2 > div:first-child span { font-size: 14px; } .lead_item_div2 > div:first-child p { font-size: 12px; } .lead_item_div2 > div:first-child { padding: 0 0 8px 0; } .lead_item_div2 > div:first-child::before { width: 42px; height: 2px; } .lead_item_div2 > div:nth-child(n 2) { font-size: 12px; } .setting > a { font-size: 12px; padding: 0 10px; box-sizing: border-box; } .setting_bg img { width: 100%; height: 150px; } .lead_item_div2 > div:nth-child(n 2) span { width: 75px; } .lead_item_div2 { padding: 0 2px 2px 0; box-sizing: border-box; } .menu { display: block; } } @media screen and (min-width: 600px) { .menu { display: none !important; } }