.container{padding: 0;}
section{overflow: hidden;}
.haiwai-hezuo .hezuoL img{width:100%;vertical-align: middle;}
.haiwai-hezuo .hezuoR{background:#f9f9f9;padding:0 50px;}
.haiwai-hezuo .hezuoR h4{font-size:30px;color:#333;line-height:32px;font-weight:700;margin: 0;text-align: center;padding: 15px 0;}
.haiwai-hezuo .hezuoR p{font-size:16px;line-height:40px;color:#555;margin: 0;}
.haiwai-hezuo .hezuoR .hezuoR-foot ul{display:flex;justify-content:space-evenly;background:#df2a3d;margin-bottom:0;padding:20px 0}
.haiwai-hezuo .hezuoR .hezuoR-foot ul span{content:"";width:1px;height:auto;background:#f34b5d}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li{list-style:none}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li p{color:#fffefe;margin-bottom:0;display:flex;align-items:center}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li p b{font-size:40px;color:#fff;font-weight:700}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li p:last-child{font-size:20px;font-weight:700;color:#fff;line-height:40px}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li:last-child a{font-size: 25px;line-height: 40px;color: #fff;text-decoration: underline;display: block;}
.haiwai-hezuo .hezuoR .hezuoR-foot ul li:last-child p{font-size: 16px;font-weight: 100;line-height: 20px;}

.ruzsBg{background:url(/static/img/about/haiwai/zsbg.png) no-repeat center;padding: 45px 0;}
.rongyu h4{font-size: 30px;line-height: 32px;color: #333;text-align: center;font-weight: bold;margin: 0;}
.rongyu .icon-list{width: 100%;display: flex;justify-content: space-evenly;margin:30px auto;padding-left: 0;}
.rongyu .icon-list li{display: flex;justify-content: center;}
.rongyu p{font-size: 16px;line-height: 40px;text-align: center;color: #333;margin: 0;padding: 0 15px;}
.zhengshu ul{display: flex;justify-content: space-between;margin: 30px 20px 0;padding: 0;align-items: center;}
.zhengshu ul li{display: flex;justify-content: center;}
.zhengshu ul li img{width: 90%;vertical-align: middle;}
.zhengshu .btn-click{display: flex;justify-content: center;gap: 55px;}
.zhengshu .btn-click a{font-size: 20px;line-height: 20px;color: #fff;background-image:linear-gradient(#d21d2f,#e35050);border-radius: 50px;padding: 15px 30px;width: 220px;text-align: center;text-decoration: none;}
.zhengshu .btn-click a:hover{border-radius: 0;transition: .3s;}

.haiwai-list img.list-img{width:100%;vertical-align: middle;}
.haiwai-list .list-con{background:#f9f9f9;border:1px solid #eaeaea}
.haiwai-list .list-con h4{font-size:26px;line-height:32px;font-weight:700;color:#333;display:flex;align-items:center;padding:20px 0 0;margin: 0;}
.haiwai-list .list-con h4:before{content:"";width:8px;height:35px;background-image:linear-gradient(86deg,#d21d2f,#e35050);margin-right:24px}
.haiwai-list .list-con p{font-size:16px;line-height:40px;color:#555;padding:0 32px;margin: 0;}
.haiwai-list .list-con .list-click{display:flex;justify-content:end}
.haiwai-list .list-con .list-click a{background-image:linear-gradient(86deg,#d21d2f,#e35050);padding:12px 20px 12px 15px}
.haiwai-list .list-con .list-click a span{display:block;width:15px;height:15px;transform:rotate(-45deg);border-right:3px solid #fff;border-bottom:3px solid #fff}

.haiwai-caseBg{background:url(/static/img/about/haiwai/hw-case-bg.png) no-repeat center;padding:45px 0}
.haiwai-caseCon{display: flex;justify-content: center;flex-direction: column;align-items: center;}
.haiwai-caseCon h4{font-size: 30px;line-height: 32px;color: #fff;font-weight: bold;margin: 0;}
.haiwai-caseCon p{font-size: 16px;line-height: 32px;color: #fff;margin: 15px 0;text-align: center;padding: 0 15px;}
.haiwai-caseList{display: flex;justify-content: space-between;padding: 0 15px;}
.haiwai-caseList > div{width: 32%;}
.caseList1 a,.caseList2 a,.caseList3 a{text-decoration: none;display: block;}
.caseList1 a img,.caseList2 a img,.caseList3 a img{width: 100%;vertical-align: middle;}
.caseList1 a p,.caseList2 a p,.caseList3 a p{font-size:16px;line-height: 20px;color: #262525;background: #fff;text-align: center;padding: 5px 0;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caseList2,.caseList3{display: flex;flex-direction: column;justify-content: space-between;}
.caseBtn{display: flex;justify-content: center;margin-top: 50px;}
.caseBtn a{font-size: 20px;line-height: 20px;color: #fff;background-image:linear-gradient(#d21d2f,#e35050);border-radius: 50px;padding: 15px 30px;width: 220px;text-align: center;text-decoration: none;}
.caseBtn a:hover{border-radius: 0;transition: .3s;}

.haiwai-pro .container > h4{font-size: 30px;line-height: 32px;color: #333;text-align: center;font-weight: bold;margin: 30px 0;}
.haiwai-pro .proList ul{display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between; padding: 0;margin: 0;}
.haiwai-pro .proList ul li{list-style: none;background: url(/static/img/about/haiwai/probg.png) no-repeat center;width: 48%;overflow: hidden;}
.haiwai-pro .proList ul li a{position: relative;display: flex;justify-content: center;}
.haiwai-pro .proList ul li a .proDesc{position: absolute;top: 5%;}
.haiwai-pro .proList ul li a h4{font-size: 24px;color: #333;font-weight: bold;text-align: center;margin: 0;}
.haiwai-pro .proList ul li a h4 span{font-size: 16px;color: #555758;}
.haiwai-pro .proList ul li a p{font-size: 16px;color: #4a4b4e;text-align: center;margin: 5px 0 0;display: flex;gap: 20px;}
.haiwai-pro .proList .proBtn{display: flex;justify-content: center;margin: 30px 0;}
.haiwai-pro .proList .proBtn a{font-size: 20px;line-height: 20px;color: #fff;background-image:linear-gradient(#d21d2f,#e35050);border-radius: 50px;padding: 15px 0;width: 160px;text-align: center;text-decoration: none;}
.haiwai-pro .proList .proBtn a:hover{border-radius: 0;transition: .3s;}
.haiwai-pro .proList ul li:hover{background: url(/static/img/about/haiwai/probgH.png) no-repeat center;}
.haiwai-pro .proList ul li:hover .proDesc h4,.haiwai-pro .proList ul li:hover .proDesc p,.haiwai-pro .proList ul li:hover .proDesc h4 span{color: #fff;}

.haiwai-huaceBg{background:url(/static/img/about/haiwai/huace.png) no-repeat;padding:40px 0;margin-bottom: 1rem;}
.haiwai-fuwu h4{font-size: 30px;line-height: 30px;color: #333;font-weight: bold;text-align: center;margin: 0;}
.haiwai-fuwu p{font-size: 16px;line-height: 26px;color: #333;text-align: center;margin-top: 10px;}
.fuwuList ul{margin: 20px 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 18px;padding: 0 15px;}
.fuwuList ul li{width: 23%;display: flex;}
.fuwuList ul li img{width: 100%;vertical-align: middle;}
.haiwai-form h4{font-size:30px;font-weight:700;color:#333;text-align:center;margin:10px 0;}
.haiwai-form .formCon{width:60%;margin:auto;display: flex;flex-direction: column;gap: 20px;}
.haiwai-form .formCon .formList{display:flex;justify-content: space-between;}
.haiwai-form .formCon .formList label{font-size:18px;line-height:40px;font-weight:700;color:#333;width:20%;text-align: end;}
.haiwai-form .formCon .formList input{border:1px solid #6d6767;padding:6px 0 6px 18px;border-radius:0;background:hsla(0,0%,100%,0);width: 78%;}
.haiwai-form form button{color:#fff;font-size:16px;background-image:linear-gradient(0deg,#d21d2f,#e35050);display:block;padding:8px 40px;margin:10px auto auto;border: none;cursor: pointer;}
.haiwai-form form button:hover{color:#fff}


@media (max-width:576px){
	.haiwai-hezuo .hezuoR{background: #fff;padding: 0 15px;}
	.haiwai-hezuo .hezuoR .hezuoR-foot ul{flex-direction: column;padding: 0;}
	.haiwai-hezuo .hezuoR .hezuoR-foot ul span{display: none;}
	.haiwai-hezuo .hezuoR .hezuoR-foot ul li{display: flex;justify-content: center;padding: 10px 0;border-bottom: 1px solid #fff;}
	.zhengshu .btn-click{gap: 30px;}
	.zhengshu .btn-click a{width: 170px;font-size: 16px;line-height: 18px;}
	.haiwai-caseBg{background: #2e4964;}
	.haiwai-caseList{flex-direction: column;gap: 20px;}
	.haiwai-caseList > div{width: 100%;gap: 20px;}
	.haiwai-pro .proList ul li{width: 100%;}
	.fuwuList ul{gap: 12px;}
	.haiwai-form .formCon{width:95%}

}
@media (max-width:420px) {
	.haiwai-hezuo .hezuoR .hezuoR-foot ul{flex-wrap: wrap;justify-content: center;}
	.haiwai-hezuo .hezuoR .hezuoR-foot ul li{display: flex;}
	.haiwai-list .list-con p{line-height: 34px;}
	.rongyu .icon-list{flex-wrap:wrap;gap: 16px;}
	.rongyu .icon-list li{width: 21%;}
	.zhengshu .btn-click{flex-direction: column;align-items: center;}
	.fuwuList ul{gap: 6px;}
	.haiwai-form h4{font-size: 26px;}
	.haiwai-fuwu p{padding: 0 15px;}
	.haiwai-form .formCon{width:75%}
	.haiwai-form .formCon .formList label{width: 30%;}
	.haiwai-form .formCon .formList input{width: 68%;}
	.haiwai-form form button{margin-top: 20px;}
}