.wrap { overflow: hidden;}

.con { width:94%; max-width: 1200px;  margin: 0 auto; }

	.font80 { font-size: 80px;}

	.font60 { font-size:60px;}

	.font50 { font-size: 50px;}

	.font48 { font-size: 48px;}

	.font44 { font-size: 44px;}

	.font42 { font-size: 42px;}

	.font36 { font-size: 36px;}

	.font32 { font-size: 32px;}

	.font30 { font-size: 30px;}

	.font28 { font-size: 28px;}

	.font27 { font-size: 27px;}

	.font26 { font-size: 26px;}

	.font24 { font-size: 24px;}

	.font22 { font-size: 22px;}

	.font20 { font-size: 20px;}

	.font18 { font-size: 18px;}

	.font16 { font-size: 16px;}

	.font14 { font-size: 14px;}

@media only screen and (max-width:1920px) {

	html,body { font-size: 0.833vw;}

	

	.font80 { font-size: 80px;}

	.font60 { font-size: 60px;}

	.font50 { font-size: 50px;}

	.font48 { font-size: 48px;}

	.font44 { font-size: 44px;}

	.font42 { font-size: 42px;}

	.font36 { font-size: 36px;}

	.font32 { font-size: 30px;}

	.font30 { font-size: 30px;}

	.font28 { font-size: 28px;}

	.font27 { font-size: 27px;}

	.font26 { font-size: 26px;}

	.font24 { font-size: 24px;}

	.font22 { font-size: 22px;}

	.font20 { font-size: 20px;}

	.font18 { font-size: 18px;}

	.font16 { font-size: 16px;}

	.font14 { font-size: 14px;}

	.font12 { font-size: 12px;}

}



@media only screen and (max-width:828px) {

	html,body { font-size: 16px;}

	.con { width:auto; margin: 0 1em; }

}

@media only screen and (max-width:420px) {

	html,body { font-size: 14px;}

}

@media only screen and (max-width:370px) {

	html,body { font-size: 12px;}

}



@media only screen and (max-width:828px) {



.font48 { font-size: 24px;}

.font36 { font-size: 20px;}

.font24 { font-size: 18px;}

.font22 { font-size: 18px;}

.font20 { font-size: 14px;}

.font18 { font-size: 14px;}

.font16 { font-size: 14px;}

.font14 { font-size: 12px;}

}



.picBox { position: relative; z-index: 0; padding-top: 456px; margin-top:120px;}

.picBox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;

object-fit: cover;}

 @media only screen and (max-width:828px) { 

.picBox { padding-top: 45%; margin-top:110px;}

}



.tdBox ul { padding: 1.5em 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}

.tdBox ul li { width: 31.3%; margin: 0 1%; text-align: center;}

.tdBox .name { font-weight: bold;}

.tdBox .intro { margin-top: 0.3em; color: #99999b;}



.quBox { padding: 4.3em 0;}

.quBox .tit { font-weight: bold; text-align:center}

.quBox .list ul { padding: 3em 0 0; display: flex; 

flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}

.quBox .list ul li { background-color: #eaeaea;

 width: 31.3%; margin: 0 1%; text-align: center;

 display: flex; flex-direction: column; justify-content: center; align-items: center;}

 .quBox .list .lib { flex: 1; padding: 1em 1em 2em;}

.quBox .list .name { font-weight: bold;}

.quBox .list .intro { margin-top: 0.6em; line-height: 2.6em;}



@media only screen and (max-width:828px) { 

.quBox .list ul li { margin-top: 1em; width: 98%;}

.quBox .list ul { padding-top: 1em;}

}



.btnWhite { cursor: pointer; display: inline-block; cursor: pointer; color: #68a6f6; line-height: 2.5;

 padding: 0.1em 1.7em 0 1.8em; margin-right: 0.5em; background-color: #fff; font-weight: bold;

transition: all 0.5s;

-webkit-transition:all 0.5s;

-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;

border: 1px solid #fff; 

-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);}

