html {
	font-size: 10px;
}

p,
div,
body,
iframe {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box750 {
	/*width: 120rem;*/
	width: 90%;
	height: 50rem;
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.box-width-all {
	width: 100%;
}

.box-width-750 {
	/*width: 120rem;*/
	/*max-width: 120rem;*/
	width: 100rem;
	align-self: center;
}

.line-blue {
	width: 5.4rem;
	height: 0.5rem;
	background: #1048A0;
	margin-top: -0.5rem;
}

/* 公司介绍 */
.company-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.company-left-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.company-title {
	/*width: 40rem;*/
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
	background: linear-gradient(90deg, #DBE8FD 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	background-position: 0rem 3.5rem;

}

.company-title1 {
	width: 40rem;
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
	background: linear-gradient(90deg, #DBE8FD 0%, #F4F5F9 100%);
	background-repeat: no-repeat;
	background-position: 0rem 3.5rem;

}
.company-title2 {
	/*width: 40rem;*/
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
	background: linear-gradient(90deg,#FFFFFF  0%, #DBE8FD 100%);
	background-repeat: no-repeat;
	background-position: 0rem 3.5rem;

}
.company-contnet {
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 4.0rem;
}

.company-img {
	width: 52.4rem;
	max-width: 52.4rem;
	min-width: 52.4rem;
	height: 35.8rem;
}

.company-img1 {
	width: 49.6rem;
	max-width: 49.6rem;
	min-width:  49.6rem;
	height: 60.4rem;
	margin-top: 5rem;
}
.company-img2 {
	width: 49.6rem;
	max-width: 49.6rem;
	min-width:  49.6rem;
	height: 49.6rem;
}
.company-img3 {
	width: 49.6rem;
	max-width: 49.6rem;
	min-width:  49.6rem;
	height: 49.6rem;
}
.company-name{
	font-size: 3.2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 9.49rem;
	text-align: center;
}

/* 公司优势 */
.service-patient-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #F4F5F9;
	padding-top: 2rem;
	padding-bottom: 7rem;
}

.service-big-title {
	font-size: 4.8rem;
	font-family: Source Han Sans CN;
	font-weight: 300;
	color: #000000;
	line-height: 9.49rem;
}

.service-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.service-item-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	width: 50rem;
	height: 20rem;
	box-sizing: border-box;
	padding-left: 2.5rem;
	margin: 1rem;
	background: #FFFFFF;
	border-radius: 2rem;
}

.service-num {
	width: 3.6rem;
	height: 4.6rem;
	background-image: url("../img/icon_service_num_bg.png");
	background-repeat: no-repeat;
	background-size: 3.6rem 4.6rem;
	align-self: flex-start;
	font-size: 2.4rem;
	text-align: center;
	line-height: 4.6rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
}

.service-img {
	width: 13rem;
	height: 13rem;
	margin-right: 1rem;
}

.service-right-box {
	flex-direction: column;
	justify-content: center;
}

.service-title {
	font-size: 2.4rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #000000;
	line-height: 5rem;
	border-bottom: 0.1rem solid #F4F5F9;
}

.service-content {
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 4rem;
}

/* 公司愿景 */
.vision-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*width: 120rem;*/
	width: 100rem;
	justify-content: center;
}

.vision-item {
	width: 33rem;
	height: 30rem;
	display: flex;
	flex-direction: column;
}

.vision-img {
	width: 33rem;
	height: 30rem;
}

.vision-title {
	font-size: 2.4rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #393939;
	margin-left: 2.4rem;
	margin-right: 2.4rem;
	margin-top: 5rem;
	margin-bottom: 3rem;
	padding-left: 1rem;
	line-height: 2.4rem;
	border-left: 0.5rem solid #4157E8;

}

.vision-content {
	font-size: 1.8rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #000000;
	line-height: 2.8rem;
	margin-left: 2.4rem;
	margin-right: 2.4rem;
}

/* 子公司 */
.stract-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #FFFFFF;
	height: 68rem;
}

.stract-bottom-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.stract-item-box {
	width: 30rem;
	height: 65rem;
	background: #F4F5F9;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-left: 3.8rem;
	padding-right: 3.8rem;
	opacity: 0;

}



.stract-img {
	width: 18.8rem;
	height: 10rem;
	margin-top: 7rem;
}


.stract-txt {

	flex-grow: 1;
	margin-top: 3.5rem;
	font-size: 2rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #4F4F4F;
	line-height: 4.8rem;
}


/* 公司历程 */
.company-history-img{
	/*width: 120rem;*/
	width: 100rem;
	height: 92rem;
}

/* 资质专利 */
.cert-all-box{
	display: flex;
	flex-direction: column;
	
}
.cert-items-box{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.cert-item-box{
	width: 28rem;
	height: 38.6rem;
	background: #FFFFFF;
	border-radius: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	
}
.cert-item-img1{
	width: 20rem;
	height: 15rem;
	margin: auto;
	cursor: pointer;
}
.cert-item-img2{
	width: 12.5rem;
	height: 17.7rem;
	margin: auto;
}

.cert-item-txt{
	width: 28rem;
	height:  12.2rem;
	background: #FFFFFF;
	border-radius:0 0 2rem 2rem;
	font-size: 2.4rem;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: #172541;
	align-self: flex-end;
	text-align: center;
	line-height:  12.2rem;
}

.cert-item-box:hover .cert-item-txt{
	background: #1048A0;
	color: #FFFFFF;
}
.cert-points-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.cert-point{
	width: 1.5rem;
	height: 1.5rem;
	background: #FFFFFF;
	border: 0.2rem solid #666666;
	border-radius: 50%;
	margin: 0.5rem;
	cursor: pointer;
}
.cert-point-select{
	width: 1.5rem;
	height: 1.5rem;
	background: #1048A0;
	border: 0.2rem solid #1048A0;
	border-radius: 50%;
	margin: 0.5rem;
	cursor: pointer;
}
.cert-page-show{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}

.cert-page-hide{
	display: none;
}

/*资质大图预览样式 start*/
.img-review-box{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	z-index: 100;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.close-btn{
	position: fixed;
	right: 2rem;
	top: 2rem;
	width: 5rem;
	height: 5rem;
	font-size: 3.6rem;
	line-height: 4.2rem;
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 1.5rem;
	cursor: pointer;
}
.review-img{
	max-height: 80%;

}
/*资质大图预览样式 end*/

/*动画*/
.fade-in-bottom{animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1.000) both}

@keyframes fade-in-bottom{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0);opacity:1}}

.slide-top{animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}

@keyframes slide-top{0%{transform:translateY(0)}100%{transform:translateY(-150px)}}


.flip-horizontal-top{animation:flip-horizontal-top .4s cubic-bezier(.455,.03,.515,.955) both}

@keyframes flip-horizontal-top{0%{transform:rotateX(0)}100%{transform:rotateX(180deg)}}

.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1.000) both}
@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}