@charset "utf-8";

* {margin: 0; padding: 0; word-wrap: break-word; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; outline: 0;}
*,:after,:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body,html {height: 100%; width: 100%; color: #363d4c; background-color: #fff; min-width: 320px; font-family: "futura-condensed-medium", "PingFangSC-Regular", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 14px; line-height: 1.2;}
h1,h2,h3,h4,h5,h6 {font-weight: 500; line-height: 1.2; color: inherit;}
a,a:hover {text-decoration: none;}
a {cursor: pointer; color: #020202;}
a:hover {color: #df0716;}
hr,img {border: 0;}
img {display: block; max-width: 100%;}
hr {height: 0; border-top: 1px solid #ddd;}
ol,ul {list-style: none;}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=checkbox],textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal;}
button {background: none; border: none;}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner {border: 0; padding: 0;}
input,textarea {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; border: 0;}
em,i {font-style: initial !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.float-clearfix {clear: both !important;}
.float-clearfix:after {display: block; content: ""; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.none {display: none !important; visibility: hidden;}
.block {display: block !important; visibility: visible; zoom: normal;}


.W1200 {width: 1160px; margin: 0 auto;}
.W1100 {width: 1100px; margin: 0 auto;}

.main {width: 100%; min-height: 100%; background: #fff; background-image: url('../images/Bg_Images.png'); background-position: center top; background-repeat: no-repeat; background-size: cover;}

.title {display: flex; align-items: flex-start; justify-content: flex-start; position: absolute; top: 0; left: 0; bottom: 0; min-height: 400px;}
.title::after {display: block; content: ""; width: 1px; height: auto; background: #da8c6b; position: absolute; top: 121px; left: 39px; bottom: 0;}
.title .tit-en {display: inline-block; line-height: 23px; padding-top: 34px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #9fa0a0; white-space: nowrap;}
.title .tit-cn {display: inline-block; line-height: 34px; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; font-family: "Noto Sans SC"; font-size: 27px; font-weight: 400; color: #221815;}

/* 头部 */
.header {padding-top: 65px; position: relative; z-index: 2;}
.header .W1200 {display: flex; align-items: flex-start; justify-content: space-between;}
.header .W1100 {display: flex; align-items: flex-start; justify-content: space-between;}
.header .logo {width: 259px; height: 107px;}
.navMenu {padding-top: 2px; font-size: 0;}
.navMenu li {display: inline-block; margin: 0 17px;}
.navMenu li a {display: block; line-height: 32px; padding: 0 2px; font-size: 16px; font-family: "Noto Sans SC"; font-weight: 300; color: #595757; position: relative;}
.navMenu li a::after {display: block; content: ""; width: 0; height: 1px; background: #be3119; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s;}
.navMenu li.active a,.navMenu li:hover a {color: #b60005;}
.navMenu li.active a::after,.navMenu li:hover a::after {width: 100%;}
.language {display: flex; align-items: center; justify-content: center; padding-top: 5px;}
.language a {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 6px; border: 1px solid #a4a5a5; border-radius: 100%; text-align: center; transition: all 0.3s;}
.language a span {display: block; font-size: 12px; transform: scale(0.87); font-family: "Noto Sans SC"; color: #595757;}
.language a.on,.language a:hover {background: #595757;}
.language a.on span,.language a:hover span {color: #efefef;}

/* 底部 */
.footer {padding: 0 15px; margin-top: 91px; background: url('../images/footer_top_line.png') center top no-repeat; background-size: auto;}
.footer .wrap {width: 1160px; padding: 53px 0 150px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;}
.footer .wrap1 {width: 1100px; padding: 53px 0 150px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between;}
.footer .content {max-width: 726px;}
.footer-menu ul {font-size: 0;}
.footer-menu li {display: inline-block; line-height: 33px; margin-right: 41px; font-family: "Noto Sans SC"; font-size: 20px; font-weight: 400; color: #221815; transition: all 0.3s;}
.footer-menu li:hover {color: #b60005;}
.footer-con {margin-top: 20px;}
.footer-con p {line-height: 40px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815;}
.footer .copyright {line-height: 25px; margin-top: 22px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 15px; color: #221815;}
.footer .codeBox {font-size: 0;}
.footer .codeBox .code {display: inline-block; width: 131px;}
.footer .codeBox .code:last-child {margin-left: 41px;}
.footer .codeBox .code p {line-height: 25px; margin-top: 14px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 14px; color: #221815; text-align: center;}

/* 轮播图 */
.carousel {width: 100%; padding-top: 40.2019%; margin-top: -47px; background-size: cover; position: relative; z-index: 1; overflow: hidden; mask-image: url('../images/maskImg.png'); mask-size: cover; -webkit-mask-image: url('../images/maskImg.png'); -webkit-mask-size: cover;}
.carousel .swiper-wrapper {position: absolute; top: 0; left: 0;}
.carousel .coverbg {width: 100%; height: 100%; background-size: cover;}
.carousel .intro {position: absolute; left: 0; bottom: 0; width: 73.64%; min-height: 86px; padding: 7px 0 12px 56px; background-repeat: no-repeat; background-position: left center; background-size: cover; overflow: hidden;}
.carousel .intro .tit {max-width: 85%; line-height: 33px; font-family: "Noto Sans SC"; font-size: 17px; font-weight: 400; color: #fff !important;}
.carousel .intro .text {max-width: 85%; line-height: 17px; font-family: "Noto Sans SC"; font-size: 12px; font-weight: 300; color: #fff !important;}
.carousel .pagination {position: absolute; left: inherit; bottom: 31px; right: 27%; z-index: 1; width: auto; font-size: 0;}
.carousel .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 10px !important; background: #fff; opacity: 1; transition: all 0.3s;}
.carousel .swiper-pagination-bullet-active {background: #b60005;}

.icon-box {padding: 91px 0 83px; text-align: center;}
.icon-box1 {padding: 124px 0 101px;}
.icon-box2 {padding: 120px 0 130px;}
.icon-box3 {padding: 134px 0 140px;}
.icon-box .down-arrow {display: inline-block; width: 59px; height: 61px; background: url('../images/icon_down_arrow.png') no-repeat; -webkit-animation: start 2s infinite linear; -moz-animation: start 2s infinite linear; animation: start 2s infinite linear;}
@-webkit-keyframes start {
	0%,100% {opacity: 1;-webkit-transform: translate(0,15px);}
	50% {opacity: 1;-webkit-transform: translate(0,0);}
}
@-moz-keyframes start {
	0%,100% {opacity: 1;-moz-transform: translate(0,15px);}
	50% {opacity: 1;-moz-transform: translate(0,0);}
}
@keyframes start {
	0%,100% {opacity: 1;transform: translate(0,15px);}
	50% {opacity: 1;transform: translate(0,0);}
}

/* 首页关于我们 */
.index-about {padding: 0 15px;}
.index-about .W1100 {padding-left: 97px; position: relative;}
.index-about .content .img {border-radius: 10px; overflow: hidden;}
.index-about .intro {line-height: 30px; padding-top: 30px; font-family: "Noto Sans SC"; font-size: 16px; font-weight: 300; color: #221815; text-align: justify; position: relative;}
.index-about .intro .more {display: inline-block; line-height: 22px; border-bottom: 1px solid #706f70; font-family: "Noto Sans SC"; font-size: 12px; font-weight: 300; color: #221815; position: absolute; right: 2px; bottom: 2px; transition: all 0.3s;}
.index-about .intro .more:hover {color: #b60005; border-color: #b60005;}
.index-about .albumBox {padding: 0 42px 0 44px; margin-top: 69px; position: relative;}
.index-about .albumBox .album {width: 100%; overflow: hidden;}
.index-about .albumBox .album .coverbg {width: 100%; padding-top: 69.45%; background-repeat: no-repeat; background-size: contain; background-position: center center;}
.index-about .albumBox .Btn {display: block; width: 20px; height: 31px; position: absolute; top: 50%; transform: translateY(-50%);}
.index-about .albumBox .prevBtn {left: 0; background: url('../images/prevBtn.jpg') no-repeat;}
.index-about .albumBox .nextBtn {right: 0; background: url('../images/nextBtn.jpg') no-repeat;}

/* 首页营造技艺 */
.index-skill {padding: 0 15px;}
.index-skill .W1100 {padding-left: 97px; position: relative;}
.index-skill .list ul {font-size: 0;}
.index-skill .list li {display: inline-block; width: 25%; padding-top: 44.63%; position: relative; overflow: hidden; border-top-right-radius: 30px; border-bottom-right-radius: 30px; cursor: pointer;}
.index-skill .list .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 2;}
.index-skill .list .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.index-skill .list .img img {transition: all 0.5s;}
.index-skill .list li:hover .img img {transform: scale(1.1,1.1);}
.index-skill .list .tit {line-height: 34px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 25px; color: #fff; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; position: absolute; top: 22px; right: 24px; z-index: 3;}
.index-skill .list .more {line-height: 26px; font-family: "Noto Sans SC"; font-weight: 200; font-size: 16px; color: #fff; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; position: absolute; bottom: 17px; right: 26px; z-index: 3; transition: all 0.3s;}

/* 首页工程案例 */
.index-case {padding: 0 15px;}
.index-case .W1100 {padding-left: 97px; position: relative;}
.index-case .title {max-height: 428px;}
.index-case .content {display: flex; align-items: flex-start; justify-content: space-between;}
.index-case .caseBox {width: 70.15%; position: relative; border-radius: 10px; overflow: hidden;}
.index-case .caseBox .caseImg {width: 100%; padding-top: 57.45%; position: relative;}
.index-case .caseBox .caseImg img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.index-case .caseBox .intro {position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; padding: 6px 17px 28px 18px; background: rgba(165, 34, 27, 0.7);}
.index-case .caseBox .intro .tit {line-height: 34px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 18px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-case .caseBox .intro .text {line-height: 18px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 11px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index-case .caseBox .intro .more {display: inline-block; line-height: 19px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 11px; color: #fff; border-bottom: 1px solid #fff; position: absolute; right: 17px; bottom: 10px;}
.index-case .caseList {width: 28%; overflow: hidden;}
.index-case .caseList li {margin-bottom: 7px; background: #dcdddd; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.index-case .caseList li:last-child {margin-bottom: 0;}
.index-case .caseList .tit {position: relative; padding: 0 23px 0 19px; cursor: pointer;}
.index-case .caseList .tit span {display: block; width: 89%; line-height: 55px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 17px; color: #221815; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-case .caseList .tit i {display: block; width: 24px; height: 24px; background: url('../images/icon_cut.png') no-repeat; background-size: cover; position: absolute; top: 16px; right: 24px; transition: all 0.3s;}
.index-case .caseList .tit.active i {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.index-case .caseList .caseImg {display: none; padding: 0 19px 18px; text-align: center; font-size: 0;}
.index-case .caseList .caseImg a {display: block; width: 100%; padding-top: 62%; position: relative;}
.index-case .caseList .caseImg a img {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.index-case .mores {display: inline-block; line-height: 33px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 15px; color: #b60005; float: right;}

/* 首页古建资讯 */
.index-news {padding: 0 15px;}
.index-news .W1100 {padding-left: 97px; position: relative;}
.index-news .title {max-height: 512px;}
.index-news .content {display: flex; align-items: flex-start; justify-content: space-between; padding-top: 21px;}
.index-news .newsImg {width: 64%; padding-top: 46.234%; border-radius: 10px; position: relative; z-index: 1; overflow: hidden;}
.index-news .newsImg .lis {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.index-news .newsImg .lis:first-child {display: block;}
.index-news .newsImg .lis img {display: block; width: 100%; height: 100%; object-fit: cover;}
.index-news .newsList {width: 35%; position: relative; z-index: 2;}
.index-news .newsList li {width: 100%; height: auto; padding: 10px 18px; margin-bottom: 10px; background: #efeff0; position: relative; transition: all 0.3s;}
.index-news .newsList li:hover,.index-news .newsList li.active {width: 148%; height: auto; padding: 21px 25px 23px; margin-left: -48%; background: #fff;}
.index-news .newsList li:last-child {margin-bottom: 0;}
.index-news .newsList .news-tit {max-width: 82%; line-height: 34px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 19px; color: #b60005; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news .newsList .news-intro {line-height: 20px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 12px; color: #221815; text-align: justify; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.index-news .newsList li:hover .news-intro,.index-news .newsList li.active .news-intro {-webkit-line-clamp: 5; min-height: 100px;}
.index-news .newsList .time {line-height: 21px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 12px; color: #221815; position: absolute; top: 20px; right: 20px; transition: all 0.3s;}
.index-news .newsList li .times {display: none; width: 53px; height: 182px; line-height: 28px; padding-top: 45px; background: #dcdddd; font-family: "Noto Sans SC"; font-weight: 300; font-size: 18px; color: #b60005; position: absolute; top: -21px; left: 34px; text-align: center; transition: all 0.3s;}
.index-news .newsList li .times::after {display: block; content: ""; width: 0; height: 0; border-width: 22px 0 0 17px; border-color: transparent #dcdddd; border-style: solid; position: absolute; top: 0; right: -17px;}
.index-news .newsList li .times span {display: block; line-height: 36px; padding-top: 38px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 24px; color: #b60005; position: relative;}
.index-news .newsList li .times span::before {display: block; content: ""; width: 1px; height: 42px; background: #b60005; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.index-news .newsList li:hover a,.index-news .newsList li.active a {display: block; padding-left: 83px;}
.index-news .newsList li:hover a .time,.index-news .newsList li.active a .time {display: none;}
.index-news .newsList li:hover a .times,.index-news .newsList li.active a .times {display: block;}
.index-news .mores {display: inline-block; line-height: 33px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 15px; color: #b60005; float: right;}

/* 导航条 */
.navBar {line-height: 32px; padding: 33px 0 27px;}
.navBar a,.navBar span {display: inline-block; font-family: "Noto Sans SC"; font-weight: 300; font-size: 17px; color: #595757; vertical-align: middle; transition: all 0.3s;}
.navBar a:hover {color: #b60005;}
.navBar span.small {max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 子导航 */
.subNav {margin: 56px 0 35px;}
.subNav ul {margin: 0 -8px; font-size: 0;}
.subNav li {display: inline-block; padding: 0 8px; vertical-align: middle; transition: all 0.3s;}
.subNav li a {display: flex; align-items: center; justify-content: center; height: 63px; line-height: 25px; padding: 0 10px; border: 2px solid #f3d5c5; font-family: "Noto Sans SC"; font-weight: 300; font-size: 23px; color: #221815; transition: all 0.3s;}
.subNav li.active a,.subNav li:hover a {background: #b60005; border-color: #b60005; color: #fff;}

/* 内页BANNER */
.banner {}
.banner .W1100 {width: 1100px; border-radius: 10px; position: relative; overflow: hidden;}
.banner .W1100>div {width: 100%; padding-top: 43.178%; position: relative;}
.banner .W1100>div img {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.banner .W1100 section {position: absolute; left: 0; bottom: 0; width: 100%; height: 98px; display: flex; align-items: center; justify-content: center;}
.banner .W1100 section div {width: 50%; line-height: 35px; padding-left: 78px;}
.banner .W1100 section div p {font-family: "Noto Serif SC"; font-weight: 700;  font-size: 23px; color: #fff;}
.banner .W1100 section div p:last-child {padding-left: 43px;}

/* 分页 */
.pages {margin-top: 53px; font-size: 0; text-align: center;}
.pages a {display: inline-block; width: 44px; height: 45px; line-height: 45px; margin-left: -1px; background: #fff; border: 1px solid #c6c7c8; text-align: center; vertical-align: middle; font-family: "Noto Sans SC"; font-weight: 400;  font-size: 20px; color: #9fa0a0; transition: all 0.3s;}
.pages a:hover {background: #b60005; color: #fff;}
.pages .txtbtn {display: inline-block; width: 21px; height: 33px; line-height: inherit; margin: 0 31px!important; border: none; background: url('../images/prevBtn1.jpg') no-repeat; background-size: cover; transition: all 0.3s;}
.pages .txtbtn:hover {background: url('../images/prevBtn2.jpg') no-repeat;}
.pages .txtbtn:last-child {background: url('../images/nextBtn1.jpg') no-repeat;}
.pages .txtbtn:hover:last-child {background: url('../images/nextBtn2.jpg') no-repeat;}
.pages span {display: inline-block; width: 44px; height: 45px; line-height: 45px; margin: 0!important; background: #b60005; border: 1px solid #c6c7c8; text-align: center; vertical-align: middle; font-family: "Noto Sans SC"; font-weight: 400;  font-size: 20px; color: #fff; cursor: pointer;}

/* 关于我们 */
.introduce p {line-height: 38px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; text-align: justify;}
.introduces {display: flex; align-items: flex-start; justify-content: space-between;}
.introduces .introText {width: 58%;}
.introduces .introText .introTxt p {line-height: 38px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; text-align: justify;}
.introText .honor {margin-top: 49px;}
.introText .honor .tit {line-height: 62px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 31px; color: #b60005;}
.introText .honor .list li {line-height: 52px; padding-left: 26px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; position: relative;}
.introText .honor .list li::after {display: block; content: ""; width: 9px; height: 9px; background: #b60005; border-radius: 9px; position: absolute; top: 22px; left: 0;}
.honorList {margin-top: 65px;}
.honorList ul {margin: 0 -16px; font-size: 0;}
.honorList li {display: inline-block; width: 25%; padding: 0 16px; margin-bottom: 64px;}
.honorList li a {display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 79.377%; position: relative;}
.honorList li a p {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.honorList li a p img {display: block; max-height: 100%; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
.introduces .introImg {width: 37%; padding-top: 9px;}

/* 营造技艺 */
.skillList {margin-top: 85px;}
.skillList li {display: flex; align-items: center; justify-content: space-between;}
.skillList li:first-child {margin-bottom: 69px;}
.skillList li:nth-child(2) {margin-bottom: 116px;}
.skillList li:nth-child(3) {margin-bottom: 78px; align-items: flex-start;}
.skillList li:last-child {margin-bottom: 138px; align-items: flex-start;}
.skillList li .imgBox {width: 44%; text-align: center;}
.skillList li:nth-child(3) .imgBox,.skillList li:last-child .imgBox {padding-top: 16px;}
.skillList li .imgBox img {display: inline-block;}
.skillList li .textBox {width: 56%;}
.skillList li .textBox .tit {line-height: 54px; padding-left: 18px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 22px; color: #b60005; position: relative;}
.skillList li .textBox .tit::after {display: block; content: ""; width: 5px; height: 5px; border-radius: 5px; background: #b60005; position: absolute; top: 26px; left: 4px;}
.skillList li .textBox .txt {line-height: 32px; padding-left: 18px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 18px; color: #221815; text-align: justify;}

.skillList1 li {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.skillList1 li .imgBox {flex: 0 0 46.1818%; border-radius: 10px; overflow: hidden; position: relative; z-index: 2;}
.skillList1 li .textBox {border: 2px solid #da8c6b; border-radius: 10px; overflow: hidden;}
.skillList1 li .textBox .tit {line-height: 35px; margin-bottom: 10px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 21px; color: #b60005;}
.skillList1 li .textBox .txt {line-height: 32px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 17px; color: #221815; text-align: justify;}
.skillList1 li section {margin-top: 82px;}
.skillList1 li section p {line-height: 31px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 17px; color: #221815;}
.skillList1 li section p img {margin-top: 22px;}
.skillList1 li section p:last-child {margin: 0 -10px; font-size: 0;}
.skillList1 li section p:last-child span {display: inline-block; width: 20%; line-height: 34px; padding: 0 10px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 18px; color: #595757; text-align: center;}
.skillList1 li:first-child .textBox {flex: 0 0 65%; padding: 34px 35px 31px 168px; margin-left: -11.1818%;}
.skillList1 li:nth-child(2) {flex-direction: row-reverse; margin-bottom: 32px;}
.skillList1 li:nth-child(2) .imgBox {margin-left: -62px;}
.skillList1 li:nth-child(2) .textBox {flex: 0 0 59.32%; padding: 25px 108px 28px 37px;}
.skillList1 li:nth-child(3) {align-items: flex-start; margin-bottom: 67px;}
.skillList1 li:nth-child(3) .textBox {flex: 0 0 97%; padding: 60px 35px 28px 46px; margin: 39px 0 0 -43.5%;}
.skillList1 li:nth-child(3) .textBox .tit,.skillList1 li:nth-child(3) .textBox .txt {margin-left: 48.3%;}
.skillList1 li:nth-child(4) {margin-bottom: 35px;}
.skillList1 li:nth-child(4) .textBox {flex: 0 0 65%; padding: 43px 37px 53px 178px; margin-left: -11.1818%;}
.skillList1 li:nth-child(5) {flex-direction: row-reverse; align-items: flex-start; margin-bottom: 73px;}
.skillList1 li:nth-child(5) .imgBox {margin-left: -62px;}
.skillList1 li:nth-child(5) .textBox {flex: 0 0 59.32%; padding: 25px 100px 28px 34px; margin-top: 61px;}
.skillList1 li:last-child {align-items: flex-start; margin-bottom: 104px;}
.skillList1 li:last-child .textBox {flex: 0 0 59.24%; padding: 39px 35px 34px 104px; margin: 80px 0 0 -62px;}

.skillList2 {margin-top: 79px;}
.skillList2 li {margin-bottom: 89px;}
.skillList2 li::after {display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.skillList2 .textBox {float: left; width: 34.55%; margin-right: 43px;}
.skillList2 .textBox .tit {line-height: 32px; padding-bottom: 14px; border-bottom: 1px solid #da8c6b; font-family: "Noto Sans SC"; font-weight: 400; font-size: 20px; color: #b60005;}
.skillList2 .textBox .tit span {display: block; line-height: 28px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 16px; color: #221815;}
.skillList2 .textBox .txt {line-height: 25px; margin-top: 26px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 14px; color: #221815; text-align: justify;}
.skillList2 .imgBox {float: left; font-size: 0;}
.skillList2 .imgBox img {display: inline-block; width: 321px; height: 208px;}
.skillList2 .imgBox img:first-child {margin-right: 34px;}

.skill-swiper {padding: 0 28%; margin: 80px 0 122px; position: relative; overflow: hidden;}
.skill-swiper .Btn {display: block; width: 27px; height: 55px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;}
.skill-swiper .prevBtn {background: url('../images/prevBtn3.jpg') no-repeat; background-size: cover; left: 0;}
.skill-swiper .nextBtn {background: url('../images/nextBtn3.jpg') no-repeat; background-size: cover; right: 0;}
.skillItem .swiper-container {overflow: visible;}
.skillItem .swiper-container .swiper-wrapper {align-items: center;}
.skillItem .swiper-slide {-webkit-transform: scale(.51); -moz-transform: scale(.51); -ms-transform: scale(.51); -o-transform: scale(.51); transform: scale(.51); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.skillItem .swiper-slide-active {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.skillItem .swiper-slide-prev {left: 21%;}
.skillItem .swiper-slide-next {right: 21%;}
.skillItem .itemList {padding: 20px 15px 14px; background: #fff; border: 2px solid #bababb; border-radius: 10px; overflow: hidden;}
.skillItem .itemList img {width: 478px; height: 321px;}
.itemList .textBox {margin-top: 8px;}
.itemList .textBox .tit {line-height: 40px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 25px; color: #b60005;}
.itemList .textBox .txt {height: 130px; line-height: 25px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 14px; color: #221815; text-align: justify; overflow: hidden;}
.swiper-slide-active .itemList .textBox .txt {height: auto;}

/* 工程案例 */
.banner .W1100 .case-swiper {padding: 0;}
.case-swiper .coverbg {width: 100%; padding-top: 43.178%; position: relative;}
.case-swiper .coverbg img {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: fill;}
.case-swiper .pagination {position: absolute; bottom: 20px; right: 0; padding-right: 30px; font-size: 0; text-align: right; z-index: 3;}
.case-swiper .pagination .swiper-pagination-bullet {width: 13px; height: 13px; margin: 0 10px; border-radius: 13px; background: #fff; opacity: 1;}
.case-swiper .pagination .swiper-pagination-bullet-active {background: #b60005;}
.case-list {margin-top: 67px;}
.case-list ul {margin: 0 -24px; font-size: 0;}
.case-list li {display: inline-block; width: 33.3333%; padding: 0 24px; margin-bottom: 41px;}
.case-list li a {display: block; width: 100%; padding-top: 61.86%; position: relative; overflow: hidden;}
.case-list li a img {display: block; width: 100%; height: 100%; object-fit: fill; transform: scale(1,1); -webkit-transition: all 0.5s; transition: all 0.5s; position: absolute; top: 0; left: 0; object-fit: cover;}
.case-list li a:hover img {transform: scale(1.1,1.1);}
.case-list li a p {width: 100%; line-height: 30px; padding: 0 13px; background: rgba(182, 0, 5, .7); font-family: "Noto Sans SC"; font-weight: 400; font-size: 13px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; bottom: 0;}

.case-intro {margin-top: 48px;}
.case-intro .tit {line-height: 44px; margin-bottom: 21px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 25px; color: #b60005;}
.case-intro section p {line-height: 36px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; text-align: justify;}

/* 古建资讯 */
.news-list {margin-bottom: 68px;}
.news-list li a {display: block; width: 100%; line-height: 62px; border-bottom: 1px solid #d18667;}
.news-list li:last-child a {border-bottom: none;}
.news-list li a::after {display: block; content: ""; height: 0; clear: both; visibility: hidden;}
.news-list .news-tit {float: left; max-width: 85%; font-family: "Noto Sans SC"; font-weight: 400; font-size: 18px; color: #221815; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s;}
.news-list .time {float: right; font-family: "Noto Sans SC"; font-weight: 400; font-size: 16px; color: #727171; transition: all 0.3s;}
.news-list li a:hover .news-tit,.news-list li a:hover .time {color: #b60005;}

.news-intros {margin-top: 48px;}
.news-intros .tit {line-height: 44px; margin-bottom: 21px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 25px; color: #b60005;}
.news-intros section p {line-height: 36px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; text-align: justify;}
.news-intros section img {display: inline-block;}

.item-list {display: flex; align-items: flex-start; justify-content: flex-start; position: relative; margin-top: 71px;}
.item-list::after {display: block; content: ""; width: 2px; background: #c78d5d; position: absolute; top: 7px; left: 219px; bottom: 0;}
.item-list .menu-list {flex: 0 0 20%; padding-right: 0.5%;}
.item-list .menu-list li {line-height: 38px;}
.item-list .menu-list li a {display: inline-block; font-family: "Noto Sans SC"; font-weight: 300; font-size: 23px; color: #c78e5d; position: relative; transition: all 0.3s;}
.item-list .menu-list li a::after {display: block; content: ""; width: 100%; height: 2px; background: transparent; position: absolute; left: 0; bottom: 0; transition: all 0.3s;}
.item-list .menu-list .active a,.item-list .menu-list li:hover a {color: #b60005;}
.item-list .menu-list .active a::after,.item-list .menu-list li:hover a::after {background: #b60005;}
.item-list .content-list {flex: 0 0 80%; padding-left: 39px;}
.item-list .content-list .tit {line-height: 46px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 31px; color: #c78e5d;}
.item-list .content-list section p {line-height: 38px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815; text-align: justify;}

/* 招聘英才 */
.job-list {margin-top: 60px;}
.job-list li {cursor: pointer;}
.job-list .job-tit {display: flex; align-items: center; justify-content: center;}
.job-list .job-tit div {line-height: 64px; background: #efeff0; font-family: "Noto Sans SC"; font-weight: 400; font-size: 20px; color: #b60005; text-align: center;}
.job-list .job-tit div:first-child {padding: 0 38px; text-align: left;}
.job-list .job-lis {}
.job-lis .lis {display: flex; align-items: center; justify-content: center; line-height: 30px; padding: 26px 0; border-bottom: 2px solid #d3d3d4; font-family: "Noto Sans SC"; font-weight: 300; font-size: 22px; color: #221815; text-align: center;}
.job-lis .lis .lis1 {width: 35%; padding: 0 38px; text-align: left;}
.job-lis .lis .lis2 {width: 25%;}
.job-lis .lis .lis3 {width: 25%;}
/* .job-lis .lis .lis4 {width: 21%;} */
.job-lis .lis .lis5 {width: 15%; padding-left: 58px;}
.job-lis .lis .lis5 i {display: block; width: 27px; height: 28px; background: url('../images/icon_cuts.png') no-repeat; transition: all 0.3s;}
.job-lis li.active .lis .lis5 i {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.job-lis .intros {display: none; padding: 25px 23px 17px 37px; border-bottom: 2px solid #d3d3d4;}
.job-lis .intros dl {line-height: 52px; margin-bottom: 52px; font-family: "Noto Sans SC"; font-weight: 300; font-size: 20px; color: #221815;}

/* 联系我们 */
.contact {margin: 111px 0;}
.contact dt {margin-bottom: 46px;}
.contact dt .name {display: inline-block; padding-bottom: 14px; border-bottom: 3px solid #b60005;}
.contact .tit-cn {line-height: 43px; font-family: "Noto Sans SC"; font-weight: bold; font-size: 30px; color: #595757;}
.contact .tit-en {line-height: 24px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 15px; color: #595757;}
.contact dd {max-width: 80%; line-height: 43px; font-family: "Noto Sans SC"; font-weight: 400; font-size: 23px; color: #595757;}