.btnWhite:hover {	border: 1px solid #68a6f6; color: #68a6f6;}



.btnBlue { display: inline-block; cursor: pointer; color: #fff; line-height: 2.6;

 padding: 0 1.7em 0 1.7em; margin-right: 0.5em; background-color: #31c2c4;font-weight: bold;

transition: all 0.5s;

-webkit-transition:all 0.5s;

-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;

border: 1px solid #31c2c4; }

.btnBlue:hover {	background-color: #27aeb0;color: #fff;}



.btnOrg { display: inline-block; cursor: pointer; color: #fff; line-height: 2.5;

 padding: 0.1em 1.7em 0 1.7em; margin-right: 0.5em; background-color: #ff5831; font-weight: bold;

transition: all 0.5s;

-webkit-transition:all 0.5s;

-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;

border: 1px solid #ff5831; }

.btnOrg:hover {	background-color: #ee4017;color: #fff;}



.tsBox { padding: 4.6em 0 2em; }

.ts_1 { background:#f6f6f6;}

.ts_2 { padding: 2.5em 0;}

.ts_3 { padding: 2.5em 0; background:#f6f6f6;}

.ts_4 {  padding: 2em 0;}

.ts_5 {padding: 2em 0; background:#f6f6f6;}

.tsBox .tit { font-weight: bold; line-height: 1.8; margin-bottom: 1.4em;text-align:center}

.tsBox .tit span{ color: rgb(224, 62, 45);}

.tsBox .tsCon { display: flex; justify-content: space-between; align-items: center;

text-align: left;}

.ts_2 .tsCon { flex-direction: row-reverse;}

.ts_4 .tsCon { flex-direction: row-reverse;}

.ts_6 .tsCon { flex-direction: row-reverse;}

.tsBox .picb { width: 48.3%; }

.tsBox .picb img { display: block; width: 100%; height: auto;}

.tsBox .txtb { width: 45.4%;}

.tsBox .txtb .name { font-weight: bold;}

.tsBox .txtb .name_2 { margin: 0.6em 0 0 1.4em;}

.tsBox .txtb .name p { margin-top: 0.5em;}

.tsBox .txtb .intro { margin-top: 0.8em; min-height: 8.5em;}

.tsBox .txtb .intro p { margin-top: 0.6em;}

.tsBox .txtb .intro .dot { font-size: 1.1em; color: #68a6f6;}

.tsBox .txtb .btnW { margin-top: 1.4em;}

.tsBox .txtb .btnBlue { margin-right: 1em; padding: 0.1em 1em 0; line-height: 2.2em; font-weight: normal;}



@media only screen and (max-width:828px) { 

	.tsBox { padding: 3em 0; }

	.ts_1 { }

	.ts_2 { padding:3em 0;}

	.ts_3 { padding: 3em 0; }

	.ts_4 {  padding: 3em 0;}

	.ts_5 {padding: 3em 0; }

	

	.tsBox .tit { margin-left:10% ; margin-right: 10%;}

	 .tsBox .tsCon {display: block;}

	 .tsBox .picb { width: 100%; }

	 .tsBox .txtb { margin-top:1em; width: 100%; }

}





.tjBox { background-color: #fbfbfb; padding: 4.2em 0 1.7em;}

.tjBox .tit { font-weight: bold;text-align:center}

.tjBox .list { margin-top: 3.2em; background-color: #fefefe;}

.tjBox .list ul { display: flex;  text-align: left;

flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}

.tjBox .list li { width: 50%;display: flex;flex-direction: column; }

@media only screen and (max-width:828px) { 

	.tjBox .tit { margin-left:10% ; margin-right: 10%;}

	 .tjBox .list li { width: 100%;}

}

.tjBox .list .lib {

	border-bottom:1px solid #e8e8e8 ;

	border-right:1px solid #e8e8e8 ;

	flex: 1; padding: 6% 0;

 display: flex; justify-content: space-between; align-items: center;

 transition: all 0.5s;

 -webkit-transition:all 0.5s;}



.tjBox .list .lib:hover{background: #fff;

    -webkit-box-shadow: 0px 0px 26px 0px rgba(180, 180, 180, 0.39);

    box-shadow: 0px 0px 26px 0px rgba(180, 180, 180, 0.39);

	color: rgb(13, 165, 202);

}

.tjBox .list li:nth-child(2n) .lib {

	border-bottom:1px solid #e8e8e8 ;

	border-right:0 ;}

.tjBox .list li:nth-child(3) .lib {

	border-bottom:0 ;

	border-right:1px solid #e8e8e8 ;}

.tjBox .list li:nth-child(4) .lib {

	border-bottom:0 ;

	border-right:0 ;}

.tjBox .list .picb { width: 20%; margin-left: 5%;}

.tjBox .list .picb img { display: block; width: 100%; height: auto;}

.tjBox .list .txtb { flex: 1; margin: 0 6.7% 0 2.6%;}

.tjBox .list .txtb .name { font-weight: bold;}

.tjBox .list .txtb .intro { margin-top: 0.8em; }



@media only screen and (max-width:828px) { 

	.tjBox { padding: 3em 0;}

	.tjBox .list { margin-top: 1em;}

}



.servBox { padding: 2.3em 0 4.3em;}

.servBox .tit { font-weight: bold; line-height: 1.9;text-align:center}

.servBox .list ul { display: flex; flex-wrap: wrap;

 justify-content: flex-start; align-items: flex-start;}

.servBox .list li{margin: 2.5em 1% 0;  width: 23%; text-align:center }

.servBox .list .pic { width: 5.8em; height: 5.8em; margin: 0 auto;

background-color: #31c2c4;transition: all 0.5s;

-webkit-transition:all 0.5s;

-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.servBox .list .pic img {display: block; width: 100%; height: auto;}

.servBox .list .pic:hover { background-color: #27aeb0;}

.servBox .list .name { margin-top: 0.8em;}

.servBox .list .intro { margin-top: 0.1em; color:#99999b;}

@media only screen and (max-width:828px) { 

	.servBox .list li{ width:48%;	}

}







.expeBox { color: #fff; background-color: #31c2c4; padding: 2em 0 2.2em;}

.expeBox .tit { font-weight: bold;}

.expeBox .btnWhite { margin-top: 1em;}