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(/img/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 #008C95;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 #008C95;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: #008C95;}
.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{font-size:24px;text-align:center;font-weight:bold;margin-bottom:40px;}

.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:800px;margin:auto}
.MassageBox li{float:left;width:50%;}
.MassageBox li:nth-of-type(5){width:100%;}
.MassageBox li p{line-height:40px;margin-top:10px;font-weight:bold}
.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;}
/*银行*/
.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(/img/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;height: 50px;text-align: center;line-height: 50px;color:#fff!important;
background: #008C95;margin: auto;}
.minshowbtn{display:none}


@media (min-width: 1200px){
	.container{width: 1300px;margin: 0 auto;padding: 0}
}

@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: #008C95;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;}
}