body { min-width: 1200px; font-size: 12px; background-color: #f8f8f8;}

.container{ position: relative; width: 1200px; margin: 0 auto;}





/* 导航 */

.navbar{ position: absolute; top: 50px; left: 50%; z-index: 10; width: 1200px; height: 75px; padding: 10px 20px; margin-left: -600px; background-color: #fff; border-radius: 0 15px 0 15px;}

.navbar-header { float: left; width: 265px; height: 55px;}

.navbar-header img { display: block;}

.navbar-collapse { float: right;}

.navbar-nav { float: right; padding-top: 12px;}

.navbar-nav li { float: left;}

.navbar-nav li a { display: block; font-size: 16px; color: #2e2e2e; padding: 0 17px; height: 30px; line-height: 30px; border-radius: 30px; overflow: hidden;}

.navbar-nav li.active a, .navbar-nav li a:hover { background-color: #111d8d; color: #fff;}



/* banner */

.banner-container{ height: 600px; overflow: hidden;}

.banner-container a{ display: block; height: 600px; background-position: 50%; background-repeat: no-repeat;}

.banner-container .swiper-pagination { bottom: 30px; font-size: 0; padding: 10px 0;}

.swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #fff; opacity: 1; border-radius: 100%;}

.swiper-pagination-bullet-active{ opacity: 1; background-color: #15208a;}





/* 底部导航 */

.footer { padding: 55px 0 70px; background-color: #0e1666;}

.footer-left { float: left; width: 1000px;}

.footer-nav { font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 15px;}

.footer-nav a { color: #fff; margin: 0 15px;}

.footer-nav a:first-child { margin-left: 0;}

.footer-nav a:last-child { margin-right: 0;}

.footer-detail { font-size: 14px; color: #fff; line-height: 25px; opacity: 0.6;}

.footer-qrcode { float: right; width: 150px; text-align: center;}

.footer-qrcode .qrcode { width: 120px; height: 120px; margin: 0 auto 10px;}

.footer-qrcode p { font-size: 14px; color: #0566b2; line-height: 20px;}







/* module-1 */

.module-1 { padding: 40px 0; background-color: #fff;}

.index-recommend { float: left; width: 595px;}

.index-recommend a { display: block;}

.index-recommend .pic { height: 350px; width: 100%; overflow: hidden;}

.index-recommend .pic img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.index-recommend .detail { padding: 20px 20px 0;}

.index-recommend .detail h3 { font-size: 18px; color: #26262e; ;line-height: 24px;/* height: 48px; */overflow: hidden; margin-bottom: 8px;}

.index-recommend .detail p { font-size: 14px; color: #616370; line-height: 22px; margin-bottom: 15px;}

.index-recommend .detail .arrow { display: block; width: 22px; height: 22px; background: url("../images/icon-arrow.png") no-repeat 0 0;}

.index-recommend a:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.index-recommend a:hover .detail h3 { color: #0e1666;}



.index-news { float: right; width: 565px;}

.index-news .tab-menu { margin-bottom: 20px;}

.index-news .tab-menu span a { display: inline-block; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #26262e; border-radius: 0 15px 0 15px; background-color: #e4e4ea; overflow: hidden; margin-right: 10px; cursor: pointer;}

.index-news .tab-menu span.active a { color: #fff; background-color: #111d8d;}

.index-news .list {}

.index-news .list li { background: url("../images/icon-dashed.png") repeat-x 0 100%;}

.index-news .list li a { display: block; font-size: 14px; color: #616370; line-height: 34px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.index-news .list li a span { margin-right: 10px;}

.index-news .list li a:hover { color: #0e1666;}



/* module-2 */

.index-module-title { font-size: 14px; color: #adadad; line-height: 30px; padding: 35px 0 20px;}

.index-module-title strong { font-size: 18px; color: #26262e;}

.index-module-title strong span { color: #111d8d;}

.module-2 { padding-bottom: 40px;}

.index-gcyj { float: left; width: 788px;}

.index-gcyj .list {}

.index-gcyj .list li { float: left; width: 260px; height: 165px; overflow: hidden; margin: 0 2px 4px 0;}

.index-gcyj .list li:last-child { margin-right: 0;}

.index-gcyj .list a { display: block; width: 100%; height: 100%; position: relative;}

.index-gcyj .list .pic { width: 100%; height: 100%; overflow: hidden;}

.index-gcyj .list .pic img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.index-gcyj .list .detail { position: absolute; left: 0; right: 0; top: 125px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(46, 59, 181, 0.6); font-size: 12px; color: #fff; padding: 0 8px;}

.index-gcyj .list .detail p { line-height: 18px; max-width: 210px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.index-gcyj .list a:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.index-gcyj .list li.two { width: 522px; margin-right: 0;}

.index-gcyj .list li.two a { padding-left: 264px;}

.index-gcyj .list li.two .detail { top: 0; height: 100%; width: 260px; background-color: #d91f1f; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.index-gcyj .list li.two .detail p { font-size: 16px; line-height: 24px; max-height: 72px; white-space: normal; text-overflow: inherit; margin: 5px;}







.index-dxgc { float: right; width: 408px; height: 590px; padding-top: 87px; overflow: hidden;}

.index-dxgc .index-module-title { display: none;}

.index-dxgc .pic { overflow: hidden;}

.index-dxgc .pic img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.index-dxgc .pic a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}



/* 友情链接 */

.index-links {}

.index-links .list li { float: left; width: 180px; height: 70px; margin-right: 24px;}

.index-links .list li:last-child { margin-right: 0;}

.index-links .list li a { display: block; border: 1px solid #ebebeb;}

.index-links .list li a:hover { border-color: #cdcddb;}







/* page-banner */

.page-banner-container {}

.page-banner-container .page-banner-wrapper { height: 500px; text-align: center;}



/* 内页框架 */

.page-main { position: relative; padding: 40px 0 60px;}

.page-main .container { background-color: #161e68;}

.page-menu { float: left; width: 280px; height: 100%; color: #fff; text-align: center;}

.menu-title { height: 100px; line-height: 100px; font-size: 26px; color: #fff; background-color: #111d8d;}

.menu-title span { display: inline-block; padding-right: 15px; background: url("../images/icon-sj.png") no-repeat 100% 50%;}

.menu-wrapper li { border-bottom: 1px solid #525359;}

.menu-wrapper li a { display: block; font-size: 22px; color: #fff; line-height: 30px; padding: 32px 15px;}

.menu-wrapper li a span { display: inline-block; padding-right: 15px;}

.menu-wrapper li.active a, .menu-wrapper li a:hover { background-color: #22a7eb;}

.menu-wrapper li.active a span, .menu-wrapper li a:hover span { background: url("../images/icon-arrow-2.png") no-repeat 100% 50%;}



.page-container { float: right; width: 920px; padding: 25px 50px 50px; background-color: #fff; min-height: 500px;}

.page-content-title { font-size: 26px; color: #000; line-height: 40px; font-weight: 400; margin-bottom: 20px;}

.edit-container { font-size: 14px; color: #515159; line-height: 26px;}

.edit-container p { margin-bottom: 10px;}





/* 资质证书列表、新闻列表 */

.lists-container { min-height: 500px;}

.lists-container li { border-bottom: 1px solid #f2f2f2;}

.lists-container li a { display: block; overflow: hidden; height: 70px; line-height: 69px; font-size: 16px; color: #666;}

.lists-container li a span { float: left; width: 570px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.lists-container li a em { font-style: normal; float: right; width: 120px;}

.lists-container li a em::after { content: '>'; float: right;}

.lists-container li a:hover { color: #0e1666;}





/* 分页 */

.pagination { padding: 30px 0; font-size: 14px; line-height: 34px; color: #313131; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.pagination a, .pagination span { display: inline-block; width: 34px; height: 34px; border: 1px solid #d8d8d8; font-size: 12px; color: #313131; line-height: 32px;}

.pagination a:hover, .pagination span { color: #fff; background-color: #111d8d; border-color: #111d8d;}

.pagination input[type='text'] { width: 50px; height: 22px; font-size: 12px; color: #313131; line-height: 20px; text-align: center; border: 1px solid #d8d8d8;}

.pagination input[type='submit'] { width: 50px; height: 25px; font-size: 12px; color: #fff; line-height: 25px; border: 0; background-color: #111d8d; cursor: pointer;}





/* 详情 标题 */

.detail-title { padding-bottom: 30px;}

.detail-title h2 { font-size: 20px; color: #222; line-height: 30px; margin-bottom: 5px;}

.detail-title p { font-size: 14px; color: #6b6b74; line-height: 20px;}

.detail-title p span { margin-right: 15px;}





/* 工程业绩列表 */

.project-list {}

.project-list li { float: left; width: 400px; height: 254px; overflow: hidden; margin: 0 20px 20px 0;}

.project-list li:nth-of-type(2n) { margin-right: 0;}

.project-list a { display: block; width: 100%; height: 100%; position: relative;}

.project-list .pic { width: 100%; height: 100%; overflow: hidden;}

.project-list .pic img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

.project-list .detail { position: absolute; left: 0; right: 0; top: 200px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(38, 39, 44, 0.9); font-size: 16px; color: #fff; padding: 0 20px;}

.project-list .detail p { line-height: 18px; max-width: 310px; max-height: 90px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.project-list a:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}





/* 人才招聘 */

.join-container { font-size: 14px; color: #1e1e22;}

.join-container .join-header { font-size: 16px; border-bottom: 1px solid #8c8d95; overflow: hidden;}

.join-container .label { float: left; width: 18%; height: 50px; line-height: 50px;}

.join-container .label:last-child { width: 10%;}

.join-container .label .icon { display: inline-block; width: 11px; height: 6px; background: url("../images/icon-arrow-3.png") no-repeat 0 0; margin-left: 5px; vertical-align: middle;}

.join-container .item { border-bottom: 1px solid #e8e8ea;}

.join-container .join-content{ overflow: hidden;}

.join-container .join-detail { padding: 20px; background: url("../images/icon-dashed.png") repeat-x 0 0; display: none;}

.join-container .join-detail h5 { font-size: 16px; color: #111d8d; line-height: 30px; font-weight: 600; margin-bottom: 5px;}

.join-container .join-detail p { color: #575861; line-height: 24px;}

.join-container .join-detail p span { color: #313237;}

.join-container .item.show .join-detail { display: block;}

.join-container .item.show .label .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg);}