h1,h2,h3,h4,h5,h6,p,li{margin: 0;padding: 0}

html{height:100%;font-size:13.333vw}

body{display:flex;flex-direction:column;height:100%;font:0.14rem;}



.minshow{display: none;}



.f50{font-size: 50px;}

.f44{font-size: 44px;}

.f32{font-size: 32px;}

.f18{font-size: 18px;}

.bold{font-weight: bold;}

.cl-000{color: #000;}

.cl-10{color: #101010;}

.cl-222{color: #222;}

.cl-333{color: #333;}

.cl-666{color: #666;}

.cl-666{color: #666;}

.cl-999{color: #999;}

.cl-f90{color: #f90;}

.cl-fff{color: #fff;}





.contact-banner{margin: auto;width: 100%;max-width: 1920px;height:320px;background:url(/aivon/static/img/contactus/ContactUsbanner.png) no-repeat center center;text-align: center;padding-top: 90px;}

.contact-banner h2{line-height: 54px;display: inline-block;border-bottom:6px solid #0060FF;margin-bottom: 30px;}





.serviceul{text-align: center;margin-top: 20px;}

.Contact-btn{display: block;width: 170px;height: 38px;text-align: center;line-height: 38px;border: 1px solid #0060FF;margin:25px auto;color: #f90;}



.serviceul li{height: 450px;width: 310px;margin: 10px;padding-top: 40px;}

.serviceul li:nth-of-type(1){margin-left: 0}

.serviceul li:nth-of-type(4){margin-right: 0}

.serviceul li:nth-of-type(5){margin-left: 0}

.serviceul li:nth-of-type(8){margin-right: 0}

.serviceul li:nth-of-type(9){margin-left: 0}

.serviceul li:nth-of-type(12){margin-right: 0}

.serviceul li .post{margin-bottom: 20px;}

.serviceul li p{line-height: 30px;}

.serviceul li img{margin-bottom: 20px;width:156px}

.serviceul li:hover{box-shadow: 0 0 10px #ddd;}

.serviceul li:hover .Contact-btn{color: #fff;background:#0060FF;}

.serviceul li a.cl-f90{color: #f90!important}

/*地图*/

.contactusmap{height:470px;background: #f8f8f8;padding-top: 70px; }

#GMap1,#GMap2{height:337px;width:870px;background-size:100%;background-repeat:no-repeat}

.mapbox>div{margin: 0;padding: 0}

.mapbox p.f28{color: #222;font-size: 28px;}

.mapbox ul img{margin-right:20px;margin-top:5px;}

.mapbox ul li{margin-bottom:40px;}

.titleh3{
	padding-left: 64px;
	margin:54px 0 20px 0;
	font-family: 'HarmonyOS Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	/* padding-top: 45px; */
	color: #242631;
	position: relative;
}
/* .titleh3::after{
	content: '';
	display: block;
	width: 280px;
	height: 1px;
	background-color: #0060FF;
	position: absolute;
	top: 0px;
	left: 64px;
}
.titleh3::before{
	content: '';
	display: block;
	width: 50px;
	height: 4px;
	background-color: #0060FF;
	position: absolute;
	top: -1.5px;
	left: 334px;
	border-radius: 2px;
} */



.chinaBox li{float:left;width:640px;height:390px;background:#f7faff;margin-right:20px;}

.chinaBox li:nth-of-type(2){margin-right:0px;}

.chinaBox li p{padding:0px 20px;font-size:16px;}

.chinaBox li p.bold{line-height:60px;}







.ProductionBox li{float:left;width:420px;height:370px;margin-right:20px;}

.ProductionBox li:nth-of-type(3n+3){margin-right:0px;}

.ProductionBox li p{padding:0px 0px;font-size:16px;}

.ProductionBox li p.bold{line-height:60px;}





.MassageBox {

	background: #F5F5F5;
	
	padding: 50px 0 54px;

}

.MassageBox ul{width:100%;margin:auto;padding:0px 64px;}

.MassageBox li{float:left;width:50%;}

.MassageBox li:nth-of-type(5){width:100%;}

.MassageBox li p{line-height:40px;margin-top:10px;
	font-family: 'HarmonyOS Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	color: #424242;
}
.MassageBox li p span{color: #0060FF;}
.MassageBox li input{width:90%;border:1px solid #e6e6e6;background:#fff;border-radius:4px;line-height:42px;height:42px;padding-left:10px;}

.MassageBox li textarea{width:95%;border:1px solid #e6e6e6;background:#fff;
	border-radius:4px;padding:10px;height: 140px;}
/* placeholder */
::placeholder{
	color: #999;
	font-size: 12px;
}
/*银行*/

.bankbox{padding: 60px 0;}

.bankbox h3{text-align: center;line-height: 90px;}

.bankul li{overflow: hidden;padding: 50px 0;border-bottom: 1px solid #e4e4e4;line-height: 36px;}

.bankul li>div:nth-of-type(1){width: 300px;}

.bankul li>div:nth-of-type(2){width: 1000px;}

.bankul li span{margin-right: 60px;}

.bankul li img{display: block;margin: auto;}

.bankul li:hover{border: 0;box-shadow: 0 0 10px #ddd;}

.bankul li:nth-of-type(4){border: 0;}



/*底部*/

.bottombg h3{ text-align: center;line-height: 80px; font-weight: bold;}

.bottombg{background: url(/aivon/static/img/about/db_gg.png) no-repeat;width: 100%;max-width: 1920px;margin: auto;height: 220px;padding-top: 30px;}

.quote-btn{
	font-size: 20px;display: block;width: 200px;text-align: left;line-height: 40px;color:#fff!important;
background:#0060FF;margin: auto;
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
line-height:40px;
margin:35px 0px 35px 30px;
border:2px#0060FF solid ;
border-radius:4px;width:140px;
}
.quote-btn-upload{
	font-size: 20px;display: block;width: 200px;text-align: left;line-height: 40px;
background:#fff;margin: auto;
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #0060FF;
line-height:40px;
margin:35px 0px 35px 64px;
border:2px#0060FF solid ;
border-radius:4px;width:140px;
}

.minshowbtn{display:none}





@media (min-width: 1200px){

	.container{width: 1300px;margin: 0 auto;padding: 0}

}
.container{
	background-color: #fff;
}


@media screen and (min-width: 750px) and (max-width: 1200px) {

.serviceul{width: 680px;margin: auto;}

.serviceul li{margin:10px!important;}

.contactusmap{height: auto;}

.mapbox>div{width: 680px;margin: auto;display: block;float: none!important;}



.bankul li>div{width: 100%!important;}

.bankul li>div:nth-of-type(2){padding-left: 50px}





}





@media (max-width: 750px){

.minshow{display: block;}

.minhide{display: none;}

.contact-banner{height:4rem;padding-top:1rem;background-size:cover;}

.contact-banner h2{border: 0;font-size: 0.68rem;font-weight:bold;margin-bottom:0}

.contact-banner h3{border: 0;font-size: 0.38rem;font-weight:bold}

.post{display: none;}



.kfbox{background: #f1f1f1;}

.serviceul {width: 7.2rem;margin: auto;}

.serviceul li{width: 7rem;background: #fff;margin:0.2rem auto;height: 3rem;padding: 0.4rem 0;}

.serviceul li p span{display: none;}

.serviceul li .bold{color: #222!important;margin-bottom: 0.2rem}

.serviceul li .f18{color: #f90;font-size: 0.3rem;}

.serviceul li a{color: #f90;font-size: 0.3rem;}

.serviceul img{float: left;width:2rem!important;margin:0 0.5rem }

.serviceul div{float: left;width:3.6rem;padding:0 0 0  0.5rem;text-align: left;

border-left: 0.01rem solid #ccc;height: 2rem}

.Contact-btn{font-size: 0.26rem;width: 1.8rem;height: 0.4rem;line-height: 0.4rem;margin: 0.2rem 0;background:#0060FF;color: #fff!important;display:none;}

.minshowbtn{display: block!important;}

.serviceul li:last-child{margin-bottom:0.8rem}

.contactusmap{height: auto;background: #fff;padding-top:0.76rem;}

.contactusmap h2{font-size:0.4rem;font-weight:bold;margin-bottom:0.3rem;line-height:0.5rem}

#GMap1, #GMap2{width: 100%;height:3.8rem;background-size: cover;margin-bottom: 0.5rem}

.mapbox p.bold{display: none;}





.chinaBox li,.ProductionBox li{width:100%}

.chinaBox li img,.ProductionBox li img{width:100%}



.bankbox{background: #f2f2f2;}

.bankbox span{display: block}

.bankbox li{background: #fff;margin-bottom: 0.2rem;border: 0;line-height: 0.4rem;padding:0.66rem 0.3rem}

.bankul li>div:nth-of-type(1){width: 100%;text-align: left;}

.bankul li>div:nth-of-type(1) img{width:3.5rem;height: 0.9rem;margin: 0 0 0.37rem 0.3rem}

.bankul li>div .f18{line-height:0.56rem;}

.bankul li p{line-height:0.46rem}

.bankul li>div:nth-of-type(2){width: 100%;padding:0 0.3rem}

.serviceul li:nth-of-type(1) .bold{margin-bottom: 0}

.bottombg{background-size: cover;}

.bottombg h3{text-align: left;line-height: 0.5rem}

.bottombg a{margin: 0.2rem 0;}

}

.MassageBox{
	display: flex;	
	justify-content: space-between;
	/* align-items: center; */
	/* padding: 0px 100px; */
	gap: 50px;
}
.c_l{
	width: 75%;
	background-color: #fff;
}
.c_r{
	width: 50%;
}
.c_r .title{


font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;

color: #737373;
margin: 20px 0;

}
.c_r .hr{
border: 1px solid #CDCDCD;
}
.c_r h5{
	font-size: 16px;
	margin: 20px 0;
}
.c_r .link-box{
	display: flex;
	gap: 10px;
}
.c_r .link-box a{
	width: 43px;
	height: 43px;
	display: block;
}
.c_r .link-box a img{
	width: 40px;
	height: 40px;
}
.c_r .link-box a:hover img{
	width: 43px;
	height: 43px;
}
.contact-header{
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 700;
font-size: 61px;
color: #fff;
}
.contact-text{
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
/* or 138% */
color: #fff;
}