@charset "utf-8";

.wrap {
	height: 100%;
}

section {
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*display: none;*/
}

/*.sixth {
	display: block
}*/



/* first page start */
.content-title {
	height: 7.063%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	padding: 0 .24rem;
	font-size: .3rem;
	color: #333;
	border-bottom: 1px solid rgba(105, 105, 105, 0.21);
}

.content-title span {
	padding-left: .15rem;
	border-left: .06rem solid #275c97;
}

.content-main {
	height: 92.937%;
}

.content-main_explain {
	height: 50%;
}

.explain-point {
	height: 42%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.explain-point_item {
	width: 33%;
	height: 100%;
	padding: .1rem 0;
	-webkit-flex-grow: 1;
	        flex-grow: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-align-items: center;
	        align-items: center;
	font-size: .24rem;
	color: #919191;
	line-height: 1.2;
}

.explain-point_item div:first-child {
	height: 55%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	-webkit-align-items: center;
	        align-items: center;
	font-size: .28rem;
	color: #333;
	padding-top: 5%;
}

.explain-point_item div:first-child i {
	display: block;
	width: .44rem;
	height: .4rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.point-item_1 i {
	background-image: url('../../images/service/point-item_1.png');
}

.point-item_2 i {
	background-image: url('../../images/service/point-item_2.png');
}

.point-item_3 i {
	background-image: url('../../images/service/point-item_3.png');
}

.explain-text {
	height: 58%;
	line-height: 1.8;
	padding: 0 .2rem;
	font-size: .24rem;
	background: #f4f4f4;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.explain-text p {
	text-indent: 2em;
}

.content-main_doctor {
	height: 25%;
}

.content-main_doctor.doctor-line_2 {
	border-top: 1px solid rgba(105, 105, 105, 0.21);
}

.doctor-title {
	height: 32%;
	padding: 0 .27rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	border-bottom: 1px solid rgba(105, 105, 105, 0.21);
}

.doctor-title i {
	display: block;
	width: .37rem;
	height: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.doctor-line_1 i {
	background-image: url('../../images/service/doctor-line_1.png')
}

.doctor-line_2 i {
	background-image: url('../../images/service/doctor-line_2.png')
}

.doctor-title span {
	margin-left: .15rem;
	font-size: .3rem;
	color: #333;
}

.doctor-explain {
	height: 68%;
	padding: 0 .47rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-align-items: center;
	        align-items: center;
}

.doctor-explain_item {
	height: 58%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	font-size: .24rem;
	color: #101d2b;
}

.doctor-explain_item p:first-child {
	font-size: .26rem;
	color: #2d70bb;
	line-height: 2;
}

/* first page end */

/* second page start */
.content-map {
	height: 72%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	padding: .5rem;
	background: #134e8d;
}

.content-map img {
	width: 87.2%;
}

.content-explain {
	height: 28%;
	font-size: .24rem;
	color: #333;
}

.second .content-title {
	height: 25.14%;
}

.content-explain_text {
	height: 74.86%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
}

.content-explain_text p {
	padding: 0 .2rem;
	text-indent: 2em;
	line-height: 1.5;
}

/* second page end */

/* third page start */
.content-child {
	height: 60%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-align-items: center;
	        align-items: center
}

.content-child img {
	width: 94.4%;
}

.content-child button {
	height: .44rem;
	width: 1.6rem;
	-webkit-align-self: flex-end;
	        align-self: flex-end;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	background: rgba(0, 0, 0, 0.4);
	border-radius: .22rem;
	color: #fff;
	margin-right: .3rem;
	font-size: .2rem;
}

.third .content-explain {
	height: 40%;
}

.third .content-title {
	height: 17.67%;
}

.content-main_intro {
	height: 36.1%;
	display: -webkit-flex;
	display: flex;
	padding: 0 .2rem;
	-webkit-align-items: center;
	        align-items: center;
}

..content-main_intro p {
	text-indent: 2em;
}

.content-main_server {
	height: 63.9%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	border-top: 1px solid #dcdcdc;
	padding-top: 6% 0;
}

.content-main_server div {
	width: 50%;
	height: 70%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
	color: #181818;
	font-size: .24rem;
}

.content-main_server div p {
	padding: 0 .4rem;
}

.content-main_server p:first-child {
	border-right: 1px solid #d5d5d5;
}

/* 大图显示区 */
.display-mark {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	z-index: 10;
}

.display-mark div {
	width: 100%;
	height: 100%;
}

.display-mark img {
	max-width: 100%;
	max-height: 100%;
}
/* third page end */

/* fourth page start */
.fourth .content-child {
	background: rgb(104, 155, 50);
}

.fourth .content-explain {
	height: 40%;
}

.fourth .content-title {
	height: 17.67%;
}

.fourth .content-main_intro {
	height: 38%;
	line-height: 1.2;
}

.fourth .content-main_server {
	height: 62%;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
	padding-top: .1rem;
}

.fourth .content-main_intro p {
	text-indent: 2em;
}

.fourth .content-main_server ul {
	list-style-type: disc;
}

.fourth .content-main_server li {
	margin-left: 40px;
	color: rgba(51,51,51,0.76);
	line-height: 1.4;
}
/* fourth page end */

/* fifth page start */
.content-gene {
	height: 78.1%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-align-items: center;
	        align-items: center;
	background: rgb(37, 91, 156)
}

.content-gene_item {
	width: 50%;
	height: 33%;
	color: #fff;
	font-size: .2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.fifth .content-gene_item:nth-child(2n) {
	border-left: 1px solid #fff;
}

.fifth .content-gene_item:nth-child(n + 3) {
	border-top: 1px solid #fff;
}

.fifth .gene-item {
	width: 80%;
	height: 64%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-align-items: center;
	        align-items: center;
	text-align: center;
	/*flex-grow: 1;*/
}

.fifth .gene-item p:last-child {
	width: 70%;
}

.fifth .gene-item i {
	display: block;
	width: .5rem;
	height: .5rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.fifth .gene-item_1 i {
	background-image: url('../../images/service/gene-item_1.png');
}
.fifth .gene-item_2 i {
	background-image: url('../../images/service/gene-item_2.png');
}

.fifth .gene-item_3 i {
	background-image: url('../../images/service/gene-item_3.png');
}

.fifth .gene-item_4 i {
	background-image: url('../../images/service/gene-item_4.png');
}

.fifth .gene-item_5 i {
	background-image: url('../../images/service/gene-item_5.png');
}

.fifth .gene-item_6 i {
	background-image: url('../../images/service/gene-item_6.png');
}

.gene-item_name {
	font-size: .24rem;
}

.fifth .content-explain {
	height: 21.9%;
}

.fifth .content-title {
	height: 32.23%;
}

.fifth .content-main {
	height: 67.77%;
}

.fifth .content-main_intro {
	height: 100%;
}

.fifth .content-main_intro p {
	text-indent: 2em;
}
/* fifth page end */

/* sixth page start */
.sixth .content-main {
	background: #f4f4f4;
}
.sixth .content-main_intro {
	height: 16.85%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	background: #fff;
}

.sixth .content-main_intro p {
	text-indent: 2em;
	font-size: .24rem;
	color: #333;
}

.content-main_tab {
	height: 44.67%;
	margin-top: 1.6%;
	background: #fff;
}

.content-main_tab .main-tab_nav {
	height: 40.8%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.tab-nav_item {
	height: 100%;
	-webkit-flex-grow: 1;
	        flex-grow: 1;
}

.tab-nav_item a {
	width: 60%;
	height: 100%;
	margin: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
}

.tab-nav_item i {
	display: block;
	width: 40%;
	height: 27%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-bottom: 20%;
}

.nav-item_1 i {
	background-image: url('../../images/service/nav-item_1.png');
}

.nav-item_2 i {
	background-image: url('../../images/service/nav-item_2.png');
}

.nav-item_3 i {
	background-image: url('../../images/service/nav-item_3.png');
}

.nav-item_1.checked i {
	background-image: url('../../images/service/nav-item_c_1.png');
}

.nav-item_2.checked i {
	background-image: url('../../images/service/nav-item_c_2.png');
}

.nav-item_3.checked i {
	background-image: url('../../images/service/nav-item_c_3.png');
}

.tab-nav_item.checked a {
	color: #3365a2;
	border-bottom: .04rem solid #3365a2;
}

.content-main_tab .main-tab_text {
	height: 59.2%;
	padding: 0 .2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-align-items: center;
	        align-items: center;
	border-top: 1px solid #dcdcdc;
}

.main-tab_text p {
	display: none;
	font-size: .24rem;
	color: #333;
	text-indent: 2em;
}

.main-tab_text p.show {
	display: block;
}

.content-main_partner {
	margin-top: 1.6%;
	height: 36.4%;
	background: #fff;
}

.content-main_partner p {
	height: 24.79%;
	padding: 0 .2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-align-items: center;
	        align-items: center;
	font-size: .3rem;
	color: #333;
	border-bottom: 1px solid #dcdcdc;
}

.content-main_partner div {
	height: 75.21%;
	background: url('../../images/service/partner.png') no-repeat center center;
	background-size: contain;
}
/* sixth page end */