.list7 { padding: 30px 0; } .list7 li { padding-left: 80px; position: relative; transition: all 0.4s ease-in-out; margin-bottom: 26px; } .list7 li>div { display: block; box-shadow: 1px 1px 8px rgb(0 0 0 / 10%); } .list7 li p { width: 165px; height: 37px; text-align: center; line-height: 37px; color: #fff; float: left; position: absolute; left: 0; top: 50%; margin-top: -18px; transition: all 0.4s ease-in-out; } .list7 li p a { color: #fff; } .list7 li:nth-child(odd) p { background: #3465cf; } .list7 li:nth-child(even) p { background: #db8858; } .list7 li div div { margin-left: 115px; padding: 21px 0; } .list7 li div div span { color: #222; line-height: 37px; transition: all 0.4s ease-in-out; margin-right: 30px; display: inline-block; } .list7 li div div span a { color: #222; } /* .list7 li:hover { padding-left: 0; } */ /* .list7 li:hover p { left: 10px; } */ /* .list7 li:hover div div { margin-left: 200px; } */ .gp-subLeft { width: 260px; position: relative; display: inline-block; z-index: 100; margin-top: -65px; } .subLeftTitle { padding: 30px 35px; color: #fff; text-align: center; position: relative; } .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; } .gp-subLeft>ul>li>a { padding: 12px 27px; display: block; transition: all 0.35s ease-in-out; /* font-weight: normal; */ position: relative; text-align: center; position: relative; font-size: 18px; line-height: 24px; color: #333; border-bottom: 1px solid #fff; } .gp-subLeft>ul>li>a.active, .gp-subLeft>ul>li>a:hover { position: relative; color: #fff; font-weight: bold; /* border-top: 4px solid #283373; */ border-bottom: none; overflow: hidden; background: #4b58a6; } .gp-subLeft>ul>li>a.active::before, .gp-subLeft>ul>li>a:hover::before { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #e0c67e; position: absolute; left: calc(50% - 8px); top: -8px; } .gp-subLeft>ul>li>a.active::after, .gp-subLeft>ul>li>a:hover::after { content: ''; display: block; width: 100%; height: 4px; background: #283373; position: absolute; left: 0; top: 0 } .gp-subLeft>ul>li>a.active+.gp-second-nav { display: block; } .gp-subLeft .gp-toggles.right { width: 18px; height: 18px; position: absolute; right: 10px; top: 14px; cursor: pointer; background: url(../images/c_aright.png) no-repeat; } .gp-subLeft .gp-toggles.down { width: 18px; height: 18px; position: absolute; right: 10px; top: 14px; cursor: pointer; background: url(../images/c_aright.png) no-repeat; transform: rotate(90deg); } .gp-second-nav { font-size: 16px; display: none; } .gp-second-nav dd a { display: block; padding: 8px 15px 8px 30px; color: #666; transition: all 0.35s ease-in-out; position: relative; font-size: 16px; line-height: 28px; border-bottom: 1px dashed #91aece } .gp-second-nav dd { margin: 1px 0; background: #fcfcfe } .gp-second-nav dd a:hover, .gp-second-nav dd a.active { background-color: rgba(255, 255, 255, 1); padding-left: 40px; border: none; position: relative; transition: all .4s ease-in-out; box-shadow: 5px 0px 10px rgb(0 0 0 / 15%); } .gp-second-nav dd a:hover::before, .gp-second-nav dd a.active::before { content: ''; display: block; width: 7px; height: 8px; position: absolute; left: 47px; top: 26px; transition: all .4s ease-in-out; } .gp-subLeft>ul>li>a>span { position: relative; } .gp-subLeft>ul>li.active>a { padding-left: 20px; } .gp-m-subNav { display: none; } .gp-m-inner-header { width: 100%; height: 40px; background-color: #313f8c; cursor: pointer; text-align: center; 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: 37px; position: absolute; right: 10px; top: 10px; line-height: 37px; text-align: center; } .gp-m-toggle.right { width: 18px; height: 18px; background: url(../images/c_aright.png) no-repeat; } .gp-m-toggle.down { width: 18px; height: 18px; background: url(../images/c_aright.png) no-repeat; transform: rotate(90deg); } .gp-subNavm dl { 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: 15px 0; text-align: right; display: inline-block; padding-right: 30px; margin-top: -56px; position: relative; } .gp-bread::before { content: ''; display: block; width: 2px; height: 26px; background: #c7c8ce; position: absolute; right: 0; bottom: 4px; } .gp-bread a { line-height: 21px; color: #757575; position: relative; font-family: Arial; } .gp-bread a:hover { color: #003b90; } .gp-page { color: #999; /* margin-top: 9px; */ margin-bottom: 90px; margin-top: 23px; /* padding-top: 60px; */ } .gp-page:after, .gp-page:before { content: " "; display: table } .gp-page>a { display: inline-block; *display: inline; *zoom: 1; border-radius: none; background: #f0f0f0; width: 48px; line-height: 41px; width: 40px; line-height: 40px; position: relative; /* border: 1px solid #979797; */ text-align: center; margin: 0 5px; font-size: 16px; /* margin-bottom: 5px; */ margin-left: 5px; vertical-align: top; } .gp-page-select { height: 32px; line-height: 32px; min-width: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .gp-page>span { border: none } .gp-page>a:hover, .gp-page>a.active { background-color: #4b58a6; color: #e0c67e; /* 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 { width: 40px; height: 40px; /* border: 1px solid #979797; */ } .gp-page .gp-page-prev:hover {} .gp-page .gp-page-next { width: 40px; height: 40px; /* border: 1px solid #979797; */ } .gp-page .gp-page-next:hover {} .gp-page a.gp-page-start, .gp-page a.gp-page-end { background: #f5f4f0; width: 72px; line-height: 36px; height: 36px; border-radius: 0; color: #666; } .gp-page a.gp-page-start:hover, .gp-page a.gp-page-end:hover { color: #666 } main { display: block; min-height: 500px; position: relative; z-index: 20; margin-bottom: 50px; } .banner2 { background: url(../images/bann2bg.png) no-repeat; background-size: cover; padding: 0 70px 65px 70px; } .bannersecPIc { padding-bottom: 22.47%; } .asideTit { padding: 17px; background: #313f8c; text-align: center; font-weight: bold; font-size: 24px; position: relative; } .asideTit::before { content: ''; display: block; width: 17px; height: 5px; background: #e0c67e; position: absolute; left: calc(50% - 8px); top: 0; } .asd { border-bottom: 1px solid #e0c67e; } .gp-bread span { color: #757575; margin: 0px 5px; } .college { margin: 35px 0; } .college li { margin-bottom: 35px; transition: all .3s ease-in-out; } .college li:hover { transform: translateX(5px); } .college a { display: block; overflow: hidden; background: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, .1); } .collPIc { width: 360px; } .collImg { padding-bottom: 56.39%; } .collInfor { margin-left: 360px; padding: 22px 35px; } .colltit { line-height: 28px; color: #222; margin-bottom: 5px; } .collsummary { line-height: 24px; height: 48px; overflow: hidden; color: #999; position: relative; } .dateout { text-align: right; position: relative; margin-top: 20px; } .dateout::before { content: ''; display: block; width: 44px; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: 50%; } .date { line-height: 54px; color: #999; text-align: right; display: inline-block; /* margin-top: 11px; */ position: relative; } .date::before { content: ''; display: block; width: 54px; height: 54px; background: url(../images/datea.png) no-repeat; position: absolute; left: -67px; right: 0; } .inform { margin-top: 10px; } .inform li:nth-child(even) { background: #fcfcfc } .inform a { display: block; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .inform p { line-height: 68px; color: #222; } .contact { margin: 20px 0 0 0 } .contact li { height: 40px; line-height: 40px; border-bottom: 1px solid #fff; } .contact li i { font-style: normal; padding-left: 20px; display: block; border-left: 1px solid #fff; } .contact li span { display: inline-block; background: #f0f2f5; width: 30%; } .contact li a { display: inline-block; background: #ebf4ff; width: 70%; } .contact li:nth-child(even) { background: #e7e7e7; } .year { line-height: 68px; color: #999; position: relative; padding: 0 0 0 40px } .year::before { content: ''; position: absolute; width: 30px; height: 1px; background: #e0c67e; left: 0px; top: 50%; } .setting { margin-top: 35px; overflow: hidden; } .setting a { display: block; /* padding: 30px; */ background: #efeff4; overflow: hidden; } .setting li.on a { background: #fff; position: relative; } .setting li.on a::before { content: ''; display: block; width: 1px; height: 100%; background: #ededed; position: absolute; left: 0; top: 0; } .setting li.on a::after { content: ''; display: block; width: 1px; height: 100%; background: #ededed; position: absolute; right: 0; top: 0; } .setPic { width: 320px; /* background: #01409B; */ overflow: hidden; /* padding-right: 30px; */ padding: 30px; position: relative; } .setPic::before { content: ''; display: block; width: 1px; height: calc(100% + 60px); right: 0; position: absolute; top: 0; background: #d6d6d6; } .setting li.on .setPic::before { background: #ededed; } .setImg { padding-bottom: 56.25%; background: #999; } .gp-subLeft>ul { background: #eee; } .sert { margin-left: 310px; } .tith3 { padding-top: 34px; line-height: 32px; color: #222; padding-bottom: 10px; font-weight: bold; position: relative; /* */ } .prexy { margin-top: 26px; } .tith3::before { content: ''; display: block; width: 62.11%; height: 1px; background: #313f8c; position: absolute; left: 0; bottom: 0; } .tith3::after { content: ''; display: block; width: 37.9%; height: 3px; background: #dcdee6; position: absolute; right: 0; bottom: -1px; } .ledadUl { margin-top: 26px; } .ledadUl li { overflow: hidden; transition: all .3s ease; } .ledadUl li:hover { transform: translateX(5px) } .ledadUl li.on a { display: block; background: #efeff4; overflow: hidden; } .leadLeft { width: 200px; padding: 20px 30px; border-right: 1px solid #d6d6d6; position: relative; overflow: hidden; } .leadPic { padding-bottom: 133%; } .leadMiddle { padding: 53px 32px; margin-left: 260px; margin-right: 270px; position: relative; } .leadTop { color: #313f8c; margin-bottom: 8px; } .leadTop h2 { margin-right: 20px; } .leadTop h2, .leadTop span { display: inline-block; } .leadTop p { line-height: 26px; color: #444; } .leadRight { padding: 53px 30px; position: relative; width: 270px; box-sizing: border-box; } .leadRight::before { content: ''; display: block; width: 1px; height: 306px; background: #d6d6d6; height: #d6d6d6; position: absolute; left: 0; top: 0; } .prexyPic { width: 245px; background: #e5e5e5; /* overflow: hidden; */ position: relative; } .prexyPic::before { content: ''; display: block; width: 160px; height: 1px; background: #e5e5e5; position: absolute; right: -160px; bottom: 36px; } .prexyTop { /* margin-bottom: 36px; */ overflow: hidden; } .prexyImg { padding-bottom: 140%; } .prexyTright { margin-left: 275px; padding-top: 30px; } .prexyTright p { margin-bottom: 25px; margin-top: 8px; color: #313f8c; } .prexyInfor { width: 100%; font-size: 0; } .prexyTright span { display: inline-block; width: 50%; line-height: 30px; color: #999; } .prexyTit { display: block; padding: 20px 30px; border-bottom: 3px solid #e5e5e5; background: #f5f5f5; margin-top: 36px; margin-bottom: 12px; } .prexyTit h2 { color: #4b58a6; } .peor { margin: 0 35px; line-height: 30px; color: #444; } .sert { margin-left: 380px; padding: 60px 30px; } .sert h3 { color: #313f8c; line-height: 30px; } .sert p { line-height: 26px; color: #444; height: 78px; overflow: hidden; margin-top: 10px; } .schRight2 { margin-left: 312px; } .pageArticle { margin-right: 0; margin: 0 103px; } .pageArticleTitle { overflow: hidden; margin-top: 34px; margin-bottom: 11px; } .pageArticleTitle h3 { line-height: 1.4; color: #222; /* font-size: 27px; */ text-align: center; /* font-weight: normal; */ } .articleAuthor { /* padding: 15px 0; */ text-align: center; margin-bottom: 36px; color: #999; border-bottom: 1px solid #e5e5e5; padding: 0px 0 16px; } .articleAuthor span { display: inline-block; *display: inline; *zoom: 1; color: #444; margin: 0 5px; font-size: 1; } .articleBottom { overflow: hidden; margin-bottom: 20px; } .articleBottom h2 { color: #444; line-height: 30px; margin-bottom: 7px; } .gp-article { position: relative; line-height: 3rem; margin-bottom: 20px; } .gp-article p { line-height: 3rem; color: #444; } .annexList { padding-left: 20px; position: relative; } .annexList::before { content: ''; display: block; width: 1px; height: 100%; background: #dcdcdc; position: absolute; left: 0; top: 0; } .annexList li { border-bottom: 1px solid #dcdcdc; } .annexList a { line-height: 30px; color: #999; display: block; padding-bottom: 10px; } /* 文章页还原 */ .gp-article { overflow: hidden; } .gp-article img { display: inline-block; *display: inline; *zoom: 1; } .gp-article video { max-width: 100%; } .gp-article i, .gp-article em { font-style: italic; } .gp-article a { word-break: break-all; } .gp-article strong, .gp-article strong span { font-weight: bold; } .gp-article i strong, .gp-article em strong, .gp-article strong i, .gp-article strong em { font-style: italic; font-weight: bold; } .gp-article table img { max-width: initial; } .gp-article thead td, .gp-article tbody td, .gp-article tfoot td { border-width: 1px; border-style: solid; border-color: #ddd; } .gp-article ol { list-style: decimal inside none; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .gp-article ul { list-style: disc inside none; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .gp-article ul li { list-style-type: disc; } .gp-article ol li { list-style-type: decimal; } .end { text-align: right; } .Annex { background: #f5f5f5; padding: 15px 28px; border-radius: 10px; margin-right: 132px; } .share { margin-left: 40px; } .share { width: 44px; margin-right: 48px; padding: 13px 0; background: #eaebf3; height: 149px; box-sizing: border-box; float: right; border-radius: 10px; } .share_btn { float: left; line-height: 33px; font-weight: normal; } .share .bdsharebuttonbox { padding-left: 16px; } .share .bdsharebuttonbox>a { /* padding-left: 18px; */ margin: 0 15px 0 0 !important; height: 32px; text-indent: 0; width: 32px; line-height: 56px; width: 56px; box-sizing: border-box; border-radius: 50%; background: #fff !important; display: block; height: 56px; margin: 5px 0 !important; text-align: center; margin-left: 0px; padding: 10px 0; background: none; font-size: 23px; } .share .bdsharebuttonbox>a img { display: block; margin: 0px auto; } .share .bdsharebuttonbox>a.bds_weixin { *background: url(../images/wechat.png) no-repeat center; color: #7dd43c } .share .bdsharebuttonbox>a.bds_tsina { *background: url(../images/sina.png) no-repeat center; color: #e83437 } .share .bdsharebuttonbox>a.bds_qzone { *background: url(../images/z_qone.png) no-repeat center; color: #fece00 } .share .bdsharebuttonbox>a.bds_more { *background: url(../images/share-more.png) no-repeat center; color: #a3bfd9 } .shareBox { width: 260px; background-color: #fff; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -130px; z-index: 9998; height: 310px; border: 6px solid #8F8F8F; border-radius: 8px; box-shadow: 0 0 7px #aaa; display: none; } .shareBox { font-size: 14px; } .shareBox .title { background: #f6f6f6; font-size: 14px; font-weight: bold; padding: 10px 15px !important; } .shareClose { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 18px; width: 20px; ; } .sharelist { position: static; height: 250px; overflow-y: auto; padding-left: 17px !important; } .sharelist li { float: left; width: 130px; padding: 2px; margin-left: 6px; *margin-left: 3px; height: 28px; overflow: hidden; list-style: none; } .sharelist li a { color: #565656; font: 12px '宋体'; display: block; text-decoration: none; border: 1px solid #fff; line-height: 18px; width: auto; height: auto; text-indent: 0; } .weChatBox { width: 280px; height: 300px; background-color: #fff; border: solid 1px #d8d8d8; padding: 10px; position: fixed; left: 50%; top: 50%; margin: -150px 0 0 -140px; z-index: 9998; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .weChatBox .w-title { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; } .w-close { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; color: #333; cursor: pointer; } .qrcode { width: 200px; height: 200px; margin: 15px auto; background: #ccc; } .w-footer { font-size: 12px; line-height: 1.5; color: #999; } #qrodeText { opacity: 0; position: absolute; left: 0; top: 0; z-index: 0; visibility: hidden; } .develop { margin-top: 30px; } .deve { width: 200px; line-height: 30px; color: #444; border-bottom: 1px solid #e5e5e5; } .deveInfor { margin-left: 230px; line-height: 24px; color: #999; } .dev li { margin-bottom: 25px; } .devPic1 { padding-bottom: 56.32%; background: #999; } .devPics { overflow: hidden; font-size: 0; margin: 0 -14px; } .devPic2 { display: inline-block; overflow: hidden; width: 50%; } .devImg { margin: 0 14px; background: #999; } .sub_list001 ul { margin: 11px -14px -5px; font-size: 0; } .sub_list001 li { width: 50%; display: inline-block; } .ul-inline li a { display: block; margin: 0 14px 55px; position: relative; overflow: hidden; } .sub_list001 .left { width: 200px; position: absolute; left: 0; top: 0; z-index: 3; } .sub_list001 .img { background: #999; padding-bottom: 140%; overflow: hidden; } .sub_list001 .right { border: 1px solid #e6e6e6; border-radius: 0 20px 0 0; margin: 31px 0 31px; padding: 27px 29px 29px 230px; text-align: justify; position: relative; z-index: 2; } .sub_list001 .title { font-weight: bold; margin: 0 0 14px; line-height: 26px; white-space: nowrap; color: #222; } .sub_list001 .title::after { content: ''; background: #dedede; width: 6px; height: 6px; border-radius: 50%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 0 0 40px; } .sub_list001 .info { line-height: 24px; height: 120px; color: #757575; display: block; overflow: hidden; text-overflow: ellipsis; } .sub_list001 .right::after { content: ''; display: block; width: 44px; height: 1px; background: #113cac; position: absolute; bottom: -1px; left: 200px; } @media screen and (max-width:767px) { .gp-article img { width: auto !important; height: auto !important; } .gp-article div { overflow: auto; } .gp-article video { width: 100% !important; height: auto; } .gp-article table { width: 100% !important; max-width: 100% !important; margin: 0 !important; table-layout: fixed; word-break: break-all; box-sizing: border-box; display: block; } .gp-article table td { width: auto !important; } .gp-article table tr { height: auto !important; } .devPic2 { width: 100%; } } @media screen and (max-width: 1640px) { .banner2 { padding: 0 50px 50px 50px; } } @media screen and (max-width: 1301px) { .banner2 { padding: 0 40px 40px 40px; } } @media screen and (max-width: 1101px) { .schRight { margin-left: 262px; } .gp-subLeft { width: 210px; } .leadMiddle { padding: 53px 15px; margin-right: 210px; } .leadRight { padding: 53px 15px; position: relative; width: 210px; } .prexyTright span { width: 100%; } .sub_list001 .left { width: 150px; } .sub_list001 .right { margin: 20px 0 20px; padding: 10px 12px 0px 170px; } } @media screen and (max-width: 997px) { .gp-subLeft { display: none; } .gp-m-subNav { display: block; } .schRight { margin-left: 0; } .gp-bread { display: block; margin: 0; float: none; padding: 10px 0; padding-right: 15px; } .prexyTright span { width: 50%; } .tith3 { padding-top: 15px; } } @media screen and (max-width:767px) { .prexyTright span { width: 100%; } .collInfor { padding: 15px; } .colltit { margin-bottom: 0; } .prexyTright { margin-left: 176px; padding-top: 10px; } .prexyPic { width: 145px; } .prexyPic::before { display: none; } .prexyTright p { margin-bottom: 0px; } } @media screen and (max-width:670px) { .gp-page { display: none; } .gp-m-page { display: block !important; } .collPIc, .setPic { width: 100%; float: none; } .collInfor, .setRight { margin-left: 0; } .setRight { margin-left: 0; padding: 0; padding-top: 20px; } .setPic { padding: 0; } .sert { margin-left: 0; padding: 0; margin-top: 20px; } .sub_list001 li { width: 100%; } .setting a { padding: 20px; } .leadMiddle { padding: 15px; margin: 0; float: none; } .leadRight { padding: 15px; position: relative; width: 100%; } .leadLeft { width: 100%; padding: 15px; box-sizing: border-box; border-right: 1px solid #d6d6d6; position: relative; } /* .Annex{ margin-right: 0; } .share{ float: none; margin: 0; width: 169px; height: auto; margin-bottom: 20px; } .share .bdsharebuttonbox>a{ display:inline-block } */ .pageArticle { margin: 0; } .deve { width: 100px; } .deveInfor { margin-left: 130px; } } @media screen and (max-width:479px) { .peor { margin: 0 15px; } .gp-page .gp-page-prev, .gp-page .gp-page-next { transform: scale(.8); } .year { margin-right: 10px; } .Annex { margin-right: 81px; } .share { margin-left: 40px; margin-right: 20px; } .deve { width: 80px; } .deveInfor { margin-left: 100px; } } @media screen and (max-width:410px) { .prexyPic { width: 100%; float: none; } .prexyTright { margin-left: 0; } }