@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
@font-face {
	font-family:lhls;
	src: url(lhls.ttf);
}
/* CSS Document */
.banner img { display: block; width: 100%;}
.imgSwiper {width: 78.125vw; margin: 0 auto; overflow: hidden;}
.imgSwiper .swiper { width:100%; padding-top: 50px; padding-bottom: 50px;}
.imgSwiper .swiper-slide { position: relative; border-radius: 10px; overflow: hidden; background-position: center; background-size: cover; width: 56.25vw; height: 33.33vw;}
.imgSwiper .swiper-slide img { display: block; width: 100%;}
.imgSwiper .swiper-3d .swiper-slide-shadow-left { display: none;}
.imgSwiper .swiper-3d .swiper-slide-shadow-right { display: none;}
.imgSwiper .swiper-slide p { transition: all .5s;  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; position: absolute; width: 100%; line-height: 64px; text-align: center; background: rgba(121,7,0,.65); box-sizing: border-box;
font-size: 24px; color: #ffffff; bottom: -110%;}
.imgSwiper .swiper-slide.swiper-slide-active p { bottom: 0;}
.imgSwiper .swiper-button-next { left: auto; right: 15%; color: #ffffff;}
.imgSwiper .swiper-button-prev { left: 15%; color: #ffffff;}
.activeShow { background: url(../images/activeBg.jpg) center no-repeat; background-size: cover; padding: 70px 0 80px;}
.titleCell { background: url(../images/tbg.png) center bottom no-repeat; padding-bottom:30px; line-height: 1; text-align: center;}
.titleCell span { display: inline-block; margin: 0 12px; font-family: lhls; font-size: 55px; color: #ffffff;}
.activeSwiper { margin: 60px auto 0; position: relative; padding: 0 140px;}
.activeSwiper .swiper-slide {border-radius: 10px; overflow: hidden;}
.activePic { border-radius: 10px 10px 0 0; overflow: hidden;}
.activePic img { transition: all .75s; width: 100%; height: 100%; display: block; object-fit: cover;}
.activeSwiper .activeTxt { height: 315px; padding: 20px; background: #ffffff;}
.activeTxt h2 { margin-bottom: 10px; font-size: 18px; color: #b02d0a; line-height: 32px; height: 64px; text-align: center; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.activeTxt p span {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;
 font-size: 14px; color: #666666; line-height: 32px; float: left;}
.activeTxt p i { font-weight: bold; font-style: normal; color: #b02d0a;}
.activeSwiper .swiper-button-prev { opacity: .6; transition: all .5s; left: 46px; background: url(../images/prevBtn.png) center no-repeat; width: 59px; height: 122px;}
.activeSwiper .swiper-button-next { opacity: .6; transition: all .5s; left: auto; right: 46px; background: url(../images/nextBtn.png) center no-repeat; width: 59px; height: 122px;}
.activeSwiper .swiper-button-prev::after,.activeSwiper .swiper-button-next::after { display: none;}
.activeSwiper .swiper-button-prev:hover,.activeSwiper .swiper-button-next:hover { opacity: 1;}
.activeBox:hover img { transform: scale(1.1);}
.titleCell.orangeTit span{  background-image:-webkit-linear-gradient(bottom,#c03a23,#de4615,#e86722);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent; }
.titleCell.orangeTit { background: url(../images/obg.png) center bottom no-repeat;}
.windActive {background: #f1efef; padding: 60px 0 80px;}
.wactiveList { margin: 60px auto 50px; padding: 0 2%;}
.wactiveList ul::after {content: ''; clear: both; display: block; height: 0;}
.wactiveList li { border-radius: 10px; position: relative; margin-right: 1.9%; float: left; width: 18.475%; overflow: hidden;}
.wactiveList li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.wactiveList li:last-child { margin-right: 0;}
.wactiveList li a { display: block; position: relative;width: 100%; height: 100%;}
.wactiveList li a::after { content: ''; position: absolute; height: 74%; bottom: 0; width: 100%; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.8));}
.wactiveTxt {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 z-index: 2; padding: 0 1.3vw; font-size: 20px; color: #ffffff; line-height: 2; text-align: center; position: absolute; bottom: 20px; width: 100%; left: 0;}
.wactiveList li:hover img { transform: scale(1.1);}
.windActive a.checkMore { display: block; font-size: 24px; color: #ffffff; width: 250px; line-height: 50px; border-radius: 50px; margin: 50px auto 0;
background: #c94116; text-align: center;}
.workList ul::after { content: ''; clear: both; display: block; height: 0;}
.workList ul { width: 1624px; max-width: 92%; margin: 60px auto 55px;}
.workList li { transition: all .7s; border-radius: 10px; overflow: hidden; float: left; width: 32%; margin-right: 2%;}
.workList li:nth-child(3n) { margin-right: 0;}
.workList li img { width: 100%; height:100%; transition: all .7s; object-fit: cover; display: block;}
.workList li:hover img { transform: scale(1.1);}
.workList li:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.workImg { height: 18.645vw; overflow: hidden;}
.workList li p { text-align: center; line-height: 3; font-size: 18px; color: #ffffff; background: #a82302; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.workList a.checkMore { display: block; font-size: 24px; color: #ffffff; width: 250px; line-height: 50px; border-radius: 50px; margin: 50px auto 0;
background: #c94116; text-align: center;}
.work { padding: 60px 0;}
.service { background: url(../images/serviceBg.jpg) center bottom no-repeat; background-size: cover; padding: 70px 0 50px;}
.serviceList { width: 1450px; margin: 0 auto; max-width: 92%;}
.serviceList ul { margin: 70px auto 0; overflow: hidden;}
.serviceList li { margin-bottom: 2.1333%; position: relative; float: left; width: 23.4%; height: 315px; overflow: hidden; margin-right: 2.13333%;}
.serviceList li:nth-child(4n) { margin-right: 0;}
.serviceList li img { transition: all .7s; display: block; width: 100%; height: 100%; object-fit: cover;}
.serviceList li::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);
width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition: all .5s;}
.coverTxt { z-index: 2; transition: all .5s; opacity: 0; transform: translateY(-50%); text-align: center; color: #ffffff; font-size: 18px; line-height: 2; position: absolute; left: 0; top: 50%; width: 100%; box-sizing: border-box; padding: 0 2.3vw;}
.serviceList li:hover::after {  transform: translate(-50%,-50%) scale(1)}
.serviceList li:hover .coverTxt { opacity: 1;}
.serviceList li:hover img { transform: scale(1.2);}
.serviceList a.checkMore { display: block; font-size: 24px; color: #ffffff; width: 250px; line-height: 50px; border-radius: 50px; margin: 50px auto 0;
background: #4b99c4; text-align: center;}
.comprehensiveActive { padding: 60px 0;}
.comprehenisveList ul { max-width: 92%; width: 1450px; margin:60px auto 0;}
.comprehenisveList ul::after { content: ''; clear: both; display: block; height: 0;}
.comprehenisveList li { position: relative; float: left; width: 32%; margin-right: 2%; margin-bottom: 2%;}
.comprehenisveList li img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.comprehenisveList li:nth-child(3n) { margin-right: 0;}
.cmoText { height: 78px; position: absolute; bottom: 0; width: 100%; left: 0; background: rgba(0,0,0,0.5);}
.cmoText p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 text-align: center; position: absolute; font-size: 14px; line-height: 2; left: 4%; right: 4%; top: 50%; transform: translateY(-50%); color: #ffffff;}
.comprehenisveList a.checkMore { display: block; font-size: 24px; color: #ffffff; width: 250px; line-height: 50px; border-radius: 50px; margin:30px auto 0;
background: #c94116; text-align: center;}
.cellBanner img { display: block; width: 100%;}
.scrollCont { overflow: hidden;}
.scrollCont li { position: relative; width: 27.3vw; margin-right: 1.3vw; float: left;}
.scrollCont li .pic { position: relative; border-radius: 10px; height:16.145vw; overflow: hidden;}
.scrollCont li .pic img { width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.scrollCont li:hover img { transform: scale(1.2);}
.picMarquee-left { width: 100%!important;}
.scrollCont li p { transition: all .5s; text-align: center; box-sizing: border-box; width: 100%; position: absolute; bottom: -110%; left: 0; 
font-size: 18px; color: #ffffff; line-height: 3; background: #a72402; padding: 0 10px;  overflow: hidden;text-overflow: ellipsis;  
white-space: nowrap; position: absolute;}
.scrollCont li:hover p{ bottom: 0;}
#picMarquee-left1 {margin-bottom:1.3vw ;}
.endShow { background: #f1efef; padding: 70px 0;}
.scrollCont { margin-top: 60px;}
.friendLink { padding: 55px 0;}
.linkCont { width: 1080px; max-width: 92%; margin: 0 auto;}
.linkCont h2 { margin-bottom: 40px; font-size: 28px; font-weight: bold; color: #333333;}
.linkList a { margin-right:18px; display: inline-block; font-size: 20px; color: #333333; line-height: 2.5;}
.footer { background: #970909; padding: 57px 0 65px;}
.footerCont { width: 1080px; max-width: 92%; margin: 0 auto; overflow: hidden;}
.footerLogo { float: left;}
.codeNotice { margin-top:45px; float: right;}
.footerTxt {padding-top: 14px; margin-left: 30px; line-height: 28px; font-size: 18px; float: left; color: #ffffff;}
.footerTxt a { color: #ffffff;}
.copyRight { margin-top: 10px;}
@media screen and  (max-width:1440px){
	.imgSwiper .swiper-slide p { font-size: 20px; line-height: 2.5;}
	.titleCell img { height: 26px;}
	.titleCell span { font-size: 40px;}
	.activeSwiper .activeTxt { height: 275px;}
	.wactiveTxt { line-height: 1.5; font-size: 18px;}
	.windActive a.checkMore,.workList a.checkMore,.serviceList a.checkMore,.comprehenisveList a.checkMore { font-size: 18px; width: 180px; line-height: 40px;}
	.serviceList li { height: 21.72vw;}
}

@media screen and  (max-width:780px){

.footer { padding: 20px 0;}
.footerLogo { float: none; text-align: center;}
.footerLogo img { height: 80px;}
.footerTxt a { display: inline-block; margin: 0 5px;}
.codeNotice { display: none;}
.footerTxt { line-height: 1.5; text-align: center; margin:10px 0 0; padding: 0; font-size: 14px;}
.friendLink { padding: 20px 0;}
.linkCont h2 { font-size: 16px; margin-bottom:10px;}
.linkList a { font-size: 14px; line-height: 1.5; margin-right: 5px;}
.scrollCont li { width:35vw;}
.scrollCont li .pic {border-radius: 3px; height: 22vw;}
.scrollCont { margin-top: 20px;}
.endShow { padding: 20px 0;}
.comprehenisveList ul { margin-top: 20px;}
.comprehensiveActive { padding: 20px 0;}
.cmoText p { line-height: 1.5;}
.cmoText { height: 60px;}
.serviceList ul { margin-top: 20px;}
.coverTxt { font-size: 14px; line-height: 1.5;}
.serviceList li,.comprehenisveList li {width: 49%; margin: 0 0 2%; height: 42vw;}
.serviceList li:nth-child(2n),.comprehenisveList li:nth-child(2n) { float: right;}
.titleCell span { font-size: 20px;}
.titleCell img { height: 6px;}
.imgSwiper { width: 92%;}
.imgSwiper .swiper-slide { height: auto;}
.imgSwiper .swiper { padding: 20px 0;}
.imgSwiper .swiper-slide p { font-size: 16px;}
.imgSwiper .swiper-button-prev { font-size: 16px; left: 4%;}
.imgSwiper .swiper-button-next {right: 4%;}
.imgSwiper .swiper-button-prev::after,.imgSwiper .swiper-button-next::after { font-size: 16px;}
.titleCell { background-size: auto 10px!important;padding-bottom: 15px;}
.activeSwiper .swiper-button-next,.activeSwiper .swiper-button-prev { width: 30px; height: 60px; background-size: 100% auto;}
.activeSwiper .swiper-button-next { right: 5px;}
.activeSwiper .swiper-button-prev { left: 5px;}
.activeSwiper { padding: 0 40px;}
.activeShow { padding: 20px 0;}
.activeSwiper {margin-top: 20px;}
.activeTxt h2 { font-size: 16px;}
.windActive { padding: 20px 0;}
.wactiveList li { height: 60vw; float: left; width: 49%; margin: 0; margin-bottom: 2%;}
.wactiveList li:nth-child(2n) { float: right;}
.wactiveList { margin: 20px auto; padding: 0 4%;}
.wactiveTxt { font-size: 14px;}
.windActive a.checkMore, .workList a.checkMore, .serviceList a.checkMore, .comprehenisveList a.checkMore { font-size: 14px; width: 120px; margin: 20px auto 0;}
.work { padding: 20px 0;}
.workList ul { margin: 20px auto;}
.workList li p { font-size: 14px;}
.workList li { float: none; width: 100%; margin-bottom: 2%; height: auto;}
.workImg { height: auto;}
.service { padding: 20px 0;}
}