/*iconfont*/ @import url(iconfont.css); html, body { font-size: 14px; overflow-x: hidden; overflow-y: auto; } /*index news*/ .section_index { width: 100%; overflow: hidden; } .section_mt { margin: 64px 0 0 0; } .section_margin { margin: 24px 0; } .section_padding { padding: 24px 0; } .bg_page { background: #f6f6f6; } .bg_section { background: #f2f2f2; padding: 0 0 40px 0; } .bg_white { background: #fff; } .pd_branch { padding: 0 0 60px 0; } .bg_contact { background: #424242; } .bg_video { background: #242424; } .bg_light_gray { background: #f6f6f6; } .ip_box { display: block; width: 1440px; margin: 0 auto; position: relative; } .padding_swiper { padding: 0 0 2px 0; background: #FEFFF6 } .bg_index_gk { background: #f2f2f2 url(../images/bg_index_gk.png) repeat-x top } /*index box*/ .ip_box.news_index { display: flex; flex-direction: row; justify-content: space-between; } .bsp { -webkit-box-shadow: 0 0 12px rgba(208, 208, 208, .4); -moz-box-shadow: 0 0 12px rgba(208, 208, 208, .4); -ms-box-shadow: 0 0 12px rgba(208, 208, 208, .4); box-shadow: 0 0 12px rgba(208, 208, 208, .4); } .border_radius { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; } .discuss_list { width: 768px; height: 540px; background: #fff; } .discuss_list { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; } .file_list { width: 400px; height: 540px; background: #fff; } .file_list { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; } /*index datas*/ .section_index.si_id { position: relative; top: -90px; z-index: 3; } .index_id { width: 1200px; height: 130px; padding: 14px 0; margin: 0 auto; margin-top: 60px; position: relative; left: 50%; margin-left: -600px; z-index: 1 } .index_id .index_id_con { width: 1200px; height: 100px; padding: 20px 0; position: absolute; top: -60px; z-index: 2; } .index_id .index_id_con { background: #fff; box-shadow: 2px 2px 28px rgba(0, 0, 0, .2); } .index_id .index_id_con ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .index_id .index_id_con ul li { display: flex; width: 25%; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100px; border-right: 1px solid #196ee6; color: #196ee6 } .index_id .index_id_con ul li i { font-size: 20px; font-style: normal; line-height: 1.2 } .index_id .index_id_con ul li h3 { font-size: 36px; font-weight: 600; line-height: 1.5; margin-top: 10px; } .index_id .index_id_con ul li:last-child { border: none; } /*profession index*/ /*.section_index.si_pro{ position: relative; top: -48px; z-index: 3; }*/ .index_pro { width: 1440px; padding: 18px 0; margin: 0 auto; margin-top: -24px; position: relative; /*left: 50%; margin-left: -664px;*/ z-index: 1 } .index_pro_con { /*min-height: 720px;*/ display: flex; flex-direction: row; justify-content: space-between; } .index_pro_con { background: #f2f2f2; margin: 40px 0 72px 0; } .index_pro_con .tab { width: 246px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .index_pro_con .tab a { display: block; width: 164px; height: 22px; font-size: 22px; line-height: 1em; padding: 26px 0; text-align: justify; font-weight: 500; border-bottom: 1px solid #ccc; } .index_pro_con .tab a:last-child { border-bottom: none; } .index_pro_con .tab a.active { color: #196ee6; font-weight: 600; position: relative; } .index_pro_con .tab a>span { display: inline-block; padding-left: 100%; } .index_pro_con .tab .Menubox { display: block; width: 100%; } .index_pro_con .tab .Menubox ul { display: block; margin: 0 auto; } .index_pro_con .tab .Menubox ul li { display: block; width: 100%; } .index_pro_con .tab .Menubox ul li.hover { border-top: 10px solid #196ee6; } .index_pro_con .tab .Menubox ul li.hover a { color: #196ee6; } .index_pro_con .tab .Menubox ul li a { margin: 0 auto; border-bottom: 1px solid #ccc; } /* 新增1 start */ .index_pro_con .tab .Menubox ul li { position: relative; } .index_pro_con .tab .Menubox ul li.hover { border-top: none; } .index_pro_con .tab .Menubox ul li.hover .blueItem { display: flex; position: absolute; width: 100%; height: 10px; background-color: #196ee6; } .index_pro_con .tab .Menubox ul li .blueItem { display: none; } /* 新增1 end */ .index_pro_con .tab .Menubox ul li:last-child a { border-bottom: none; } .index_pro_con .Contentbox { flex: 1; padding: 0; } .index_profession_list { flex: 1; padding: 44px 44px 14px 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .index_profession_list { height: 648px; } .index_profession_list.bg_index_my { background: url(../images/bg_index_my.png) no-repeat left bottom; background-size: cover; } .index_profession_list a { width: 350px; height: 292px; display: flex; flex-direction: column; justify-content: space-between; margin: 0 30px 32px 0; background: #fff; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); } .index_profession_list a .simg { width: 350px; height: 230px; /* 新增1 start*/ height: 197px; /* 新增1 end*/ overflow: hidden; } .index_profession_list a .simg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .index_profession_list a .txt { padding: 16px 24px; text-align: center; display: flex; flex: 1; flex-direction: column; justify-content: center; } .index_profession_list a .txt h4 { font-size: 24px; line-height: 1.2em; font-weight: 600; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_profession_list a .txt p { font-size: 20px; line-height: 1.2em; color: #999; margin: 12px 0 0 0; } .index_profession_list a:nth-child(3n) { margin-right: 0; } .index_profession_list a:hover { background: #196ee6; } .index_profession_list a:hover .txt h4 { color: #fff } .index_profession_list a:hover .txt p { color: #ccc } .index_profession_list a:hover .simg img { transform: scale(1.06); } /*titles*/ .p_title { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .p_title h3 { display: block; padding: 10px 16px; font-size: 24px; line-height: 1em; font-weight: 500; background: #196ee6; color: #fff; } .p_title h3 { -webkit-border-radius: 24px 24px 0 24px; -moz-border-radius: 24px 24px 0 24px; -ms-border-radius: 24px 24px 0 24px; border-radius: 24px 24px 0 24px; } .p_title.t_center {} .p_title.t_center h3 { padding: 20px 0; margin: 0 auto; background: none; color: #242424; font-size: 32px; position: relative; } .p_title.t_center h3:after { content: ''; display: block; width: 2em; height: 3px; background: #196ee6; position: absolute; left: 50%; bottom: 0; margin-left: -1em; } /* index title */ .title_panel_index { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .title_panel_index h2 { display: block; height: 64px; font-size: 40px; line-height: 1.2; font-weight: 600; padding: 0 0 0 32px; color: #242424; font-weight: 600; position: relative; border-left: 4px solid #196ee6; } .title_panel_index h2 i { display: block; height: 18px; font-size: 18px; line-height: 1; font-style: normal; color: #242424; font-weight: 400; position: relative; } .title_panel_index h2 em { display: block; font-size: 12px; line-height: 12px; padding: 3px 6px; position: absolute; right: -3.5em; top: 0; } .title_panel_index h2 em { background: #FF3E3E; color: #fff; -webkit-border-radius: 9px 9px 9px 0; -moz-border-radius: 9px 9px 9px 0; -ms-border-radius: 9px 9px 9px 0; border-radius: 9px 9px 9px 0; } .title_panel_index .tags { display: flex; flex-direction: row; justify-content: flex-end; } .title_panel_index .tags a { display: block; padding: 6px 12px; margin: 0 0 0 18px; font-size: 14px; height: 14px; line-height: 14px; } .title_panel_index .tags a { background: #EBF3FF; color: #666; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; } .title_panel_index .tags a:hover { background: #196ee6; color: #fff; } .title_panel_index_c { display: flex; flex-direction: row; justify-content: center; align-items: center; } .title_panel_index_c h2 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .title_panel_index_c h2 i { display: block; height: 18px; font-size: 18px; line-height: 1; font-style: normal; color: #242424; position: relative; text-align: center; } .title_panel_index_c h2 div { display: block; font-size: 40px; line-height: 1.6; font-weight: 600; color: #242424; font-weight: 600; text-align: center; border-bottom: 4px solid #196ee6; } .title_panel_index.title_white { justify-content: space-between; } .title_panel_index.title_white h2 { color: #fff; } .title_panel_index.title_white h2:before { background: #fff; left: 0; margin-left: 0; } .title_panel_index.title_white a { color: rgba(255, 255, 255, .4); } .title_panel_index.title_white a:hover { color: rgba(255, 255, 255, .7); } .desc { display: block; margin: 24px 0 0 0; text-align: center; line-height: 1.6em; color: #242424; font-size: 24px; } .desc.desc_online { width: 720px; position: absolute; left: 0; top: 78px; text-align: left; } .desc.desc_ouc { width: 1200px; margin: 0 auto; } .desc.desc_zs { text-align: left; font-size: 20px; } /* noticeWrap */ .notice_live { margin-top: -140px; position: relative; z-index: 4; } .section_index .notice_live_box { display: flex; } .notice_live_box .live_img { width: 365px; height: 112px; margin-left: 20px; background: url(../images/live.png); background-repeat: no-repeat; background-size: 100% 100%; display: flex; align-items: center; padding-left: 44px; font-size: 30px; color: #196EE6; } .noticeContent_time { width: 80px; } .noticeWrap { width: calc(100% - 365px); background-color: rgb(248, 248, 248); box-sizing: border-box; display: flex; margin-bottom: 40px; padding: 20px 22px; justify-content: space-between; align-items: center; } .noticeWrap .section_left { width: calc(100% - 70px); display: flex; align-items: center; } .noticeWrap .section_left .notice { width: 57px; padding: 10px; font-size: 20px; background-color: #196ee6; font-weight: bold; text-align: center; color: #fff; border-radius: 5px; } .noticeWrap .section_left .noticeContent { width: calc(100% - 57px); padding: 0 50px 0 30px; color: #242424; } .noticeWrap .section_left .noticeContent p { display: flex; justify-content: space-between; line-height: 36px; flex-direction: row; flex-wrap: nowrap; } .noticeWrap .section_left .noticeContent p span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .noticeWrap .section_right { width: 70px; font-size: 16px; color: #999; } /* list index course */ .list_index_cs { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; margin: 36px 0 0 0; overflow: hidden; } .list_index_cs { -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .list_index_cs a { display: block; width: 332px; height: 324px; margin: 0 37.2px 38px 0; overflow: hidden; background: #fff; color: #196ee6; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); } .list_index_cs a.title { display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; } .list_index_cs a.title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .list_index_cs a:nth-child(4n) { margin-right: 0; } .list_index_cs a .img { display: block; width: 332px; height: 212px; /* 新增1 start */ height: 186.75px; /* 新增1 end */ overflow: hidden; } .list_index_cs a .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_index_cs a span { display: block; margin: 12px 24px 0 24px; line-height: 1.8em; font-size: 22px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list_index_cs a p { display: block; font-size: 16px; margin: 0 24px; line-height: 1.35; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list_index_cs a .view { border-top: 1px solid #f0f0f0; margin: 16px 24px 0; } .list_index_cs a .view em { display: flex; align-items: center; margin: 12px 0 0; font-size: 12px; line-height: 1.2; color: #999; } .list_index_cs a .view i.iconfont { font-size: 14px; margin: 0 4px 0 12px; } .list_index_cs a:hover { background: #196ee6; color: #fff; } .list_index_cs a:hover .img img { transform: scale(1.03); } .list_index_cs.lists a em i.iconfont { margin: 0 4px 0 0; } /*list index online */ .list_index_online { margin: 48px 0 0 0; } .list_index_online ul { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .list_index_online ul li { background: #ccc; position: relative; display: flex; align-items: flex-end; overflow: hidden; } .list_index_online ul li img { width: 100%; height: 100%; object-fit: cover; } .list_index_online ul li .txt { padding: 24px; position: absolute; bottom: 0; z-index: 2; } .list_index_online ul li .txt h3 { font-size: 20px; color: #fff; line-height: 1.2; font-weight: 500; } .list_index_online ul li .txt p { font-size: 12px; color: #fff; font-weight: 400; margin: 1em 0 0 0; } .list_index_online ul li .txt p i { margin: 0 4px 0 12px; font-size: 12px; } .list_index_online ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .list_index_online ul li a { background-image: linear-gradient(rgba(36, 36, 36, 0), rgba(36, 36, 36, .7)); } .list_index_online ul li a i { font-size: 48px; color: rgba(255, 255, 255, .7); } .list_index_online ul li a:hover i { color: rgba(255, 255, 255, .9); } .list_index_online ul li:first-child { width: 520px; height: 336px; } .list_index_online ul li:last-child { width: 680px; height: 438px; } .list_index_online ul li:last-child .txt h3 { font-size: 24px; } .list_index_online ul li:last-child .txt p { font-size: 14px; } .list_index_online ul li:last-child a i { font-size: 64px; } /*recent online */ .recent_online { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; margin: 20px 0 0 0; } .recent_online a { display: flex; flex-direction: column; justify-content: flex-start; width: 440px; padding: 24px 0; margin-right: 60px; } .recent_online a:nth-child(3n) { margin-right: 0; } /*.recent_online a span{ display: block; width: 120px; text-align: center; padding: 4px 8px; line-height: 1em; font-size: 12px; color: #666; background: #f0f0f0; }*/ .recent_online a span { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .recent_online a dl { display: flex; flex-direction: row; justify-content: flex-start; margin: 16px 0 0 0; } .recent_online a dl dt { display: block; width: 136px; height: 136px; margin: 0 0 0 0; overflow: hidden; } .recent_online a dl dt { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .recent_online a dl dt img { width: 100%; height: 100%; object-fit: cover; } .recent_online a dl dd { display: flex; flex-direction: column; justify-content: center; margin: 0 0 0 24px; padding: 0 24px 0 0; flex: 1; } .recent_online a dl dd h3 { font-size: 24px; font-weight: 600; height: 64px; overflow: hidden; } .recent_online a dl dd p { font-size: 18px; color: #999; } .recent_online a dl dd span { display: block; text-align: left; padding: 12px 0; line-height: 1em; font-size: 18px; color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } /*.recent_online a:hover{ -webkit-box-shadow: 0 0 12px #f0f0f0; -moz-box-shadow: 0 0 12px #f0f0f0; -ms-box-shadow: 0 0 12px #f0f0f0; box-shadow: 0 0 12px #f0f0f0;}*/ /*index project & training*/ .project_index { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: 90px 0 60px; } .project_index .pi_list { width: 721px; height: 481px; margin: 0 48px 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .project_index .pi_list a { width: 360px; height: 240px; overflow: hidden; position: relative; } .project_index .pi_list a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .project_index .pi_list a span { display: flex; align-items: flex-end; width: 100%; height: 100%; position: absolute; bottom: 0; } .project_index .pi_list a span { background-image: linear-gradient(rgba(36, 36, 36, 0), rgba(36, 36, 36, .7)); } .project_index .pi_list a span h3 { flex: 1; font-size: 20px; line-height: 1.4; padding: 16px 20px; color: #fff; } .project_index .pi_list a:hover span { background-image: linear-gradient(rgba(24, 110, 230, .4), rgba(24, 110, 230, .9)); } .project_index .pi_list a:hover img { transform: scale(1.03); } .project_index .pi_text { flex: 1; } .project_index .pi_text .desc { text-align: left; } .project_index .pi_text .btns_icon { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 54px 0 0 0; } .project_index .pi_text .btns_icon a { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .project_index .pi_text .btns_icon a { font-size: 16px; line-height: 1.2; width: 167px; margin: 24px 0 0 0; } .project_index .pi_text .btns_icon a img { display: block; width: 40px; height: 40px; margin: 0 0 8px 0 } .project_index .pi_text .btns_icon a svg { display: block; width: 40px; height: 40px; margin: 0 0 8px 0; stroke-width: 1.8; } /*list index college */ .list_index_college { margin: 48px 0 0 0; } .list_index_college { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .list_index_college a { background: #fff; position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .list_index_college a { display: block; width: 360px; height: 440px; margin: 108px 0 0 0; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); } .list_index_college a .simg { width: 360px; height: 240px; overflow: hidden; } .list_index_college a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_index_college a:hover img { transform: scale(1.03); } .list_index_college a .txt { padding: 24px; } .list_index_college a .txt h3 { font-size: 20px; line-height: 1.2; font-weight: 600; } .list_index_college a .txt p { font-size: 16px; color: #999; font-weight: 400; line-height: 1.8em; margin: 1em 0 0 0; } .list_index_college a:hover { background: #196ee6; color: #fff; } .list_index_college a:hover .txt p { color: #ccc; } .list_index_college a .txt p i { margin: 0 4px 0 12px; font-size: 12px; } .list_index_college a:last-child { width: 650px; height: 668px; margin: 0; } .list_index_college a:last-child .simg { width: 650px; height: 418px; overflow: hidden; } .list_index_college a:last-child .txt { padding: 36px; } .list_index_college a:last-child .txt h3 { font-size: 28px; } .list_index_college a:last-child .txt p { font-size: 20px; } /*list index ouc */ .list_index_ouc { margin: 48px 0 0 0; } .list_index_ouc { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .list_index_ouc a { background: #fff; position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } .list_index_ouc a { display: block; width: 468px; height: 468px; margin: 0 0 0 0; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); } .list_index_ouc a .simg { width: 468px; height: 300px; overflow: hidden; } .list_index_ouc a img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .list_index_ouc a:hover img { transform: scale(1.03); } .list_index_ouc a .txt { padding: 16px 24px; } .list_index_ouc a .txt h3 { font-size: 24px; line-height: 1.2; font-weight: 600; } .list_index_ouc a .txt p { font-size: 20px; color: #999; font-weight: 400; line-height: 1.5em; margin: .6em 0 0 0; } .list_index_ouc a:hover { background: #196ee6; color: #fff; } .list_index_ouc a:hover .txt p { color: #ccc; } /*index story*/ .section_index.si_story { position: relative; top: 0; z-index: 3; } .section_index.si_story .index_pro { padding: 0 64px; } .section_index.si_story .index_pro .index_pro_con { width: 1440px; padding: 0; background: none; } .sis_con { display: flex; width: 1440px; flex-direction: row; justify-content: space-between; align-items: center; background: #fff; } .sis_con .img { display: flex; width: 465px; height: 280px; overflow: hidden; } .sis_con .img img { width: 100%; height: 100%; object-fit: cover; } .sis_con .txt { flex: 1; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding: 0 48px; } .sis_con .txt .ico { width: 90px; font-size: 200px; color: #e6e6e6; font-family: Arial; line-height: .8; } .sis_con .txt .ico:last-child { position: absolute; right: 0; bottom: -.4em; } .sis_con .txt .detail { flex: 1; height: 180px; display: flex; flex-direction: column; justify-content: space-between; text-align: center; margin: 0 24px; } .sis_con .txt .detail h4 { font-size: 24px; line-height: 1.2; font-weight: 600; } .sis_con .txt .detail p { font-size: 20px; line-height: 1.5; color: #666; } .sis_con .txt .detail p a { font-size: 14px; line-height: 1.5; color: #999; margin: 0 0 0 2em; position: relative; } .sis_con .txt .detail p a i { position: absolute; top: 2px; margin-left: 4px; } .sis_con .txt .detail p a:hover { color: #196ee6; } .sis_con .txt .detail em { font-size: 18px; line-height: 1.5; text-align: center; color: #666; } /*more*/ a.more { display: flex; flex-direction: row; align-items: center; font-size: 16px; line-height: 1.5; color: #999; position: relative; } .more i { font-size: 18px; margin-left: 4px; } .more:hover { color: #196ee6; } .more.more_index_college { position: absolute; bottom: -4px; left: 550px; } .more.more_index_project { position: absolute; bottom: 12px; right: 20px; } .more.more_index_course { width: 100%; text-align: center; margin: 18px auto 48px; } .more.more_index_online { text-align: center; margin: 16px auto 36px; justify-content: center; } /*======== intro ========*/ /*banner*/ .banner {} .banner.banner_intro { width: 100%; height: 520px; display: flex; align-items: center; justify-content: center; position: relative; } .banner.banner_intro img { width: 1920px; height: 520px; object-fit: cover; } .section_index.intro_id { position: relative; top: -200px; z-index: 3; } .title_intro { height: 72px; display: flex; justify-content: flex-start; line-height: 1em; font-size: 48px; font-weight: 600; position: relative; } .title_intro.txt_white { color: #fff; } .title_intro.pd_lr_30 { padding: 0 30px; } .title_intro:after { content: ''; display: block; height: 3px; width: 2em; position: absolute; left: 0; bottom: 0; background: #196ee6; z-index: 2; } .title_intro.tafter_red:after { content: ''; display: block; height: 3px; width: 2em; position: absolute; left: 0; bottom: 0; background: #E20B20; z-index: 2; } .title_intro.pd_lr_30:after { content: ''; display: block; height: 3px; width: 2em; position: absolute; left: 30px; bottom: 0; background: #196ee6; z-index: 2; } .title_intro.ta_center { text-align: center; justify-content: center; } .title_intro.ta_center:after { left: 50%; margin-left: -1em; } .intro_box { width: 1500px; min-height: 500px; margin: 0 auto; position: relative; top: 0; left: 50%; margin-left: -750px; z-index: 1; } .intro_box .intro_ouc { width: 1500px; overflow: hidden; position: relative; } .intro_box .intro_ouc .intro_con { width: 860px; min-height: 360px; padding: 30px 160px 30px 30px; background: #fff; position: relative; overflow: hidden; } .intro_box .intro_ouc .intro_con p { display: inline; padding: 1em 0; height: auto; line-height: 1.8; font-size: 18px; overflow: hidden; } .intro_con .more_intro { position: absolute; right: 160px; bottom: 68px; } .intro_box .intro_ouc .intro_video { display: flex; justify-content: center; align-items: center; width: 536px; height: 316px; background: #666; margin: 64px 0 0 0; overflow: hidden; border-radius: 5px; position: absolute; right: 0; top: -30px; z-index: 2; } .intro_box .intro_ouc .intro_video img { position: relative; z-index: 1; border: 1px solid #242424; } .intro_box .intro_ouc .intro_video i { display: block; width: 64px; height: 64px; font-size: 64px; position: absolute; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; z-index: 9; opacity: .7; color: #fff; cursor: pointer } .intro_box .intro_ouc .intro_video i:hover { opacity: 1 } /*弹窗*/ .mask { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10 } .prompt_box { width: 900px; height: 540px; padding: 30px; background: #ffffff; border-radius: 5px; box-shadow: 0 0 16px rgba(0, 0, 0, .7); position: fixed; top: 50%; left: 50%; margin-left: -480px; margin-top: -300px; overflow: hidden; position: relative; z-index: 11 } .prompt_box .video { width: 900px; height: 500px; position: relative; } .prompt_box .video img { background: #000; width: 100%; height: 100%; object-fit: cover; } .prompt_box .video .icon { width: 72px; height: 72px; font-size: 72px; position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; z-index: 12; opacity: .9; cursor: pointer; } .prompt_box .video .icon:hover { opacity: 1; } .prompt_box .video video { width: 100%; height: 100%; background: #242424; object-fit: contain; } .prompt_box .ltxt { margin: 16px 0; text-align: left; } .prompt_box .ltxt h4 { font-size: 24px; line-height: 1.6em; font-weight: 600; } .prompt_box .ltxt p { font-size: 16px; line-height: 1.6em; color: #666; } .prompt_box .msgbox_close { width: 16px; height: 16px; position: absolute; right: 12px; top: 12px; opacity: .4; z-index: 5; cursor: pointer; } .prompt_box .msgbox_close:hover { opacity: .7; } .hide { display: none; } .show { display: block; } .timeline { padding: 24px 30px; } .timeline h3 { font-size: 28px; line-height: 1.5; font-weight: 600; margin: 0 0 24px 0; } .timeline ul { display: flex; flex-direction: row; justify-content: space-between; padding: 0 0; position: relative; } .timeline ul li { display: flex; flex-direction: column; justify-content: flex-start; width: 208px; height: 180px; padding: 0 50px 30px 30px; border-left: 1px solid #C5C8CE; border-bottom: 3px solid #196ee6; position: relative; } .timeline ul li h4 { font-size: 28px; line-height: 2; font-weight: 600; } .timeline ul li p { font-size: 18px; line-height: 1.6; color: #424242; } .timeline ul li:after { content: ''; display: block; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 8px solid #196ee6; position: absolute; left: -15px; bottom: -15px; z-index: 2; } .timeline ul i { width: 40px; height: 40px; font-size: 40px; position: absolute; right: -2px; bottom: 0; z-index: 3; color: #196ee6; } .timeline ul i { background: url(../images/icon_j.png) no-repeat bottom right; background-size: 25%; } .flex_lr { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .zs_area { padding: 60px 0; width: 400px; margin-right: 120px; color: #424242; } .list_zs { padding: 60px 0; width: 930px; margin: 48px 0 0 0; display: flex; flex-direction: row; justify-content: space-between; } .list_zs a { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 274px; height: 458px; } .list_zs a:hover { color: #242424; cursor: default; } .list_zs a .img { display: flex; width: 274px; height: 352px; } .list_zs a .img img { width: 100%; height: 100%; object-fit: cover; } .list_zs a p { padding: 24px; font-size: 24px; line-height: 1.4em; text-align: center; font-weight: 600; } .bg_xxms_top { background: rgba(214, 214, 214, 0.2) url(../images/bg_xxms.png) no-repeat top center; } .bg_xxms_bottom { background: rgba(214, 214, 214, 0.15) url(../images/bg_xxms.png) no-repeat top bottom; } .xxms_area { padding: 60px 0; width: 540px; } .list_xxms { padding: 108px 0; width: 728px; height: 528px; display: flex; justify-content: center; align-items: center; } .list_xxms img { width: 100%; height: 100%; object-fit: contain; } /* list of intro tese */ .list_intro_ts { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: center; margin: 36px 0 96px 0; } .list_intro_ts { -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .list_intro_ts a { display: block; width: 260px; height: 424px; overflow: hidden; background: #fff; color: #242424; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); text-align: center; cursor: default; } .list_intro_ts a.title { display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; } .list_intro_ts a.title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .list_intro_ts a:nth-child(4n) { margin-right: 0; } .list_intro_ts a .img { display: flex; align-items: center; justify-content: center; width: 260px; height: 260px; overflow: hidden; } .list_intro_ts a .img img { width: 72px; height: 72px; } .list_intro_ts a:nth-child(1) .img { background: #196ee6 url(../images/img_bx_01.png) no-repeat center; background-size: cover; } .list_intro_ts a:nth-child(2) .img { background: #196ee6 url(../images/img_bx_02.png) no-repeat center; background-size: cover; } .list_intro_ts a:nth-child(3) .img { background: #196ee6 url(../images/img_bx_03.png) no-repeat center; background-size: cover; } .list_intro_ts a:nth-child(4) .img { background: #196ee6 url(../images/img_bx_04.png) no-repeat center; background-size: cover; } .list_intro_ts a:nth-child(5) .img { background: #196ee6 url(../images/img_bx_05.png) no-repeat center; background-size: cover; } /*.list_intro_ts a .img:nth-child(2){background:#1CB3BC;} .list_intro_ts a .img:nth-child(3){background:#89D66F;} .list_intro_ts a .img:nth-child(4){background:#609FFF;} .list_intro_ts a .img:nth-child(5){background:#F07800;} .list_intro_ts a .img img{ width: 64px; height: 64px;}*/ .list_intro_ts a span { display: block; margin: 36px 20px 0 20px; line-height: 1.6em; font-size: 24px; font-weight: 500; } /* list of intro banxue */ .list_intro_bx { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; margin: 36px 0 60px 0; overflow: hidden; } .list_intro_bx a { display: block; width: 308px; height: 540px; overflow: hidden; background: #196ee6; color: #fff; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); text-align: center; cursor: default; } .list_intro_bx a.title { display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; } .list_intro_bx a.title { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .list_intro_bx a:nth-child(4n) { margin-right: 0; } .list_intro_bx a .img { display: block; width: 308px; height: 308px; overflow: hidden; } .list_intro_bx a .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_intro_bx a span { display: block; margin: 18px 24px 0 24px; line-height: 2em; font-size: 26px; font-weight: 500; text-align: center; } .list_intro_bx a p { display: block; font-size: 16px; margin: 0 24px; line-height: 1.5; overflow: hidden; text-align: center; } .list_fd { padding: 36px 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .list_fd .lfd_list { width: 80%; display: flex; flex-direction: row; justify-content: space-around; } .list_fd .lfd_list a { height: 120px; width: 50%; display: flex; flex-direction: row; } .list_fd .lfd_list a .img { display: flex; height: 120px; width: 120px; margin: 0 24px 0 0; background: #196ee6; color: #fff; justify-content: center; align-items: center; border-radius: 5px; } .list_fd .lfd_list a .txt { display: flex; flex-direction: column; justify-content: space-around; text-align: left; } .list_fd .lfd_list a .txt h3 { font-size: 24px; font-weight: 600; } .list_fd .lfd_list a .txt p { display: block; width: 220px; font-size: 18px; font-weight: 400; color: #424242 } .list_fd .lfd_desc { margin: 40px 0; width: 60%; line-height: 1.8em; font-size: 18px; text-align: center; } .logo_area { display: flex; flex-direction: row; margin: 24px 0 72px 0; } .logo_area .logo { width: 200px; height: 200px; margin: 0 72px 0 24px; } .logo_area .logo img { width: 100%; height: 100%; object-fit: contain; } .logo_area .logo_desc { padding: 16px 30px; flex: 1; line-height: 1.8em; font-size: 18px; } .title_xx { width: 100%; height: 60px; margin: 48px 0 0 0; position: relative; } .title_xx div { display: flex; justify-content: center; font-size: 32px; line-height: 1em; font-weight: 600; padding: 0 12px; width: 420px; text-align: center; background: #f2f2f2; position: absolute; top: 0; left: 50%; margin-left: -210px; z-index: 2; } .title_xx:after { content: ''; display: block; height: 1px; width: 100%; background: #ddd; position: absolute; left: 0; top: 16px; z-index: 1; } .list_xx { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: 64px 0 48px 0; } .list_xx li { margin: 0 48px 0 0; width: 45%; } /*.list_xx li:last-child{ margin: 0 0 0 0; width: 40%; }*/ .list_xx li h4 { font-size: 24px; font-weight: 600; padding: 0 0 0 24px; position: relative; } .list_xx li h4:after { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #E85260; position: absolute; left: 0; top: 10px; z-index: 2; } .list_xx li p { font-size: 18px; color: #424242; margin: 24px 0 0 0; padding: 0 0 0 24px; color: #424242; } .contact_area { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; margin: 0 0 30px 0; } .ca_txts { width: 360px; display: flex; flex-direction: column; justify-content: flex-start; } .ca_txts dt { font-size: 18px; line-height: 1.6em; font-weight: 600; margin: 0 0 24px 0; } .ca_txts dd { font-size: 16px; line-height: 1.8em; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .ca_txts dd i { font-size: 16px; margin: 0 12px 0 0; } .ca_txts .map { width: 360px; height: 200px; overflow: hidden; } .ca_txts .map img { width: 100%; height: 100%; object-fit: cover; } .btn_contact { display: block; margin: 60px auto 108px; width: 150px; height: 44px; line-height: 44px; font-size: 18px; background: #196ee6; color: #fff; text-align: center; font-weight: 600; border-radius: 5px; } .btn_contact:hover { opacity: .9; color: #fff; } /* ======== eduction ========*/ .intro_box.edu_box { width: 1440px; margin-left: -720px; } .intro_box.edu_box .intro_ouc { width: 100%; } .intro_box .intro_ouc .edu_con { width: 1380px; height: 200px; padding: 30px; background: #196ee6; background-image: linear-gradient(#0099FF, #196ee6); color: #fff; position: relative; overflow: hidden; } .edu_con { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .edu_con .logo_text { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 244px; height: 204px; background: url(../images/logo_edu.png) no-repeat center; background-size: auto 100%; color: #fff; text-align: center; margin: 0 72px 0 24px; } .edu_con .logo_text h2 { font-size: 32px; line-height: 1.4; font-weight: 600; } .edu_con .logo_text p { font-size: 18px; line-height: 2.2; } .edu_con .subject { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .edu_con .subject a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 240px; height: 50px; margin: 8px; padding: 0 16px; border-radius: 5px; font-size: 18px; color: #fff; } .edu_con .subject a:hover { background: rgba(255, 255, 255, 0.8); color: #196ee6; } .edu_con .subject a.active { background: rgba(255, 255, 255, 0.8); color: #196ee6; } .edu_con .subject a i { font-size: 32px; margin: 0 16px 0 0; } .title_banner { display: flex; justify-content: flex-start; line-height: 1em; font-size: 48px; font-weight: 600; color: #fff; position: relative; } .banner_desc { display: block; width: 40%; height: 72px; font-size: 16px; line-height: 1.6em; color: #fff; } /*filter*/ .filter {} .filter dl { display: flex; flex-direction: row; align-items: center; margin: 24px 0 0; font-size: 18px; } .filter dl dt { display: flex; flex-direction: row; } .filter dl dd { flex: 1; width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .filter dl dd a { padding: 8px 16px; height: 18px; line-height: 16px; font-size: 18px; text-align: center; margin: 0 8px; background: #fff; } .filter dl dd a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px } .filter dl dd a.active { background: #196ee6; color: #fff; } .banner.banner_pro { width: 100%; height: 400px; display: flex; align-items: center; justify-content: center; position: relative; } .banner.banner_pro img { width: 1920px; height: 400px; object-fit: cover; /* 新增1 start */ width: 100%; min-width: 1920px; /* 新增1 end */ } .section_index.pro_id { position: relative; top: -100px; z-index: 3; } .title_edu { line-height: 36px; font-size: 36px; font-weight: 600; padding: 0 0 0 24px; border-left: 3px solid #196ee6; } .list_edu { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 36px 0 64px 0; } .list_edu a { width: 446px; height: 350px; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 51px 50px 0; background: #fff; box-shadow: 2px 2px 28px rgba(0, 0, 0, .1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } .list_edu a .simg { width: 446px; height: 285px; /* 新增1 start */ height: 250.875px; /* 新增1 end */ overflow: hidden; } .list_edu a .simg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_edu a .txt { padding: 18px 24px; text-align: left; display: flex; flex-direction: column; justify-content: center; } .list_edu a .txt h4 { font-size: 22px; height: 30px; line-height: 30px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_edu a .txt p { font-size: 18px; line-height: 1.2em; color: #999; margin: 12px 0 0 0; } .list_edu a:nth-child(3n) { margin-right: 0; } .list_edu a:hover { background: #196ee6; } .list_edu a:hover .txt h4 { color: #fff } .list_edu a:hover .txt p { color: #ccc } .list_edu a:hover .simg img { transform: scale(1.06); } .intro_box .intro_ouc.pro_area { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } .intro_box .intro_ouc .pro_con { width: 980px; min-height: 500px; padding: 30px; background: #fff; position: relative; overflow: hidden; } .pro_con .title_sc { line-height: 32px; font-size: 32px; font-weight: 600; } .intro_box .intro_ouc .pro_side { width: 320px; padding: 24px 20px; margin: 96px 0 0 0; background: #F0F0F0; position: relative; } .pro_side .title_side { line-height: 18px; font-size: 18px; font-weight: 600; padding: 0 0 0 18px; border-left: 3px solid #196ee6; ; } .pro_side .ps_con { margin: 32px 0 12px 0; } .pro_side .ps_con dl { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; line-height: 1.4; margin: 1em 0; } .pro_side .ps_con dl dt { width: 88px; text-align: right; font-size: 16px; color: #666; } .pro_side .ps_con dl dd { flex: 1; font-size: 16px; color: #000; } .pro_side .ps_con .btn_rside { display: flex; width: 90%; margin: 0 auto; height: 44px; line-height: 44px; justify-content: center; align-items: center; font-size: 18px; background: #196ee6; color: #fff; border-radius: 5px; } .pro_side .ps_con .btn_rside:hover { opacity: .9; } /*breadcrumb*/ .breadcrumb_pro { width: 100%; /*position: absolute; right: 0; top: 8px;*/ z-index: 2; overflow: hidden; } .breadcrumb_pro { margin: 0 auto; font-size: 16px; } .breadcrumb_pro a { display: inline; line-height: 44px; ; } .breadcrumb_pro { color: #fff; } .breadcrumb_pro a { color: #fff; } .breadcrumb_pro a:hover { color: #196ee6; } .breadcrumb_left { width: 100%; /*position: absolute; ;left: 0; top: 8px;*/ z-index: 2; overflow: hidden; } .breadcrumb_left { margin: 0 auto; margin-top: 44px; font-size: 16px; } .breadcrumb_left a { display: inline; line-height: 44px; ; } .breadcrumb_left { color: #fff; } .breadcrumb_left a { color: #fff; } .breadcrumb_left a:hover { color: #196ee6; } /*tab of profession*/ .tab_pro { flex: 1; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; margin: 36px 0; } .tab_pro a { padding: 8px 20px; height: 18px; line-height: 18px; font-size: 18px; text-align: center; margin: 0 18px 0 0; background: #fff; } .tab_pro a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px } .tab_pro a.active { background: #196ee6; color: #fff; font-weight: 600; } .pro_con_area { padding: 0 0 0 20px; } .pro_con_area .title_pca { display: flex; align-items: center; width: 936px; height: 24px; margin: 16px 0; overflow: hidden; position: relative; } .pro_con_area .title_pca span { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 600; color: #196ee6; background: #fff; padding: 0 24px 0 0; position: absolute; left: 0; z-index: 2; } .pro_con_area .title_pca span img { width: 20px; height: 20px; margin: 0 8px 0 0; } .pro_con_area .title_pca:after { content: ''; display: block; height: 1px; width: 100%; background: #f0f0f0; position: absolute; left: 0; top: 12px; z-index: 1; } .pro_con_area p { display: block; line-height: 1.8em; font-size: 16px; margin: 2em 4em 2em 7.2em; } /*list profession course*/ .list_pro_cs { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 36px 0; } .list_pro_cs a { width: 285px; height: 243px; display: flex; flex-direction: column; justify-content: flex-start; margin: 0 40px 20px 0; background: #fff; /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);*/ } .list_pro_cs a .simg { width: 285px; height: 180px; overflow: hidden; } .list_pro_cs a .simg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_pro_cs a .txt { padding: 12px 24px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .list_pro_cs a .txt h4 { font-size: 18px; line-height: 1.2em; height: 30px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } .list_pro_cs a:hover { color: #196ee6; } .list_pro_cs a:hover .txt h4 { color: #196ee6 } .list_pro_cs a:hover .simg img { transform: scale(1.06); } /*list profession teachers*/ .list_pro_tchs { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 36px 0 0; } .list_pro_tchs a { width: 285px; height: 324px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0 40px 20px 0; background: #fff; } .list_pro_tchs a .headers { display: flex; justify-content: center; flex-direction: row; width: 100%; position: relative; } .list_pro_tchs a .headers .simg { width: 160px; height: 160px; overflow: hidden; border-radius: 50%; } .list_pro_tchs a .headers .simg img { width: 100%; height: 100%; object-fit: cover; /*transition: all 0.5s */ } .list_pro_tchs a .headers .department { display: flex; justify-content: center; align-items: center; width: 100%; height: 26px; position: absolute; bottom: -12px; } .list_pro_tchs a .headers .department span { display: flex; padding: 6px 12px; border-radius: 5px; background: #196ee6; color: #fff; font-size: 14px; line-height: 1em; text-align: center; } .list_pro_tchs a .txt { padding: 12px 32px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .list_pro_tchs a .txt h4 { font-size: 20px; line-height: 1.2em; height: 30px; margin: 32px 0 0 0; font-weight: 600; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } .list_pro_tchs a .txt p { font-size: 15px; line-height: 1.4em; margin: 1em 0; padding: 0; color: #999; } .list_pro_tchs a:nth-child(3n) { margin-right: 0; } .list_pro_tchs a:hover { color: #196ee6; cursor: auto; } .list_pro_tchs a:hover .txt h4 { color: #196ee6 } .list_pro_tchs a:hover .simg img { transform: scale(1.06); } /*list pfofession of files*/ .list_pro_files { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; margin: 36px 0 1em 7.2em; } .list_pro_files a { font-size: 16px; line-height: 1.8em; padding: .4em 0; } /*list profession students*/ .list_pro_stds { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 36px 0 0; } .list_pro_stds a { width: 276px; height: 300px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0 40px 20px 0; background: #fff; } .list_pro_stds a .headers { display: flex; justify-content: center; flex-direction: row; width: 100%; position: relative; } .list_pro_stds a .headers .simg { width: 276px; height: 176px; overflow: hidden; } .list_pro_stds a .headers .simg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_pro_stds a .headers .department { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 26px; position: absolute; bottom: 0; } .list_pro_stds a .headers .department span { display: flex; padding: 6px 12px; border-radius: 0 5px 0 0; background: #196ee6; color: #fff; font-size: 14px; line-height: 1em; text-align: center; } .list_pro_stds a .txt { padding: 24px 24px; text-align: left; display: flex; flex-direction: column; justify-content: flex-start; } .list_pro_stds a .txt h4 { font-size: 20px; line-height: 1.2em; height: 30px; font-weight: 600; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } .list_pro_stds a .txt p { display: block; height: 44px; overflow: hidden; font-size: 15px; line-height: 1.4em; margin: .5em 0; padding: 0; color: #999; } .list_pro_stds a:nth-child(3n) { margin-right: 0; } .list_pro_stds a:hover { color: #196ee6; } .list_pro_stds a:hover .txt h4 { color: #196ee6 } .list_pro_stds a:hover .simg img { transform: scale(1.06); } /*notice*/ .intro_box .intro_ouc.notice_area { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; margin: 24px 0 0 0; } .intro_box .intro_ouc.notice_area .pro_con { width: 1120px; min-height: 500px; padding: 30px; background: #fff; position: relative; overflow: hidden; } .intro_box .intro_ouc.notice_area .time_side { width: 180px; margin: 40px 0 32px 0; position: relative; } .time_side dl { display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-end; line-height: 1.4; overflow: hidden; } .time_side dl dt { width: 108px; text-align: right; font-size: 16px; color: #000; font-size: 18px; font-weight: 600; margin: 10px 24px 0 0; } .time_side dl dd { display: flex; flex-direction: column; justify-content: center; z-index: 1; } .time_side dl dd a { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #196ee6; border: 2px solid #fff; color: #fff; font-size: 24px; font-weight: 600; margin: 0 0 80px 0; border-radius: 50%; opacity: 1; position: relative; } .time_side dl dd a:hover { opacity: .9; } .time_side dl dd a:after { content: ''; height: 200%; width: 2px; background: #666; position: absolute; right: 20px; top: 44px; } /*.time_side dl dd a:nth-child(2）{margin: 0 0 0 0;}*/ .time_side dl:last-child a:last-child { margin: 0; } .notice_area { padding: 24px 0; } .list_notice { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; margin: 24px 0; } .list_notice a { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 18px; line-height: 1.8em; padding: .4em 0; } .list_notice a span { width: 100px; font-size: 16px; line-height: 1.8em; color: #999; } .banner { position: relative; } .banner .title_banner { width: 1440px; height: 48px; display: flex; justify-content: flex-start; line-height: 1em; font-size: 48px; font-weight: 600; position: absolute; left: 50%; margin-left: -720px; bottom: 150px; z-index: 1; } /* question tabs */ .tabs_panel { flex: 1; width: 100%; } .tabs_panel .Menubox { position: relative; } .tabs_panel .Menubox ul { flex: 1; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; border-bottom: 1px solid #f0f0f0; } .tabs_panel .Menubox ul li { padding: 12px 0; font-size: 22px; text-align: center; margin: 0 48px 0 0; font-weight: 600; position: relative; cursor: pointer; } /*.tabs_panel .Menubox ul { background-color: #fafcfe; }*/ .tabs_panel .Menubox ul li.hover { color: #196ee6; } .tabs_panel .Menubox ul li.hover:before { content: ''; height: 2px; width: 2em; background: #196ee6; position: absolute; left: 0px; bottom: 0px; z-index: 1; } .tabs_panel .Menubox .more_news { display: block; line-height: 1; font-size: 14px; color: #999; position: absolute; right: 0; top: 6px; z-index: 3; } .tabs_panel .Menubox .more_news:hover { color: #7417D0; } .ques_con { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: 48px 0 0 0; } .ques_con .items_box { width: 620px; padding: 40px; min-height: 480px; background: #fff; } .tab_ques { flex: 1; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; border-bottom: 1px solid #f0f0f0; } .tab_ques a { padding: 12px 0; font-size: 22px; text-align: center; margin: 0 48px 0 0; font-weight: 500; position: relative; } .tab_ques a.active { color: #196ee6; font-weight: 600; } .tab_ques a.active:after { content: ''; height: 2px; width: 2em; background: #196ee6; position: absolute; left: 0px; bottom: 0px; z-index: 1; } .list_question { margin: 24px 0; } .list_question .list_item { display: flex; flex-direction: column; } .list_question .list_item a { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 20px; line-height: 1.8em; padding: .4em 0; } .list_question .list_item a i { width: 40px; text-align: right; font-size: 16px; line-height: 1.8em; color: #999 } .list_question .list_item .answer { padding: 18px 24px; line-height: 1.8em; font-size: 16px; color: #666; background: rgba(0, 153, 255, 0.06); border-left: 1px solid rgba(0, 153, 255, 0.4); display: none; } /*branch list*/ .list_branch { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 60px 0 0 0; } .list_branch li { display: flex; flex-direction: column; padding: 16px 24px; width: 286px; height: 96px; border-radius: 5px; background: #fff; margin: 0 26px 26px 0; } .list_branch li h4 { font-size: 20px; line-height: 1.6; font-weight: 600; } .list_branch li p { font-size: 16px; line-height: 1.6; } .list_branch li:hover { box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } .ques_con .items_box.ib_campus { width: 700px; padding: 0; background: none; } /*list campus*/ .list_campus { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .list_campus a { width: 700px; display: flex; flex-direction: row; justify-content: flex-start; margin: 0 40px 40px 0; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0); } .list_campus a .simg { width: 240px; height: 160px; overflow: hidden; } .list_campus a .simg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_campus a .txt { flex: 1; width: 360px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; } .list_campus a .txt h4 { font-size: 24px; line-height: 1.4em; font-weight: 600; height: 30px; } .list_campus a .txt span { font-size: 14px; line-height: 1.2em; color: #999; margin: 12px 0 0 0; } .list_campus a:nth-child(2n) { margin-right: 0; } .list_campus a:hover { color: #196ee6; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } .list_campus a:hover .txt h4 { color: #196ee6 } .list_campus a:hover .simg img { transform: scale(1.06); } /*detail*/ .detail_content { padding: 36px 48px; margin: 24px auto; overflow: hidden; } .detail_content h3.p_title { display: inline-block; width: 100%; font-size: 36px; line-height: 1.2em; margin: 16px 0; text-align: center; font-weight: bold; } .detail_content .date { display: block; font-size: 14px; line-height: 1.5em; font-weight: normal; padding: 0 0 16px 0; text-align: center; } .detail_content .date span { display: inline-block; margin: 0 12px; text-align: center; } .detail_content .desc { font-size: 14px; line-height: 1.6em; padding: 4px 1em; margin: 0 0 12px 0; border-width: 1px; border-style: solid; } .detail_content p { font-size: 18px; line-height: 2em; padding: 1em 2em; } /* detail color */ .detail_content .date { color: #999; } .detail_content .desc { background-color: #f6f6f6; border-color: #ddd; color: #999; } /*intro*/ .intro { padding: 24px 0; display: flex; flex-direction: row; justify-content: space-between; } .intro h3.p_title { text-align: left; } .intro .txt { width: 560px; } .intro .img { width: 320px; height: 480px; } .intro .img img { width: 100%; height: 100%; object-fit: cover; } /*news list*/ .list_news { display: block; overflow: hidden; } .list_news a { display: block; width: 100%; font-size: 15px; padding: 24px 0; line-height: 1em; position: relative; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden; } .list_news a .img { width: 220px; height: 142px; float: left; margin-right: 32px; overflow: hidden; } .list_news a .img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px } .list_news a .img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } .list_news a:hover .img img { transform: scale(1.03); } .list_news a .txts { width: calc(100% - 254px); float: left; } .list_news a .txts b { display: inline-block; font-size: 18px; font-weight: bold; line-height: 1.2; } .list_news a .txts p { display: block; margin: 18px 1em 0 0; font-size: 14px; font-weight: normal; line-height: 1.6em; } .list_news a .txts .date { display: block; margin: 24px 0 0 0; font-size: 12px; font-weight: normal; line-height: 1em; } .list_news a { border-bottom-color: #f0f0f0; } .list_news a .txts p { color: #999; } .list_news a:hover .txts p { color: #666; } .list_news a .txts .date { color: #ccc; } .list_news.search_list a .txts { width: 100%; } /*contact*/ .list_contact { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; margin: 36px 0; overflow: hidden; } .list_contact { -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .list_contact li { display: block; width: 360px; height: 480px; margin: 24px 0; overflow: hidden; } .list_contact li h3 { display: block; font-size: 18px; line-height: 1.8; font-weight: 600; overflow: hidden; } .list_contact li p { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 1.5; margin: .5em 0; ; overflow: hidden; } .list_contact li p i { display: block; width: 18px; text-align: center; font-size: 18px; line-height: 1.5; margin: 0 16px 0 0; } .list_contact li .img { display: block; width: 360px; height: 220px; margin: 24px 0; overflow: hidden; } .list_contact li .img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .list_contact li .img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s } /* page */ .pagination { display: flex; flex-direction: row; justify-content: center; text-align: center; margin: 0 auto; padding: 24px 0; } .pagination page { overflow: hidden; } .pagination page a { display: inline-block; width: 44px; height: 44px; line-height: 44px; margin: 0 4px; text-align: center; font-size: 16px; } .pagination page a { border-width: 1px; border-style: solid; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; } .pagination page a { background: #fff; color: #666; border-color: #ccc; } .pagination page a:hover { background: #fff; border-color: #196ee6; color: #196ee6 } .pagination page a.nowpage { background: #196ee6; color: #fff; border-color: #196ee6 } .signup_con { margin: 64px 0 0; min-height: 480px; } .signup_con a img { width: 100%; height: auto; object-fit: contain; } .signup_con .stitle { display: flex; flex-direction: row; align-items: flex-start; font-size: 24px; font-weight: 600; ; margin: 24px 0; } .signup_con .stitle .btn_bm { height: 240px; font-size: 24px; font-weight: 600; position: relative; color: #196ee6; cursor: pointer; } .signup_con .stitle .btn_bm:hover { text-decoration: underline; } .signup_con .stitle .btn_bm span { display: block; height: 200px; } .signup_con .stitle .btn_bm span img { display: block; padding: 12px 0; width: 160px; height: 160px; display: none; } @media screen and (min-width:1024px) and (max-width:1720px) { .notice_live_box .live_img { width: 240px; font-size: 20px; padding-left: 20px; } .noticeWrap { width: calc(100% - 240px); } /*index news*/ .ip_box { width: 1024px; } .ip_box.ip_s { width: 1050px; padding-left: 25px; } .two_columb .cl_con { width: 760px; } .index_id { width: 1024px; margin-left: -512px; } .index_id .index_id_con { width: 1024px; } .index_pro_con .tab a { padding: 22px 0; } .index_profession_list { height: 508px; } .index_profession_list { padding: 24px 24px 12px 24px; } .index_profession_list a { width: 220px; height: 226px; } .index_profession_list a .simg { width: 220px; height: 172px; /* 新增1 start*/ height: 124px; /* 新增1 end */ } .index_profession_list a .txt h4 { height: auto; font-size: 18px; } .index_profession_list a .txt p { font-size: 16px; } .list_index_cs a { width: 230px; height: 240px; margin: 0 34px 38px 0 } .list_index_cs a .img { width: 230px; height: 150px; /* 新增1 start */ height: 130px; /* 新增1 end */ } .list_index_cs a span { margin: 8px 12px 0 12px; font-size: 18px } .list_index_cs a p { margin: 0 12px; font-size: 14px; } .recent_online { justify-content: space-between; } .recent_online a:nth-child(3n) { margin-right: 60px; } .recent_online a:nth-child(2n) { margin-right: 0; } .project_index .pi_list { width: 481px; height: 377px; } .project_index .pi_list a { width: 240px; height: 188px; } .project_index .pi_list a span h3 { font-size: 16px; } .desc { font-size: 18px; } .project_index .pi_text .btns_icon { margin: 14px 0 0 0; } .project_index .pi_text .btns_icon a { width: 122px; margin: 8px 0 0 0; font-size: 14px; } a.more { font-size: 14px; color: #999; } .desc.desc_online { width: 480px; } .list_index_college a { width: 280px; height: 420px; margin: 60px 0 0 0 } .list_index_college a .simg { height: 180px; } .list_index_college a:last-child { width: 420px; height: 600px; } .list_index_college a:last-child .simg { height: 240px; } .more.more_index_college { left: 500px; } .desc.desc_ouc { width: 1024px; } .list_index_ouc a { width: 320px; height: 368px; } .list_index_ouc a .simg { width: 320px; height: 240px; } .list_index_ouc a .txt h3 { font-size: 18px; } .list_index_ouc a .txt p { font-size: 14px; } .sis_con { width: 1024px } .sis_con .img { width: 360px; height: 240px; } .sis_con .txt .detail { height: 140px; padding: 18px 0 0 0; } .sis_con .txt .detail h4 { font-size: 18px; } .sis_con .txt .detail p { font-size: 16px; } .sis_con .txt .detail em { font-size: 14px; } .banner.banner_intro { height: 400px; } .banner_desc { width: 60%; } .intro_box.edu_box { width: 1024px; margin-left: -512px; } .intro_box .intro_ouc .edu_con { width: 964px; height: 160px; } .edu_con .logo_text { width: 180px; height: 172px; margin: 0 24px; } .edu_con .subject a { width: 164px; font-size: 16px; padding: 0 0 0 12px; margin: 4px; } .edu_con .subject a i { font-size: 24px; margin: 0 12px 0 0 } .section_index.mt_-220 { margin-top: -260px !important } .list_edu a { width: 307px; height: 242px; } .list_edu a .simg { width: 307px; height: 180px; /* 新增1 start */ height: 172.7px; /* 新增1 end */ } .list_edu a .txt { padding: 16px; } .list_edu a .txt h4 { font-size: 18px; } .list_edu a .txt p { font-size: 14px; margin: 4px 0 0 0; } .banner.banner_pro { height: 320px; } .intro_box .intro_ouc .pro_con { width: 14.5rem; } .tab_pro a { padding: 8px 12px; } .intro_box .intro_ouc .pro_side { width: 276px; padding: 18px 12px; } .pro_side .ps_con dl dt, .pro_side .ps_con dl dd { font-size: 14px; } .breadcrumb_pro { width: 100%; } .list_branch li { width: 277px; margin: 0 24px 24px 0; } .list_branch li:nth-child(3n) { margin-right: 0; } .pro_con_area .title_pca { width: 100%; } .pro_con_area p { margin: 2em 2em 2em 3em; } .list_pro_cs a { width: 180px; height: 200px; margin: 0 30px 10px 0 } .list_pro_cs a .simg { width: 180px; height: 120px; } .list_pro_cs a .txt { padding: 12px; } .list_pro_cs a .txt h4 { height: auto; font-size: 16px; } .list_pro_tchs a { width: 180px; height: 300px; } .list_pro_tchs a .txt { padding: 12px; } .list_pro_tchs a .txt p { display: block; height: 44px; overflow: hidden; } .list_pro_files { margin: 2em 2em 2em 3em; } .list_pro_stds a { width: 180px; height: 240px; margin: 0 30px 10px 0 } .list_pro_stds a .headers .simg { width: 180px; height: 120px; } .list_pro_stds a .txt { padding: 16px 12px 0 12px; } .list_pro_stds a .txt h4 { font-size: 18px; } .list_pro_stds a .txt p { font-size: 14px; height: 40px; } .list_pro_stds a .headers .department span { font-size: 12px; } .intro_box { width: 1084px; margin-left: -542px; } .intro_box .intro_ouc { width: 1084px; } .intro_box .intro_ouc .intro_con { width: 14.5rem; min-height: 320px; padding: 30px 60px 30px 30px; } .intro_box .intro_ouc .intro_con p { font-size: 16px; } .intro_box .intro_ouc .intro_video { width: 380px; height: 220px; } .intro_con .more_intro { right: 64px; bottom: 32px; } .timeline ul li h4 { font-size: 24px; } .timeline ul li p { font-size: 14px; } .desc.desc_zs { font-size: 16px; } .zs_area { margin-right: 40px; } .list_zs { width: 580px; padding: 20px 0 } .list_zs a { width: 180px; height: 360px; } .list_zs a .img { width: 180px; height: 240px; } .list_zs a p { padding: 16px; font-size: 18px; } .list_intro_ts a { width: 190px; height: 280px; } .list_intro_ts a .img { width: 190px; height: 190px; } .list_intro_ts a span { margin: 16px; font-size: 16px; } .list_intro_bx a { width: 240px; height: 480px; } .list_intro_bx a .img { width: 240px; height: 240px; } .list_intro_bx a span { font-size: 18px; } .list_intro_bx a p { font-size: 14px; } .title_intro { height: 60px; font-size: 36px; } .list_fd .lfd_list { width: 100%; } .logo_area .logo_desc { font-size: 16px; } .banner .title_banner { width: 1024px; margin-left: -512px; bottom: 120px; } .ques_con .items_box { width: 460px; padding: 20px; } .intro_box .intro_ouc.notice_area .time_side { width: 120px; margin-right: 36px; } .intro_box .intro_ouc.notice_area .pro_con { width: 900px; } .list_campus a { width: 100%; margin-right: 0; } } @media screen and (min-width:769px) and (max-width:1024px) { .ip_box { display: block; width: 768px; } .ip_box.ip_s { width: 818px; padding-left: 25px; } .two_columb .cl_con { width: 520px; } .index_id { width: 768px; margin-left: -384px; height: 90px; } .index_id .index_id_con { width: 768px; height: 90px; } .index_id .index_id_con ul li { height: 90px; } .index_id .index_id_con ul li i { font-size: 18px; } .index_id .index_id_con ul li h3 { font-size: 28px; } .index_pro_con .tab { width: 180px; } .index_pro_con .tab a { width: 140px; padding: 22px 0; font-size: 16px; } .index_profession_list { height: 508px; } .index_profession_list { padding: 24px 36px 12px 36px; } .index_profession_list a { width: 242px; height: 140px; } .index_profession_list a:nth-child(3n) { margin-right: 30px; } .index_profession_list a:nth-child(2n) { margin-right: 0; } .index_profession_list a .simg { width: 242px; height: 160px; /* 新增1 start*/ height: 136px; /* 新增1 end*/ } .index_profession_list a .txt h4 { height: auto; font-size: 18px; } .index_profession_list a .txt p { font-size: 16px; } .index_pro_con { margin: 40px 0; } .list_index_cs a { width: 230px; height: 240px; margin: 0 38px 38px 0 } .list_index_cs a:nth-child(4n) { margin-right: 38px; } .list_index_cs a:nth-child(3n) { margin-right: 0; } .list_index_cs a .img { width: 230px; height: 150px; /* 新增1 start */ height: 130px; /* 新增1 end */ } .list_index_cs a span { margin: 8px 12px 0 12px; font-size: 18px } .list_index_cs a p { margin: 0 12px; font-size: 14px; } .recent_online { justify-content: space-between; } .recent_online a { width: 352px; } .recent_online a:nth-child(3n) { margin-right: 60px; } .recent_online a:nth-child(2n) { margin-right: 0; } .recent_online a dl dt { width: 100px; height: 100px; } .recent_online a dl dd { margin: 0 0 0 12px; } .recent_online a dl dd h3 { font-size: 18px; height: 48px; } .recent_online a dl dd span { padding: 4px 0; font-size: 14px; margin-top: 5px; } .recent_online a dl dd p { font-size: 14px; } .project_index { flex-direction: column; margin-bottom: 24px; } .project_index .pi_list { width: 100%; height: auto; } .project_index .pi_list a { width: 50%; height: 208px; } .project_index .pi_list a span h3 { font-size: 16px; } .desc { font-size: 18px; } .project_index .pi_text { margin: 36px 0 0 0; } .project_index .pi_text .btns_icon { margin: 34px 0 0 0; } .project_index .pi_text .btns_icon a { width: 192px; margin: 8px 0 0 0; font-size: 14px; } a.more { font-size: 14px; color: #999; } .more.more_index_project { bottom: 0; right: 44px; } .desc.desc_online { width: 400px; } .list_index_college a { width: 200px; height: 440px; margin: 60px 0 0 0 } .list_index_college a .simg { width: 200px; height: 140px; } .list_index_college a:last-child { width: 320px; height: 560px; } .list_index_college a:last-child .simg { width: 320px; height: 200px; } .list_index_college a .txt p { font-size: 14px; } .list_index_college a:last-child .txt p { display: block; height: 150px; font-size: 16px; overflow: hidden; } .more.more_index_college { left: 500px; } /* noticeWrap */ .section_index.si_id { top: -60px; } .notice_live { margin-top: -90px; } .notice_live_box .live_img { width: 240px; font-size: 20px; padding-left: 20px; } .noticeWrap { width: calc(100% - 240px); } .noticeWrap { box-sizing: border-box; display: flex !important; margin-bottom: 30px; padding: 20px 22px; justify-content: space-between; align-items: center; height: 112px; } .noticeWrap .section_left .notice { width: 36px; padding: 5px 8px; font-size: 15px; } .noticeWrap .section_left .noticeContent { padding: 0 37px 0 20px } .noticeWrap .section_left .noticeContent p { line-height: 26px; } .noticeWrap .section_right { font-size: 14px; } .desc.desc_ouc { width: 768px; } .list_index_ouc a { width: 240px; height: 300px; } .list_index_ouc a .simg { width: 240px; height: 140px; } .list_index_ouc a .txt h3 { font-size: 18px; } .list_index_ouc a .txt p { font-size: 14px; } .section_index.si_story .index_pro { padding: 0 48px; } .section_index.si_story .index_pro .index_pro_con { width: 768px; } .sis_con { width: 768px } .sis_con .img { width: 200px; height: 200px; } .sis_con .txt .detail { height: 140px; } .sis_con .txt .detail h4 { font-size: 18px; } .sis_con .txt .detail p { font-size: 16px; } .sis_con .txt .detail em { font-size: 14px; } .banner.banner_intro { height: 360px; } .banner_desc { width: 80%; } .intro_box.edu_box { width: 768px; margin-left: -384px; } .intro_box .intro_ouc .edu_con { width: 724px; height: 160px; } .edu_con .logo_text { width: 120px; height: 120px; margin: 0 14px; } .edu_con .logo_text h2 { font-size: 18px; } .edu_con .logo_text p { font-size: 12px; } .edu_con .subject a { width: 124px; font-size: 14px; padding: 0 0 0 12px; margin: 4px; } .edu_con .subject a i { font-size: 16px; margin: 0 8px 0 0 } .section_index.mt_-220 { margin-top: -260px !important } .filter dl dt { font-size: 14px; } .filter dl dd a { font-size: 14px; height: auto; padding: 4px 8px; } .list_edu a { width: 242px; height: 242px; margin: 0 20px 20px 0; } .list_edu a .simg { width: 242px; height: 180px; /* 新增1 start */ height: 136px; /* 新增1 end */ } .list_edu a .txt { padding: 16px; } .list_edu a .txt h4 { font-size: 18px; } .list_edu a .txt p { font-size: 14px; margin: 4px 0 0 0; } .banner.banner_pro { height: 320px; } .intro_box .intro_ouc.pro_area { flex-direction: column; } .intro_box .intro_ouc .pro_con { width: 708px; } .tab_pro a { padding: 8px 12px; } .intro_box .intro_ouc .pro_side { width: 90%; padding: 18px 5%; margin: 24px 0 0 0; } .pro_side .ps_con dl dt, .pro_side .ps_con dl dd { font-size: 14px; } .breadcrumb_pro { width: 100%; } .pro_con_area .title_pca { width: 100%; } .pro_con_area p { margin: 2em 2em 2em 3em; } .list_pro_cs a { width: 200px; height: 200px; margin: 0 32px 10px 0 } .list_pro_cs a .simg { width: 200px; height: 140px; } .list_pro_cs a .txt { padding: 12px; } .list_pro_cs a .txt h4 { height: auto; font-size: 16px; } .list_pro_tchs a { width: 200px; height: 300px; } .list_pro_tchs a .txt { padding: 12px; } .list_pro_tchs a .txt p { display: block; height: 44px; overflow: hidden; } .list_pro_files { margin: 2em 2em 2em 3em; } .list_pro_stds a { width: 200px; height: 240px; margin: 0 30px 10px 0 } .list_pro_stds a .headers .simg { width: 200px; height: 120px; } .list_pro_stds a .txt { padding: 16px 12px 0 12px; } .list_pro_stds a .txt h4 { font-size: 18px; } .list_pro_stds a .txt p { font-size: 14px; height: 40px; } .list_pro_stds a .headers .department span { font-size: 12px; } .section_index { overflow: visible; } .breadcrumb_pro { top: -44px; left: 0; right: auto; font-size: 14px; } .list_branch li { width: 324px; margin: 0 24px 24px 0; } .list_branch li:nth-child(2n) { margin-right: 0; } .intro_box { width: 828px; margin-left: -414px; } .intro_box .intro_ouc { width: 828px; } .intro_box .intro_ouc .intro_con { width: 460px; min-height: 320px; padding: 30px 60px 30px 30px; } .intro_box .intro_ouc .intro_con p { font-size: 16px; } .intro_box .intro_ouc .intro_video { width: 320px; height: 180px; } .intro_con .more_intro { right: 64px; bottom: 32px; } .timeline ul li { padding: 0 14px 24px 14px; } .timeline ul li h4 { font-size: 24px; } .timeline ul li p { font-size: 14px; } .flex_lr { flex-direction: column; } .desc.desc_zs { font-size: 16px; } .zs_area { width: 100%; padding: 60px 0 24px 0; } .list_zs { width: 100%; padding: 20px 0; margin: 0; } .list_zs a { width: 240px; height: 400px; } .list_zs a .img { width: 240px; height: 300px; } .list_zs a p { padding: 16px; font-size: 18px; } .list_intro_ts a { width: 140px; height: 260px; } .list_intro_ts a .img { width: 140px; height: 140px; } .list_intro_ts a .img img { width: 48px; height: 48px; } .list_intro_ts a span { margin: 16px; font-size: 16px; } .list_intro_bx a { width: 188px; height: 480px; } .list_intro_bx a .img { width: 188px; height: 210px; } .list_intro_bx a span { font-size: 18px; } .list_intro_bx a p { font-size: 14px; } .title_intro { height: 60px; font-size: 36px; } .title_intro.ta_center { padding-top: 48px; } .xxms_area { width: 100%; } .list_xxms { padding: 0 0 48px 0; } .list_fd .lfd_list { width: 100%; } .list_fd .lfd_list a .txt h3 { font-size: 18px; } .list_fd .lfd_list a .txt p { font-size: 16px; } .list_fd .lfd_desc { width: 80%; font-size: 16px; } .logo_area .logo { margin: 0 24px; } .logo_area .logo_desc { font-size: 16px; } .list_xx li p { font-size: 16px; } .banner .title_banner { width: 768px; margin-left: -384px; bottom: 120px; } .ques_con { flex-direction: column; } .ques_con .items_box { width: 90%; padding: 5%; margin-bottom: 24px; } .intro_box .intro_ouc.notice_area .time_side { width: 100px; margin-right: 16px; } .time_side dl dt { margin: 10px 8px 0 0; } .intro_box .intro_ouc.notice_area .pro_con { width: 600px; } .list_notice a { font-size: 16px; } .list_campus a { width: 100%; margin-right: 0; } .detail_content img { max-width: 100%; height: auto; object-fit: contain; } .bg_section .title_panel_index, .bg_section .title_panel_index_c { padding-top: 48px; } /*弹窗*/ .prompt_box { width: 720px; height: 444px; padding: 30px; background: #ffffff; border-radius: 5px; box-shadow: 0 0 16px rgba(0, 0, 0, .7); position: fixed; top: 50%; left: 50%; margin-left: -375px; margin-top: -237px; overflow: hidden; position: relative; z-index: 11 } .prompt_box .video { width: 720px; height: 405px; } } @media screen and (max-width:768px) { .notice_live { margin-top: 0; } .section_index.mt_48 { margin-top: 14px !important; } /*.section_index.mt_36 { margin-top: 14px!important; }*/ .ip_box { display: block; width: auto; margin: 0 14px; } .ip_box.ip_s { width: 100%; } .bg_profession { height: auto; } .section_index.si_id { top: 0; margin-bottom: 24px; } .index_id { width: 100%; height: 90px; padding: 0; position: unset; margin: 0 0 24px 0; } .index_id .index_id_con { width: 100%; height: 72px; padding: 16px 0; position: unset; top: 0; } .index_id .index_id_con ul { flex-wrap: wrap; justify-content: space-around; } /*.index_id .index_id_con ul li{ width: 49%; height: 80px; border:none; }*/ .index_id .index_id_con ul li { width: 24%; height: 80px; border: none; } .index_id .index_id_con ul li i { font-size: 15px; } .index_id .index_id_con ul li h3 { font-size: 20px; white-space: nowrap; } .title_panel_index { align-items: flex-end; } .title_panel_index h2 { height: 48px; font-size: 32px; } /* noticeWrap */ .notice_live_box .live_img { width: 120px; font-size: 12px; padding-left: 10px; height: 92px; font-size: 16px; background: url(../images/live2.png); } .noticeWrap { width: calc(100% - 120px); } .noticeWrap { display: flex !important; margin-bottom: 30px; padding: 20px 22px; justify-content: space-between; align-items: center; } .noticeWrap .section_left .notice { width: 36px; height: 39px; padding: 5px 8px; font-size: 15px; } .noticeWrap .section_left .noticeContent { padding: 0 37px 0 20px } .noticeWrap .section_left .noticeContent p { line-height: 26px; } .noticeWrap .section_left .noticeContent p .text { width: 500px; overflow: hidden; } .noticeWrap .section_right { font-size: 14px; } .index_pro_con .tab { width: 120px; } .index_pro_con .tab a { width: 100px; padding: 22px 0; margin: 0 10px; font-size: 14px; } .index_profession_list { height: auto; min-height: 545px; } .index_profession_list { padding: 24px 16px 12px 14px; flex-direction: column; align-items: center; } .index_profession_list a { width: 182px; height: 150px; margin-right: 0; margin-bottom: 16px; } .index_profession_list a:nth-child(3n) { margin-right: 0; } .index_profession_list a:nth-child(2n) { margin-right: 0; } .index_profession_list a .simg { width: 182px; height: 90px; } .index_profession_list a .txt { padding: 12px; } .index_profession_list a .txt h4 { height: auto; font-size: 16px; } .index_profession_list a .txt p { font-size: 14px; margin: 6px 0 0 0; } .index_pro_con { margin: 40px 0 0 0; } .list_index_cs { border-radius: 0; overflow: unset; } .list_index_cs a { width: 100%; height: auto; margin: 0 0 12px 0; padding: 0 0 14px 0; border-radius: 0; } .list_index_cs a:nth-child(4n) { margin-right: 0; } .list_index_cs a:nth-child(3n) { margin-right: 0; } .list_index_cs a .img { width: 100%; height: 150px; } .list_index_cs a span { margin: 10px 12px 0 12px; font-size: 18px } .list_index_cs a p { margin: 0 12px; font-size: 14px } .section_index.mt_36 { margin-top: 0 !important; } .bg_section { padding: 0 0 24px 0; } .title_panel_index_c h2 div { font-size: 32px; } .desc { font-size: 18px; } .recent_online { justify-content: center; } .recent_online a { width: 90%; height: auto; padding: 6px 0; margin: 0 0 12px 0; } .recent_online a dl dt { width: 72px; height: 72px; } .recent_online a dl dd { margin: 0 0 0 12px; justify-content: space-around; } .recent_online a dl dd h3 { font-size: 18px; height: auto; } .recent_online a dl dd span { padding: 4px 0; font-size: 14px; } .recent_online a dl dd p { font-size: 14px; } .project_index { flex-direction: column; margin: 24px 0 } .project_index .pi_list { width: 100%; height: 240px } .project_index .pi_list a { width: 50%; height: 120px; } .pi_text .desc { margin-top: 24px !important; font-size: 16px !important; } .project_index .pi_text { margin: 24px 0 0 0; } .project_index .pi_text .btns_icon { margin: 16px 0 0 0; } .project_index .pi_text .btns_icon a { width: 33.3%; margin: 1.5em 0 0; font-size: 14px; } .project_index .pi_list a span h3 { font-size: 14px; } .ip_box.mt_60 { margin-top: 24px !important; } .ip_box.mb_90 { margin-bottom: 24px !important; } a.more { color: #999; } .desc.desc_online { position: unset; width: 100%; } .list_index_college { flex-direction: column; margin: 24px 0 0 0; } .list_index_college.mt_60 { margin: 24px 0 0 0 !important; } .list_index_college a { width: 100%; height: auto; margin: 1em 0 0 0; margin: 0 0 12px 0; } .list_index_college a:last-child { width: 100%; height: auto; } .list_index_college a .simg { width: 100%; height: 180px; } .list_index_college a:last-child .simg { width: 100%; height: 180px; } .list_index_college a:last-child .txt { padding: 24px; } .list_index_college a .txt h3, .list_index_college a:last-child .txt h3 { font-size: 20px; } .list_index_college a .txt p, .list_index_college a:last-child .txt p { font-size: 14px; height: auto; } .more.more_index_college { left: 24px; bottom: -40px; } .desc.desc_ouc { width: auto; margin: 0 12px; } .list_index_ouc.mb_60 { margin-bottom: 0 !important; } .list_index_ouc { margin: 24px 0 0 0; flex-direction: column; } .list_index_ouc a { width: 100%; height: auto; margin: 0 0 12px 0; } .list_index_ouc a .simg { width: 100%; height: 150px; } .list_index_ouc a .txt h3 { font-size: 18px; } .list_index_ouc a .txt p { font-size: 14px; } .section_index.si_story .index_pro { padding: 0 48px; } .section_index.si_story .index_pro .index_pro_con { width: 100%; margin: 24px 0 0 0 !important } .sis_con { width: 100%; flex-direction: column; } .sis_con .img { width: 100%; height: 200px; } .sis_con .txt { margin: 1em 0; padding: 0; height: auto; } .sis_con .txt .ico { width: 72px; font-size: 128px; } .sis_con .txt .detail { height: auto; margin: 0 2em 0 0; } .sis_con .txt .detail h4 { font-size: 18px; margin: 1em 0 } .sis_con .txt .detail p { font-size: 14px; } .sis_con .txt .detail em { font-size: 14px; } .section_index.intro_id { top: -150px; } .banner.banner_intro { height: 240px; } .title_banner { font-size: 32px; } .title_banner.mb_24 { margin-bottom: 12px !important; } .banner_desc { width: 100%; height: 78px; font-size: 14px; } .intro_box.edu_box { width: auto; margin: 0 12px; position: unset; } .intro_box .intro_ouc .edu_con { width: 100%; height: auto; flex-direction: column; justify-content: flex-start; align-items: center; padding: 24px 0; } .edu_con .logo_text { width: auto; height: 120px; margin: 0 14px; } .edu_con .logo_text h2 { font-size: 24px; } .edu_con .logo_text p { font-size: 16px; } .edu_con .subject { justify-content: center; } .edu_con .subject a { width: 124px; height: 48px; font-size: 14px; padding: 0 0 0 12px; margin: 4px; } .edu_con .subject a i { font-size: 16px; margin: 0 8px 0 0 } .section_index.mt_-220 { margin-top: -100px !important } .title_edu { font-size: 32px; } .title_edu.mb_48 { margin-bottom: 24px !important; } .filter dl { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 12px 0 0 0; } .filter dl dt { text-align: left; font-size: 15px; } .filter dl dd { width: 100%; margin: 8px 0; justify-content: flex-start; flex-wrap: wrap; } .filter dl dd a { font-size: 15px; height: auto; margin: 0 8px 8px 0; padding: 6px 8px; } .list_edu { margin: 12px 0; } .list_edu a { width: 100%; height: auto; margin: 0 0 12px 0; } .list_edu a .simg { width: 100%; height: 180px; } .list_edu a .txt { padding: 16px; } .list_edu a .txt h4 { font-size: 18px; } .list_edu a .txt p { font-size: 14px; margin: 4px 0 0 0; } .section_index.pro_id { top: -104px; } .banner.banner_pro { height: 240px; } .intro_box .intro_ouc.pro_area { flex-direction: column; } .intro_box .intro_ouc .pro_con { width: auto; padding: 24px 12px; } .tab_pro { flex-wrap: wrap; margin: 24px 0; } .tab_pro a { padding: 8px 12px; margin-bottom: 12px; } .intro_box .intro_ouc .pro_side { width: 90%; padding: 18px 5%; margin: 24px 0 0 0; } .pro_side .ps_con dl dt, .pro_side .ps_con dl dd { font-size: 14px; } .breadcrumb_pro { width: 100%; position: unset; left: unset; right: unset; font-size: 14px; } .pro_con_area .title_pca { width: 100%; } .pro_con_area p { margin: 1.5em; } .pro_con .title_sc { font-size: 24px; } .list_pro_cs a { width: 100%; height: auto; margin: 0 0 12px 0 } .list_pro_cs a .simg { width: 100%; height: 150px; } .list_pro_cs a .txt { padding: 12px; } .list_pro_cs a .txt h4 { height: auto; font-size: 16px; } .list_pro_tchs a { width: 100%; height: auto; margin: 0 0 12px 0; } .list_pro_tchs a .txt { padding: 12px; } .list_pro_tchs a .txt p { display: block; height: 44px; overflow: hidden; } .list_pro_files { margin: 1.5em; } .pro_con_area { padding: 0; } .list_pro_stds a { width: 100%; height: auto; margin: 0 0 12px 0 } .list_pro_stds a .headers .simg { width: 100%; height: 150px; } .list_pro_stds a .txt { padding: 16px 0 0 0; width: 100%; } .list_pro_stds a .txt h4 { font-size: 18px; } .list_pro_stds a .txt p { font-size: 14px; height: 40px; } .list_pro_stds a .headers .department span { font-size: 12px; } .section_index { overflow: visible; } .breadcrumb_pro { top: -44px; left: 0; right: auto; font-size: 14px; } .breadcrumb_left { width: auto; margin: 0 12px; top: 56px; } .list_branch li { width: 100%; margin: 0 0 12px 0; } .list_branch li:nth-child(2n) { margin-right: 0; } .intro_box .intro_ouc { top: 24px; } .title_intro { height: 60px; font-size: 32px; } .title_intro.mb_48 { margin-bottom: 0 !important; } .title_intro.pd_lr_30 { padding: 0 12px; } .title_intro.pd_lr_30:after { left: 12px; } .intro_box { width: auto; margin: 0 12px; position: unset; } .intro_box .intro_ouc { width: auto; } .intro_box .intro_ouc .intro_con { width: auto; min-height: 320px; padding: 30px 16px 12px 16px; } .intro_box .intro_ouc .intro_con p { font-size: 16px; } .intro_box .intro_ouc .intro_video { width: 90%; height: 180px; margin: 36px 5% 48px; position: unset; position: relative; } .intro_con .more_intro { position: unset; } }