.project-gallery{
	padding:15px;
	text-align: center;
	background: url(/static/img/case/project-gallery-bg.jpg) no-repeat center/cover;
}
.project-gallery li a{position: relative;}
.project-gallery .desc-title{position:absolute;z-index:1;bottom:0;margin:0 auto;width:100%;
background: linear-gradient(0deg,rgba(0,0,0,0.9), rgba(204,204,204,0.1));
background-blend-mode: multiply;
border-radius: 8px;
height: 45px;
line-height: 45px;
}
.project-gallery li{
	position:relative;
	transition: all 0.8s ease;
}
.project-gallery li:hover{
	top: -3px;
	box-shadow: 0 0 5px 5px rgba(19,128,199,0.8);
	border-radius: 8px;
	}
.project-gallery li:hover .desc-title{
	background: linear-gradient(0deg,rgba(19,128,199,0.8), rgba(204,204,204,0.1));
}
.project-gallery h1{color: #fff;}
.project-gallery p{color: #fff;}
.gallery-4 ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:15px;
}
.gallery-3 {margin:15px 0;}
.gallery-3 ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:15px;
}
.gallery-4 a,.gallery-3 a{display: block;}
.project-gallery img{border-radius: 8px;opacity: 1;}
.project-gallery a:hover img{opacity: .85;}
.project-gallery a:hover p{}




