a { color: #454545; } a:hover { background: none; text-decoration: none; } @font-face { font-family: 'panton'; src: url('../fonts/pantonregular.eot'); src: url('../fonts/pantonregular.eot?#iefix') format('embedded-opentype'), url('../fonts/pantonregular.woff') format('woff'), url('../fonts/pantonregular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'panton'; src: url('../fonts/pantonitalic.eot'); src: url('../fonts/pantonitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/pantonitalic.woff') format('woff'), url('../fonts/pantonitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'panton'; src: url('../fonts/pantonblackitalic.eot'); src: url('../fonts/pantonblackitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/pantonblackitalic.woff') format('woff'), url('../fonts/pantonblackitalic.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'panton-caps'; src: url('../fonts/pantonblackitaliccaps.eot'); src: url('../fonts/pantonblackitaliccaps.eot?#iefix') format('embedded-opentype'), url('../fonts/pantonblackitaliccaps.woff') format('woff'), url('../fonts/pantonblackitaliccaps.ttf') format('truetype'); font-weight: 900; font-style: normal; } body, html { background: #fff; font-size: 14px; color: #666; font-family: 'Microsoft YaHei', '微锟斤拷锟脚猴拷', 'MicrosoftJhengHei', '锟斤拷锟斤拷细锟斤拷', 'STHeiti', 'MingLiu'; } ul { list-style-type: none; padding: 0; margin: 0; } p { margin-bottom: 0; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 0; width: 100%; } .swiper-pagination { position: absolute; text-align: right; -webkit-transition: 0.3s opacity; -o-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .fl { float: left; } .fr { float: right; } .container-fluid { padding: 0; } .pageturn { margin-top: 10px; } .pic img { vertical-align: top; width: 100%; } h1, h2, h3, h4 { margin: 0; padding: 0; } .container { margin: 0 auto; width: 1200px; padding-left: 0; padding-right: 0; } .nav > li > a:hover { background: none; } .inner-header .navigation .nav .active > a { color: #ffbc00; background: none; } .navigation .nav li:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .navigation .nav li:hover > a { color: #000; } .navigation .nav .dropdown:hover > .dropdown-menu { display: block; } .navigation .nav li { height: 87px; width: 127px; float: left; padding-top: 50px; } .navigation .nav li.line { width: 1px; background: #70b345; height: 26px; padding-top: 0; margin-top: 50px; } .navigation .nav li.language { color: #fff; font-size: 12px; text-align: center; } .navigation .nav li.language > a { font-size: 12px; display: inline-block; line-height: 24px; } .navigation .nav li.language > span { margin: 0 5px; } .navigation .nav li.language, .index .navigation .nav li.language:hover { background: #2f425d; } .navigation .nav li.language:hover > a { color: #fff; } .navigation .nav li a { color: #fff; padding: 0; font-size: 16px; font-family: microsoft yahei; font-weight: lighter; text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .navigation .nav .dropdown-menu { min-width: 127px; margin: 0; padding: 0; border-radius: 0; background: #fff; border: 0 none; box-shadow: none; } .navigation .nav .dropdown-menu a { color: #000; height: 35px; line-height: 35px; width: 125px; margin-top: 0; display: block; font-size: 16px; } .navigation .nav .dropdown-menu a:hover { background: #2f425d; color: #fff; } .swiper-container { /* min-height: 650px; */ width: 100%; overflow: hidden; } .swiper-slide { text-align: center; } .swiper-slide img { width: 100%; } .swiper-paginations .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; border-radius: 0; margin: 0; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px !important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; } .swiper-paginations .swiper-pagination-bullet-active, .swiper-paginations .swiper-active-switch { background: #014190; width: 40px; } .swiper-paginations { text-align: right; position: absolute; left: 50% !important; transform: translateX(-50%); bottom: 70px !important; z-index: 34; width: 1200px !important; } .motivation .items-box { position: relative; z-index: 999; } .motivation { margin-top: -106px; } .motivation .items-box:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; -webkit-box-shadow: 0 33px 59px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 33px 59px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 33px 59px 0 rgba(0, 0, 0, 0.14); -webkit-transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; } .motivation .animated.items-box { opacity: 1; box-shadow: 0 33px 59px 0 rgba(0, 0, 0, 0.14); -webkit-transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; } .motivation .item { position: relative; color: #fff; padding: 33px 4% 31px; overflow: hidden; min-height: 250px; background: #2f425d; } .motivation .item:nth-child(1) { background: #ffbc00; } .motivation .item:nth-child(2) { background: #fff; } .motivation .item .num { position: absolute !important; bottom: -100px; left: auto !important; right: -40px; z-index: 0; font: 900 391.46px 'panton'; line-height: 1em; opacity: 0.2 !important; } .motivation .item:nth-child(2) .num { color: #cecece; } .motivation .item:nth-child(3) .num { color: #7eb1fa; opacity: 0.1 !important; } .motivation .item h4 { z-index: 2; font-weight: bold; font-size: 27px; line-height: 36px; color: #fff; margin: 0; } .motivation .item:nth-child(2) h4 { color: #2f425d; } .motivation .item p { position: relative; z-index: 2; margin: 30px 0 0 0; font-size: 16px; line-height: 30px; font-weight: lighter; } .motivation .item:nth-child(2) p { color: #374e6d; } #overpersuade { z-index: 1; margin: 70px 0 60px; padding: 0; } #overpersuade h3 { margin-bottom: 56px; } #overpersuade .list { margin: 56px 0 0; } #overpersuade .list .item { position: relative; display: inline-block; vertical-align: top; font-size: 16px; text-align: center; } #overpersuade .list .item:not(:last-child):after { content: ''; position: absolute; top: 10px; right: 0; bottom: 6px; width: 1px; background: #2f425d; } #overpersuade .list .icon { font-size: 0; height: 100px; margin: 0 0 20px; } #overpersuade .list .icon:before { content: ''; position: relative; height: 100%; display: inline-block; vertical-align: middle; } #overpersuade .list .icon img { display: inline-block; vertical-align: middle; margin: 0; } #overpersuade .list p { margin: 10px 0 0 0; color: #2f425d; font-size: 14px; } #overpersuade .list p strong { font-size: 18px; line-height: 31px; font-weight: bold; } .sub-color-yellow { color: #ffbc00; } .titles-box .sub-color-deep-blue { font-weight: 700; line-height: 46px; } .sub-color-deep-blue { color: #2f425d; } .titles-box h1.sub-color-deep-blue { font-size: 34px; } .sub-color-blue { color: #0762bb; } #newscnt { position: relative; margin-bottom: 70px; } #newscnt h2 { color: #2f425d; font-weight: bold; font-size: 28px; line-height: 40px; } #newscnt ul li { margin-top: 10px; } #newscnt ul li > h5 { font-size: 18px; color: #292929; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #newscnt ul li > h5 a { font-size: 18px; } #newscnt ul li > p { display: none; font-size: 12px; color: #343434; } #newscnt ul li.active > h5 { font-weight: bold; font-size: 18px; color: #151515; margin: 15px 0 10px 0; } #newscnt ul li.active > p { display: block; height: 100px; overflow: hidden; font-size: 14px; } #newscnt ul li.active > h5 > span { display: none; color: #454545; } #newscnt ul li > h5 > span { color: #888; } #newscnt ul li > h5 > span:before { content: ''; width: 20px; height: 14px; display: inline-block; margin-right: 10px; background: url('../images/index-news-dot.png') no-repeat; } /* #newscnt ul li > h5 > span::after { content: '|'; margin: 0 10px; } */ #newscnt .icon { text-align: center; } #newscnt .yellow_block { background: #ffbc00; height: 100px; width: 100px; position: absolute; bottom: 0; } #newscnt .more a { display: block; width: 32px; height: 32px; float: right; background: url('../images/icon/news-add.png') no-repeat 0 0; font-size: 0; margin-top: 10px; } #newscnt .pageturn .btn-prev.disabled { background: url('../images/icon/news-left-dis.png') no-repeat 0 0; cursor: default; } #newscnt .pageturn .btn-next.disabled { background: url('../images/icon/news-right-dis.png') no-repeat 0 0; cursor: default; } #newscnt .cover { position: relative; width: 605px; height: 295px; margin-top: 76px; } #newscnt .cover .img { width: 490px; height: 280px; position: absolute; z-index: 2; } #newscnt .cover .img > img { width: 490px; height: 280px; } #newscnt .cover .bg { width: 490px; height: 280px; background: #ffbc00; position: absolute; top: 15px; left: 15px; z-index: 1; -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s ease 0.5s; -moz-transition: all 0.3s ease 0.5s; transition: all 0.3s ease 0.5s; } #newscnt .pageturn button { height: 46px; width: 46px; position: absolute; top: 50%; margin-top: -23px; border: none; border-radius: 0; font-size: 0; z-index: 999; opacity: 1; } #newscnt .btn-group { position: static; } #newscnt .pageturn .btn-prev { left: 20px; background: url('../images/icon/news-left.png') no-repeat 0 0; } #newscnt .pageturn .btn-next { right: 0; background: url('../images/icon/news-right.png') no-repeat 0 0; } #newscnt .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 9.333333%; flex: 0 0 9.333333%; width: 13%; } #newscnt .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 36.333333%; flex: 0 0 36.333333%; max-width: 36.333333%; } #newscnt .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 54.333333%; flex: 0 0 54.333333%; max-width: 50.333333%; } .newscntIcon { position: relative; height: 391px; } #newscnt .more { height: 25px; margin-bottom: 0; } #newscnt .btn:focus, #newscnt .btn:active, .btn:focus, .btn:active, a.page-link:active, a.page-link:focus { outline: none; box-shadow: none; } .navigation .nav li.language > a:visited, .navigation .nav li.language > a:active, .navigation .nav li.language > a:focus { background-color: transparent; outline: none; box-shadow: none; } footer { min-height: 240px; padding-top: 30px; color: #282828; overflow: hidden; padding-bottom: 50px; } footer hr { border-top-color: #a9a9a9; margin-bottom: 0.5rem; } footer .pt-2.text-right h4 { margin-top: 10px; } footer h4 { font-size: 16px; font-weight: bold; margin-bottom: 15px; } footer ul li { margin-top: 5px; } footer .share a { height: 35px; width: 35px; background: #505050; padding: 5px 0; margin-right: 5px; } footer .copyright { font-size: 12px; padding-top: 4px; vertical-align: middle; } .list-unstyled a { font-size: 14px; } footer .share a.weibo:hover { background: #e6162d; } footer .share a.weixin:hover { background: #1aad19; } footer .share a.tencent-weibo:hover { background: #3490dd; } footer .share a i.fa { color: #fff; font-size: 20px; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .rounded-circle { border-radius: 50% !important; } .footerEmial { display: inline-block; width: 30px; height: 18px; vertical-align: middle; background: url('../images/email.png'); margin-right: 15px; background-size: 100%; } .footerEmial:hover { background: url('../images/email.png'); background-size: 100%; } /*鎶曡祫鑰呭叧绯?/ .inner-header { z-index: 999; position: absolute; left: 0; right: 0; padding-top: 24px; } .inner-header .navigation .nav li { padding-top: 0; height: 30px; line-height: 30px; } .inner-header .navigation .nav li a { color: #fff; } .inner-header .navigation .nav li.active { color: #fff; } .nav > li > a:focus { background: none; outline: 0 none; } .inner-header .navigation .nav li:hover > a { color: #ffbc00; } .inner-header .navigation .nav li.language:hover > a { color: #333; } .inner-header .navigation .nav li.language a:hover { color: #ffbc00; } .inner-header .navigation .nav li.language, .inner-header .navigation .nav li.language:hover { background: none; color: #fff; height: 30px; line-height: 30px; } .hoverheader { background: #fff; min-height: 300px; } .hoverheader .navigation .nav li a { color: #282828; } .hoverheader .navigation .nav li.active a { color: #282828; } .hoverheader .navigation .nav li:hover { background: none; color: #ffc632; } .hoverheader .navigation .nav li:hover > a { color: #ffc632; } .hoverheader .navigation .nav .dropdown-menu a { line-height: 24px; height: 24px; background: none; } .hoverheader .navigation .nav .dropdown-menu { background: none; } .hoverheader .dropdown-menu { border: 0 none; } .hoverheader .navigation .nav .dropdown-menu a:hover { background: none; color: #ffc632; } .hoverheader .navigation .nav .dropdown-menu a { font-size: 14px; } .main-banner { background-color: #ffbc00; color: #fff; padding: 20px 0; } .main-banner .title { font-size: 17px; line-height: 20px; margin: 0; } .main-banner .tit { font-size: 29px; line-height: 40px; margin: 0; margin-bottom: 20px; } .main-banner .dec { font-size: 15px; } .main-det { border-top: 13px solid #eaecee; background-color: #fff; font-family: microsoft yahei; color: #2f425d; padding-bottom: 60px; } .main-det ul, .main-det ol { list-style-type: none; padding: 0; margin: 0; } .main-det h2, .main-det h3, .main-det h4 { padding: 0; margin: 0; } .menu-list { list-style-type: none; padding: 0; margin: 0; } .main-box .main-left { float: left; width: 180px; } .main-box .main-right { margin-left: 240px; } .main-box .main-left .menu-list { /*padding-bottom:50px;padding-top:10px;*/ padding-left: 20px; border-left: 6px solid #ffbc00; } .menu-list > li > a { display: block; line-height: 40px; height: 40px; font-size: 20px; color: #2f425d; } .menu-list > li.active > a, .menu-list > li > a:hover { color: #ffbc00; } .menu-list > li.sub-li > a { font-size: 18px; } .sub-menu > li:nth-child(1) a { font-size: 20px; } .sub-menu > li a { font-size: 18px; } .tab-nav .tab-nav-list { width: 100%; display: table; table-layout: fixed; padding-left: 0; } .tab-nav .tab-nav-list li { display: table-cell; text-align: center; padding: 0 3px; } .tab-nav .tab-nav-list li:first-child { padding-left: 0; } .tab-nav .tab-nav-list li:last-child { padding-right: 0; } .tab-nav .tab-nav-list li .text { display: block; height: 30px; line-height: 30px; background-color: #eaecee; font-size: 16px; cursor: pointer; } .tab-nav .tab-nav-list li.active .text { background-color: #ffbc00; color: #fff; cursor: default; } .main-det .down-list { margin-bottom: 89px; padding-bottom: 1px; } .down-list li a { display: flex; align-items: center; border-bottom: 1px dashed #bdbdbd; padding: 18px 12px 14px; color: #505050; } .down-list li a:hover { background: #eaecee; } .down-list li .text { flex: 1; } .down-list li .i-down { width: 39px; height: 54px; background: url(../images/icon/down.png) no-repeat 0 0; } .main-det .pageturn { display: block; text-align: right; margin-top: 0; padding: 0 0 45px; } .main-det .pageturn .btn { height: 100px; height: 90px; width: 100px; background: #1f314a; border: none; border-radius: 0; font-size: 30px; font-weight: normal; color: #fff; float: none; } .main-det .pageturn .btn.disabled { background: #eaecee; cursor: default; } .main-banner .container { display: flex; align-items: center; padding: 0 30px 0 20px; } .main-banner .container .info { flex: 1; } .main-banner .container .bannerico { text-align: right; } .main-banner .container .inv-ico, .main-banner .container .icon-12 { width: 85px; height: 68px; background: url(../images/icon/chart.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .com-ico, .main-banner .container .icon-13 { width: 72px; height: 72px; background: url(../images/icon/company.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .mail-ico, .main-banner .container .icon-15, .main-banner .container .icon-81, .main-banner .container .icon-91 { width: 63px; height: 60px; background: url(../images/icon/mail.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .book-ico, .main-banner .container .icon-11, .main-banner .container .icon-87, .main-banner .container .icon-77 { width: 75px; height: 75px; background: url(../images/icon/book.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .edit-ico, .main-banner .container .icon-14 { width: 74px; height: 77px; background: url(../images/icon/edit.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .edits-ico, .main-banner .container .icon-9, .main-banner .container .icon-85, .main-banner .container .icon-75 { width: 71px; height: 74px; background: url(../images/icon/edits.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .man-ico, .main-banner .container .icon-10, .main-banner .container .icon-86, .main-banner .container .icon-76 { width: 73px; height: 75px; background: url(../images/icon/manage.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .cup-ico { width: 78px; height: 78px; background: url(../images/icon/computer.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .instr-ico { width: 64px; height: 75px; background: url(../images/icon/instr.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .vision-ico { width: 70px; height: 76px; background: url(../images/icon/vision.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .course-ico { width: 67px; height: 72px; background: url(../images/icon/course.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .course-ico { width: 67px; height: 72px; background: url(../images/icon/course.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .tech-ico { width: 62px; height: 74px; background: url(../images/icon/technology.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .global-ico { width: 75px; height: 75px; background: url(../images/icon/global.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .organ-ico { width: 61px; height: 79px; background: url(../images/icon/organization.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .honor-ico { width: 101px; height: 86px; background: url(../images/icon/honor.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .mail-o-ico { width: 73px; height: 73px; background: url(../images/icon/mail-o.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .mailone-ico { width: 85px; height: 65px; background: url(../images/icon/mail-one.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .occup-ico { width: 84px; height: 78px; background: url(../images/icon/occupation.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .tel-ico { width: 73px; height: 73px; background: url(../images/icon/tel.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .shcool-ico { width: 78px; height: 78px; background: url(../images/icon/shcool.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .media-ico { width: 78px; height: 78px; background: url(../images/icon/media.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .magazine-ico { width: 71px; height: 70px; background: url(../images/icon/magazine.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .contact-ico { width: 65px; height: 70px; background: url(../images/icon/contact.png) no-repeat 0 0; background-size: 100%; } .main-banner .container .about-ico { width: 76px; height: 76px; background: url(../images/icon/about.png) no-repeat 0 0; background-size: 100%; } .main-info .down-list { border-top: 1px dashed #bdbdbd; } .main-info .tab-det .down-list { border-top: 0; } .tab-cont .tab-det { display: none; } .tab-cont .active { display: block; } .main-box { min-height: 300px; } .main-info { color: #505050; line-height: 24px; } .main-info .com-info { margin-bottom: 90px; margin-top: 20px; } .details { padding-bottom: 100px; } .details .tit { font-size: 14px; color: #000; margin-bottom: 20px; } .details p { margin-bottom: 20px; } .man-item .tit { font-size: 18px; line-height: 40px; margin-bottom: 12px; font-weight: bold; } .main-info .man-c { overflow: hidden; } .man-c .man-list { margin-right: -18px; } .man-list li { font-size: 14px; float: left; width: 25%; } .man-list li .item-c { margin-right: 18px; } .man-list li .item-c .pic img { width: 100%; } .man-list li .item-c .name { line-height: 26px; height: 26px; font-size: 15px; font-weight: bold; } .man-list li .item-c .ps { padding-bottom: 10px; } .man-item .det { display: none; } /* .main-info > .man-item:last-child{padding-bottom:100px;}*/ .man-item .det .name { font-size: 15px; font-weight: bold; margin-bottom: 10px; } /*鏂伴椤?/ .mode-culture-list { display: flex; flex-wrap: wrap; } .mode-culture-list > li { width: calc((100% - 35px) / 2); margin-right: 35px; } .mode-culture-list > li:nth-child(2n) { margin-right: 0; } .mode .mode-culture-list li{ width:100%; margin-right:0; display:flex; } .mode .mode-culture-list li .pic{width:48%;} .mode .mode-culture-list li .info{flex:1;margin-left:35px;} .mode-culture-list > li .pic, .mode-common .det, .news-pic-list > li .pic, .surveys-team-list > li .det .pic, .jobs-employee-list > li .pic, .surveys-company-list li .pic { overflow: hidden; } .mode-culture-list > li .pic img, .mode-common img, .news-pic-list > li .pic img, .surveys-company-list li .pic img, .jobs-employee-list > li .pic img, .surveys-team-list > li .det .pic img { transition: all 500ms linear 0ms; } .mode-culture-list > li .pic:hover img, .mode-common .det:hover img, .news-pic-list > li .pic:hover img, .surveys-team-list > li .det .pic:hover img, .jobs-employee-list > li .pic:hover img, .surveys-company-list li .pic:hover img { transform: scale(1.1); } .mode-culture-list > li .tit { font-size: 24px; color: #282828; padding: 16px 0; } .mode-culture-list > li .det { line-height: 1.8; } .mode .mode-tit { position: relative; font-size: 36px; color: #282828; text-align: right; padding: 24px 170px 24px 0; } .mode .mode-tit:before { content: ''; position: absolute; top: 50%; right: 0; width: 150px; height: 8px; background: #ffc632; transform: translateY(-50%); } .mode-shares { display: flex; padding: 40px 0; } .mode-shares .info { width: 240px; background: #014190; color: #fff; padding: 26px; } .mode-shares .info .tit { font-size: 20px; margin: 18px 0; } .mode-shares .shares-tabs { flex: 1; margin-left: 40px; margin-top: 36px; } .shares-tabs .tabs-item { display: none; } .shares-tabs .tabs-item.active { display: block; } .shares-tabs .shares-tabs-cont { border: 1px dashed #dcdcdc; padding: 16px; } .shares-nav-list li { float: left; background: #f1f1f1; border: 1px solid #ccc; color: #282828; line-height: 26px; padding: 0 10px; position: relative; top: 1px; cursor: pointer; } .shares-nav-list .active { background: #fff; color: #ffbc00; border-bottom-color: #fff; } .mode-common { display: flex; } .mode-common .common-left { width: 809px锛汒 } .mode-common .common-right { flex: 1; margin-left: 22px; } .mode-common .common-right .det { margin-bottom: 23px; } .mode-common .common-right .det:last-child { margin-bottom: 0; } .mode-common img { vertical-align: top; width: 100%; } .mode-common .det { position: relative; } .mode-common .det .tit { position: absolute; left: 24px; right: 24px; bottom: 16px; color: #fff; font-size: 24px; } .common-info { padding: 40px 0 30px; } .common-info-list { display: flex; flex-wrap: wrap; overflow: hidden; padding: 5px; margin: -5px; } .common-info-list > li { width: calc((100% - 60px) / 3); margin-right: 30px; padding-bottom: 9999px; margin-bottom: -9999px; } .common-info-list > li:nth-child(3n) { margin-right: 0; } .common-info-list > li .det-cont { padding: 20px; box-shadow: 0 0 5px #ddd; height: 100%; } .common-info-list > li .tit { font-size: 24px; color: #282828; margin-bottom: 10px; } .common-info-list > li .det-cont .text { position: relative; padding-left: 16px; line-height: 1.5; margin-bottom: 4px; } .common-info-list > li .det-cont .text:before { content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; background: #ffc632; } .mode-news { position: relative; } .mode-news .news-info-det { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .mode-news .news-info { display: flex; } .mode-news .info-det { flex: 1; margin-right: 30px; color: #fff; } .mode-news .info-pic { width: 500px; } .mode-news .info-pic .pic { height: 334px; overflow: hidden; } .mode-news .info-pic .pic img { max-height: 100%; } .mode-news-list > li a { color: #fff; display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff; } .mode-news-list > li:last-child { border-bottom: 0; } .mode-news .news-pic img { min-height: 500px; } .mode-news-list > li .date { text-align: center; background: #a9abab; color: #282828; width: 80px; position: relative; padding-top: 12px; padding-bottom: 6px; height: 76px; } .mode-news-list > li.active .date, .mode-news-list > li.active .date { background: #ffc632; } .mode-news-list > li .det { flex: 1; margin-left: 16px; } .mode-news-list > li .date .day { font-size: 38px; line-height: 1; font-family: Arial, Helvetica, sans-serif; } .mode-news-list > li .date:before { content: ''; position: absolute; top: 98%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #a9abab; } .mode-news-list > li.active .date:before, .mode-news-list > li.active.date:before { border-top: 12px solid #ffc632; } .mode-news-list > li .tit { font-size: 20px; margin-bottom: 16px; } .mode-news-list > li .text { line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-info .info-pic .more { text-align: right; margin-top: 30px; } .news-info .info-pic .more .more-a { display: inline-block; vertical-align: top; color: #005aca; border: 1px solid #005aca; background: #fff; height: 40px; line-height: 38px; padding: 0 40px; border-radius: 19px; } .more .more-a .fa-angle-right { margin-left: 6px; } .news-pic-list { display: flex; flex-wrap: wrap; } .news-pic-list > li { width: calc((100% - 60px) / 3); margin-right: 30px; color: #282828; } .news-pic-list > li:nth-child(3n) { margin-right: 0; } .news-pic-det { margin-top: 40px; padding-bottom: 40px; } .news-pic-list > li .pic { margin-bottom: 16px; } .news-pic-list > li .info { line-height: 1.7; } footer .pt-4 { margin-bottom: 40px; } .swiper-container .swiper-prev { display: inline-block; width: 39px; height: 26px; background: url(../images/arrow-l.png) no-repeat 0 0; cursor: pointer; } .swiper-container .swiper-next { display: inline-block; width: 39px; height: 26px; background: url(../images/arrow-r.png) no-repeat 0 0; cursor: pointer; } .swiper-container .swiper-navigation { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px !important; z-index: 33; } .introduce-det { display: flex; /* background: url(../images/word.png) no-repeat 0 90px; */ } .swiper-containers .info { text-align: left; } .swiper-containers .info .tit { font-size: 24px; margin-bottom: 24px; } .swiper-containers .info .det { margin-bottom: 30px; } .swiper-containers .info .more .more-a { display: inline-block; vertical-align: top; color: #005aca; border: 2px solid #005aca; background: #fff; height: 40px; line-height: 38px; padding: 0 35px; border-radius: 19px; } .introduce-det .introduce-left { flex: 1; margin-right: 40px; padding-top: 60px; } .introduce-det .introduce-right { width: 580px; position: relative; margin-top: -40px; z-index: 333; } .introduce-det .introduce-right:before { content: ''; position: absolute; left: -620px; top: -16px; width: 1200px; height: 2px; background: #fff; } .swiper-containers { position: relative; overflow: hidden; width: 580px; padding-bottom: 20px; } .swiper-containers .swiper-pagination-clickable .swiper-pagination-bullet { display:inline-block; width: 18px; height: 18px; line-height:18px; border-radius: 50%; margin-left: 10px; background: #CCCCCC; text-align: center; color:#333; opacity: 1; } .swiper-containers .swiper-pagination-clickable .swiper-pagination-bullet-active { background: #014190; color:#fff; } .index-introduce { background: url(../images/xiebian.png) no-repeat 50% -30px; } .swiper-introduce { overflow: hidden; position: relative; } .swiper-introduce .swiper-pagination { padding-right: 10px; } .swiper-introduce .swiper-pagination .swiper-pagination-bullet { margin-left: 6px; width: 12px; height: 12px; background: #fff; border-radius: 0; opacity: 1; } .swiper-introduce .swiper-pagination .swiper-pagination-bullet-active { width: 20px; background: #014190; } .introduce-left .swiper-pagination { bottom: 16px; right: 0; } /*闄ら椤靛*/ .else-header { position: static; padding-bottom: 10px; } .else-header .navigation .nav li a { color: #282828; } .else-header .navigation .nav .dropdown-menu a:hover { background: none; color: #ffbc00; } .navigation .nav .dropdown-menu a { height: 24px; line-height: 24px; font-size: 14px; } /*鏂伴椈涓績*/ .news-banner .info { font-size: 30px; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -540px; transform: translateY(-50%); } .news .news-info { margin-bottom: 30px; } .news .news-info .mode-culture-list li .info { background: #f0f4fd; padding: 0 20px 30px; } .news-company { background: #f2f4f6; padding: 60px 0 30px; } .jobs-info{padding-top:60px;} .news-company .title { font-size: 36px; color: #282828; } .news-company .news-years { margin: 16px 0 24px; } .news-company .news-years a { display: inline-block; vertical-align: top; color: #acacac; font-size: 24px; font-family: Arial, Helvetica, sans-serif; position: relative; padding: 0 16px; } .news-company .news-years a:before { content: ''; position: absolute; right: 0; top: 6px; bottom: 6px; width: 1px; background: #acacac; } .news-company .news-years a:last-child:before { display: none; } .news-company .news-years a:hover, .news-company .news-years a.active { color: #014190; } .news-company-list { display: flex; flex-wrap: wrap; } .news-company-list > li { width: calc((100% - 60px) / 3); margin-right: 30px; color: #282828; margin-bottom: 30px; } .news-company-list > li:nth-child(3n) { margin-right: 0; } .news-company-list > li .det-cont { border: 1px solid #b0b1b2; box-shadow: 0 0 4px #bbb; display: block; transition: all 300ms linear 0ms; } .news-company-list > li .det-cont:hover { background: #065692; color: #fff; box-shadow: 0px 4px 4px rgb(0 0 0 / 10%); transform: translateY(-5px); } .news-company-list > li .det-cont .pic { overflow: hidden; height: 253px; } .news-company-list > li .det-cont .pic img { height: 100%; transition: all 500ms linear 0ms; } .news-company-list > li .det-cont:hover .pic img { transform: scale(1.1); } .news-company-list > li .det-cont:hover .date { color: #fff; } .news-company-list > li .info { padding: 20px; line-height: 24px; background: #fff; } .news-company-list > li .det-cont:hover .info { background: #065692; } .news-company-list > li .info .tit { font-size: 20px; height: 48px; line-height: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 4px; } .news-company-list > li .info .dec { font-size: 15px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-company-list > li .info .date { text-align: right; color: #999; font-size: 14px; } .news-page .page-list { margin-bottom: 20px; } .news-page .page-list > li { display: inline-block; margin-right: 20px; } .news-page .page-list > li a { font-size: 18px; display: block; color: #999; } .news-page .page-list > li a:hover { color: #0086ff; } .news-page .page-list > li.active a { color: #0086ff; font-size: 24px; } .news-page .arrow { width: 40px; height: 40px; line-height: 40px; margin-right: 6px; color: #7e7e7f; border: 1px solid #7e7e7f; border-radius: 50%; text-align: center; cursor: pointer; transition: all 300ms linear 0ms; vertical-align: middle; } .news-page .arrow:hover { border-color: #ffa21d; background: #ffa21d; color: #fff; } .news-contact { padding-top: 24px; } .news-details-info { padding-right: 200px; position: relative; } .news-details-info .detail { font-size: 16px !important; } .news-details-info .oper-cont { position: absolute; right: 0; top: 180px; } .news-details-info .oper-cont .arrow { display: inline-block; width: 40px; height: 40px; vertical-align: middle; } .news-details-info .oper-cont .prev-cont, .news-details-info .oper-cont .next-cont { display: block; cursor: pointer; margin-bottom: 10px; } .news-details-info .oper-cont:hover { color: #014190; } .news-details-info .oper-cont .prev-cont .arrow { background: url(../images/prev.gif) no-repeat 0 0; background-size: 100%; } .news-details-info .oper-cont .prev-cont:hover .arrow { background: url(../images/prev-h.gif) no-repeat 0 0; background-size: 100%; } .news-details-info .oper-cont .next-cont .arrow { background: url(../images/next.gif) no-repeat 0 0; background-size: 100%; } .news-details-info .oper-cont .next-cont:hover .arrow { background: url(../images/next-h.gif) no-repeat 0 0; background-size: 100%; } .news-details-info .oper-cont .text { display: inline-block; vertical-align: middle; } .news-details { margin-top: 30px; } .news-details-info .title { font-size: 36px; color: #000; } .news-details-info .date { padding: 10px 0 8px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #666; margin-bottom: 10px; } .news-details-info .news-source { margin-bottom: 50px; } .news-details-info .detail img { display: block; width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .news-details-info .detail p { text-indent: 2em; line-height: 1.8; margin-bottom: 16px; } .share .bshare-custom .bshare-sinaminiblog, .share .bshare-custom .bshare-weixin { background: #505050 !important; } footer .share a.weibo:hover { background: #e6162d !important; } footer .share a.weixin:hover { background: #1aad19 !important; } /*鎷涜仒*/ .jobs-main { overflow: hidden; } .jobs-main .jobs-banner { background:#A5FAFD; } .jobs-banner .det-cont { display: flex; align-items: center; } .jobs-banner .det-cont .pic { margin-right: -400px; /* margin-top: -64px; */ flex:1; } .jobs-banner .info { width: 680px; } .jobs-banner .info .title { font-size: 48px; color: #014190; } .jobs-banner .info .tit { font-size: 28px; font-weight: bold; color: #333; margin: 20px 0; } .jobs-banner .info .dec { font-size: 18px; line-height: 1.8; } .jobs-info-list > li { position: relative; margin-bottom: 60px; } .jobs-info-list > li:nth-child(odd) { padding-left: 110px; } .jobs-info-list > li:nth-child(even) { padding-right: 110px; } .jobs-info-list > li .info { width: 490px; padding: 40px; position: absolute; top: 50%; transform: translateY(-50%); background: #f8fafe; min-height:125px; } .jobs-info-list > li:nth-child(odd) .info { left: 0; } .jobs-info-list > li:nth-child(even) .info { right: 0; } .jobs-info-list > li .info .title { font-size: 36px; color: #000; } .jobs-info-list > li .info .tit { font-size: 18px; color: #000; margin: 14px 0 8px; } .jobs-employee { margin-top: 50px; } .jobs-career .title, .jobs-employee .title { text-align: center; font-size: 36px; color: #000; margin-bottom: 40px; } .jobs-employee-list { display: flex; flex-wrap: wrap; } .jobs-employee-list > li { width: calc((100% - 0px) / 2); color: #282828; cursor: pointer; overflow: hidden; position: relative; } .jobs-employee-list > li .pic { float: left; width: 50%; } .jobs-employee-list > li .info { position: relative; padding-bottom: 9999px; margin-bottom: -9999px; float: right; width: 50%; background: #7f45ce; transition: all 500ms linear 0ms; } .jobs-employee-list > li:nth-child(1) .info { background: #4e45ce; } .jobs-employee-list > li:nth-child(2) .info { background: #45afce; } .jobs-employee-list > li:nth-child(3) .info { background: #7f45ce; } .jobs-employee-list > li:nth-child(4) .info { background: #aac034; } .jobs-employee-list > li:nth-child(5) .info { background: #048ab1; } .jobs-employee-list > li:nth-child(6) .info { background: #4572ce; } .jobs-employee-list > li:hover .info { display: block; } .jobs-employee-list > li .info .det { margin-top: 30px; padding: 40px 40px 0 40px; color: #fff; } .jobs-employee-list > li .info .tit { font-size: 24px; margin-bottom: 18px; } .jobs-employee-list > li:nth-child(3) .pic, .jobs-employee-list > li:nth-child(4) .pic, .jobs-employee-list > li:nth-child(7) .pic, .jobs-employee-list > li:nth-child(8) .pic { float: right; } .jobs-employee-list > li:nth-child(3) .info, .jobs-employee-list > li:nth-child(4) .info, .jobs-employee-list > li:nth-child(7) .info, .jobs-employee-list > li:nth-child(8) .info { float: left; } .jobs-employee-list > li .info:before { content: '\f105'; font: normal normal 18px/1 FontAwesome; position: absolute; top: 30px; color: #fff; } .jobs-employee-list > li:nth-child(1) .info:before, .jobs-employee-list > li:nth-child(2) .info:before, .jobs-employee-list > li:nth-child(5) .info:before,.jobs-employee-list > li:nth-child(6) .info:before { left: 40px; transform: rotate(180deg); } .jobs-employee-list > li:nth-child(3) .info:before, .jobs-employee-list > li:nth-child(4) .info:before { right: 40px; } .jobs-all { background: #f5f5f5; } .jobs-container { display: flex; } .jobs-container .jobs-nav-list { width: 220px; margin-top: 30px; } .jobs-nav-list > li a { display: block; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #000; background: #fff; transition: all 500ms linear 0ms; } .jobs-nav-list > li a:hover, .jobs-nav-list > li.active a { background: #014190; color: #fff; } .jobs-container .jobs-cont { flex: 1; margin-left: 40px; background: #b7dde2; padding: 30px; } .jobs-container .jobs-detail { background: #eeeeee; color: #000; padding-bottom: 16px; } .jobs-container .jobs-cont .total { color: #000; margin-bottom: 16px; } .jobs-all-list > li { margin-bottom: 20px; } .jobs-all-list > li a { display: block; background: #fff; padding: 20px; border-radius: 8px; } .jobs-all-list > li .tit { font-size: 20px; color: #000; } .jobs-all-list > li .type { color: #000; margin: 14px 0; font-size: 0; } .jobs-all-list > li .type .type-s { font-size: 18px; position: relative; padding-right: 16px; margin-right: 16px; } .jobs-all-list > li .type .type-s:after { content: ''; position: absolute; right: 0; top: 3px; bottom: 3px; width: 1px; background: #000; } .jobs-all-list > li .type .type-s:last-child:after { display: none; } .jobs-all-list > li a:hover .det { color: #666; } .jobs .page-list { display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 20px; } .jobs-container .jobs-detail .title { font-size: 30px; color: #014190; margin-bottom: 24px; } .jobs-container .jobs-detail .else .deti { margin-bottom: 6px; } .jobs-container .jobs-detail .else .deti .text { font-weight: bold; } .jobs-container .jobs-detail .else .require-det .det { margin-top: 20px; line-height: 1.8; } .jobs-container .jobs-detail .re-deti-list .dec { padding-left: 10px; } .jobs-container .jobs-detail .require-det { margin-bottom: 30px; } .jobs-detail .noti { text-align: center; margin-top: 100px; } .jobs-detail .noti .text { display: inline-block; vertical-align: top; background: #014190; color: #fff; height: 30px; line-height: 30px; padding: 0 16px; border-radius: 10px; } /*閫氬嚱鍙婂叕鍛?/ .notice-item { margin-top: 40px; } .notice-item .main-info { padding: 0 160px; } .notice-item .page { margin-top: 40px; text-align: left; } .notice-item .title { font-size: 30px; margin-bottom: 30px; } .notice-nav-list { font-size: 0; } .notice-nav-list > li { display: inline-block; vertical-align: top; margin-right: 4px; } .notice-nav-list > li a { height: 50px; line-height: 50px; background: #e1e1e1; width: 170px; display: block; color: #999; font-size: 18px; text-align: center; } .notice-nav-list > li.active a { background: #ffa800; color: #fff; } .notice-item .main-info .down-list { border-top: 0 none; } .down-list li a .date { margin-right: 80px; } /*鍏叡妯℃澘*/ .template-info-cont { padding: 80px; } .template-list > li { padding-left: 70px; background: url(../images/round.png) no-repeat 0 0; position: relative; color: #333; font-size: 16px; padding-bottom: 30px; } .template-list > li:after { content: ''; position: absolute; border-left: 2px dashed #2f425d; left: 20px; top: 46px; bottom: 6px; } .template-list > li:last-child:after { display: none; } .template-list > li .tit { font-size: 24px; color: #000; margin-bottom: 20px; padding-top: 6px; } .temp-list > li { padding-left: 12px; position: relative; line-height: 1.6; } .temp-list > li:before { content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; font-size: 0; border-radius: 50%; background: #333; } .template-info-cont > .title{margin-bottom:30px;} /*姒傚喌*/ .surveys-nav { background: #f0f4fd; font-size: 16px; color: #000; } .surveys-nav .surveys-nav-cont { position: relative; padding-left: 190px; } .surveys-nav .title { position: absolute; left: -20px; top: 0; font-size: 16px; display: inline-block; background: url(../images/survey-tit.png) no-repeat 0 0; width: 189px; height: 82px; padding-left: 20px; line-height: 50px; } .surveys-nav .surveys-nav-cont { display: flex; align-items: center; } .surveys-nav .surveys-nav-list > li { display: inline-block; margin-right: 40px; } .surveys-nav .surveys-nav-list > li a { color: #000; display: block; height: 50px; line-height: 50px; position: relative; } .surveys-nav .surveys-nav-list > li.active a:before { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #014190; } .introdu-det { margin: 0 65px; } .introdu-det .title, .surveys-team .title, .investment-introduce .title { font-size: 36px; color: #000; text-align: center; line-height: 1.5; padding: 20px 0; } .introdu-det .info { display: flex; background: #f3f7fd; align-items: center; padding: 10px; font-size: 18px; } .introdu-det .info .tit { width: 460px; text-align: center; font-size: 30px; color: #000; } .introdu-det .info .det { flex: 1; position: relative; padding: 40px 20px 40px 40px; } .introdu-det .info .det:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #b1afaf; } .introdu-det .info .name { font-size: 30px; color: #000; /**margin-bottom: 20px; */ } .introduce-banner { position: relative; margin-top: 40px; } .introduce-banner .container { color: #fff; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); } .introduce-banner .container .info { padding: 30px; width: 850px; } .introduce-banner .container .info p { text-indent: 2em; margin-bottom: 12px; } .surveys-team { background: #f8fafe; } .surveys-team-list { display: flex; flex-wrap: wrap; } .surveys-team-list > li { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; color: #000; } .surveys-team-list > li:nth-child(4n) { margin-right: 0; } .surveys-team-list > li .det { display: flex; align-items: flex-end; } .surveys-team-list > li .det .pic { width: 154px; } .surveys-team-list > li .det .name { font-size: 18px; color: #014190; flex: 1; margin-right: 4px; } .surveys-team-list > li .position { padding-right: 50px; position: relative; margin-top: 8px; } .surveys-team-list > li .position:after { content: ''; width: 43px; height: 22px; background: #ffc632; position: absolute; right: 0; top: 0; } .team-cont .item .tit { font-size: 24px; color: #000; margin-bottom: 30px; } .surveys-company-list li { overflow: hidden; position: relative; } .surveys-company-list li .info { width: 50%; float: left; padding: 100px 40px 0 40px; height: 100%; } .surveys-company-list li .info:after { content: '\f067'; position: absolute; font: normal normal 30px/1 FontAwesome; font-weight: lighter; font-size: 30px; bottom: 40px; color: #ffc632; display:none; } .surveys-company-list li .more{ position: absolute; font-size: 30px; bottom: 40px; width:24px; height:30px; } .surveys-company-list li .more:before{ content: '\f067'; font: normal normal 30px/1 FontAwesome; color:#333; } .surveys-company-list li .more:hover:before{ color: #ffc632; } .surveys-company-list li:nth-child(odd) .info:after ,.surveys-company-list li:nth-child(odd) .more{ left: 40px; } .surveys-company-list li:nth-child(even) .info:after,.surveys-company-list li:nth-child(even) .more { right: 40px; } .surveys-company-list li .pic { width: 50%; float: right; } .surveys-company-list li:nth-child(even) .info { float: right; } .surveys-company-list li:nth-child(even) .pic { float: left; } .surveys-company-list li .info .tit { font-size: 36px; text-align: center; color: #000; margin-bottom: 20px; } .surveys-abroad { margin-top: 40px; position: relative; } .surveys-abroad .container { color: #fff; position: absolute; bottom: 60px; left: 50%; padding: 0 40px; transform: translateX(-50%); } .surveys-abroad .info p { position: relative; text-indent: 16px; line-height: 1.8; } .surveys-abroad .info p:before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background: #fff; } .investment-introduce .container .info p { text-indent: 0; } .investment-introduce .container .info p:last-child { padding-left: 84px; } .investment-introduce .introduce-banner { margin-top: 0; } .investment-notice-list { display: flex; flex-wrap: wrap; } .investment-notice-list > li { width: calc((100% - 30px) / 2); margin-right: 30px; } .investment-notice-list > li:nth-child(2n) { margin-right: 0; } .investment-notice-det { padding: 0 30px; } .investment-notice-list > li .notice-det { border: 1px solid #4f4f4f; padding: 20px; background: #fff; } .investment .surveys-team { background: #fff; } .investment-notice { background: #f8fafe; padding: 40px 0; } .notice-det > .tit { display: flex; margin-bottom: 30px; } .notice-det > .tit .text { flex: 1; font-weight: bold; } .notice-det > .tit .more .fa-angle-right { margin-left: 4px; } .investment-notice .tit { font-size: 16px; color: #000; } .investment-notice-list > li a { color: #000; } .investment-report-list > li { margin-bottom: 30px; } .investment-report-list > li:last-child { margin-bottom: 0; } .investment-report-list > li a .tit { font-size: 18px; margin-bottom: 6px; line-height: 1.5; } .investment-notice-also .investment-report-list > li a .tit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .investment-report-list > li a:hover .tit { color: #014190; } .investment-report-list > li a { display: flex; } .investment-report-list > li .inv-down { display: none; width: 46px; height: 35px; background: url(../images/down.png) no-repeat right 0; } .investment-report-list > li a:hover .inv-down { display: block; } .investment-report-list > li .det { width: 464px; } .notice-det .address-det { color: #000; } .notice-det .address-det p { margin-bottom: 6px; } .notice-det .address-det p .text { font-weight: bold; } .investment-notice-line .notice-det { min-height: 310px; } .shares-table { width: 100%; table-layout: fixed; font-size: 12px; } .shares-table .blue { color: #014190; font-size: 16px; } .shares-table .red { color: #f00; } /*闈㈠寘灞?/ .bread { background: #f0f4fd; padding: 12px 0; position: relative; } .has-title { padding-left: 240px; } .bread-list { padding: 0; margin: 0; } .has-title .bread-list { position: absolute; bottom: 24px; right: 0; } .bread-list li { display: inline-block; font-size: 14px; margin-right: 8px; } .bread-list li a { color: #232323; } .bread-list li a:after { content: '\f105'; display: inline-block; font: normal normal 14px/1 FontAwesome; height: 10px; margin-left: 8px; } .bread-list li .text { color: #ffbc00; } .bread .title { font-size: 22px; border-bottom: 1px solid #dcdcdc; } .bread .title .text { display: inline-block; line-height: 40px; border-bottom: 2px solid #ffbc00; position: relative; top: 1px; vertical-align: top; } /*鍒嗛〉*/ .main-info .page { text-align: right; margin-top: 70px; } .page { font-size: 0; } .page .p-left { font-size: 14px; font-family: Arial; display: inline-block; vertical-align: top; line-height: 26px; height: 26px; border: 1px solid #002b56; width: 26px; text-align: center; border-radius: 2px; cursor: pointer; } .page .p-right { font-size: 14px; font-family: Arial; display: inline-block; vertical-align: top; line-height: 26px; height: 26px; border: 1px solid #002b56; width: 26px; text-align: center; border-radius: 2px; cursor: pointer; } .page .page-list li.active a { color: #fff; } .page .page-list { display: inline-block; vertical-align: top; margin: 0 10px; } .page .page-list li { font-size: 14px; display: inline-block; vertical-align: top; width: 26px; height: 26px; line-height: 24px; text-align: center; border: 1px solid #002b56; color: #002b56; margin-right: 4px; border-radius: 2px; } .page .page-list li:last-child { margin-right: 0; } .page .page-list li a { display: block; height: 100%; } .page .page-list li.active { background-color: #002b56; } .page .page-list li.active span { color: #fff; } /*鏂伴椈涓績*/ .main-info .new-item { margin-bottom: 40px; } .new-item .tit { font-size: 24px; color: #b4b4b4; font-weight: bold; margin-bottom: 20px; } .news-list li { padding: 4px 0; } .news-list li > a { display: flex; } .news-list li > a .date { color: #505050; margin-right: 6px; } .news-list li > a .date:after { display: inline-block; content: ''; height: 12px; border-right: 1px solid #505050; margin-left: 8px; } .news-list li > a .text { flex: 1; color: #0762bc; } .new-top { border-bottom: 1px solid #002b56; min-height: 100px; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; } .new-top .pic { float: right; width: 178px; } .new-top .pic img { width: 100%; vertical-align: top; } .new-top .info { margin-right: 236px; } .new-top .title { font-size: 24px; } .new-top .title > a { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; color: #0762bc; font-weight: bold; } .new-top .title .date { color: #505050; margin-right: 10px; } .new-top .title .date:after { display: inline-block; content: ''; height: 18px; border-right: 2px solid #505050; margin-left: 10px; vertical-align: -1px; } .new-top .dec { font-size: 12px; line-height: 24px; } .new-top .more { text-align: right; color: #a7a7a7; font-size: 14px; } .new-top .more a { color: #002b56; } .newsinfo-det { line-height: 32px; padding-bottom: 20px; font-size: 18px; } .newsinfo-det img { width: 600px; vertical-align: top; } .newsinfo-det .title { font-size: 38px; font-weight: bold; color: #2f425d; margin-bottom: 20px; line-height: 57px; } .newsinfo-det .from { margin-bottom: 25px; color: #a7a7a7; font-size: 14px; } .newsinfo-det .pic { margin-bottom: 30px; } .newsinfo-det .pic img { width: 100%; } .main-info .date-list { margin-bottom: 20px; } .date-list li { display: inline-block; vertical-align: top; margin-right: 10px; } .date-list li:after { display: inline-block; content: ''; height: 12px; border-right: 1px solid #505050; margin-left: 10px; vertical-align: -1px; } .date-list li.active a { color: #ffbc00; } .perio { overflow: hidden; } .perio .perio-list { margin-right: -24px; padding-top: 8px; } .perio .perio-list li { width: 33.33%; float: left; margin-bottom: 24px; } .perio .perio-list li .perio-c { padding-right: 24px; } .perio .perio-list li .pic { position: relative; padding-right: 8px; } .perio .perio-list li .pic:after { content: ''; position: absolute; background-color: #ffbc00; top: -8px; left: 8px; bottom: 16px; right: 0; z-index: -1; } .perio .perio-list li img { width: 100%; } .perio-list li .info { display: flex; align-items: center; padding: 10px 0; } .perio-list li .info .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; line-height: 30px; margin-right: 4px; } .perio-list li .info .down a { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #505050; background: url(../images/icon/downico.png) no-repeat 10px 50% #fdbb01; padding: 0 16px 0 46px; } /*闆嗗洟姒傚喌*/ .vision .tit { font-size: 30px; color: #2f425d; font-weight: bold; text-align: center; margin-bottom: 40px; } .course-det { position: relative; } .course-det:before { position: absolute; left: 50%; top: 20px; border-left: 2px dashed #2f425d; height: 100px; content: ' '; transform: translateX(-50%); } .course-nav { background-color: #ebecee; border-radius: 10px; position: relative; } .course-nav .course-nav-list { overflow: hidden; font-size: 0; padding: 20px 10px 40px; position: relative; } .course-nav .course-nav-list:after { content: ''; position: absolute; left: 10px; right: 10px; bottom: 22px; border-bottom: 6px solid #fff; border-radius: 3px; } .course-nav .course-nav-list li { display: inline-block; width: 20%; text-align: center; font-size: 24px; color: #fff; vertical-align: bottom; position: relative; } .course-nav .course-nav-list li a { color: #fff; } .course-nav .course-nav-list li:after { content: ''; position: absolute; bottom: -30px; left: 50%; width: 30px; height: 30px; background: url(../images/icon/round.png) no-repeat 50% 50%; margin-left: -15px; z-index: 33; } .course-nav .course-nav-list .active:after { background: url(../images/icon/round-s.png) no-repeat 50% 50%; } .course-nav .course-nav-list .active a { color: #ffbc00; font-size: 48px; } .course-nav .course-nav-list li a:hover { color: #ffbc00; } .course-nav .course-left { position: absolute; left: 10px; bottom: 44px; width: 32px; height: 32px; background: url(../images/icon/arrow-left.png) no-repeat 50% 50%; cursor: pointer; z-index: 34; } .course-nav .course-right { position: absolute; right: 10px; bottom: 44px; width: 32px; height: 32px; background: url(../images/icon/arrow-right.png) no-repeat 50% 50%; cursor: pointer; z-index: 34; } .course-det .course-det-list { padding-top: 50px; padding-bottom: 80px; } .course-det-list > li { padding: 0; position: relative; } .course-det-list > li:before { position: absolute; left: 50%; border-left: 2px dashed #2f425d; height: 100%; content: ' '; transform: translateX(-50%); } .course-det-list > li:after { position: absolute; left: 50%; top: 20px; content: ''; width: 54px; height: 54px; background: url(../images/icon/round-m.png) no-repeat 50% 50% #fff; transform: translateX(-50%); } .course-det-list > li > .course-c { display: inline-block; width: 50%; position: relative; vertical-align: top; text-align: right; padding-right: 60px; padding-top: 8px; } .course-det-list > li > .course-c .time { color: #999; margin: 3px 0; } .course-det-list > li:nth-child(even) { text-align: right; } .course-det-list > li:nth-child(even) > .course-c { text-align: left; padding-right: 0; padding-left: 60px; } .course-det-list > li > .course-c .dec { text-align: left; line-height: 24px; } .course-det-list > li > .course-c .date { font-size: 24px; color: #2f425d; font-weight: bold; } .course-det-list > li > .course-c:after { content: ''; position: absolute; top: 20px; width: 14px; height: 5px; background-color: #ffbc00; } .course-det-list > li:nth-child(even) .course-c:after { left: 27px; } .course-det-list > li:nth-child(odd) .course-c:after { right: 27px; } .course-det-list > li:nth-child(even) .course-c { padding-top: 4px; } .course-det-list > li > .course-c .pic { display: inline-block; vertical-align: top; padding: 9px 9px 0 0; position: relative; } .course-det-list > li > .course-c .pic:after { content: ''; position: absolute; background-color: #ffbc00; top: 0; left: 8px; bottom: 16px; right: 0; z-index: -1; } .course-det-list > li:last-child:before { height: 30%; } .gl-list { overflow: hidden; } .gl-list > li { float: left; margin-right: 10px; } .gl-list > li a { display: block; background: #ebecee; height: 36px; line-height: 36px; padding: 0 16px; min-width: 80px; font-size: 16px; text-align: center; color: #505050; } .gl-list > li.active a, .gl-list > li a:hover { color: #fff; background-color: #ffbc00; } .com-global .det { padding: 20px 0; } .com-cuntr { border-top: 2px solid #ffbc00; padding-top: 10px; } .com-cuntr .com-det { overflow: hidden; } .com-det .com-det-list { font-size: 0; margin-right: -32px; } .com-det .com-det-list li { font-size: 14px; display: inline-block; vertical-align: top; width: 33.33%; margin-bottom: 16px; } .com-det .com-det-list .com-det-c { padding-right: 32px; } .com-det .com-det-list li .com-det-c .tit a { display: block; height: 40px; line-height: 40px; background-color: #ebecee; font-size: 14px; color: #505050; padding: 0 10px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .com-det .com-det-list li .com-det-c .tit a:before { content: ''; display: inline-block; width: 6px; height: 6px; background-color: #505050; border-radius: 50%; vertical-align: middle; margin-right: 4px; } .com-det .com-det-list li .com-det-c .tit a:hover { background-color: #ffbc00; } .com-det .com-det-list li .dec { padding-top: 14px; } .com-cuntr .date-list li:last-child:after { border-right: 0; } .gl-list .det .tit { font-size: 14px; color: #262626; margin-bottom: 20px; } .gl-list .det .pic { margin-bottom: 20px; } .gl-list .det .pic img { width: 100%; vertical-align: top; } .gl-list .det img { max-width: 100%; } .technology-list > li { overflow: hidden; margin-bottom: 30px; } .technology-list > li .pic { float: left; padding: 10px 10px 0 0; width: 390px; position: relative; } .technology-list > li .pic img { width: 100%; vertical-align: top; } .technology-list > li .pic:after { content: ''; position: absolute; right: 0; top: 0; left: 10px; bottom: 16px; background-color: #ffbc00; z-index: -2; } .technology-list > li .info { margin-left: 420px; padding-top: 60px; } .technology-list > li .info .tit a { display: inline-block; font-size: 18px; color: #2f425d; font-weight: bold; border-bottom: 2px solid #ffbc00; line-height: 40px; height: 40px; position: relative; vertical-align: top; min-width: 180px; max-width: 100%; } .technology-list > li .info .tit a:before { content: ''; position: absolute; left: 0; top: -18px; width: 19px; height: 16px; background-color: #2f425d; } .technology-list > li .info .dec { padding-top: 16px; } .technology-list > li:nth-child(even) .pic { float: right; } .technology-list > li:nth-child(even) .info { margin-left: 0; margin-right: 420px; } .tech-item .det .pic { float: right; padding-left: 16px; padding-bottom: 16px; } .tech-item .det .titl { text-align: right; font-size: 16px; font-weight: bold; padding-top: 8px; } .tech-item .tit { font-size: 16px; font-weight: bold; margin-bottom: 30px; } .tech-item-list > li { float: left; width: 50%; margin-top: 20px; } .tech-item-list > li .item { padding-right: 20px; } .tech-item-list > li .info { line-height: 40px; height: 40px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tech-item-list > li img { width: 100%; } .tech-item-list > li:nth-child(even) { float: right; } .tech-item-list > li:nth-child(even) .item { padding-left: 20px; padding-right: 0; } .director-list > li { border-bottom: 1px dashed #bbb; overflow: hidden; padding-bottom: 16px; margin-bottom: 16px; } .director-list > li .pic { float: left; width: 216px; } .director-list > li .pic img { width: 100%; vertical-align: top; } .director-list > li .info { margin-left: 250px; } .director-list > li .info .tit { font-size: 24px; color: #2f425d; font-weight: bold; margin-bottom: 16px; } .director-list > li .info .tit .ps { color: #050505; font-weight: lighter; font-size: 14px; } .director-list > li .info p { margin-bottom: 8px; } .honor .title { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; } .honor-tab-nav .honor-nav-list { overflow: hidden; } .honor-nav-list > li { float: left; width: 50%; cursor: pointer; height: 36px; line-height: 36px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 300ms linear 0ms; } .honor-nav-list > .active, .honor-nav-list > li:hover { background-color: #ebecee; } .honor-tab-cont { padding-top: 50px; } .honor-tab-cont .honor-tab-det { display: none; } .honor-tab-cont .active { display: block; } .honor-tab-det .tit { font-size: 16px; font-weight: bold; margin-bottom: 16px; } .honor-table { width: 100%; table-layout: fixed; } .honor-table th { font-size: 16px; font-weight: bold; height: 36px; background-color: #ebecee; text-align: center; border-right: 1px solid #fff; } .honor-table td { width: 33.33%; height: 36px; padding: 0 20px; border-bottom: 1px solid #dcdcdc; } /*浜烘墠鎷涜仒*/ .recruit { background: url(../images/banner/banner1.jpg) no-repeat 50% 50%; height: 530px; position: relative; } .recruit .navigation .nav .active { background-color: #ffbc00; color: #fff; } .recruit .navigation .nav .active a { color: #fff; } .recruit-search { position: absolute; left: 0; right: 0; bottom: 140px; } .recruit-search .container { text-align: right; } .search-c { display: inline-block; background-color: #ffbc00; padding: 8px; box-shadow: 15px 15px 15px rgba(111, 111, 111, 0.3); } .pub-sel { height: 40px; line-height: 40px; border: 1px solid #000; font-size: 14px; padding: 0 20px; } .search-c .pub-sel { min-width: 200px; vertical-align: middle; } .search-c .like-submit { display: inline-block; width: 30px; height: 30px; background: url(../images/icon/searchico.png) no-repeat 50% 50%; vertical-align: middle; cursor: pointer; margin: 0 10px 0 16px; } .my-recruit { background: url(../images/banner/banner2.jpg) no-repeat 50% 50%; height: 649px; margin-top: -106px; text-align: right; } .my-recruit-det { width: 850px; display: inline-block; vertical-align: top; margin-top: 200px; padding-right: 14px; padding-bottom: 14px; text-align: left; position: relative; } .my-recruit-det:after { content: ''; position: absolute; left: 14px; right: 0; top: 16px; bottom: 0; background-color: #ffbc00; z-index: -2; box-shadow: 15px 15px 15px rgba(111, 111, 111, 0.3); } .my-recruit-det ul { list-style-type: none; } .my-recruit-det .date { font-size: 36px; color: #ffbc00; } .my-recruit-det .title { color: #2f425d; font-size: 48px; font-style: italic; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 30px; } .my-recruit-det .title:after { content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 2px solid #ffbc00; width: 40%; } .my-recruit-det .dec { font-size: 14px; padding-bottom: 70px; } .my-recruit-det .recruit-det { padding: 40px 30px 16px 50px; background: url(../images/icon/noticeico.png) no-repeat 720px 20px #fff; } .my-recruit-det .det { font-size: 18px; color: #8e8e8e; font-weight: bold; height: 86px; line-height: 86px; background-color: #eaecee; padding: 0 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .my-recruit-det .plany { font-size: 0; } .my-recruit-det .plany li { display: inline-block; font-size: 30px; color: #2f425d; font-weight: bold; vertical-align: top; width: 47%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .my-recruit-det .plany li a { display: block; background: url(../images/icon/pfdico.png) no-repeat 0 50%; padding-left: 40px; } .recruit-info { background-color: #ffbc00; position: relative; } .recruit-info .recruit-info-det { height: 530px; position: relative; background: url(../images/icon/clockico.png) no-repeat 98% 80px; padding-left: 40px; } .recruit-info .recruit-info-det .recruit-per { background: url(../images/banner/recruit-per.png) no-repeat 0 0; width: 413px; height: 779px; position: absolute; bottom: 0; left: -20px; } .recruit-info .recruit-flow { position: absolute; right: 0; left: 50%; margin-left: -260px; padding-left: 120px; bottom: 83px; background-color: #2f425d; height: 260px; box-shadow: 15px 15px 15px rgba(111, 111, 111, 0.4); } .recruit-flow .tit { font-size: 24px; color: #ffbc00; margin: 10px 0 30px; } .society-search { text-align: right; padding: 50px 0; } .society-table { width: 100%; text-align: center; } .society-table th { background-color: #eaecee; height: 34px; font-size: 16px; font-weight: bold; text-align: center; } .society-table td { height: 34px; } .society-table td a:hover { text-decoration: underline; } .main-box .society-cont { margin-top: 0; } .society-cont { border-top: 34px solid #ffbc00; margin-top: 55px; } .society-cont .society-det { margin-top: -34px; } .society-table tr:hover { background-color: #eaecee; } .society-cont .page { text-align: right; margin-top: 50px; } .rec-det { font-size: 12px; position: relative; } .rec-det .title { font-size: 24px; color: #2f425d; font-weight: bold; margin-bottom: 60px; } .rec-det .rec-item { margin-top: 40px; } .rec-item .tit { font-size: 16px; color: #2f425d; font-weight: bold; } .rec-det .else .text { display: inline-block; height: 30px; line-height: 30px; vertical-align: top; background-color: #ffbc00; color: #fff; padding: 0 16px; } .rec-det .weixin { position: absolute; left: -240px; bottom: 0; text-align: center; } .occup .pic { text-align: center; } .occup .pic img { max-width: 100%; vertical-align: top; } .recruit-address .tit { padding: 0 10px; line-height: 40px; font-size: 14px; color: #505050; } .row.navigation { margin: 0; } .navigation .col-sm-8 { padding-right: 0; } .navigation .nav { float: right; } .not-index.inner-header .navigation .nav > li > a { color: #333; } .not-index.inner-header .navigation .nav > li > a:hover { color: #ffbc00; } .jobs-main .not-index.inner-header { position: absolute; padding-bottom: 0; } .jobs, .news, .notices, .public-template, .surveys { padding-top: 64px; } /*鍏憡寮圭獥*/ .dialog-box{ display:none; position: fixed;z-index:99999; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,.7); padding:20px; } .dialog-box .public-dialog{background:#fff;padding:10px;width:700px;margin:0 auto;} .dialog-box .public-dialog .tit{display:flex;padding:6px 0;border-bottom:1px solid #dcdcdc;} .dialog-box .public-dialog .tit .text{flex:1;font-weight: bold;} .dialog-box .public-dialog .ico-close{display:block;cursor:pointer;width:20px;height:20px;line-height:18px;text-align:center;color:#333;border:1px solid #333;border-radius:50%;} .dialog-box .dialog-cont{padding:16px 0;max-height:70vh;overflow:auto;} .dialog-cont img{vertical-align: top;max-width:100%;} .dialog-cont .character-info .name{color:#014190;font-size:22px;margin-bottom:6px;} .dialog-cont .character-det{margin-top:16px;padding-left:20px;flex:1;} .dialog-cont .character-det .dists{color:#000;font-size:14px;} .dialog-cont .character-det .det{font-size:12px;margin-top:60px;padding:16px 0 0;line-height: 1.8;border-top:1px solid #eee;} .dialog-cont .character-info{display:flex;} .character-info .character-img{width:160px;} .character-info .character-img img{width:100%;vertical-align: top;} @media (max-width: 768px) { .search-c .pub-sel { width: 150px; } } @media (min-width: 1200px) { .container { width: 1200px; } } @media (min-width: 992px) { .container { width: 1200px; } } @media (min-width: 768px) { .container { width: 1200px; } } @media (max-width: 1366px) { .introduce-banner .container .info { width: 800px; } } /*鑻辨枃鐗?/ .forenl .navigation .nav .dropdown-menu { float: none; } .forenl .navigation .nav .dropdown-menu a { white-space: nowrap; padding: 0 4px; width: auto; text-align: left; font-size: 14px; } .forenl .menu-list > li > a { font-size: 14px; } .forenl .main-box .main-left { width: 220px; } .forenl .motivation .item { padding: 22px 4% 31px; } .forenl .motivation .item h4 { font-size: 22px; } .forenl .motivation .item p { margin: 5px 0 0 0; } .forenl .list-unstyled a { font-size: 12px; } .for-en .inner-header .navigation .nav li a{white-space: nowrap;} .for-en .surveys-nav .surveys-nav-list > li{margin-right:8px;} .for-en .surveys-nav .surveys-nav-list > li a{font-size:13px;white-space: nowrap;} .introduce-banner .container .info{max-height:100%;overflow:auto;} .for-en .investment-notice-line .notice-det{min-height:340px;} .for-en .mode-news-list > li .tit{font-size:16px;margin-bottom:10px;}