* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Microsoft Yahei"; } li { list-style: none; } a { text-decoration: none; color: #666; } a:hover { color: #a7181f; } .header { max-width: 1920px; width: 100%; margin: 0px auto; background-color: #e6e6e6; position: relative; z-index: 1; } .header_center { margin: 0 auto; height: 57px; background-color: #e6e6e6; overflow: hidden; max-width: 1600px; } .header_center img { float: left; height: 45px; margin-top:5px; } .header_center>a:focus { background-color: #000 } .header_center>a:focus ul {} #menu_mob { width: 57px; background-image: url(../images/menu.png); height: 57px; background-repeat: no-repeat; background-position: center center; outline: none; border: none; background-color: #e6e6e6; float: right; display: none; background-size: 60% 60%; } .jump_link { float: right; line-height: 57px; padding-right: 20px; } .jump_link a { color: #000; } .jump_link span { content: ''; display: inline-block; height: 18px; width: 1px; background-color: #000; margin: 0px 12px; position: relative; top: 4px; } .main_section { max-width: 1920px; margin: 0px auto; } .main_section>div { padding-bottom: 36px; } .main_section>div>div { max-width: 1300px; margin: 0 auto; color: #666; line-height: 32px; } .main_section>div:nth-child(2n-1) { background-color: #f9fafb; } .teacher_head { position: relative; background-color: rgba(0, 0, 0, 0); background-image: url(../images/bg.jpg); background-repeat: no-repeat; background-position: top center; padding: 48px 24px; padding-bottom: 0px; } .teacher_head:after { clear: both; content: ""; display: block; } .teacher_info img { display: inline-block; float: left; border: 4px solid rgba(255, 255, 255, .4) } .teacher_info { overflow: hidden; } .teacher_title { width: 1070px; float: right; margin-top: 42px; } .teacher_title>p:first-child { font-size: 24px; border-bottom: 2px solid rgba(255, 255, 255, .5); padding-bottom: 16px; color: #fff; } .teacher_title>p:first-child span { font-size: 32px; margin-right: 12px; } .teacher_title_link a { color: #fff; line-height: 36px; } .teacher_title_link a:hover { color: #fff; } .teacher_title_college { color: #fff; line-height: 28px; } .teacher_title_college>span { margin-right: 12px; } .con_tit{ padding: 10px; padding-left: 0px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ddd; } .con_tit p { font-size: 20px; line-height: 35px; text-align: left; font-weight: bold; color: #333; float: left; } .con_tit a{ float: right; line-height: 25px; padding-top: 10px; } @media screen and (max-width: 600px) { * { font-size: 14px; } .header { min-width: 0px; width: 100%; } .header_center { min-width: 0px; width: 100%; overflow: unset; position: relative; } .header_center img { margin-left: 2vw; } #menu_mob { display: inline-block; } .jump_link { display: none; flex-direction: column; justify-content: center; align-items: center; position: absolute; right: 0px; top: 57px; padding: 0px; } .jump_link a { color: #000; font-size: 14px; background-color: rgba(0, 0, 0, .5); display: inline-block; width: 24vw; display: flex; justify-content: center; align-items: center; color: #fff; } .jump_link span { display: none; } .main_section { min-width: 0px; width: 100%; } .main_section>div { width: 100%; min-width: 0px; padding: 0 4vw; } .teacher_head>div { width: 100%; } .main_section>div { width: 100%; padding: 4vw; } .main_section>div>div { width: 100%; } .teacher_info { display: flex; align-items: center; } .teacher_info img { width: 24vw; height:auto; } .teacher_title { width: 68vw; margin-top: 0px; padding-left: 2vw; } .teacher_title>p:first-child { font-size: 4.2vw; padding-bottom: 8px; } .teacher_title>p:first-child span { font-size: 5.0vw; } .teacher_title_link { font-size: 3.5vw; padding: 1.6vw 0px; line-height: 3.5vw; } .teacher_title_link a { line-height: 3.5vw; overflow:hidden; text-overflow:ellipsis; display:block; } .teacher_title_college>span { display: block; font-size: 3.5vw; line-height: 6vw; } } @media screen and (min-width: 1000px) and (max-width:1301px) { .teacher_info img { position: absolute; left: 24px; top: 48px; width: } .main_section>div.teacher_head { padding: 80px 12px; padding-bottom: 80px; } .teacher_title { float: right; width: 80%; } } @media screen and (max-width: 1000px) and (min-width: 700px) { .teacher_info img { position: absolute; left: 24px; top: 48px; width: } .main_section>div.teacher_head { padding: 80px 12px; padding-bottom: 80px; } .teacher_title { float: right; width: 72%; } } @media screen and (max-width: 700px) and (min-width: 600px) { .teacher_info img { position: absolute; left: 24px; top: 48px; width: } .main_section>div.teacher_head { padding: 80px 12px; padding-bottom: 80px; } .teacher_title { float: right; width: 68%; } } .column_title { overflow: hidden; position: relative; left: -52px; height: 78px; } .column_title:before { background-image: url(../images/column_title_decor.png); content: ''; display: inline-block; width: 150px; height: 78px; width: 28px; background-repeat: no-repeat; float: left; background-position: center center; } .column_title p { float: left; font-size: 24px; color: #000000; line-height: 78px; margin-left: 24px; } .teacher_base_info>div { /*background-image: url(../images/main_bg.png);*/ background-repeat: no-repeat; background-position: 1100px 58px; } .clear{clear:both;} .teacher_base_info .info{float:left; width:calc(33.3333% - 2%); margin-right:2%;} .teacher_base_info .info .con{float: left; display: inline-block; width: calc(100% - 120px);word-break: break-word;} .teacher_base_info span.info_tit { display: inline-block; width:115px; text-align:right; float:left; } .teacher_edu_experience { background-color: #fff; } .teacher_edu_experience>.column_title { margin-top: 0px; } .teacher_edu_main p, .teacher_work_main p { line-height: 28px; color: #666; margin: 6px 0px; } .teacher_edu_main span, .teacher_work_main span { margin-right: 24px; } .teacher_base_main { width:calc(100% - 180px); position: relative; } .teacher_achievement_main>p { /* text-indent: 2em;*/ } .teacher_group_main>p { margin-bottom: 12px; } .teacher_group_main>p:first-child { color: #333; font-size: 18px; font-weight: normal; border: 1px solid #e1e1e1; padding: 12px 48px; } .teacher_group_main>p:nth-child(2) { border: 1px solid #e1e1e1; padding: 12px 48px; } .teacher_group_main>div ul { border: 1px solid #e1e1e1; padding-left: 48px; padding-top: 30px; overflow: hidden; padding-bottom: 30px; } .teacher_group_main>div ul li { float: left; margin-right: 36px; } .teacher_group_main>div ul li:nth-child(7n) { /* margin-right: 0px;*/ } .teacher_group_main>div ul li .team_pic{ border-radius:50%; width: 142px; height: 142px; } .teacher_group_main>div ul li img { border-radius: 50%; width: 100%; height: 100%; object-fit:cover; position:relative; top:50%; transform:translate(0, -50%); } .teacher_group_main>div ul li p { text-align: center; } .footer { line-height: 32px; text-align: center; background-color: #fff; } .footer span{ display: inline-block; } @media screen and (max-width: 1300px) { .column_title { left: 0px; } .teacher_base_main{width:100%;} .teacher_base_info>div { background-image: none; } .main_section>div { padding: 12px; } } @media screen and (max-width: 768px) { .teacher_base_info .info{ width: calc(50% - 2%);} } @media screen and (max-width: 600px) { .teacher_base_info .info{ width:100%; margin-right:0;} .teacher_base_info span { margin-right:0;} } @media screen and (max-width: 600px) { .teacher_base_info span { display: block; } .teacher_base_info>div { background-image: none; } .column_title p { font-size: 22px; } .column_title { left: 0px; height:auto; } .teacher_group_main>div ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 8vw; } .teacher_group_main>p:first-child { padding: 12px 24px; } .teacher_group_main>p:nth-child(2) { padding: 12px 24px; } .teacher_group_main>div ul li { float: none; margin: 0px; } .footer { line-height: 28px; padding: 24px; } } @media screen and (max-width: 400px) { .teacher_group_main>div ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 12vw; } .teacher_group_main>div ul li { float: none; margin: 0px; } } .main_section>div.detail_page_main { background-color: #eee; padding-bottom: 0px; } .detail_page_main>div { background-color: #fff; padding: 0px 12px; padding-bottom:24px; } .detail_page_main>div>div.column_title { left: 0px; } /* .detail_page_main>div>div.column_title>p:last-child { float: right; font-size: 22px; line-height: 76px; margin-top: 10px; } */ .detail_title { font-size: 24px; line-height: 35px; padding-top: 10px; padding-bottom: 20px; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ddd; font-weight: bold; word-break: break-word; margin: 0 auto; } .detail_content { line-height: 32px; padding-top: 10px; font-size: 15px; padding-right: 15px; padding-left: 15px; word-break: break-word; } .detail_content p img{ max-width:100%; } .detail_info { color: #666; text-align: center; } .detail_content li { list-style-type: none; clear: both; padding-top: 10px; padding-bottom: 10px; } .detail_content>p { /* text-indent: 2em;*/ } .detail_table tr td:first-child{ text-align: right; vertical-align: top; font-weight: bold; white-space: nowrap; background-color: #a7181f; color: #fff; padding-left: 12px; border-top: 8px solid #fff; } .detail_table tr td:last-child{ background-color: #dcc5c6; color: #000; border-left: 7px solid #fff; padding-left: 15px; border-top: 8px solid #fff; width:100%; } .detail_content li div.l { width: 140px; padding-right: 10px; padding-left: 10px; text-align: right; font-weight: bold; display: table-cell; vertical-align: middle; background-color: #a7181f; color: #fff; } .detail_content li div.r { width: 1055px; padding-right: 20px; padding-left: 20px; word-break: break-word; display: table-cell; vertical-align: middle; border-left: 7px solid #fff; background-color: #dcc5c6; color: #000; } .detail_attach { padding: 0px 15px; } .detail_attach p:first-child { font-size: 16px; color: #333; margin-top: 12px; } .attach_imgs { overflow: hidden; } .attach_imgs li{ float: left; margin-right: 12px; margin-top: 12px; width: 160px; } .attach_imgs li a img{ width: 160px; height: 120px; } .attach_imgs li a p{ text-align: center; line-height: 16px; padding: 8px 12px; width: 100%; } .detail_attach p img { width: 16px; margin-right: 4px; } .detail_ne_pr { padding: 24px 12px; padding-bottom:24px; } .detail_ne_pr p { margin-bottom: 12px; } @media screen and (max-width: 700px) { .attach_imgs{ display: flex; flex-wrap: wrap; justify-content: space-between; } .attach_imgs li{ margin: 0px; width: 36vw; } .attach_imgs li a img{ width: 36vw; height: 27vw; } .detail_content{ padding-left: 0px; padding-right: 0px; } .detail_page_main>div{ } } /*列表页样式起始*/ .list_main>div.column_title, .comprehensive_page>div.column_title { border-bottom: 1px solid #ddd; left: 0px; } .list_main>div.column_title p, .comprehensive_page>div.column_title p { line-height: 78px; } .list_main>div.column_title:after, .comprehensive_page>div.column_title:after { margin-top: 14px; } .list_main { padding: 30px; padding-right: 20px; padding-top: 0px; padding-bottom: 56px; min-height:500px; } .column_title>p.location_text:last-child { float: right; font-size: 16px; color: #666; line-height: 56px; margin-top: 16px; } .column_title>p.location_text:last-child img { margin-right: 8px; } .news_list { padding-top: 20px; padding-bottom: 20px; } .news_list li { width: 100%; font-size: 14px; color: #666666; line-height: 36px; border-bottom: 1px dashed #eee; background: url(../images/xdd.png) no-repeat 2px 22px; cursor: pointer; list-style: none; padding-left: 12px; overflow: hidden; } .news_list li a { white-space: pre-wrap; overflow: hidden; display: inline-block; /* float: left; width: 1000px;*/ } /* .news_list li span { float: right; max-width: 82px; } */ .news_list, .imgs_list { padding-bottom: 48px; } .imgs_list ul { overflow: hidden; width: 100%; } .imgs_list li { float: left; list-style-type: none; /* padding:15px 20px 20px 5px; width:21%;*/ width: 273px; margin-right: 20px; margin-left: 20px; margin-top: 15px; margin-bottom: 5px; text-align: center; } .imgs_list li img { width:273px; height:166px; } @media screen and (max-width: 1300px) { .news_list li a { /* width: 900px;*/ } .imgs_list ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } } @media screen and (max-width: 1024px) { /* .news_list li a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 70%; }*/ /* .news_list li span { float: right; max-width: 82px; } */ .move_list {display:block !important;} .pc_list {display:none !important;} } @media screen and (max-width: 740px) { .imgs_list ul{ justify-content: space-between; } .imgs_list ul li{ width: 36vw; margin: 0px; padding: 0px; margin-top: 12px; } .imgs_list ul li img{ width: 38vw; height: 24.5vw; } } @media screen and (max-width: 600px) { .list_main>div.column_title{ height: auto; } .column_title>p.location_text:last-child { float: none; margin-top: 78px; margin-left: 0px; } .imgs_list ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-around; flex-wrap: wrap; } } /*综合页面标题样式同两列表页*/ .move_list {display:none;} .compre_main>div{ padding: 12px; } .compre_title { padding: 10px; padding-left: 0px; overflow: hidden; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ddd; width:} .compre_title p { font-size: 20px; line-height: 35px; text-align: left; font-weight: bold; color: #333; float: left; } .compre_title a{ float: right; line-height: 25px; padding-top: 10px; } .compre_list ul{ overflow: hidden; } .compre_list ul li { padding-bottom: 10px; padding-left: 20px; list-style-type: none; background-image: url(../images/li.png); background-repeat: no-repeat; background-position: 5px 22px; padding-top: 10px; } .compre_more{ display: block; text-align: center; width: 320px; height: 40px; margin: 0 auto; line-height: 40px; border: 1px solid #666; color: #666; margin-top: 24px; } .compre_more:hover{ border-color: #a7181f } .compre_text{ padding: 12px 0px; } .compre_text p{ /* text-indent: 2em;*/ } .compre_text p img{ max-width:95%; } .compre_list>div.imgs_list ul li{ list-style: none; background-image: none; padding: 0px; } /*翻页条*/ .more{text-align:center;padding-top:10px;} .pages {text-align:center; padding-top:20px;} .pages table{width:auto !important; margin:0 auto} tbody{ border: none; } .pages table td,.pages table td div { font-family: "微软雅黑" !important; } .pages .PrevDisabled,.pages .Next,.pages a.Prev,.pages .NextDisabled { border: 1px solid #a7181f !important; height: 25px !important; line-height: 25px !important; color: #a7181f !important; padding: 0 10px !important; font-family: "微软雅黑" !important; vertical-align: middle; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .pages input[type="button"] { padding: 0 10px !important; height: 25px !important; ; line-height: 25px !important; background: #a7181f !important; color: #fff !important; border: 0 !important; vertical-align: top; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .pages input.defaultInputStyle { margin-left: 5px !important; margin-right: 5px !important; border: 1px solid #333 !important; height: 25px !important; line-height: 25px !important; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 5px !important; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .defaultButtonStyle { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#a7181f, EndColorStr=#a7181f)!important; CURSOR: pointer; line-height: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#a7181f), to(#a7181f))!important; background: -moz-linear-gradient( top,#a7181f,#a7181f)!important; background: -ms-linear-gradient(top,#a7181f 0%,#a7181f 100%)!important; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }