.gp-subLeft { width: 220px; position: relative; display: inline-block; z-index: 100; float: left; margin-top: -78px; } .subLeftTitle { padding: 30px 35px; color: #fff; text-align: center; position: relative; } .gp-second-nav dd:hover a, .gp-second-nav dd a.active { color: #fff; background: #043D92; } .gp-second-nav dd:hover {} .subLeftTitle::before { content: ''; display: block; width: calc(100% + 8px); height: calc(100% + 8px); position: absolute; left: 4px; top: 4px; border: 1px solid #003b90; } .gp-subLeft>ul>li { position: relative; transition: all 0.35s ease-in-out; z-index: 1; /* background: #F3F3F3; */ } .gp-subLeft>ul>li>a { padding: 17px 23px; /* padding-left: 65px; */ /* text-align: center; */ display: block; transition: all 0.35s ease-in-out; position: relative; font-size: 18px; background: #f5f5f5; border-bottom: 1px solid #fff; /* line-height: 32px; */ background: #F3F3F3; color: #333; text-align: center; } .gp-subLeft>ul>li>a.active+.gp-second-nav { display: block; } .gp-second-nav { font-size: 16px; display: none; } .gp-second-nav dd a { display: block; padding: 5px; color: #333; transition: all 0.35s ease-in-out; position: relative; text-align: center; font-size: 14px; line-height: 28px; border-bottom: 1px solid #DFDFDF; } .gp-subLeft>ul>li:hover>a, .gp-subLeft>ul>li>a.active { background: #043D92; color: #fff; border: none; position: relative; } .gp-subLeft>ul>li>a.active::before, .gp-subLeft>ul>li:hover>a::before { content: ''; display: block; width: 5px; height: 28px; position: absolute; left: 0; top: 15px; background: #EAA016; } .gp-subLeft>ul>li>a>span { position: relative; } .gp-m-subNav { display: none; } .gp-m-inner-header { width: 100%; height: 40px; background-color: #043D92; cursor: pointer; text-align: left; margin-bottom: 10px; line-height: 40px; } .gp-m-inner-header>span { height: 40px; padding-left: 15px; font-size: 16px; color: #fff; font-family: Arial; } .gp-m-subNav .gp-m-inner-header-icon-click {} .gp-m-subNav .gp-m-inner-header-icon { float: right; width: 40px; height: 40px; text-align: center; color: #fff; } .gp-m-subNav .gp-m-inner-header-icon-click i { display: block; } .gp-subNavm { width: 100%; overflow: hidden; display: none; background-color: #fff; } .gp-subNavm h2 { width: 100%; height: 48px; line-height: 48px; background-color: #003c7f; } .gp-subNavm h2 a { padding-left: 13px; font-size: 20px; font-family: Tahoma; display: block; color: #fff; } .gp-subNavm li { position: relative; } .gp-subNavm li>a { font-size: 14px; line-height: 1.4; border-bottom: 1px solid #eee; display: block; padding: 8px 15px; } .gp-subNavm li.sub_has span { margin-left: 10px; } .gp-subNavm li.on a { color: #003c7f; display: block; width: 100%; } .gp-m-toggle { width: 40px; height: 40px; position: absolute; right: 0; top: 0; line-height: 40px; text-align: center; } .gp-subNavm dl { display: none; background-color: #fff; } .gp-subNavm dl dd { padding-left: 30px; line-height: 18px; padding: 8px 0px 8px 30px; border-bottom: 1px dotted #e6e6e6; } .gp-subNavm li dl dd a { font-size: 12px; font-weight: normal; display: inline; border: none; padding: 0px; } .gp-subNavm li dl dd a:hover { color: #a70510 } .gp-bread { padding: 30px 0 30px; text-align: left; position: relative; } .gp-bread a { line-height: 21px; color: #333; position: relative; font-size: 16px; /* font-family: Arial; */ } .gp-bread a:hover { color: #003b90; } .gp-page { color: #999; margin: 40px 0; margin-top: 40px; } .gp-page:after, .gp-page:before { content: " "; display: table } .gp-page>a { display: inline-block; * display: inline; * zoom: 1; height: 30px; /* background: #f0f0f0; */ border-radius: 0; width: auto; line-height: 30px; position: relative; border: 1px solid #F3F3F3; text-align: center; margin: 0 5px; font-size: 16px; /* margin-bottom: 5px; */ margin-left: 5px; padding: 0 9px; vertical-align: top; } .gp-page>span { border: none; display: inline-block; } .gp-page>a:hover, .gp-page>a.active { background-color: #004F94; color: #fff; border: 1px solid #fff; } .gp-m-page a { display: inline-block; margin: 0 10px } .gp-page-centered { text-align: center } .gp-page-right { text-align: right } .gp-m-page { display: none; } /* .gp-page .gp-page-prev { background: url(../images/prve.png) no-repeat center; border: 1px solid #ececec; } */ a.gp-page-prev {} /* .gp-page .gp-page-prev:hover { background: #06366F url(../images/prveh.png) no-repeat center; border: 1px solid #fff; } .gp-page .gp-page-next { background: url(../images/next.png) no-repeat center; border: 1px solid #ececec; } .gp-page .gp-page-next:hover { background: #06366F url(../images/nexth.png) no-repeat center; border: 1px solid #fff; } */ .gp-page-total{ background: none; border: none; width:auto; font-size: 14px !important; border-radius: 0; color: #999; } .gp-page-total:hover{ background: none !important; border: 1px solid #F3F3F3 !important; color: #999 !important; } .gp-page a.gp-page-start, .gp-page a.gp-page-end { background: none; border: none; width:auto; font-size: 14px; border-radius: 0; color: #999; } .gp-page a.gp-page-start:hover, .gp-page a.gp-page-end:hover { color: #666 } .asideTit { padding: 18px; background-size: cover; font-weight: bold; position: relative; text-align: center; line-height: 42px; border-top-left-radius: 12px; border-top-right-radius: 12px; background: rgba(4, 61, 146, .8); } .gp-page-select { height: 32px; line-height: 47px; width: 121px; height: 46px; min-width: 50px; display: inline-block; cursor: pointer; display: inline; outline: none;border-radius: 46px; padding: 0 20px; zoom: 1; vertical-align: top; background: url(../images/down.png) no-repeat 84px; } .up { background: url(../images/up.png) no-repeat 81px 17px; } select::-ms-expand { display: none; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; } .pageArticle { margin-right: 0; /* margin: 0 103px; */ } .pageArticleTitle { overflow: hidden; /* margin-top: 34px; */ margin-bottom: 24px; width: calc(100% + 50px); margin-left: -25px; text-align: center; /* padding: 0 100px; */ padding-bottom: 24px; border-bottom: 1px solid #e8e8e8; } .pageArticleTitle h3 { line-height: 1.2; color: #222; /* font-size: 27px; */ text-align: center; margin-bottom: 24px; /* font-weight: normal; */ text-align: left; /* margin-top: 30px; */ text-align: center; } .articleAuthor { /* padding: 15px 0; */ text-align: center; margin-bottom: 40px; color: #999; border-bottom: 1px solid #E8E8E8; padding: 0px 0 24px; } .articleAuthor span { display: inline-block; *display: inline; color: #999; zoom: 1; font-size: 14px; margin: 0 15px; font-size: 1; } .gp-article { position: relative; line-height: 3rem; margin-bottom: 28px; /* padding: 0 100px; */ /* padding-bottom: 20px; */ /* border-bottom: 1px solid #e5e5e5; */ } .gp-article p { line-height: 1.9; color: #333; } .gp-article p i { line-height: 30px; color: #757575; display: block; font-style: normal; } .banner { margin: 0 5.3%; position: relative; z-index: 20; } .bannerImg { padding-bottom: 26.8%; } header::before { height: 433px; } main { display: block; min-height: 600px; } .gp-bread { padding: 15px 0; text-align: right; } .gp-bread span { margin: 0 8px; color: #d8d8d8; } .reacher { margin-left: 258px; } .introduction { padding: 39px 25px; background: #F3F3F3; box-sizing: border-box; } .reachTit { padding-bottom: 14px; margin-bottom: 31px; border-bottom: 1px solid #D8D8D8; } .reachTit h2 { font-size: 24px; line-height: 32px; color: #333; font-weight: normal; padding-left: 11px; position: relative; } .reachTit h2::before { content: ''; display: block; width: 5px; height: 24px; background: #EAA016; position: absolute; left: 0; top: 5px; } .introTit { line-height: 27px; color: #333; font-weight: normal; text-align: center; margin-bottom: 24px; } .reachUl h4 { color: #333; line-height: 24px; padding-left: 13px; position: relative; /* margin-bottom: 8px; */ margin: 8px 0; } .reachUl h4::before { content: ''; display: block; width: 6px; height: 6px; background: url(../images/bv.png) no-repeat; position: absolute; left: 0; top: 10px; } .reachUl p { color: #333; line-height: 24px; } .year { color: #043D92; line-height: 23px; font-weight: bold; } .historyUl p { line-height: 24px; color: #333; } .historyUl li { margin-bottom: 30px; } .leaderUl li { padding: 16px 27px; background: #fff; overflow: hidden; box-sizing: border-box; } .leaderUl li:nth-child(even) { background: #ECECEC; } .name { line-height: 24px; color: #333; display: inline-block; padding-left: 19px; position: relative; } .name::before { content: ''; display: block; width: 4px; height: 4px; background: url(../images/jx.png) no-repeat; position: absolute; left: 0; top: calc(50% - 2px); } .technical { line-height: 19px; color: #333; display: inline-block; margin-left: 24px; } .leaderUl li .lead { width: 49%; display: block; float: left; } .leaderUl li { margin-bottom: 24px; } .leaderUl li .lead:nth-child(1) { border-right: 1px solid #d8d8d8; } .leaderTop { margin-bottom: 17px; } .dres { line-height: 18px; color: #666; margin-bottom: 13px; word-break: break-all; vertical-align: middle; } .dres i { display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: middle; } .drer { line-height: 19px !important; min-height: 19px; max-height: 76px; overflow: hidden; color: #666; } .leaderUl li .lead:nth-child(2) { padding-left: 47px; box-sizing: border-box; } .authorities li { background: #E9EBF4; } .authorities li:nth-child(even) { background: #ECECEC; } .govTit { display: inline-block; padding-left: 19px; box-sizing: border-box; background: url(../images/govbg.png) no-repeat; background-size: 100% 100%; margin-bottom: 22.5px; padding: 8px 63px 8px 19px; } .govern { overflow: hidden; margin: 0 -7px; margin-bottom: 30px; } .govern li { margin-bottom: 7px; } .gov { margin: 0 7px; display: block; padding: 30px 0; text-align: center; box-sizing: border-box; background: #E1E1E1; } .name2 { line-height: 21px; color: #333330; margin-right: 15px; display: inline-block; } .gov p.gp-f14 { line-height: 19px; color: #999; display: inline-block; } .down { width: 12px; height: 12px; display: inline-block; position: absolute; right: 20px; top: 25px; background: url(../images/right.png) no-repeat; } .icon-down { width: 12px; height: 12px; display: inline-block; position: absolute; right: 20px; top: 18px; background: url(../images/right.png) no-repeat; transform: rotate(90deg); } .icon-down:before{ display: none; } .down2 { background: url(../images/right2.png) !important; } .right2 { background: url(../images/right2.png) !important; transform: rotate(90deg); } .right { position: absolute; right: 20px; top: 25px; width: 12px; height: 12px; display: inline-block; background: url(../images/right.png) no-repeat; transform: rotate(90deg); } .icon-right { position: absolute; right: 20px; top: 18px; width: 12px; height: 12px; display: inline-block; background: url(../images/right.png) no-repeat; } .icon-right:before{ display: none; } .alumniUl { margin: 0 -10px; overflow: hidden; } .alumniUl li { margin-bottom: 20px; } .alumniUl a { display: block; margin: 0 10px; border: 1px solid #d8d8d8; margin-top: 79px; } .alumnPic { margin: 0 24px; margin-top: -79px; margin-bottom: 5px; overflow: hidden; } .alumnImg { padding-bottom: 74.89%; } .alumniUl a p { line-height: 26px; height: 52px; overflow: hidden; color: #333; margin: 0 24px 19px; } .alumniUl li:hover a { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: .8s; -webkit-animation-duration: .8s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } .introduction2 { background: none; } .direTop { padding: 14px 26px; /* display: flex; */ height: 52px; background: #E9EBF0; text-align: justify; box-sizing: border-box; position: relative; } .direTop::after { content: ''; width: 100%; display: inline-block; *display: inline; *zoom: 1; height: 0; } .til_tab { display: inline-block; line-height: 24px; color: #333; cursor: pointer; } .til_tab:hover { color: #043D92; font-weight: bold; } .tabListBox { margin: 0 -10px; overflow: hidden; margin-top: 34px; /* display: none; */ } .tabListBox a { margin: 0 10px; display: block; padding: 20px; box-sizing: border-box; background: #fff; box-shadow: 0px 2px 4px rgba(100, 100, 100, .5); } .tabListBox li { margin-bottom: 20px; padding: 2px; box-sizing: border-box; } .tabImg { padding-bottom: 139.76%; } .namet { line-height: 21px; color: #333; text-align: center; /* margin-bottom: 10px; */ margin: 10px 0; } .nemws { line-height: 19px; color: #999; text-align: center; } .teamTop { padding: 24px 0px; padding-left: 16px; /* margin-top: 77px; */ padding-bottom: 0; position: relative; box-sizing: border-box; margin-bottom: 33px; } .teamTop::after { content: ''; display: block; width: 100%; height: calc(100% - 100px); background: #EDEDED; position: absolute; bottom: 0; left: 0; } .teamTop::before { content: ''; display: block; width: 17px; height: 65px; background: #00428C; position: absolute; bottom: 0; left: 0; z-index: 10; } .teamImg { /* margin-top: -77px; */ width: 188px; overflow: hidden; position: absolute; left: 16px; /* top: -77px; */ bottom: 0; z-index: 10; } .teamPic { padding-bottom: 133.51%; } .teamRight { margin-left: 216px; /* margin-top: -77px; */ position: relative; z-index: 20; } .nameTop h2 { color: #043D92; padding-left: 17px; /* display: inline-block; */ background: #F3F3F3; z-index: 10; display: inline-block; /* margin-right: 20px; */ padding-right: 20px; position: relative; } .nameTop h2::before { content: ''; display: block; width: 8px; height: 8px; background: #EAA016; position: absolute; left: 0; top: calc(50% - 4px); } .nameTop::after { content: ''; display: block; width: 100%; height: 17px; background: url(../images/na.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: calc(50% - 8px); } .nameTop { margin-top: 18px; margin-bottom: 46px; position: relative; /* padding-bottom: 46px; */ } .rank { line-height: 24px; color: #333; margin-bottom: 27px; width: 50%; float: left; } .nameBot { overflow: hidden; } .nameBot p:last-child { width: 100%; /* margin-bottom: 0; */ } .curric h2 { text-align: center; background: url(../images/jianjie.png) no-repeat; background-size: 100% 100%; padding: 15px 40px; box-sizing: border-box; display: inline-block; position: relative; z-index: 10; font-weight: normal; } .curric { margin-left: 17px; position: relative; } .curric::before { content: ''; display: block; width: 100%; height: 3px; background: rgba(205, 166, 87, .34); top: 20px; left: 0; position: absolute; } .curricInfor { padding: 14px 30px 36px; box-sizing: border-box; } .curricInfor p { line-height: 32px; color: #333; } .resum { position: relative; margin-bottom: 33px; } .resum::before { content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 0; border: 1px solid #E8E8E8; } .directory li { margin-bottom: 24px; } .directory a { display: block; padding-bottom: 23px; border-bottom: 1px solid #E8E8E8; } .dated { line-height: 21px; color: #333; margin-left: 10px; } .directory p { line-height: 21px; color: #333; position: relative; padding-left: 15px; } .directory p::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; top: calc(50% - 2.5px); left: 0; position: absolute; background: #333; } .directory li:hover p, .directory li:hover span { color: #043D92; } .directory li:hover p::before { background: #EAA016; } .reacher2 { margin-left: 0; } .report a { overflow: hidden; display: block; margin-bottom: 24px; padding-bottom: 22px; border-bottom: 1px solid #D8D8D8; } .reportdate { /* width: 85px; */ height: 78px; background: #043D92; padding: 8px; box-sizing: border-box; } .reportdate h2 { padding-bottom: 3px; text-align: center; border-bottom: 1px solid #EAA016; margin-bottom: 4px; } .reportdate p { line-height: 21px; } .repoterRight p:hover { color: #043D92; } .repoterRight { margin-left: 100px; } .repoterRight>p { line-height: 19px; color: #999; height: 19px; margin-bottom: 10px; overflow: hidden; } .warprepoter p { width: 50%; float: left; line-height: 19px; height: 19px; overflow: hidden; /* margin-bottom: 0 !important; */ color: #999; } .pageArticleTitle span { color: #999; line-height: 19px; display: inline-block; margin: 0 10px; } .addFileUl li{ margin-bottom: 16px; } .addFileUl li a { color: #043D92; } .addFileUl span{ display:block; float: left; } .addFileUl p{ margin-left: 64px; } .reacherfx{ line-height: 27px; color: #333; font-weight: normal; text-align: center; margin-bottom: 18px; } .cademic{ padding: 47px 50px 26px; box-sizing: border-box; background: #E9E9E9; overflow: hidden;margin-bottom: 24px;} .cademic p{ line-height: 24px; color: #333; margin-bottom: 35px; width: 50%; float: left; } .adres p{ width: 100%; line-height: 26px; } .retit{ color: #333 !important; } .retit:hover{ color: #043D92 !important; } .fj{ margin-bottom: 10px; } .addFile li{ margin-bottom: 5px; } .select { width: 121px; /* padding: 0 50px; */ line-height: 30px; height: 30px; display: inline-block; border-radius: 46px; position: relative; box-sizing: border-box; text-align: left; padding-left: 22px; border: 1px solid #979797; } .select>a { display: block; position: relative; transition: all .3s ease-in-out; } .select a { display: block; } .select>li>a::before { content: ''; display: block; width: 17px; height: 10px; background: url(../images/down.png) no-repeat; position: absolute; right: 17px; top: calc(50% - 5px); } .select>li>a.on::before { background: url(../images/down.png) no-repeat; transform: rotate(-180deg); } /* 内部滚动条样式 ----- begin*/ .selectUl::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } /*滚动条里面小方块*/ .selectUl::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; background-color: #004F94; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent); } /*滚动条里面轨道*/ .selectUl::-webkit-scrollbar-track { border-radius: 6px; background: #F6FEFE; } .selectUl span::before { content: ''; display: block; width: 0; height: 0; transform: rotateX(0deg); border: 5px solid transparent; border-top-color: #F3F3F3; position: absolute; right: 6px; top: 13px; } .selectUl span:hover:before { transition: transform all 2s ease; transform: rotateX(-180deg) translateY(5px); transform-origin: center; } .selectUl { padding: 20px; border-radius: 10px; max-height: 200px; overflow-y: scroll; border: 1px solid rgba(255, 255, 255, .15); display: none; position: absolute; left: 0; bottom: 30px; background: #043D92; width: 100%; box-sizing: border-box; } .selectUl dd a { display: block; color: #fff; text-align: center; } @media screen and (max-width: 1600px) { .banner { margin: 0 2.3%; } } @media screen and (max-width: 1401px) { header::before { height: 229px !important; } .leaderUl li .lead:nth-child(2) { padding-left: 15px; box-sizing: border-box; } } @media screen and (max-width: 1300px) { .rank { width: 100%; float: none; margin-bottom: 10px; } .nameTop { margin-bottom: 15px; } .teamTop::after { height: calc(100% - 76px); } .gp-page>a { margin: 0px; padding: 0 3px; } } @media screen and (max-width: 1200px) { .drer { height: auto !important; } .cademic p{ width: 100%; float: none; margin-bottom: 12px;} } @media screen and (max-width: 997px) { .gp-subLeft { display: none; } .gp-m-subNav { display: block; } .reacher { margin-left: 0; } .warprepoter p { width: 100%; margin-bottom: 0px; } .repoterRight>p { margin-bottom: 3px; } .pageArticleTitle{ width: 100%; margin-left: 0; } } @media screen and (max-width:767px) { .gp-page { display: none; } .gp-m-page { display: block !important; margin: 30px 0; } header::before { height: 140px !important; } } @media screen and (max-width:600px) { .leaderUl li .lead { width: 100%; } .drer { line-height: 19px !important; } .leaderUl li .lead:nth-child(2) { padding: 0; } .leaderUl li .lead:nth-child(1) { border: none; } .pageArticleTitle { padding: 0 0px; padding-bottom: 12px; } .gp-article { padding: 0; padding-bottom: 20px; } .introduction { padding: 25px; } .introduction2 { padding: 0 } .teamImg { width: 100%; position: relative; left: 0; } .teamTop { padding: 15px; } .teamTop::after { height: 100%; } .teamRight { margin-left: 0; } .nameTop h2 { background: #EDEDED; } .teamTop::before { display: none; } } @media screen and (max-width:479px) { .reachTit h2 { font-size: 20px; } .reachTit { margin-bottom: 14px; } .direTop::after { display: none; } .til_tab { width: 100%; text-align: center; display: block; } .direTop { height: auto; } .directory li { margin-bottom: 10px; } .directory li a { padding-bottom: 10px; } .gp-bread { padding: 5px 0; } .repoterRight { margin-left: 84px; } .cademic { padding: 15px; } } @media screen and (max-width:413px) { .govern li { width: 100%; } }