/*工程案例*/
.header{z-index:3;}
.caseWapper{position:relative;z-index:3;}
.caseWapper .publicContainer{padding:50px;}
.selectForm{width:100%;height:50px;}
.selectForm form{display:block;width:100%;height:100%;}
.selectForm form>div{position:relative;width:21%;height:100%;background:#5d9be5;margin-right:1%;border-radius:5px;}
.selectForm .input{background:#fff;border:1px solid #ccc;}
.selectForm input{width:100%;height:100%;padding:0 10px;color:#fff;}
.selectForm .input input{color:#333;}
.selectForm .submitBtn{width:10%;height:100%;margin-right:0;background:url(../image/icon_search.png) no-repeat center;background:#0054A7;}
/*.selectForm .submitBtn{position:absolute;width:50px;height:100%;margin-right:0;background:url(../image/icon_search.png) no-repeat center;top:0;right:-50px;}*/
.selectForm .submitBtn input{cursor:pointer;padding:0;}
.caseEntrance{width:100%;margin-top:95px;}
.caseEntrance a{float:left;width:30.45%;margin-right:4.32%;}
.caseEntrance a:last-child{margin-right:0;}
.caseEntrance a p{font-size:24px;color:#0046AC;margin-bottom:27px;}
.caseEntrance .img{width:100%;height:207px;background:#0046AC;overflow:hidden;}
.caseEntrance .img img{width:100%;height:100%;}
/*.selectForm .submitBtn:hover{background:url(../images/icon/icon_search_cur.png) no-repeat center;}*/
.selectForm .submitBtn:hover{background:#3671CF;}
.selectDiv .icon{position:absolute;width:50px;height:100%;top:0;right:0;background:#0054A7 url(../image/icon_9.png) no-repeat center;border-radius:0 5px 5px 0;}
.select_option{position:absolute;width:100.3%;left:0;top:50px;border: 1px solid #CCCCCC;border-top:none;background:#fff;z-index:5;padding:15px 0;display:none;border-radius:5px;max-height:200px;overflow:auto;}
.select_option li{font-weight:400;line-height:30px;padding:0 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.select_option li:hover{background:#3671CF;color:#fff;}

/*工程案例列表页*/
.caseList{margin-top:0px;}
.caseListUl li{float:left;width:30.76%;margin-right:3.85%;margin-bottom:3.85%;cursor:pointer;}
.caseListUl li:nth-child(3n){margin-right:0;}
.caseListUl .img{position:relative;width:100%;overflow:hidden;}
.caseListUl .img img{width:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.caseListUl .img p{position:absolute;width:100%;height:45px;line-height:45px;font-size:14px;text-align:center;left:0;bottom:0;background:#133F90;background:rgba(19,63,144,0.6);color:#fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.caseListUl .img p a{color:#ffffff;}
.caseListUl li:hover>.img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.caseListUl li:hover>.img p{background:#133F90;}

.details{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10;background:rgba(0,0,0,0.65);display:none;}
.details .outer{width:490px;height:636px;background:#fff;position:absolute;top:50%;left:50%;margin:-318px 0 0 -245px;padding:40px;}
.details .close{position:absolute;width:30px;height:30px;background:url(../image/icon_11.png) no-repeat;background-size:100% 100%;top:-12px;right:-9px;cursor:pointer;z-index:5;}
.details .swiper-container{position:relative;width:100%;overflow:hidden;margin-bottom:10px;}
.details .outer .swiper-wrapper{width:9999px;margin-bottom:10px;}
.details .outer .swiper-slide{float:left;}
.details .outer .swiper-slide img{width:100%;}
.details .outer h2{font-size:18px;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.details .introduce{padding:10px 0 8px;border-bottom:1px solid #ccc;margin-bottom:10px;}
.details .introduce p{float:left;width:50%;font-size:14px;margin-bottom:8px;}
.details .pro{margin-top:12px;}
.details .pro a{font-size:13px;padding-bottom:6px;border-bottom:1px dashed #ccc;margin-bottom:6px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:15px;}
.details .pro a:hover{color:#0046AD;}
/*.details .pro a:last-child{border-bottom:none;}*/
.details .pro img{width:100%;}
.details .inner{width:100%;height:100%;overflow-y:auto;}
.details .inner::-webkit-scrollbar{width:8px;overflow:hidden;background:#153c72;}
.details .inner::-webkit-scrollbar-thumb{background:#007bd6;border-radius:8px;}
.details .swiper-button-area{text-align:center;}
.details .swiper-button{display:inline-block;width:20px;height:31px;cursor:pointer;margin:0 35px;}
.details .swiper-button-next{background:url(../image/right.png) no-repeat;background-size:100% 100%;}
.details .swiper-button-prev{background:url(../image/left.png) no-repeat;background-size:100% 100%;}
.details .swiper-button.swiper-button-disabled{opacity:0.3;}





@media ( min-width: 1200px ) and ( max-width: 1399px ){
	/*工程案例*/
	.selectForm{height:45px;}
	.select_option{top:45px;}
	.caseEntrance{margin-top:85px;}
}



@media ( min-width: 992px ) and ( max-width: 1199px ){
	/*工程案例*/
	.selectForm{height:45px;}
	.select_option{top:45px;}
	.caseEntrance{margin-top:85px;}
	.caseList{margin-top:65px;}
	.caseEntrance a p{font-size:22px;}


}

@media ( min-width: 768px ) and ( max-width: 991px ){
	/*工程案例*/
	.selectForm{height:40px;}
	.selectDiv .icon{width:40px;}
	.select_option{top:40px;}
	.selectForm input{padding:0 0 0 8px;font-size:13px;}
	.caseWapper .publicContainer{padding:50px 20px;}
	.caseEntrance,.caseList{margin-top:60px;}
	.caseEntrance a p{font-size:20px;margin-bottom:15px;}

	/*工程案例列表页*/
	.caseListUl li{width:32%;margin-right:1.9%;margin-bottom:1.9%;}
	.caseListUl .img p{height:40px;line-height:40px;}
}

@media ( min-width: 0px ) and ( max-width: 767px ){
	/*工程案例*/
	.selectForm{height:auto;}
	.selectForm form>div{width:49%;height:40px;margin-right:2%;margin-bottom:8px;}
	.selectForm form>div:nth-child(even){margin-right:0;}
	.selectForm input{padding:0 0 0 8px;font-size:13px;}
	.select_option{top:40px;}
	.selectForm .submitBtn{width:30%;height:40px;margin-left:35%;margin-top:20px;}
	.selectDiv .icon{width:45px;}
	.caseWapper .publicContainer{padding:30px 15px;}
	.caseEntrance,.caseList{margin-top:30px;}
	.caseEntrance a{width:100%;margin-right:0;margin-bottom:15px;}
	.caseEntrance a p{font-size:16px;margin-bottom:8px;}


	/*工程案例列表页*/
	.caseListUl li{width:49%;margin-right:2%;margin-bottom:2%;}
	.caseListUl li:nth-child(3n){margin-right:2%;}
	.caseListUl li:nth-child(2n){margin-right:0;}
	.caseListUl .img p{height:35px;line-height:35px;font-size:14px;}

	.details .outer{width:90%;height:76%;left:5%;top:12%;margin:0;padding:10px;}
	.details .outer h2{font-size:16px;}
	.details .introduce p{margin-bottom:5px;}
	.details .swiper-button{width:15px;height:23px;}


}