.project_list{
	display: flex;
	flex-direction: column;
}
.breadcrumb a{color: #333;}
.breadcrumb a:hover{text-decoration: underline;}
.project_list dl{display: flex;gap:30px;margin:0 0 30px;width:100%;border: 1px solid #eee;padding:5px;box-shadow: 0 0 10px 3px #eee;}
.project_list dl:hover{background: #f1f1f1;}
.project_list dl:hover a h2 {}
.project_list dl:hover a p{}
.project_list dl span.color{color: #d11a2d;text-decoration: underline;}
.project_list img{width:100%;}
.project_list dl dt{width: 32%;}
.project_list dl dd{width:65%;}
.project_list h2,
.project_list a,
.project_list p{color: #333;}
.project_list p{font-size: 16px;line-height: 32px;}
.project_list h2 {margin: 20px 0;font-size:20px;}
.project_list a:hover{color: #d11a2d;}
.btn-message {display:flex;flex-direction: row;justify-content: center;gap:60px;margin-top: 30px;}
.btn-message a{display: block;flex:1;line-height: 45px;border-radius:25px; border:1px solid #ccc;color: #333;font-size:16px;text-align: center;max-width: 225px;cursor: pointer;}
.btn-message a:hover{background: linear-gradient(90deg,#f45a43,#ed3e52);color: #fff;border:none;padding:1px;}
.butten-rec{margin-bottom: 20px;}
.butten-rec a{
	border-radius: 5px;
	background-color: #fff;
}

.hot-pro h2,
.solu-second h2,
.road6 h2{font-size:30px;}
.text-3line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}





.case-first{
	background: rgba(0,0,0,.59) url(/static/img/case/banner_case_list.jpg);
	background-blend-mode: multiply;
	background-position: center;
	background-size: cover;
}

.case-first .about-nav ul li{background:rgba(255,255,255,.7);margin-right:1px}
.case-first .about-nav ul li.active,.case-first .about-nav ul li:hover{background:#d11a2d}
.case-first .about-nav ul li a{color:#333;border-right:none}
.case-first .about-nav ul li.active a,.case-first .about-nav ul li:hover a{color:#fff;font-weight:700}
.case-first .about-nav ul li::after{background-image:none}
.case_desc{display:flex;justify-content:space-between;background-color:#f6f6f6;padding:0 10px 20px}
#project_list>ul>li>a .case_desc p{color:#555;margin:0;line-height:1.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case_lunbo .owl-carousel .wrap-item a .pro-det h3{margin-bottom:5px!important}
.pro-second .second-bottom a .pro-det{top:40px}
.case_lunbo .owl-controls{overflow:hidden}
.case_lunbo .owl-controls .owl-dots{display:flex;align-items:center;justify-content:center}
.case_lunbo .owl-controls .owl-dots .owl-dot{margin:0 10px}
.case_lunbo .owl-controls .owl-dots .owl-dot span{display:inline-block;height:15px;width:15px;background-color:#cfcfcf;border-radius:50%}
.case_lunbo .owl-controls .owl-dots .owl-dot.active span{width:15px;height:15px;background-color:#d11a2d}
@media (min-width:1200px){#project_list>ul>li>a:hover .case_desc,#project_list>ul>li>a:hover>h2{background-color:#d11a2d}
#project_list>ul>li>a:hover .case_desc p,#project_list>ul>li>a:hover>h2{color:#fff}
.pro-second .second-bottom a .pro-det p{gap:10px}
}

/* 海外banner */
#haiwai{background:url(/static/img/about/haiwai/haiwai-banner.png) no-repeat 50%/cover;min-height:540px}
#haiwai .haiwai-first-top{text-align:center}
#haiwai .haiwai-first-top p{font-size:45px;color:#fff;font-weight:700;padding-top:100px;line-height:40px;text-shadow:3px 3px 3px rgba(39,40,41,.28)}
#haiwai .haiwai-first-center ul{display:flex;justify-content:center;margin-top:45px;padding-left:0}
#haiwai .haiwai-first-center ul li{display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff;background-color:rgba(0,0,0,.58);width:20%;padding:15px 0}
#haiwai .haiwai-first-center ul li img{padding-right:10px;width: auto;}
#haiwai .haiwai-first-center ul li:nth-child(2){margin:0 35px}
@media (max-width:1400px){
	#haiwai{min-height: auto;}
	#haiwai .haiwai-first-center ul li{width:28%}
	.pro-second .second-bottom a img{bottom: -5%;}
}
@media (max-width:1200px){
	#haiwai .haiwai-first-center ul li{width:30%}
	.pro-second .second-bottom a img{width: 68%;}
	.project_list dl dt{width: 42%;}
	.project_list dl dd{width:55%;}
}
@media (max-width:992px){
#haiwai .haiwai-first-top p{font-size:40px;padding-top:130px}
#haiwai .haiwai-first-center ul li:nth-child(2){margin:0 20px}
#haiwai .haiwai-first-center ul li{width:33%;font-size:16px;padding:8px 0}
.pro-second .second-bottom a img{width: 100%;}
.pro-second .second-bottom a .pro-det{top: 40px;}
.rela-pro{padding: 0 0 40px;}
.case_lunbo{margin-top: 30px;}
.project_list dl dt{width: 50%;}
.project_list dl dd{width:50%;}
}
@media (max-width:768px){
.project_list dl{flex-direction: column;}
.project_list dl dt{width: 100%;}
.project_list dl dd{width:100%;}
#haiwai .haiwai-first-top p{font-size:36px}
#haiwai .haiwai-first-center ul{flex-wrap:wrap}
#haiwai .haiwai-first-center ul li{width:60%}
#haiwai .haiwai-first-center ul li:nth-child(2){margin:15px 0}
.gallery-4 ul{grid-template-columns: repeat(2,1fr);}
.gallery-3 ul{}

}
@media (max-width:576px){
	.haiwai-hezuo .hezuoR{background: #fff;}
	#haiwai .haiwai-first-top p{font-size:30px}
	.gallery-4 ul{grid-template-columns: repeat(1,1fr);}
	.gallery-3 ul{grid-template-columns: repeat(1,1fr);}
}
@media (max-width:420px) {
	#haiwai .haiwai-first-top p{font-size:25px}
	#haiwai .haiwai-first-center ul li{width: 70%;}
}

@media (min-width:1400px) {
	.project_list dl dt{width: 32%;}
	.project_list dl dd{width:65%;}
}