@charset "utf-8";
/*通用样式*/

#screen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 10;}
.banner {position: relative; overflow: hidden; height: 355px;}
.newsSwiper { overflow: hidden;}
.banner .swiper { height: 100%; width: 100%;}
.banner .swiper-slide { width: 100%; height: 100%;}
.banner .swiper-slide>img { display: block; width: 100%; height: 100%; object-fit: cover;}


.aniIcon1 { left: 8%; top: 20%; position: absolute; transition: all 1s; transform: translateY(150px); opacity: 0;display: block;}
.aniIcon2 {z-index: 2; opacity: 0; width:100%; left:8%; top: 33%; position: absolute; transform: translateY(100px); transition: all 1s .3s;}
.aniIcon3 {; opacity: 0; left: 8%; top: 48%;  position: absolute; transform: translateY(150px); transition: all .8s .6s;}
.aniIcon4 { opacity: 0; left: 8%; top: 57%;position: absolute; transform: translateY(150px); transition: all 1s .3s;}
/*.aniIcon5 {width: 20%; opacity: 0; left: 57.265%; bottom: -3.93%; position: absolute; transform: translateY(150px); transition: all 1s .5s;}
.aniIcon6 {opacity: 0; width: 27.42%; right: 0%; top: 41.63%; position: absolute; transform: translateY(150px); transition: all 1s .6s;}
.aniIcon7 {opacity: 0; width: 9.375%; right: 0%; top:64.26%; position: absolute; transform: translateY(150px); transition: all 1s .8s;}
.aniIcon8 { opacity: 0; position: absolute; right: 0; top: 29.18%; transition: all .6s .8s; transform: translateX(300px);}
.aniIcon9 { opacity: 0; position: absolute; left:24%; top: 59.5%; transition: all .6s .8s; transform: translateY(100px);}*/
.bannerContainer{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
.bannerContainer .aniIcon1  i{
	display: block;
	width: 40px;
	height: 2px;
	background: #EB5606;
}
.bannerContainer .aniIcon1 b{
	margin-top: 20px;
	font-weight: 400;
	font-size: 23px;
	color: #FFFFFF;
	line-height: 22px;
	position: relative;
	display: block;
}
.bannerContainer .aniIcon1::after{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	height: 2px;
	background: #EB5606;
}
.bannerContainer .aniIcon2{
	font-family: Microsoft YaHei;
	font-weight: bold;
	font-size: 38px;
	color: #FFFFFF;
}
.bannerContainer .aniIcon3{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 22px;
}
.bannerContainer .aniIcon4{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 26px;
	color: #EB5606!important;
}
.banner .swiper-slide-active .bannerContainer img { transform: translate(0,0); opacity: 1;}
.banner .swiper-slide-active .bannerContainer span { transform: translate(0,0); opacity: 1;color: #ffffff;}
.banner .swiper-button-prev {  opacity:0;transform: translateX(-50px);top: 50%!important; margin-top: -26px; bottom: auto; transition: all .5s; left: 15px; background: url(../images/left1.png) center no-repeat; background-size:cover;width: 18px; height: 36px;}
.banner .swiper-button-next {   opacity:0;transform: translateX(50px);top: 50%!important; margin-top: -26px; bottom: auto; transition: all .5s; right:15px; background: url(../images/right1.png) center no-repeat;background-size:cover; width: 18px; height: 36px; }
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { display: none;}
.banner .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #EB5606;
	opacity:1;
	background: none;
}
.banner .swiper-pagination-bullet-active{
	background: #EB5606;
}
.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev {transform: translateX(0); opacity: 1;}
.pageCont { width: 1280px; margin: 0 auto; max-width: 92%; padding: 45px 0;min-height: calc(100% - 547px);}
.leftNews { float: left; width: 56.4%;}
.newsTit { margin-bottom: 15px; line-height: 26px; padding: 11px 0; overflow: hidden;}
.newsTit p { float: left; font-size: 26px; color: #000000;}
.newsTit a { transition: all .5s; transition: all .5s; float: right; color: #868686; font-size: 15px; padding-right: 16px; position: relative;}
.newsTit a::after { content: ''; background: url(../images/moreIcon.png) right center no-repeat; width: 9px; height: 15px; position: absolute; right: 0;
display: block; top: 50%; margin-top: -7.5px;background-size:100% 100%}
.newsTit a:hover {padding-right: 20px; color: #E60012;}
.newsTit a:hover::after { animation:aniMore 1s infinite linear;}
.closeAlt { display: block; text-align: right; cursor: pointer;}
@keyframes aniMore{
	from{ margin-right: 0; opacity: 1;}
	50% { margin-right:6px; opacity: .5;}
	to{ margin-right: 0; opacity: 1;}
}
.newsCont {overflow: hidden;}
.newsPic { float: left; width: 328px; height: 223px; overflow: hidden;}
.newsPic img { display: block; width: 100%; height: 100%; object-fit: cover;transition: all .5s;}
.newsSwiper .swiper-slide:hover img { transform: scale(1.1);}
.newsSwiper .swiper-slide:hover h2 { color: #E50010;}
.newsText {padding-top: 15px; float: right; width: calc(100% - 362px);}
.newsText h2 { transition: all .5s; font-size: 18px; line-height: 30px; font-weight: bold; color: #000000; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsText p { font-size: 16px; line-height: 30px; color: #76767E; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsSwiper .newSwiper{position: relative;}
.newsSwiper .swiper-pagination { bottom: 0!important; text-align: right;}
.newsSwiper .swiper-pagination span { width: 14px; height: 14px;}
.newsSwiper .swiper-pagination span.swiper-pagination-bullet-active { background:#E50010 ;}
.leftNews ul { margin-top: 25px; border-top: 3px solid #F9F4ED;}
.leftNews li { position: relative; padding: 12px 8.5% 12px 6px; transition: all .5s; margin-bottom: 3px; overflow: hidden; border-bottom: 3px solid #F9F4ED;}
.leftNews li::after { content: ''; transition: all .5s; background: url(../images/newRight.png) center no-repeat; width: 8px; height: 14px; position: absolute; right: 0;
top: 50%; margin-top: -7px;background-size: 100% 100%;}
.leftNews li::before { content: ''; transform: translateX(-15px); opacity: 0; transition: all .5s; background: url(../images/newOn.png) center no-repeat; height: 14px; width: 21px; position: absolute; right: 0; top: 50%;
margin-top: -7px;background-size: 100% 100%;}
.leftNews li:hover::before { opacity: 1; transform: translateX(0);}
.leftNews li:hover::after { opacity: 0; transform: translateX(10px);}

.dateCont { padding-right: 18px; position: relative; float: left; text-align: center;width: 75px;}
.dateCont p { transition: all .5s; font-family: rjb; font-size: 47px; line-height: 31px; margin-bottom: 9px; color: #B4A48A;}
.dateCont span { transition: all .5s; display: block; font-family: rjb; line-height: 12px; font-size: 18px; color: #B4A48A;}
.dateCont::after { content: ''; position: absolute; width: 2px; height: 47px; background: #D9D9D9; right: 0; top: 50%; transform: translateY(-50%);}
.leftNews li h2{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .5s; float: right; width: calc(100% - 90px); font-size: 16px; color: #76767E; line-height:26px;}

.leftNews li:hover .dateCont p { color: #E50010;}
.leftNews li:hover .dateCont span { color: #000000;}
.leftNews li:hover h2 { color: #020202;}
.rightNews { float: right; width: 40.5%; background: #F2F2F2; padding: 16px 35px 38px;}
.newsTop {overflow: hidden;}
.rightNews ul { border-top: 3px solid #F0ECE5;}
.rightNews li { transition: all .5s; position: relative; border-bottom: 3px solid #F0ECE5; padding: 24px 33px 24px 0; overflow: hidden;}
.rightNews li h2{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .5s; float: right; width: calc(100% - 90px); font-size: 16px; color: #76767E; line-height:26px;}

.rightNews li::before { content: ''; transform: translateX(-15px); opacity: 0; transition: all .5s; background: url(../images/newOn.png) center no-repeat; height: 14px; width: 21px; position: absolute; right: 0; top: 50%;
margin-top: -7px;background-size:100%}
.rightNews li:hover::before { opacity: 1; transform: translateX(0);}
.rightNews li:hover .dateCont p { color: #E50010;}
.rightNews li:hover .dateCont span { color: #000000;}
.rightNews li:hover h2 { color: #020202;}

.rightNews .newsTit { padding: 24px 0;}
.buildInfor { margin-top: 35px; margin-bottom:3px;}
.buildSwiper { position: relative;}
.buildSwiper .swiper{ padding: 10px;margin:-10px;overflow-x: hidden;}
.buildSwiper .swiper-slide { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.buildSwiper .swiper-slide img { transition: all .5s; display: block; width: 100%; height: 100%; object-fit: cover;}
.buildSwiper .swiper-button-prev { transition: all .5s; left: -60px; background: url(../images/buildPrev.png) center no-repeat; width: 43px; height: 43px;background-size: 100%;}
.buildSwiper .swiper-button-next {  transition: all .5s; right: -60px; background: url(../images/buildNext.png) center no-repeat; width: 43px; height: 43px;background-size: 100%;}
.buildSwiper .swiper-button-prev::after,.buildSwiper .swiper-button-next::after { content: '';}
.buildSwiper .swiper-button-prev:hover { background: url(../images/buildPrevon.png) center no-repeat;background-size: 100%;}
.buildSwiper .swiper-button-next:hover { background: url(../images/buildNexton.png) center no-repeat;background-size: 100%;}
.buildTxt { transition: all .5s; padding: 20px 15px;}
.buildTxt h2 { color: #000000; font-size: 18px; transition: all .3s;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; line-height: 1; margin-bottom: 16px;}
.buildTxt p {transition: all .5s; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; padding-left:20px; font-size: 14px; color: #9F9E9E; line-height: 30px;}
.buildTxt p.location { background: url(../images/icon1.png) left center no-repeat;background-size: 14px;}
.buildTxt p.tel { background: url(../images/icon2.png) left center no-repeat;background-size: 14px;}
.buildSwiper .swiper-slide:hover img { transform: scale(1.1);}
.buildImg { height: 180px; overflow: hidden;}
.buildSwiper .swiper-slide:hover .buildTxt { background:#E50010 ;}
.buildSwiper .swiper-slide:hover h2 { color: #ffffff;}
.buildSwiper .swiper-slide:hover p { color: #ffffff;}
.buildSwiper .swiper-slide:hover p.location { background: url(../images/icon1on.png) left center no-repeat;background-size: 14px;}
.buildSwiper .swiper-slide:hover p.tel { background: url(../images/icon2on.png) left center no-repeat;background-size: 14px;}
.footer { background: #333333; padding: 38px 0 30px;}
.footerCont { overflow: hidden; max-width: 92%; width: 1280px; margin: 0 auto;}
.footerLogo { float: left; margin-top: 33px; display: block; height: 55px;}
.footerLogo img { display: block; height: 100%;}
.footScan { float: right;}
.footScan ul {overflow: hidden;}
.footScan li { margin-left: 23px; float: left; text-align: center;}
.footScan li img { display: block; width: 100%;}
.footScan li p { font-size: 15px; line-height: 1; color: #B8B7B7; margin-top: 11px;}
.webmap{cursor: pointer;}
.footTxt { margin-top: 32px; margin-left: 32px; float: left; font-size: 15px; color: #B8B7B7; line-height: 30px;}
.footTxt a { transition: all .5s; color: #B8B7B7; margin-right: 16px;}
.footTxt a:hover { color: #ffffff;}
.fixRight ul :nth-child(4) img {width: 16px;}
.fixRight li { position: relative;}
.fixRight { z-index:11; position: fixed;top: 30%; transform: translateY(-50%); right: 9px;}
.fixRight li { position: relative; position: relative; transition: all .5s; cursor: pointer; margin-bottom: 2px; position: relative; display: block; width: 70px; height: 70px; background: rgba(51,51,51,0.87);}
.fixRight span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.fixRight span img { display: block; margin: 0 auto;}
.fixRight span p { font-size: 14px; color: #ffffff; white-space: nowrap;}

.fixScan { display: none; width: 120px; height: 120px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; width: ; position: absolute; right: 70px; top: 0;}
.fixScan img { display: block; width: 100%;}
.fixRight li:hover .fixScan { display: block;}
.fixRight li i { display: none; font-size: 16px; padding: 0 25px 0 53px; position: absolute; right: 0; top: 0; background:url(../images/icon3.png) 20px center no-repeat #E50010;
width: auto; color: #ffffff; line-height: 70px; white-space: nowrap; font-style: normal;}
.fixRight li:hover i { display: block;}
.fixRight li:hover { background:#E50010 ;}
.sectionTxt img { display: block; margin: 0 auto;}
.sectionTxt { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.sectionTxt img {transform: translateY(100px); opacity: 0;}
.sectionTxt img:nth-child(1) { transition: all .5s .4s;}
.sectionTxt img:nth-child(2) { margin:20px auto; transition: all .5s .6s;}
.sectionTxt img:nth-child(3) { transition: all .5s .8s;}
.banner .swiper-slide-active img { opacity: 1; transform: translateY(0);}


@keyframes aniPoint{
	from{ margin-top: 0; opacity: 1;}
	50% { margin-top:12px; opacity: .5;}
	to{ margin-top: 0; opacity: 1;}
}
.prompt em { animation:aniPoint 2s infinite linear;}
.prompt{display: block;width: 40%;color: #FFF;text-align: center;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.prompt i{line-height: 24px;font-size: 16px;font-style:initial}
.prompt em{display: block;margin-top: 10px;}








.nav li.act i { transform: rotate(0deg);}

@media  only screen and (max-width: 870px), only screen and (max-device-width: 870px) {
	.banner{
	    height: 275px;
	}
	.bannerContainer .aniIcon1 b {
	    margin-top: 10px;
	    font-size: 20px;
	    color: #FFFFFF;
	}
	.bannerContainer .aniIcon2{
		font-size: 30px;
	}
	.bannerContainer .aniIcon3{
		font-size: 20px;
	}
	.bannerContainer .aniIcon4{
		font-size: 20px;
	}
	.banner .swiper-button-next,.banner .swiper-button-prev{
		height: 30px;
	}
	.banner .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
}


@media  only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	.banner{
	    height: 220px;
	}
	.bannerContainer .aniIcon1 b {
	    margin-top: 5px;
	    font-size:16px;
	    color: #FFFFFF;
	}
	.bannerContainer .aniIcon2{
		font-size: 18px;
	}
	.bannerContainer .aniIcon3{
		font-size:16px;
		top: 45%;
	}
	.bannerContainer .aniIcon4{
		font-size: 16px;
	}
	.banner .swiper-button-next,.banner .swiper-button-prev{
		height: 30px;
	}
	.banner .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
}

@media  only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
    .banner {
        height: 176px;
        margin-top: 20px 
    }
    .bannerContainer .aniIcon1{
    	top: 20%;
    }
    .bannerContainer .aniIcon1 b {
	    margin-top: 5px;
	    font-size: 14px;
	    color: #FFFFFF;
	}
	.bannerContainer .aniIcon2{
		font-size: 16px;
		top: 36%;
	}
	.bannerContainer .aniIcon3{
		font-size: 12px;
		top: 50%;
	}
	.bannerContainer .aniIcon4{
		font-size: 12px;
		top: 60%;
	}
	.banner .swiper-button-next{
		right: 5px;
	}
	.banner .swiper-button-prev{
		left: 5px;
	}
	.about-us .content p{
		line-height: 28px;
	}
}