@charset "utf-8";

html,body{margin: 0; padding: 0; background: #f4f4f4;}

a,a:link,a:focus{ text-decoration: none; color: #434343; text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0) }
a:hover,a:active{ color: #184064; text-decoration: none;}

dl,dt,dd{ padding: 0; margin: 0;}
ul,ol,li{padding: 0; margin: 0; list-style: none;}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}
i.pic-size-scale-down img{object-fit: scale-down;}
i.pic-size-none img{object-fit: none;}



.container{padding: 1.5rem; max-width: 480px; margin: 0 auto; background: #fff;}
.container-bd{padding: 1.5em 0;}
.border-box,.border-box *{box-sizing: border-box;}

.card{ background: #184064; border-radius: 1rem; padding: 3rem 3rem 2.5rem 2.5rem; box-shadow: 0 .5rem 1.5rem rgba(24,64,100,0.15);}
.card-t{ display: flex; justify-content: space-between;}
.card-t dt b{font-size: 2.6rem; color: #eaeaea; display: block; font-weight: normal;}
.card-t dt span{ font-size: 1.4rem; color: #eaeaea; display: block; padding-top: 1rem;}

.card-t dd i{width: 7.2rem; height: 7.2rem; display: flex; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; overflow: hidden; background: #f8f8f8; align-items: flex-end; justify-content: center; line-height: 1;}
.card-t dd i::before{color: #d6d6d6; font-size: 6.5rem; line-height: 1; transform: translateY(0.2rem);}

.card-b{ padding-top: 2.5rem; color: #eaeaea; font-size: 1.6rem;}
.card-b img{max-width: 60%;}

.card-list li{ }
.card-list li a{padding: 1rem 0; min-height: 5.4rem; display: flex; align-items: center; justify-content: space-between;}

.card-list-l{display: flex; align-items: center; padding-right: 1rem;}
.card-list-l i::before{ color: #888; font-size: 1.8rem; line-height: 1;}
.card-list-l span{font-size: 1.4rem; color: #434343; padding-left: 1rem; line-height: 1.2;}

.card-list-r i::before{ color: #c8c8cd; font-size: 1.4rem;}

.card-list li input{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;}

.company-mess img{width: 100%;}

.box{padding-bottom: 4rem;}
.box-bd{ padding-bottom: 1rem;}

.tit{ text-align: center; padding: 2rem 0;}
.tit b{font-size: 1.8rem; position: relative;}
.tit b span{position: relative; z-index: 2; text-shadow: 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1), 0.2rem -0.2rem 1rem rgba(255,255,255,1);}
.tit b::before{ content: ' '; width: 2.8rem; height: 2.8rem; border-radius: 50%; background: #e0eaf0; position: absolute; bottom: 0; right: -1.2rem;}
.tit hr{ margin: 0;  background: #c5ced0; height: 2px; margin: 0.2rem 0; }
.tit small{font-size: 1.2rem; color: #777; font-weight: bold;}

.service-list{ }
.service-list ul{ display: flex; flex-wrap: wrap; padding: .5rem; box-shadow: 0 2rem 5rem rgba(24,64,100,0.1);}
.service-list i{ width: 100%; display: block; padding: 1rem;}
.service-list i img{width: 100%;}
.service-list li{ flex-basis: 25%; padding: 1rem;}
.service-list li span{text-align: center; display: block; font-size: 1.4rem;}

.service-list li:nth-last-child(1)::after,.service-list li:nth-last-child(2)::after,.service-list li:nth-last-child(3)::after,.service-list li:nth-last-child(4)::after{display: none;}
.service-list li:nth-child(4n)::before{display: none;}

i.pic-scale-scale{padding-bottom: 68.33%;}

.scale-list ul{display: flex; margin: -.5rem; flex-wrap: wrap;}
.scale-list li{flex-basis: 50%; padding: .5rem;}
.scale-list li a{position: relative; display: block;}
.scale-list li span{ font-weight: bold; color: #fff; position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; line-height: 1.2; width: 100%; font-weight: bold;line-height: 1.2; padding: 1rem;}
.scale-list li a::before{content:' '; position: absolute;left: 0; right: 0; bottom: 0; height: 33.3333%; z-index: 2; background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.7));}


.consult-list a{ display: block; box-shadow: 0 2rem 5rem rgba(24,64,100,0.1); border-bottom-left-radius: .6rem; border-bottom-right-radius: .6rem; overflow: hidden;}
.consult-list img{width: 100%;}
.consult-list dl{ background: #fff; min-height: 5.4rem; display: flex; align-items: center; justify-content: space-between; padding: 1rem;}
.consult-list dt{ font-size: 16px;}
.consult-list dd{padding: .5rem 1rem; background: #f0f2f5; border-radius: .4rem; display: flex; align-items: center;}
.consult-list dd span{font-weight: bold; color: #365f93;}
.consult-list dd i{color: #365f93; font-size: 1.4rem; padding-left: .5rem;}


.contact-list{ background: #fff;  box-shadow: 0 .3rem 1rem rgba(24,64,100,0.1); padding: 1.5rem; border-radius: .5rem;}
.contact-list li{ }
.contact-list li a{padding: .5rem 0; min-height: 4rem; display: flex; align-items: center; justify-content: space-between;}

.contact-list-l{display: flex; align-items: center; padding-right: 1rem;}
.contact-list-l i::before{ color: #888; font-size: 1.8rem; line-height: 1;}
.contact-list-l span{font-size: 1.4rem; color: #434343; padding-left: 1rem; line-height: 1.2;}

.contact-list-r i::before{ color: #c8c8cd; font-size: 1.4rem;}

.contact-list-r{ color: #73879d; font-size: 12px;}


.contact-list li input{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;}

.contact-list ul{ padding-bottom: 2rem;}
.map{ height: 250px;}


.list-hr li{
	position: relative;
}
.list-hr li::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	border-top: 1px solid #d9d9d9;
	transform-origin: 0 top;
}

.pic{
    width:100%;
}

@media (min-resolution: 2dppx) {
	.list-hr li::after {
	width: 200%;
	transform: scale(.5) translateZ(0);
	}
}
@media (min-resolution: 3dppx) {
	.list-hr li::after {
	width: 300%;
	transform: scale(.3333333333) translateZ(0);
	}
}

.list-hr-02 li{
	position: relative;
}
.list-hr-02 li::before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	border-left: 1px solid #d9d9d9;
	transform-origin: left 0;
}
@media (min-resolution: 2dppx) {
	.list-hr-02 li::before {
	height: 200%;
	transform: scale(.5) translateZ(0);
	}
}
@media (min-resolution: 3dppx) {
	.list-hr-02 li::before {
	height: 300%;
	transform: scale(.3333333333) translateZ(0);
	}
}