@charset "utf-8";
* {
	font-size: 14px;
	font-family: Microsoft YaHei;
}
.navbar { /* background: rgba(24, 33, 41, 0.2); */ position: fixed; top: 0; width: 100%; padding: 15px; box-sizing: border-box; z-index: 11; } 
.show { background-color: #FFF; } 
.logo { width: 110px; } 
.more,.close { width: 19px; float: right; } 
.navbar-box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; background-color: #FFF; } 
.navbar-box .head { width: 100%; padding: 15px; box-sizing: border-box; } 
.nav { margin: 20px 20px 0; font-weight: bold; } 
.nav-item .n-title { color: #061F5C; font-size: 40px; margin-bottom: 10px; } 
.nav-item .n-link { margin-left: 30px; display: none; } 
.nav-item .n-link a { display: block; font-size: 24px; color: #0E161E; line-height: 35px; } 
.top { width: 30px; position: fixed; right: 20px; bottom: 20vh; }
.custom-indicator { position: absolute; bottom: 10%; width: 80%; margin: 0 10%; display: flex; justify-content: space-around; color: #FFF; }
.custom-indicator div { white-space: nowrap; text-align: center; position: relative; width: 80px; font-size: 12px; }
.custom-indicator div:before { display: block; position: absolute; background: #CFD8E9; width: 90%; height: 3px; content: ''; bottom: -10px; left: 5%; }
.custom-indicator div.active:before { background: #2189FF; }
.notice { background-image: url('../images/index-bg1.png');background-repeat:no-repeat;background-size: 100% 100%; background-size: 100% 100%; text-align: center; margin-top: -5px; }
.notice1 { padding: 50px 10px; color: #0E161E; }
.notice .notice1 .text { font-size: 15px; }
.notice .__underline { padding-bottom: 3px; background-image: linear-gradient(to bottom, transparent 0%, transparent calc(100% - 18px), #bbf7eb calc(100% - 18px), #bbf7eb 18px); background-repeat: no-repeat; transition: background-size 1s; font-size: 18px; font-weight: bold; line-height: 30px; }
.notice1 .text2 { font-size: 18px; font-weight: bold; color: #061F5C; line-height: 30px; }
.business {  margin: 50px auto 0; text-align: center;} 
.business .line { width: 1px; height: 80px; background-color: #1c346a; margin: 0 auto; } 
.business .b-title { font-size: 24px; color: #061f5c; font-weight: bold; margin: 20px auto; } 
.business .b-content { font-size: 18px; color: #0e161e; } 
.business .b-content .text { font-size: 15px; }
.business .b-btn { width: 300px; height: 60px; background-color: #F3F5F9; border-radius: 43px; border: none; color: #000; font-size: 18px; margin: 30px auto; } 

.forms { padding: 16px; }
.forms .form-group { width: 100%; }
.forms .form-group .form-bg { font-size: 16px; color: #061F5C; font-weight: bold; margin: 10px 0; }
.forms .form-group .form-bg span { color: red; margin-left: 5px; }
.forms .form-group input,.forms .form-group textarea { padding: 12px; border: 1px solid #E4E4E4; width: 100%; box-sizing: border-box; }
.forms .form-group .submit { background: #061F5C; color: #FFF; border-radius: 30px; padding: 12px; margin: 20px auto; width: 40%; display: block; font-size: 18px; font-weight: bold; }
.consult { padding: 50px 12px; position: relative; } 
.consult .c-link a { display: block; font-size: 20px; color: #061F5C; font-weight: bold; line-height: 38px; }
.consult .select { width: 100%; padding: 10px 30px;color: #061F5C; border-radius: 5px; position: relative; margin: 50px 0; border: solid 1px #061F5C;box-sizing: border-box; } 
.consult .select img{ width: 16px; height: 12px; position: absolute; right: 20px; top: 15px; } 
.consult .families { position: absolute; width: 100%; left: 0; bottom: 45px; background-color: #fff; border-radius: 5px; padding: 10px; box-shadow: 0 0 10px #061F5C;box-sizing: border-box;z-index:10; } 
.consult .families  a { display: block;padding: 5px;color: #061F5C; } 
.consult .qr-box { position: absolute; top: 60px; right: 20px;text-align: center; }
.consult .qrcode { width: 130px; height: 130px; margin-bottom: 10px; }
.footer { background-color: #061f5c; padding: 30px 0 70px; color: #a8b6d1;} 
.footer img { width: 130px; margin: 30px auto; display: block; }
.cell	{text-align: center; line-height: 25px;} 
.cell .cell-lable { color: #7991bc; font-weight: bold;}

.i-head .lims-head-img { width: 100%; height: auto; }

#section { position: relative; width: 100%; text-align: center; padding: 0 20px;box-sizing: border-box;} 
.__pdtHead {margin-bottom:50px;text-align:center;}
.__pdtHead h3 {font-size:30px;color:#061f5c;}
.__pdtHead .subtitle {font-size:15px;color:#061f5c;margin-top: 20px;}
.__pdtHead .subtitle span { font-size:20px;font-weight: bold; position: relative; }
.__pdtHead .subtitle span:before { display:block;position:absolute;bottom: -10px;left:30%;width:6px;height:6px;background:#E60A11;content:'';border-radius: 50%; }
.__pdtHead .__txt18 {position:relative;margin-top:21px;padding-top:21px;color: #0E161E;line-height: 25px;text-align: justify;font-size: 20px;}
.__pdtHead .__txt18:before {display:block;position:absolute;top:0;left:50%;width:50px;height:3px;background:#cfd8e9;content:'';transform: translateX(-50%);}
.__txt18 {  font-weight: 300; line-height: 1.8em; color: #323335; }
.__underline {padding-bottom:3px;background-image:linear-gradient(to bottom,transparent 0%,transparent calc(100% - 10px),#bbf7eb calc(100% - 18px), #bbf7eb 18px);background-repeat:no-repeat;transition:background-size 1s; background-size: 100% 100%;font-size: 20px;}
.__pdtHead .grayBox {margin-top:15px;padding:15px;background:#f8f8f8;font-size:0;display: flex;justify-content: space-around;flex-wrap: wrap;}
.__pdtHead .grayBox li {display:inline-block;position:relative;margin:3px;padding-left:10px;font-size:18px;font-weight:300;line-height:1.4em;color:#787878;vertical-align:top;}
.__pdtHead .grayBox li:before {display:block;position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;background:#787878;content:'';}
.__pdtHead .notice-3{ color: #0e161e;line-height: 20px;}
.__pdtHead .notice-3 .text{ font-size: 18px;}
.__tit h3 { font-size: 24px; color: #061f5c; text-align: center; }
.bgimg-box { width: 100%; overflow-y: scroll; }
.bgimg-box img { height: 100vw; margin-bottom: 10px; }
.__function,.__effect,.__advantage {margin-bottom:50px;}

.__effect {color: #0e161e;padding-bottom: 50px;}
.__effect .area .box { padding: 26px 0;}
.__effect .area .box + .box { border-top: solid 1px #d2d2d2;}
.__effect .area .box .img img {width:100px;}
.__effect .area .box dl dt {font-size:20px;color:#323335;white-space: pre;font-weight: bold;}
.__effect .area .box dl dd {margin-top:10px;font-size:18px;font-weight:300;line-height:1.5em;margin-inline-start: 0;}
.__advantage .platform { padding: 16px 8px;}
.grabBox .inner .platform { text-align: center; color: #0e161e; line-height: 25px; font-size: 18px; }
.grabBox .inner .platform span { font-weight: bold;  font-size: 18px; }

.__advantage .square { position: relative; font-size: 0; white-space: nowrap; box-sizing: border-box; z-index: 10; display: flex; flex-wrap: wrap; justify-content: space-between; }
.__advantage .square.leng2 .box {width:calc(94% / 2);}
.__advantage .square .box { display: inline-block; vertical-align: top; box-sizing: border-box;}
.__advantage .square .box { margin-top: 20px; }
.__advantage .square .box .in { height: 100px; border: 1px solid #d7d7d7; border-bottom: 2px solid #323335; background: #fff; text-align: center; width: 100%;}
.__advantage .square .box .in:after {display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}
.__advantage .square .box .in span {display:inline-block;color:#323335;white-space:normal;vertical-align:middle;font-size: 18px;}
.__advantage .grabBox .inner { margin-top: 20px;}
.__advantage .grabBox dl {position:relative;padding-left:70px;font-size:18px;font-weight:300;line-height:1.2em;margin: 0;}
.__advantage .grabBox dl ~ dl {margin-top:10px;}
.__advantage .grabBox dl dt {position:absolute;top:0;left:0;padding-left:10px;color:#477dde;white-space:nowrap;text-align: left;font-size: 18px;}
.__advantage .grabBox dl dt:before {display:block;position:absolute;top:5px;left:0;width:4px;height:4px;border-radius:50%;background:#477dde;content:'';}
.__advantage .grabBox dl dd {color:#323335;text-align: justify ;font-size: 18px;}

.__function {margin-bottom:50px; text-align: left;}
.__function .area {display: flex; flex-wrap: wrap; justify-content: space-between;}
.__function .area .box {vertical-align:top;box-sizing:border-box;width: 100%;}
.__function .area .box ._row {margin: 0;}
.__function .area .box dl {position:relative;padding-top:13px;}
.__function .area .box dl dt {position:absolute;top:0;left:0;width:100%;height:60px;padding-left:25px;background:#071f60;font-size:20px;line-height:60px;color:#fff;box-sizing:border-box;}
.__function .area .box dl dd {padding:75px 15px 30px 25px;border:1px solid #d7d7d7;font-size:14px;line-height:1.6em;color:#323335;}
.__function .area .box dl dd ul li {position:relative;padding-left:1em;font-weight:300;word-wrap: break-word;font-size: 16px;}
.__function .area .box dl dd ul li ~ li {margin-top:5px;}
.__function .area .box dl dd ul li:before {position:absolute;top:0;left:0;content:'-';}
.__function .area .box dl dd ul li span {color:#787878;}

.__screenShot {
	width: 100vw;
	margin: 0 -20px;
	padding: 20px;
	box-sizing: border-box;
	background: #CFD8E9;
	color: #0E161E ;
	overflow: hidden;
}
.__screenShot .van-swipe{
	height: 330px;
}
.__screenShot .swipe-con {
	position: absolute;
	top: 65%;
	width: 100%;
	text-align: center;
}
.__screenShot .swipe-con .c-title {
	font-size: 16px;
	line-height: 30px;
}
.__screenShot .swipe-con .c-tip {
	font-weight: 300;
	margin: 0;
	font-size: 16px;
}
.__screenShot .custom {
	position: absolute;
	bottom: 5%;
	display: flex;
	justify-content: center;
	width: 100%;
}
.custom div {
	width: 10px;
	height: 10px;
	margin: 0 10px;
	border-radius: 50%;
	background: #fff;
}
.custom .active { background: #477DDE;}
.hmp-logo { width: 140px;  margin-top: 20px; }
.recruit { text-align: left; line-break: anywhere; margin-bottom: 160px; }
.recruit ._text1 {  color: #061f5c; line-height: 25px; font-size: 16px;font-weight: bold;}
.recruit ._text2 { font-size: 15px; color: #0e161e; line-height: 22px; margin-top: 30px; }
.blod { font-weight: bold; font-size: 15px;}
.__screenShot .elite-con {  text-align: left; }
.__screenShot .elite-con .e-title { margin: 0 auto; color: #061f5c; font-weight: bold; margin-bottom: 10px;font-size: 16px; }
.__screenShot .elite-con .con { color: #0e161e; margin: 0 auto; line-break: anywhere; line-height: 20px; }
.staffs { margin-bottom: 100px; font-size: 14px;color: #0E161E;}
.staff { display: flex; text-align: left; padding: 20px 0; line-break: anywhere; }
.staff + .staff { border-top: solid 1px #eeeeee; }
.staff img { width: 100px; height: 100px; margin-right: 10px; }
.staff .con .s-name { font-weight: bold; margin-top: 10px; font-size: 14px;}
.s-depart,.s-name { margin-bottom: 10px; }
.staff .s-introduce {line-height: 20px;text-align: justify;}
.careerplan + .careerplan { border-top: solid 1px #eeeeee;}
.careerplan .c-title { font-size: 24px; color: #061f5c; margin: 20px; }
.c-container { display: flex; justify-content: space-between; flex-wrap: wrap; color: #0f171b; }
.careerplan .c-item1 {border: solid 1px #eeeeee; border-radius: 10px;margin-bottom: 5%;padding: 10px;width: 48%;box-sizing: border-box;}
.careerplan img { width: 100px; height: 100px; }
.careerplan .con {  font-size: 16px;  }
/*.careerplan .con div{ font-size: 12px; }*/
.careerplan .cs-title {  padding: 12px 24px; border-radius: 30px; background: #dbe0eb; background: rgba(219, 224, 235, 0.32); width: 200px; margin: 20px auto; color: #0E161E;}
.careerplan .hr-activity-img { width: 100%; height: auto;margin-bottom: 20px; }


.gp {color: #061f5c; padding: 30px 0 50px 0;  }
.gp h3 {font-size: 30px;margin:0;}
.gp .subtitle {font-size: 22px;line-height:25px;}
.gp .img-box { display:flex; justify-content: space-between;margin: 20px 0; }
.gp .img-box img { width: 100px; height: 100px; }

.gp .con { padding-left:15px; text-align: left; line-height: 22px; }

.about { color: #0a2162; }
.about .a-item { width: 100%; border: solid 1px #d7d7d7; border-radius: 10px; margin-bottom: 16px; display: flex;}
.about .a-item .img-box1 { width: 130px; height: 130px; display: flex; justify-content: center; align-items: center; }
.about .a-item img {  width: 110px; height: 90px;}
.about .a-item .a-info{ background-color: #f3f5f9; padding: 10px;  border-radius: 0px 10px 10px 0px;flex: 1; }
.about .a-item .a-info .a-title { font-size: 16px; font-weight: bold; margin: 10px 0; }
.about .a-item .a-info div {font-size: 16px;}
.staff-img { width: 100%; }

.ceo-message {color: #0e161e; text-align: left; line-height: 22px; margin-bottom: 100px; position: relative; }
.ceo-message div {font-size: 16px; text-align:justify; }
.ceo-message ._text1 { font-weight: bold; }
.ceo-message .ceo {  width: 100%; margin-top: 40px;}

.departments {  text-align: left; color: #0f171b; margin-bottom: 10vw; }
.departments .department { display: flex; border-radius: 18px; border: solid 1px #d7d7d7; padding:15px; margin-bottom: 10px; }
.departments .department .v-title { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
.departments .department .d-text { text-align:justify; line-height: 20px; flex: 1;font-size: 16px;}
.departments .department img{ width: 50px; height: 50px; margin: 15px;margin-left: 25px;}

.activities { border-top: solid 2px #061f5c; border-bottom: solid 2px #061f5c; margin-bottom: 20px; padding: 5px 0; color: #0e161e;  box-sizing: border-box; }
.activities .table { width: 100%; text-align: left; box-sizing: border-box; }
.activities .table thead tr{ background-color: #f3f5f9; }
.activities .table th{ padding: 8px;font-size: 12px; }
.activities .table tbody tr + tr{ border-top: solid 1px #EEE; }
.activities .table tbody td:first-child{ vertical-align: top; }
.activities .table td{ padding: 8px 0; }
.activities .table .contents { display: flex; }
.activities .table .contents img { width: 100px; height: 60px; border-radius: 12px;margin-right: 8px;}
.contents .text-a { flex: 1; }
.contents .text-a .title-a { font-weight: bold; font-size: 14px; margin-bottom: 4px; }
.contents .text-a .info-a { font-size: 12px; line-break: anywhere; margin-bottom: 4px;text-align: justify; }
.contents .text-a .date-a { font-size: 12px; }
.activities .a-subtitle { font-size: 12px; font-weight: bold; padding: 5px 0; background: #F3F5F9;}
.activities .images{ margin-bottom: 8px; }
.activities .images img{ width: 100%; margin-top: 8px;}
.ellipsis-multiline { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 定义文本的行数 */ overflow: hidden; text-overflow: ellipsis; } 
.paginate { display: flex; justify-content: space-around; color: #0e161e; width: 100%; margin: 20px auto 150px; } 
.paginate  div { width: 30px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; cursor: pointer; } 
.paginate .page { border: solid 1px #eeeeee; border-radius: 4px; } 
.paginate .active { background-color: #061f5c; color: #fff; }