/*********************************************************************************************/
/* 工程业绩 */
/*********************************************************************************************/
.page-top{position: relative;background-image: url(../images/project-bg.png);background-position: center;background-size: cover;height: 420px;}
/* 工程布局 */
.project-lay{position: relative;}
.project-lay .text{width: 40%;padding-top: 40px;}
.project-lay .text>span{color: #444444;font-size: 20px;}
.project-distance {margin: 35px 0;}
.project-distance img{display: inline-block;width: 92px;height: 92px;margin-right:5%;vertical-align: middle;}
.project-distance div{display: inline-block;vertical-align: middle;}
.project-distance div>span{font-size: 20px;color: #444444;}
.project-distance div p{font-size: 64px;color: #91bb1c;}
.project-distance div p span{font-family: enMedi;}
.project-location {border-top: 1px solid #EEEEEE;padding-top: 25px;}
.project-location>div{width: 120px;height: 120px;margin:0 15px 15px 0;display: inline-block;background: #F1F1F1;padding-top: 30px;cursor: pointer;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.project-location>div i{display: inline-block;width: 100%;text-align: center;color: #91bb1c;font-size: 26px;}
.project-location>div span{display: inline-block;width: 100%;text-align: center;color: #666666;font-size: 16px;line-height: 2.4;transition: all .2s ease-in;-webkit-transition: all .2s ease-in;}
.project-location>div.active{background: #a7c904;background: linear-gradient(135deg,#a7c904,#035faa);}
.project-location>div.active i,.project-location>div.active span{color: #FFFFFF;}
.project-location>div:hover span{color: #a7c904;}
/* 城市列表 */
.city-box{background: #F8F8F8;}
.city-list{padding-top: 40px;}
.city-item .img-box{position: relative;background: #FFFFFF;cursor: pointer;}
.city-item .img-box .gradient{height: 5px;width: 100%;}
.city-item .img-box img{width: 100%;}
.city-item .img-box p{line-height: 3.6;text-align: center;display: inline-block;width: 100%;color: #666666;}
.city-item .img-box p span{font-size: 16px;transition: all .3 ease-in;-webkit-transition: all .2s ease-in;}
.city-item .img-box p i{font-size: 20px;transition: all .3 ease-in;-webkit-transition: all .2s ease-in;}
.city-item .img-box:hover i,.city-item .img-box:hover span{color: #078827;}
/* 产品详情 */
.detail-box{max-width: 1400px;margin: 0 auto;padding: 75px 25px;position: relative;}
.detail-top{width:100%;background: #F8F8F8;padding-top: 75px;}
.detail-top .detail-box{padding: 50px 5% 40px;background: #FFFFFF;border-bottom: 1px solid #EEEEEE;}
.detail-top .detail-box .detail-swiper{width: 35%;height: 235px;}
.detail-top .detail-box .detail-swiper .detail-page{position: absolute;bottom: 50px;width: 100%;text-align: center;}
.detail-top .detail-box .detail-swiper .detail-page .swiper-pagination-switch{width: 13px;height: 13px;display: inline-block;border-radius: 50%;border: 2px solid #FFFFFF;background: none;margin: 0 10px;}
.detail-top .detail-box .detail-swiper .detail-page .swiper-pagination-switch:after{content: '';}
.detail-top .detail-box .detail-swiper .detail-page .swiper-active-switch{background: #FFFFFF;}
.detail-top .detail-box .detail-swiper .swiper-wrapper,.detail-top .detail-box .detail-swiper .swiper-slide{height: 100%;}
.detail-top .detail-box .detail-swiper .news-item{height: 100%;}
.detail-top .detail-box .detail-swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.detail-swiper .btn{width: 50px;height: 50px;background: rgba(0,0,0,.4);position: absolute;z-index: 10;top: 50%;margin-top:-25px;text-align: center;line-height: 50px;cursor: pointer;}
.detail-swiper .swiper-prev{left: 0;}
.detail-swiper .swiper-next{right: 1px;}
.detail-swiper .btn img{width: 12px;height: 19px;display: inline-block;line-height: 50px;}
.detail-title{width: 42%;position: absolute;left:50%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.detail-title>p{font-size: 30px;color: #000000;border-bottom: 1px solid #DDDDDD;margin-bottom: 25px;padding-bottom: 25px;}
.detail-title span{font-size: 14px;color: #888888;line-height: 2;}
.detail-title .box{width: 40%;min-width: 150px;}
.detail-title .box img{display: inline-block;vertical-align: middle;}
.detail-title .box div{display: inline-block;vertical-align: middle;margin-left: 25px;}
.detail-title .box div>span{font-size: 16px;color: #666666;margin-right: 20px;}
.detail-title .box div p span{color: #91bb1c;font-size: 16px;font-family: enMedi;}
.detail-title .box div p{display: inline-block;}
.detail-title .box div p span:first-child{font-size: 36px;line-height: 1.2;vertical-align: bottom;}
/* 线路详情 */
.project-detail{padding: 25px 0;}
.project-detail .name{width: 45%;float: left;}
.project-detail .name>p{font-size: 30px;color: #444444;width: 100%;padding-bottom: 25px;border-bottom: 1px dashed #EEEEEE;}
.project-detail .name div{padding: 25px 0;}
.project-detail .map{width: 50%;float: right;border: 1px solid #EEEEEE;padding: 20px;}
.project-detail .map img{width: 90%;margin: 0 auto;display: block;height: auto;}
.gradient-border{border-radius: 40px;height: 50px;float: left;background: #A7C904;background: linear-gradient(90deg,#a7c904,#035faa);padding: 0 2px;margin:0 15px 15px 0;}
.gradient-border span{line-height: 46px;display: inline-block;color: #444444;font-size: 14px;background: #FFFFFF;border-radius: 40px;padding: 0 20px;margin-top: 2px;}

@media (max-width:1200px) {
	.project-lay .text{width: 100%;padding-top: 40px;margin-bottom: 25px;}
	.project-lay .map{float: none;}
	.map img{max-width: 90%;display: block;margin: 0 auto;}
	.detail-top .detail-box .detail-swiper{width: 450px;float: none;margin: 0 auto;}
	.detail-title{width: 90%;position: static;margin: 30px auto;top: 0;transform: none;}
}
@media (max-width:992px) {
	.project-detail .name{width: 100%;float: none;display: block;margin: 0 auto;}
	.project-detail .map{width: 100%;float: none;display: block;margin: 0 auto;}
}
@media (max-width:768px) {
	.project-lay .map{ float: left; width: 100%; }
	.detail-top{padding-top: 25px;}
	.project-distance div p{font-size: 48px;}
	.project-location{width: 100%;}
	.project-location>div{width: 22%;margin-right: 3%;float: left;padding-top: 15px;height: 90px;}
	.city-box{padding-top: 30px;}
	.detail-top .detail-box .detail-swiper{width: 100%;height: 280px;}
	.detail-top .detail-box{padding: 50px 5% 20px;}
	.project-detail .name>p{font-size: 26px;}
	.detail-title>p {font-size: 26px;}
}