body { font-size: 14px; } .subPage { max-width: 1400px; overflow: hidden; margin: 0 auto; position: relative; 8: JIS78; min-height: 800px; } .sub_banner { width: 100%; position: relative; height: 0; padding-bottom: 15.625%; overflow: hidden; } .sub_title { width: 100%; overflow: hidden; height: 80px; } .sub_t01 { max-width: 1200px; overflow: hidden; margin: 0 auto; height: 80px; position: relative; } .sub_t01 h2 { width: auto; height: 80px; background-color: #0b3191; line-height: 80px; color: #fff; text-align: center; font-size: 1.8em; font-weight: normal; } .sub_t01 h2:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8; transition: all 1s ease 0s; } /*.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn02.png) no-repeat center center;background-color:#f1f1f1;cursor:pointer;display:none;} .open{background:url(../images/sub-mbtn.png) no-repeat center center;background-color:#004c8f;} .sub_navm{overflow: hidden;display: none;} .sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#0b3191;} .sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;} .sub_navm ul{} .sub_navm li{} .sub_navm li a{ font-size: 16px; color:#282828; padding-left:13px; font-family:Helvetica;height:40px;line-height:40px;border-bottom:1px solid #d3d3d3;display:block;} .sub_navm li a:hover{color:#0b3191;} .sub_navm li.sub_has span{ margin-left: 10px;} .sub_navm li.on a{ color:#0b3191; display:block; width:100%;} .sub_navm dl{ display: none; background-color:#cac9c9; padding:0px 0px 5px;} .sub_navm dl dd{ padding-left: 30px; line-height:18px; padding:5px 0px 5px 30px;} .sub_navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;} .sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; border:none; padding:0px;} .sub_navm li dl dd a:hover{ color:#0b3191}*/ /*左侧边栏*/ .sub_left { width: 260px; overflow: hidden; z-index: 99999; background-color: #f1f1f1; } .sub_t01 h2 { width: auto; font-family: Helvetica; background-color: #0b3191; border-bottom: 1px solid #d3d3d3; font-family: "微软雅黑"; } .sub_t01 h2 a { color: #fff; font-size: 20px; } .con_left ul {} .con_left li a { padding: 14px 22px 14px 15px; display: block; font-size: 1.2em; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #fff; ; color: #333; transition: all 0.35s ease } .con_left li a:hover, .sub_left li a.active { border-left: 5px solid #eea200; background-color: #fff; padding: 14px 22px 14px 15px; border-top: 1px solid #fff; color: #0b3191; } .sub_left ul>li { position: relative; } .sub_left li .toggles { position: absolute; right: 0; top: 0; height: 52px; display: block; width: 40px; cursor: pointer; z-index: 999; font-size: 28px; color: #bfbfbf; text-align: center; line-height: 46px; } .sub_left .second_nav { /* display: none; */ } .sub_left .second_nav dd a { border-bottom: 1px solid #e6e6e6; display: block; padding-left: 30px; font-size: 18px; padding: 10px 10px 10px 30px; font-size: 16px; position: relative; } .sub_left .second_nav dd a:before { content: ''; width: 0; height: 0; border-width: 4px 0 4px 5px; border-style: solid; border-color: transparent transparent transparent #b8c1cc; position: absolute; left: 14px; top: 15px; background: none; } .sub_left .second_nav dd a:hover { color: #0b3191; } .sub_left .second_nav dd:first-child { border-top: none; } .asideBottom { width: 100%; overflow: hidden; margin-top: 10px; } .recruitUl { padding-top: 30px; margin: 0 -10px; overflow: hidden; } .recruitUl li { margin-bottom: 20px; transition: all 1s ease-in-out; width: 50%; float: left; } .recruitUl li:hover { transition: all 1s ease-in-out; transform: translateX(10px); } .recruitUl li a { display: block; margin: 0 10px; padding: 20px 30px; background: #efeff4; } .recruitUl li:hover p { color: #00356e; } .recruitUl li p { color: #222; line-height: 22px; font-size: 16px; } .recruitUl li span { color: #757575; line-height: 20px; } /*移动端二级导航开始*/ .phone_subNav {} .phone-icon01 { width: auto; height: 40px; display: block; } .sub_navm { width: 100%; overflow: hidden; display: none; } .sub_navm ul { background-color: #f5f5f5; text-align: left; width: 100%; overflow: hidden; } .sub_navm li { border-bottom: 1px solid #e6e6e6; width: 100%; overflow: hidden; position: relative; } .sub_navm li .phone_toggle { position: absolute; right: 0; top: 0; width: 46px; height: 45px; text-align: center; line-height: 45px; font-size: 22px; cursor: pointer; } .sub_navm li a { font-size: 14px; padding-left: 13px; height: 45px; line-height: 45px; display: block; width: 100%; float: left; } .sub_navm li dd a { height: 35px; line-height: 35px; font-size: 12px; padding-left: 0; } .sub_navm li.sub_has span { margin-left: 10px; } .sub_navm li.on a { color: #003c7f; float: left; overflow: hidden; } .sub_navm dl { display: none; background-color: #fff; overflow: hidden; width: auto; clear: both; } .sub_navm dl dd { padding-left: 30px; line-height: 18px; overflow: hidden; border-bottom: 1px solid #e6e6e6; } .sub_navm dl dd:last-child { border-bottom: none; } .sub_navm li.on dl dd a { font-size: 13px; color: #444; font-weight: normal; display: inline; border: none; padding: 0px; float: left; } .sub_navm li.on { border-bottom: none; } .sub_navm li strong { float: right; width: 30px; height: 35px; line-height: 35px; text-align: center; color: #b8b8b8; font-size: 18px; } .phone_subNav { display: none; } .phone-icon01 { text-align: center; display: block; } .phone_subNav .mobile-inner-header-icon { display: block; height: 40px; color: #fff; width: 100%; margin: 0; font-size: 16px; line-height: 40px; box-sizing: border-box; padding: 0 15px; text-align: left; z-index: 5 } .phone_subNav .mobile-inner-header-icon-out { background: url(../images/open.png) no-repeat right center #0b3191; } .phone_subNav .mobile-inner-header-icon-click { background: url(../images/close.png) no-repeat right center #e3e3e3; color: #0b3191; } .phone_subNav { width: 100%; overflow: hidden; margin: 15px 0 5px; } .phone_subNav .mobile-inner-header-icon span { background-color: #6a1305 } .subPage_con { width: 100%; overflow: hidden; min-height: 470px; } .sbu_leftWrap { width: 260px; float: left; position: relative; overflow: hidden; } .con { max-width: 1400px; margin: 0 auto; } .con_left { width: 260px; float: left; } .con_right { margin: 0 0 0 300px; } /*右侧*/ .sub_right { margin: 0 0 30px 302px; } .marginBot { margin: 0 0 30px 0; } .pageArticle {} .articleTitle { width: auto; overflow: hidden; } .articleTitle h2 { width: auto; overflow: hidden; font-size: 1.8em; font-weight: normal; family: Arial; /*height:70px;line-height:70px;*/ padding: 20px 15px; float: left; } .article { font-size: 14px; line-height: 1.8; padding: 0 10px; } .article .p01 { text-align: center; margin: 10px auto; width: 80%; } .articleList01 { margin-bottom: 20px; overflow: hidden; } .listTitle01 { overflow: hidden; border-bottom: 1px solid #0b3191; padding: 15px 0; } .listTitle01 h2 { font-size: 20px; font-weight: normal; } /*pic图片列表*/ .xiaoyuan h2 { font-size: 1.8em; color: #0b3191; font-weight: normal; } .pic_list { width: 100%; overflow: hidden; } .pic_list ul { width: auto; overflow: hidden; margin: 15px -10px 0; } .pic_list li { width: 33.3%; float: left; overflow: hidden; margin-bottom: 15px; } .pic_listIn { margin: 0 10px; } .pic_list .pic a { display: block; width: auto; height: 0; padding-bottom: 66%; overflow: hidden; } .pic_list .pic a img { display: block; width: 100%; transition: all 1s ease 0s; } .pic_list .pic a img:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .pic_list .pic strong { padding: 5px; float: left; } .list_info { width: auto; overflow: hidden; padding: 0 4%; } .pic_list .list_title { text-align: center; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden; } .list_title a { font-size: 16px; font-family: Helvetica; color: #0b3191; line-height: 20px; } .list_cont { font-size: 14px; font-family: Helvetica; line-height: 23px; height: 93px; overflow: hidden; margin-bottom: 5px; } .list_info .readMore { display: block; width: 100px; height: 26px; float: right; margin: 8px 0; } .list_info .readMore a { display: block; width: 100px; height: 26px; line-height: 26px; font-size: 14px; color: #003c7f; background: url(../images/icon12.png) no-repeat 82px center; } /*分页*/ .pages { text-align: center; height: 28px; *height: 29px; font-size: 16px; line-height: 28px; margin-top: 25px; margin-bottom: 25px; overflow: hidden; padding-left: 15px; } .pages img { vertical-align: middle; } .pages span { color: #0b3191; padding: 0 20px 0 0px; font-size: 16PX; } .pages a { display: inline-block; *display: inline; *zoom: 1; *vertical-align: middle; width: 27px; height: 28px; *height: 29px; font-size: 16px; text-align: center; color: #636363; } .pages a img { *display: block; *margin-top: 8px; } .pages a:hover { color: #0b3191; } .pages a.on_pages { background: url(../images/pages03.jpg) no-repeat center top; color: #0b3191; } .pages_min { margin-top: 25px; margin-bottom: 25px; overflow: hidden; display: none; padding: 0 18px; } .pages_min a.prev_min, .pages_min a.next_min { display: block; width: 100px; height: 30px; float: left; background: #dedede; border-radius: 3px; color: #0b3191; line-height: 30px; text-align: center; } .pages_min a.next_min { float: right; } .pages_min a:hover { background: #b81a35; color: #fff; transition: 0.5s; } .research li { background-color: #f4f4f4; border-color: #f4f4f4; } .research .list_title { width: 100%; height: 78px; overflow: hidden; padding: 15px 0 0; margin-bottom: 5px; } .research .readMore a { color: #7f7f7f } .research .readMore a:hover { color: #003c7f; } .current04 { margin-bottom: 10px; } /*列表页面*/ .borderBot { border-bottom: 1px solid #0b3191; } .borderBot h2 { height: 25px; line-height: 25px; color: #0b3191; } .list01 { width: 100%; overflow: hidden; margin-top: 10px; } .list01 li { background: url(../images/li_bg01.png) no-repeat 0 18px; width: 100%; overflow: hidden; position: relative; min-height: 43px; } .list001 li { width: 48%; float: left; } .list001 li:nth-child(even) { float: right; } .list002{ width: 48%; float: left; } .list002:nth-child(even) { float: right; } .list01 li a { display: block; padding: 0px 120px 0px 20px; box-sizing: border-box; line-height: 23px; height: 23px; overflow: hidden; margin: 10px 0; font-size: 16px; } .rightDate { padding-top: 10px; width: 100px; text-align: right; position: absolute; right: 0; top: 0; color: #999; } .list01 li.noBg { background: none; border-bottom: 1px solid #d3d3d3; padding: 3px 0; } .life li { border: 1px solid #fff; } .article02 h2 { width: 100%; text-align: center; color: #0b3191; font-size: 1.8em; font-weight: bold; margin-top: 20px; padding: 15px 0; } .articleAuthor { text-align: center; } .articleAuthor p { color: #505050; font-size: 1.2em; color: #787878; line-height: 1em; margin-bottom: 10px; } .articleAuthor p span { margin-right: 15px; color: #787878; font-size: 14px; } .annex { margin: 40px 0; padding: 0 15px; } .annex .Side_tit h2 a { font-size: 1.5em; color: #0b3191; font-weight: normal; } .annex ul { margin-top: 20px; } .annex ul li { padding: 5px 0; background: url(../images/li_bg01.png) no-repeat left 13px; padding-left: 20px; } .annex ul li a { font-size: 1.0em; color: #323232; } .floatR { width: auto; float: right; } .leaders001 { margin-top: 0; } .marginBot02 { margin-bottom: 28px; } .noMargin_right { margin-right: 0; } .base01 h2 { padding: 20px 15px } .spaceHeight { width: 100%; overflow: hidden; padding-bottom: 30px; } .article {} .article strong { font-weight: bold; } .article i { font-style: italic; } .more02 { float: right; padding-top: 10px; color: #999; } /* 教师详情页模板样式 */ .xq_teacher p.img { /* width: 21.2%; */ width: 18.7%; height: 0px; padding-bottom: 21.367%; float: left; overflow: hidden; } .xq_teacher .wz_teacher { float: right; width: 78.8%; padding-left: 30px; box-sizing: border-box; } .wz_teacher ul li{ height: 40px; line-height: 40px; font-size: 16px;} .wz_teacher ul li strong{ width: 85px; float: left; text-align-last: justify; display: block;} .teacherInfo { /* max-height: 320px; */ overflow: hidden; margin: 0 0 20px 0; } .teacherInfo::after { content: ''; display: block; /* clear: both; */ } .wz_teacher tr td { padding: 8px 0px 8px 0px; border: none !important; } .wz_teacher tr td:nth-of-type(odd) { font-weight: bold; } .con_teacher h3 { font-size: 16px; padding-bottom: 10px; color: #0b3191; /* text-indent: 2em; */ } .con_teacher p { font-size: 16px; line-height: 24px } /* 教师详情页模板样式 END */ @media screen and (max-width:1700px) { .con { margin: 0 50px; } } @media screen and (max-width:1386px) {} @media screen and (max-width:1365px) {} @media screen and (max-width:1023px) { .con, .subPage { width: auto; margin: 0 2%; } } @media screen and (max-width:1020px) { .subPage { width: auto; } .sub_t01 h2 { left: 10px; } .con_list01 li { width: 50%; } .con { width: auto; margin: 0 auto; } } @media screen and (max-width:950px) { .sub_right { margin-left: 275px; } .marginBot { margin: 0 0 30px 0; } .leader_list li { width: 100%; } .leaders01 { margin-right: 0; } .con_left { display: none; } .sub_mbtn, .phone_subNav { display: block; } .sub_left { display: none; } .con_right { width: 100%; margin-left: 0; } .pic_list ul { margin: 15px -8px 0; } .pic_list ul li>div { margin: 0 8px; } } @media screen and (max-width:800px) { .sub_t01 h2 { display: none; } .pages_min { display: block; } .pages { display: none; } .noMargin_right { margin-left: 14px; margin-right: 0; } .list01 li a { padding-right: 0 } .rightDate { position: static; padding: 0 0 5px 20px; } .listTitle01 h2 { font-size: 18px; } .article img { display: inline-block; width: auto !important; height: auto !important; } .article video, .article table { margin-left: 0; margin-right: 0; width: 100%; } .article02 h2 { font-size: 1.4em; } } @media screen and (max-width:700px) { .xq_teacher p.img { float: none; margin: 0 auto; width: 30%; } .xq_teacher .wz_teacher { float: none; margin: 0 auto; width: 100%; } .teacherInfo { /* max-height: 520px; */ } .xq_teacher p.img { padding-bottom: 41.5%; } .xq_teacher .wz_teacher { padding-left: 0px; } } @media screen and (max-width:640px) { .leader_list li { width: 100%; } .leaders01 { margin: 0; } .leader_list .noMargin_right { margin-left: 0; } .marginBot { margin-bottom: 25px; } .list001 li { width: 100%; float: none; } .recruitUl li { width: 100%; float: none; } .recruitUl li p { font-size: 14px; } .xq_teacher .wz_teacher { width: 300px; margin:0 auto; overflow-x:scroll;} .article table { width: 600px;} } @media screen and (max-width:480px) { .wrapSize { width: 100%; height: 45px; line-height: 40px; } .size { margin-top: 0; } .pic_list li { width: 48%; margin-right: 1.5%; } /* .wz_teacher tr td { display: block; } */ } @media screen and (max-width:360px) { .list_con01 li { font-size: 1.2em; } .list_con01 li span { pading: 6px 8px 6px 30px } .title01 h2 { font-size: 1.6em; } .title01 .more01 { font-size: 1.1em; } }