﻿@charset "utf-8";


/*网站首页*/
.hmTop {margin-bottom:30px; overflow:hidden; position:relative; z-index: 1;}

.hmLeft {width:50%; float:left;}

.hmAbout {background:url(../images/hmAbout.jpg) no-repeat center center; background-size:cover; height:337px; position:relative; color:#fff;}

.hmAbout a {display:block; padding:40px 30px; color:#fff;}
.hmAbout .title {margin-bottom:25px;}
.hmAbout .title h2 {font-weight:normal; font-size:24px; line-height: 1.2em;}
.hmAbout .title p {font-size:24px; text-transform:uppercase; font-weight:bold; line-height: 1.2em;}
.hmAbout .intro {font-size:14px; line-height: 1.75em; max-height:5.25em; overflow: hidden;}
.hmAbout .more {width:28px; height:28px; border:1px solid #fff; background:url(../images/icon_03.png) no-repeat center center; margin-top:50px;}

.hmVideo {padding-bottom:300px; position:relative; background:no-repeat center center; background-size:cover;}
.hmVideo a {position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.hmVideo .btn {background:url(../../images/videoicon.png) no-repeat left top; position:absolute;top:50%; left:45%;width:120px;height:120px;transform:translateY(-50%); color:#000;}
.hmVideo h2 {font-size:24px; font-weight:normal; letter-spacing:5px;}
.hmVideo p {font-size:20px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}


.hmRight {margin-left:50%; background-color:#fff;}

.hmTab {width:60px; float:left;}
.hmTab ul {height:537px; border-right:1px solid #f1f1f1;}
.hmTab li {border-bottom:1px solid #f1f1f1; height:179px; box-sizing: border-box; position:relative; font-size:16px; color:#666; line-height: 1.25em; cursor:pointer; transition:all .2s;}
.hmTab li span {display:block; width:1em; position:absolute; left:50%; top:50%; margin-left:-0.5rem; transform:translateY(-50%);}
.hmTab li span:before {content:''; display:block; width:7px; height:7px; border:1px solid #ccc; background-color:#fff; margin:0 auto 10px; border-radius:50%; transition:all .2s;}
.hmTab li.cur {color:#000;}
.hmTab li.cur span:before {border-color:#d6000f;}

.hmBox {margin-left:60px;}
.hmNews {display:none;}
.hmNews:first-child {display:block;}
.hmNews ul {overflow: hidden; height:537px;}
.hmNews li {float:left; width:50%; height:50%; position:relative;}
.hmNews li a {display:block; overflow: hidden; position:absolute; left:0; top:0; width:100%; height:100%; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-left:1px solid transparent; box-sizing: border-box; border-top:1px solid transparent; transition:all .2s;}
.hmNews li .info { padding:50px 30px 0;}
.hmNews li h2 {font-weight:normal; font-size:16px; color:#333; line-height: 1.5em; height:3em; overflow: hidden; margin-bottom:5px; clear:both;}
.hmNews li p {font-size:14px; color:#999; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmNews li span {display:inline-block; font-size:20px; float:left; position:relative; margin-bottom:25px;}
.hmNews li span:after {width:46px; height:1px; background-color:#d5d5d5; content:''; display:block; position:absolute; right:-60px; top:50%; margin-top:-0.5px;}
.hmNews li i {font-style:normal; display:block;}

.hmNews li .day {font-size:36px; color:#999;}
.hmNews li .month {position:relative; padding-left:12px; color:#a5a5a5;}
.hmNews li .month:before {content:''; display:block; width:1px; height:10px; background-color:#a5a5a5; transform:rotate(45deg); position:absolute; left:2px; top:50%; margin-top:-4.5px;}
.hmNews li a:hover {border-color:#d6000f;}
.hmNews li a:hover h2, .hmNews li a:hover .day, .hmNews li a:hover .month {color:#d6000f;}
.hmNews li a:hover .month:before {background-color:#d6000f;}


.hmService {overflow:hidden;}
.hmService .title {float:right; width:60px; height:300px; background-color:#c82b36; color:#fff; position:relative;}
.hmService .title h2 {font-weight:normal; width:1em; position:absolute; left:50%; top:50%; margin-left:-0.5em; transform:translateY(-50%); font-size:16px;}
.hmService .title h2 a {color:#fff;}
.hmService .title h2:before {content:''; display:block; width:7px; height:7px; border-radius:50%; border:1px solid #fff; margin:0 auto 10px;}
.hmService ul {margin-right:60px; overflow: hidden;}
.hmService li {float:left; width:14%;}
.hmService li a {display:block; width:100%; padding-bottom:300px; position:relative; filter:grayscale(80%); background:no-repeat right center; background-size:cover; transition:all .3s;}
.hmService li .box {background-color:rgba(108,121,139,.7); position:absolute; left:0; top:0; width:100%; height:100%; transition:all .3s;}
.hmService .info {position:absolute; left:0; bottom:50px; padding:0 10px 0 20px; width:100%; box-sizing:border-box;}
.hmService h3 {font-size:18px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmService p {color:rgba(255,255,255,.5); font-size:12px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmService img {display:block; width:auto; max-width:27px; height:auto; margin-bottom:35px; text-indent:-9999em;}
.hmService li.cur {width:30%;}
.hmService li.cur a {filter:grayscale(0);}
.hmService li.cur .box {background-color:rgba(108,121,139,.3);}

.hmBtm {background-color:#3f3a3b; width:100%; padding-top:90px; margin-top:-90px; position:relative;}

/*内页Banner*/
.banner {padding-bottom:350px; background:no-repeat center center; background-size:cover;}

/*pageBar*/
.pageBar .inner {border-bottom:1px solid #ebebeb;}

/*面包屑*/
.breadcrumb {font-size:14px; background:url(../images/icon_05.png) no-repeat left center; line-height: 25px; padding:42.5px 0 42.5px 22px; overflow: hidden; float:left;}
.breadcrumb a {display:block; color:#999; float:left;}
.breadcrumb span {display:block; color:#000; float:left;}
.breadcrumb i {display:block; font-style:normal; width:3px; height:8px; background:url(../images/icon_06.png) no-repeat center center; padding:8.5px 10px; float:left;}

/*内页二级菜单*/
.subMenu {float:right;}
.subMenu em {display:none;}
.subMenu ul {overflow: hidden; margin-bottom:-1px;}
.subMenu li {line-height: 111px; float:left; font-size:16px; padding-left:25px;}
.subMenu li a {display:block; padding:0 10px; color:#000; transition:all .2s;}
.subMenu li a:hover, .subMenu li.cur a {background-color:#e14343; color:#fff;}

/*案例体系_列表*/
.caseList {padding:60px 0; position:relative; z-index: 1;}
.caseList ul {overflow: hidden; width:104.6%; margin-bottom:15px;}
.caseList li {width:29.5%; padding-right:3.5%; padding-bottom:40px; float:left;}
.caseList li .thumbnail {padding-bottom:74.324%; position:relative; overflow: hidden;}
.caseList li img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
.caseList li .info {padding:35px 40px;}
.caseList li h3 {font-size:22px; color:#333; font-weight:normal; line-height: 1.5em; height:3em; overflow: hidden; margin-bottom:10px;}
.caseList li p {font-size:14px; color:#999; line-height: 1.75em; height:3.4em; overflow: hidden; margin-bottom:60px;}
.caseList li i {display:block; width:24px; height:8px; background:url(../images/icon_07.png) no-repeat center center; font-style:normal;}
.caseList li a {display:block; background-color:#ededed; border:1px solid transparent; transition:all .3s;}
.caseList li a:hover {border-color:#e14343;}

/*案例体系_详情*/
.caseDetails {padding:60px 0; position:relative; z-index:1;}
.caseDetails .entry {line-height:2em; font-size:16px;}
.caseDetails .entry p {margin-bottom:20px;}
.caseDetails .entry img {max-width:100%; height:auto;}


/*主营业务_施工板块*/
.business {padding:60px 0; position:relative; z-index: 1;}
.business section {display:table; width:100%; margin-bottom:80px;}
.business figure {display:table-cell; width:50%;}
.business figure img {display:block; width:100%; height:auto;}
.business .text {display:table-cell; width:50%; vertical-align: middle; font-size:14px; color:#666; padding:0 3%;}
.business .text p {line-height: 2em; padding:10px 0;}

/*联系我们_联系方式*/
.contact {padding:60px 0; overflow: hidden; position:relative; z-index: 1;}
.contact .info {width:390px; float:left; padding:40px 0;}
.contact .pgTitle {text-align:left;}
.contact .pgTitle .en {margin-bottom:5px;}
.contact li {font-size:16px; color:#333; padding:25px 0;}
.contact li img {display:block; width:auto; max-width:33px; height:auto; max-height:34px; margin-bottom:15px;}
.contact .map {margin-left:390px; padding-bottom:680px; position:relative; overflow: hidden;}
.contact #allmap {position:absolute; left:0; top:0; width:100%; height:100%;}

/*新闻中心_集团新闻*/
.groupNews {padding:60px 0; position:relative; z-index: 1;}
.groupNews .item {margin-bottom:30px;}
.groupNews .item a {display:block; background-color:#f9f9f9; border:1px solid transparent; box-sizing:border-box; overflow: hidden;}
.groupNews .item a:hover {background-color:#ededed; border-color:#e14343; overflow: hidden;}
.groupNews .thumbnail {float:left; width:300px; padding-bottom:224px; overflow: hidden; position:relative;}
.groupNews .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.groupNews .info {margin-left:300px; padding:25px 15% 0 55px; overflow:hidden;}
.groupNews h3 {font-size:18px; color:#333; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.5em; margin-bottom:10px;}
.groupNews .excerpt {font-size:14px; color:#999; line-height: 1.75em; height:3.5em; overflow:hidden;}
.groupNews .date {overflow: hidden; margin-bottom:20px;}
.groupNews time {display:block; float:left; position:relative;}
.groupNews time:after {content:''; display:block; width:46px; height:1px; background-color:#d5d5d5; position:absolute; left:60px; top:50%; margin-top:-0.5px;}
.groupNews .date i { line-height: 1.1em; display:block; font-style:normal;}
.groupNews .date .day {font-size:36px; color:#999;}
.groupNews .date .month {font-size:20px; color:#a5a5a5; position:relative; padding-left:15px;}
.groupNews .date .month:before {content:''; display:block; width:1px; height:15px; background-color:#a5a5a5; transform:rotate(45deg); position:absolute; left:0; top:50%; margin-top:-5.5px;}
.groupNews .pagenavi {padding-top:20px;}

/*新闻中心_通知通告*/
.notice {padding:60px 0; overflow: hidden; position:relative; z-index: 1;}
.notice ul {overflow:hidden; width:104%; margin-bottom:40px;}
.notice li {width:46%; padding-right:4%; font-size:16px; float:left; padding-bottom:20px;}
.notice li a {display:block; color:#333; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding:27px 25px 27px 99px; border:1px solid transparent; transition:border .2s; position:relative; background:#f9f9f9 url(../images/icon_14.png) no-repeat 25px center;}
.notice li a:before {content:''; display:block; width:1px; height:100%; background-color:#f0f0f0; position:absolute; left:74px; top:0;}
.notice li a:hover {border-color:#e14343; background-color:#ededed; background-image:url(../images/icon_15.png);}
.notice li a:hover:before {background-color:#fff;}

/*采购招标_招标信息*/
.bidding {padding:60px 0; overflow: hidden; position:relative; z-index: 1;}
.bidding ul {overflow:hidden; margin-bottom:40px;}
.bidding li {font-size:16px; padding-bottom:20px;}
.bidding li a {display:block; color:#333; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; padding:27px 125px 27px 99px; border:1px solid transparent; transition:border .2s; position:relative; background:#f9f9f9 url(../images/icon_14.png) no-repeat 25px center;}
.bidding li a:before {content:''; display:block; width:1px; height:100%; background-color:#f0f0f0; position:absolute; left:74px; top:0;}
.bidding li a:hover {border-color:#e14343; background-color:#ededed; background-image:url(../images/icon_15.png);}
.bidding li a:hover:before {background-color:#fff;}
.bidding li time {display:block; position:absolute; right:40px; top:50%; transform:translateY(-50%); color:#8c8c8c;}

/*采购招标_常用下载*/
.download {padding:60px 0; position:relative; z-index: 1;}
.download ul {margin-bottom:30px; overflow:hidden;}
.download li {font-size:16px; margin-bottom:20px;}
.download li a {display:block; background-color:#f9f9f9; position:relative; padding:27px 110px 27px 0; color:#333; border:1px solid transparent;}
.download li a:after {content:''; display:block; width:1px; height:100%; background-color:#f0f0f0; position:absolute; right:80px; top:0;}
.download li i {display:block; font-style:normal;}
.download li .title {padding:0 40px; margin-right:40px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.download li .type {color:#8c8c8c; float:right;}
.download li .icon {width:20px; height:18px; background:url(../images/icon_16.png) no-repeat 0 0; position:absolute; right:30px; top:50%; margin-top:-9px;}
.download li a:hover {background-color:#ededed; border-color:#e14343;}
.download li a:hover:after {background-color:#fff;}
.download li a:hover .icon {background-position:0 -18px;}
.jobCat li.active .info {
    background: none;
}
/*人力资源_招聘信息*/
.jobPage {padding:60px 0; position:relative; z-index: 1;}

.jobCat {overflow: hidden; margin-bottom: 40px;}
.jobCat ul {width:103%; overflow: hidden;}
.jobCat li {float:left; width:31%; padding-right:2%;}
.jobCat li a {display:block; overflow:hidden; color:#fff; background:no-repeat center center; background-size:cover; padding-bottom:50.77%; position:relative;}
.jobCat li .info {position:absolute; border:1px solid rgba(255,255,255,.5); left:3%; top:5%; width:94%; height:90%; box-sizing: border-box;background: rgba(0,0,0,0.6);}
.jobCat li span {position:absolute; left:0; top:0; width:100%; top:50%; transform:translateY(-50%); font-size:24px; text-align:center; letter-spacing: 2px; display:block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

.jobList {margin-bottom:60px;}
.jobList dl {overflow: hidden;}
.jobList dd {float:left; text-align:center; padding:15px 0; width:20% !important;}

.jobTop .title {background-color:#e14343; color:#fff; font-size:15px;}
.jobCat li.active .info{background: none;}
.jobItem {border-top:1px solid #fff; background-color:#fff;}
.jobItem .info {background-color:#f5f5f5; font-size:14px; color:#666; cursor:pointer; transition:background .2s;}
.jobItem .info.open {background-color:#ededed;}
.jobItem .intro {padding:45px 0; overflow: hidden; display:none; position:relative;}
.jobItem .apply { float:right;  right:0; }
.jobItem .apply a {display:block; margin:0 auto; height:35px; width:115px; text-align:center; line-height: 35px; color:#fff; background-color:#e14343; font-size:14px;}
.jobItem .cont {width:65%; padding:0 5%; color:#666; float:left; overflow: hidden;}
.jobItem .cont p {line-height: 1.75em; font-size:14px; margin-bottom:10px;}

.ayBox {display:none;}
.ayBg {background-color:rgba(0,0,0,.7); position:fixed; left:0; top:0; width:100%; height:100%; z-index: 10;}
.ayMain {background-color:#fff; width:600px; border-radius:5px; box-shadow: 0px 0px 5px #222; position:fixed; left:50%; top:50%; margin-left:-300px; transform:translateY(-50%); z-index: 11;}
.ayInfo {padding:30px 50px;}
.ayInfo .input {overflow: hidden; padding:10px 0;}
.ayInfo label {font-size:18px; color:#555; float:left; display:block; text-align:right; width:100px; line-height: 37px;}
.ayInfo label i {color:#e14343; font-style:normal;}
.ayInfo .right {margin-left:100px; overflow:hidden;}
.ayInfo .text {border:1px solid #e4e4e4; border-radius:5px; height:25px; padding:5px 0; text-indent:5px; width:98%; line-height: normal; -webkit-appearance:none;}
.ayInfo .file {padding:5px 0; height:25px; line-height: normal;}
.ayInfo em {font-style:normal; font-size:18px; display:block; float:left; line-height: 37px;}
.ayInfo p {word-break:break-all;}
.ayInfo .btn {margin-left:100px; padding:20px 0 10px;}
.ayInfo .submit {color:#fff; background-color:#e14343; height:37px; padding:0 30px; font-size:16px; border-radius:3px; cursor:pointer; -webkit-appearance:none;}
.ayInfo .reset {height:37px; padding:0 30px; color:#333; background-color:#f0f0f0; border-radius:3px; cursor:pointer; margin-left:15px; -webkit-appearance:none;}

.ayJob select {display:none;}

/*关于正太_公司简介*/
.aboutPage {padding:60px 0; overflow: hidden; position:relative; z-index: 1;}
.aboutPage .pgTitle {text-align:left;}
.aboutPage .entry {float:left; width:62%; padding-right:5%; color:#666;}
.aboutPage .entry p { font-size:14px; line-height: 2em; margin-bottom:15px;}
.aboutPage .pic {width:33%; float:right;}
.aboutPage .pic img {display:block; width:100%; height:auto;}

/*关于正太_董事长致辞*/
.shPage {padding:60px 0; overflow: hidden; position:relative; z-index: 1;}
.shPage .photo {width:33%; float:left;}
.shPage .photo img {display:block; width:100%; height:auto;}
.shPage .right {width:62%; float:right; overflow: hidden; background:url(../images/icon_18.png) no-repeat left top; position:relative;}
.shPage .right:after {content:''; display:block; width:159px; height:106px; background:url(../images/icon_17.png) no-repeat center center; background-size:contain; position:absolute; right:0; bottom:97px;}
.shPage .pgTitle {text-align:left;}
.shPage .entry {position:relative; z-index: 1; padding:30px 0;}
.shPage .entry p {line-height: 2em; font-size:14px; color:#666; margin-bottom:20px;}

/*关于正太_企业荣誉*/
.honorPage {padding:60px 0; position:relative; z-index: 1;}

.hoSlides {margin-bottom:40px;}
.hoSlides .owl-carousel .owl-stage-outer {padding:30px 0;}
.hoSlides .item {border:5px solid #595352; background-color:#fff; padding:10%;}
.hoSlides .box {padding-bottom:100%; position:relative;}
.hoSlides .info {position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.hoSlides .pic {padding-bottom:72%; position:relative; overflow:hidden; margin-bottom:20px;}
.hoSlides .pic img {position:absolute; left:0; top:0; height:100%;}
.hoSlides p {text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333; display:none;}
.hoSlides .center p {display:block; font-size:14px;}

.hoSlides .owl-item .item {margin:7.5%; transform:scale(.9,.9); transition:all .3s; opacity:.5;}
.hoSlides .owl-item .item.second {margin:7.5% 15% 7.5% 0;}
.hoSlides .owl-item .item.third {margin:7.5% 0 7.5% 15%;}
.hoSlides .owl-item .item.first {margin:7.5% 0 7.5% 15%;}
.hoSlides .owl-item .item.last {margin:7.5% 15% 7.5% 0;}
.hoSlides .owl-item.center .item {margin:0; transform:scale(1.2,1.2); box-shadow: 0px 0px 5px #555; opacity: 1;}
.hoSlides .owl-carousel .owl-nav.disabled {display:block;}

.hoSlides .owl-prev, .hoSlides .owl-next {position:absolute; width:19px; height:15px; text-indent:-9999em; top:50%; margin-top:-7.5px; cursor:pointer;}
.hoSlides .owl-prev {left:0;}
.hoSlides .owl-next {right:0;}
.hoSlides .owl-nav span {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat 0 0;}
.hoSlides .owl-prev span {background-image:url(../images/icon_20.png);}
.hoSlides .owl-next span {background-image:url(../images/icon_21.png);}
.hoSlides .owl-prev:hover span, .hoSlides .owl-next:hover span {background-position:0 -15px;}

.hoList ul {overflow:hidden; margin-bottom:60px; border-bottom:1px solid #e2e2e2;}
.hoList li {float:left; width:25%; text-align:center;}
.hoList .pic {width:124px; padding-bottom:130px; background:no-repeat center center; background-size:contain; margin:0 auto 30px;}
.hoList p {margin-bottom:25px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333; padding:0 10px;}
.hoList li i {font-style:normal; width:19px; height:19px; display:block; background:url(../images/icon_19.png) no-repeat 0 0; margin:0 auto;}
.hoList li a {display:block; border:1px solid #e2e2e2; padding:40px 1px 41px 0; border-right:none; border-bottom:none; background-color:#fff;}
.hoList li:nth-child(4n) a {border-right:1px solid #e2e2e2; padding-right:0;}
.hoList li a:hover {border:1px solid #e14343; padding-bottom:40px; padding-right:0;}
.hoList li a:hover i { background-position:0 -19px;}

/*关于正太_大事记*/
.memorabilia {padding:60px 0; position:relative; z-index: 1;}

.mbYear {padding:0 30px; margin-bottom:35px;}
.mbYear .owl-stage-outer {padding:11px 0;}
.mbYear .owl-stage-outer:before {width:100%; height:1px; background-color:#efefef; content:''; display:block;}
.mbYear .year {text-align:center; font-family: 'DINCond Bold',Arial; font-size:16px; color:#999; position:relative; padding-top:22px; font-weight:bold; transition:all .3s; cursor:pointer;}
.mbYear .year:before {content:''; display:block; width:11px; height:11px; border-radius:50%; background-color:#e5e5e5; position:absolute; top:-5px; left:50%; margin-left:-5.5px; transition:all .3s;}
.mbYear .center .year {font-size:24px; color:#252525; padding-top:25px;}
.mbYear .center .year:before {width:21px; height:21px; background-color:#e60012; top:-10px; margin-left:-10.5px;}
.mbYear .owl-carousel .owl-nav.disabled {display:block;}
.mbYear .owl-prev, .mbYear .owl-next {position:absolute; top:4px; width:19px; height:15px; text-indent:-9999em;}
.mbYear .owl-prev {left:-30px;}
.mbYear .owl-next {right:-30px;}

.mbYear .owl-nav span {position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat 0 0;}
.mbYear .owl-prev span {background-image:url(../images/icon_20.png);}
.mbYear .owl-next span {background-image:url(../images/icon_21.png);}
.mbYear .owl-prev:hover span, .mbYear .owl-next:hover span {background-position:0 -15px;}

.mbBox {background:url(../images/bg_ruler.png) repeat-y top center; padding:60px 0; margin-bottom:80px;}
.mbBox .box {overflow: hidden; display:none;}
.mbBox .box.on {display:block;}
.mbBox .item {float:right; width:50%; position:relative; clear:both; margin-bottom:4px;}
.mbBox .dot {width:9px; height:9px; border-radius:50%; background-color:#d0d0d0; display:block; font-style:normal; position:absolute; left:-5px; top:20px; transition:background .3s;}
.mbBox .dot:before, .mbBox .dot:after {width:39px; height:39px; background-color:rgba(230,0,18,.2); content:''; display:block; position:absolute; left:50%; top:50%; margin:-19.5px 0 0 -19.5px; border-radius:50%; opacity:0; transition:opacity .6s;}
.mbBox .dot:after {width:21px; height:21px; margin:-10.5px 0 0 -10.5px;}
.mbBox .info {border:1px solid #d0d0d0; padding:15px 25px; margin-left:40px; position:relative; background-color:#fff; transition:border .3s;}
.mbBox .info:after {content:''; display:block; width:16px; height:16px; background-color:#fff; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; transform:rotate(-45deg); position:absolute; left:-9px; top:15px; transition:border .3s;}
.mbBox .date {font-size:14px; color:#666; width:45px; text-align:right; float:left; position:relative;}
.mbBox .date i {font-style:normal; font-size:26px;}
.mbBox .date:after {content:''; display:block; height:1px; width:14px; background-color:#bebebe; position:absolute; right:-24px; top:50%; margin-top:-0.5px;}
.mbBox .intro {font-size:14px; color:#333; margin-left:80px; line-height: 1.75em; height:3.5em; overflow:hidden; transition:border .3s;}
.mbBox .intro img {max-width: 100%; height:auto;}

.mbBox .item:nth-child(2n) {float:left;}
.mbBox .item:nth-child(2n) .info {margin-left:0; margin-right:40px;}
.mbBox .item:nth-child(2n) .info:after {left:auto; right:-9px; transform:rotate(135deg);}
.mbBox .item:nth-child(2n) .dot {left:auto; right:-5px;}

.mbBox .cur .info {border-color:#e60012;}
.mbBox .cur .info:after {border-color:#e60012;}
.mbBox .cur .intro {color:#e60012;}
.mbBox .cur .dot {background-color:#e60012;}
.mbBox .cur .dot:before, .mbBox .cur .dot:after {width:39px; height:39px; background-color:rgba(230,0,18,.2); content:''; display:block; position:absolute; left:50%; top:50%; margin:-19.5px 0 0 -19.5px; border-radius:50%; opacity:1;}
.mbBox .cur .dot:after {width:21px; height:21px; margin:-10.5px 0 0 -10.5px;}

/*通用单篇*/
.singePage, .pageDetails {padding:60px 0; position:relative; z-index:1;}
.singePage .entry, .pageDetails .entry {line-height:2em; font-size:16px;}
.singePage .entry p, .pageDetails .entry p {margin-bottom:20px;}
.singePage .entry img, .pageDetails .entry img {max-width:100%; height:auto;}

/*党建之窗_党群工作*/
.dqWorks {padding:60px 0; position:relative; z-index:1;}
.dqItem {margin-bottom:30px;}
.dqItem .thumbnail {float:left; width:260px; padding-bottom:195px; overflow: hidden; position:relative;}
.dqItem .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.dqItem .info {margin-left:310px; overflow: hidden; border-bottom:1px solid #ebebeb; padding-bottom:15px;}
.dqItem h3 {font-size:18px; color:#333; font-weight:normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.35em;}
.dqItem .date {font-size:14px; color:#999; margin-bottom:15px;}
.dqItem .excerpt {font-size:14px; color:#666; line-height: 1.75em; height:5.25em; overflow: hidden; margin-bottom:15px;}
.dqItem .more {color:#e14343; font-size:14px;}
.dqItem a {display:block; overflow: hidden;}
.dqItem a:hover h3 {color:#e14343;}

.dqWorks .pagenavi {margin-top:30px;}

/*党建之窗_企业文化*/
.culture {padding:60px 0; position:relative; z-index:1;}
.culture .itemList {overflow: hidden;}
.culture ul {overflow: hidden; width:105%;}
.culture li {float:left; width:30%; padding-right:3%; padding-bottom:20px; overflow: hidden; text-align:center;}
.culture li a {color:#fff; display:block; padding-bottom:147.45%; background:no-repeat center center; background-size:cover; position:relative; font-size:0;}
.culture li .info {position:absolute; left:0; top:50%; transform:translateY(-50%); width:90%; padding:0 5%;}
.culture li .icon {width:109px; height:109px; position:relative; overflow:hidden; margin:0 auto 35px; transition:margin .3s;}
.culture li .icon img {display:block; width:100%; height:100%;}
.culture li h3 {font-size:24px; font-weight:normal; text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:2px solid #e14343; display:inline-block; padding-bottom:8px;}
.culture li p {font-size:16px; text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.culture li a:hover .icon {margin-bottom:50px;}


/*团队管理_列表*/
.teamList {padding:60px 0; position:relative; z-index: 1;}
.teamList ul {overflow: hidden; width:104.6%; margin-bottom:15px;}
.teamList li {width:29.5%; padding-right:3.5%; padding-bottom:40px; float:left;}
.teamList li .thumbnail {padding-bottom:74.324%; position:relative; overflow: hidden;}
.teamList li img {display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0; top:0;}
.teamList li .info {padding:35px 40px;}
.teamList li h3 {font-size:22px; color:#333; font-weight:normal; line-height: 1.5em; height:3em; overflow: hidden; margin-bottom:10px; position: relative;}
.teamList li h3:before{ content: ""; position: absolute; top: -15px; width: 38px; height: 2px; left: 0; background: #e43f4d;}
.teamList li h4{ color: #666; font-weight: normal; margin: 0 0 10px; font-size: 16px;}
.teamList li p {font-size:14px; color:#999; line-height: 1.75em; height:3.4em; overflow: hidden; margin-bottom:60px;}
.teamList li i {display:block; font-style:normal; font-size: 14px; color: #fa3543;}
.teamList li a {display:block; background-color:#ededed; border:1px solid transparent; transition:all .3s;}
.teamList li a:hover {border-color:#e14343;}

/*团队管理_详情*/
.teamDetails {padding:60px 0; position:relative; z-index:1;}
.teamDetails .entry {line-height:2em; font-size:16px;}
.teamDetails .entry .pic{ float: left; width: 45%;}
.teamDetails .entry .pic img{ max-width: 100%;}
.teamDetails .entry .text{ float: right; width: 50%; line-height: 1.85;}
.teamDetails .text .tit{ font-size: 28px; margin: 0; font-weight: normal; color: #333; position: relative; padding-top: 25px; line-height: 1.25;}
.teamDetails .text .tit:before{content: ""; position: absolute; top: 0; width: 38px; height: 2px; left: 0; background: #e43f4d;}
.teamDetails .text .name{ font-size: 24px; font-weight: normal; margin:10px 0; color: #333;}
.teamDetails .text .brief{ font-size: 16px; color: #7f7f7f;}
.teamDetails .content { font-size: 14px; margin-top: 30px; color: #7f7f7f;}
.teamDetails .content .stit{ display: block; color: #014099; font-size: 16px;}
.teamDetails .content li{ list-style-type:disc; list-style-position: inside; border-bottom: 1px solid #ececec; padding: 8px 0;} 

@media (max-width:1024px) {
	.teamList li h3{ font-size: 20px;}
	.teamDetails .text .tit{ font-size: 24px;}
	.teamDetails .text .name{ font-size: 20px;}
	.teamDetails .text .brief{ font-size: 14px;}
}
@media (max-width:767px) {
	.teamList li h3{ font-size: 16px;}
.teamList li .info {padding:20px 10px;}
	.teamDetails .text .tit{ font-size: 20px;}
	.teamDetails .text .name{ font-size: 16px;}
	.teamDetails .entry .pic,
	.teamDetails .entry .text{ width: 100%; float: none;}
	.teamDetails .entry .pic{text-align: center; margin-bottom: 20px;}
}






