

.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;}
	.font38 { font-size: 38px;}
	.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;}
.font38 { font-size: 22px;}
.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: 392px; color: #fff; margin-top:120px;}
.picBox img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.picBox .txtb { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
display: flex; justify-content: center; align-items: center;
flex-direction: column; font-weight: bold;}
 @media only screen and (max-width:828px) { 
.picBox { padding-top: 45%; margin-top:110px;}
}

.btnWhite { cursor: pointer; display: inline-block; cursor: pointer; color: #0da5ca; 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 #0da5ca; color: #0da5ca;}

.btnBlue { 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: #0da5ca;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 #0da5ca; }
.btnBlue:hover {	background-color: #0eb6df;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;
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 { padding: 4.6em 0 2em; }
.ts_2 { padding: 4.6em 0 3em; }
.ts_3 { padding: 3.7em 0;background:#f0f0f0;}
.ts_4 { padding: 3.7em 0; }
.ts_5 {  padding: 3.7em 0 2em;background:#f0f0f0}
.ts_6 { padding: 3.7em 0 6em; }
.ts_7 {  padding: 3.7em 0;background:#f0f0f0}
.ts_8 { padding: 3.7em 0; }
.tsBox .tit { color: #000; line-height: 1.8; margin-bottom: 2.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;}
.ts_8 .tsCon { flex-direction: row-reverse;}
.tsBox .picb { width: 48.3%; }
.tsBox .picb img { display: block; width: 100%; height: auto;}
.tsBox .txtb { width: 45.4%;  color: #5a5a5a;}
.tsBox.ts_1 .txtb {margin-right: 5%;}
.tsBox .txtb .name { font-weight: bold;}
.tsBox .txtb .name p { margin-top: 0.5em;}
.tsBox .txtb .intro { margin-top: 2.8em; min-height: 8.5em;}
.tsBox .txtb .intro p { margin-top: 0.6em;}
.tsBox .txtb .btnW { margin-top: 1.2em;}

.tsBox.ts_1 .picb { width: 31.6%;}
.tsBox.ts_1 .txtb { width: 57.3%;}

@media only screen and (max-width:828px) { 
	.tsBox .tit { margin-left:13% ; margin-right: 13%;}
	 .tsBox .tsCon {display: block;}
	 .tsBox .picb { width: 100%; }
	 .tsBox .txtb { margin-top:2em; width: 100%; }
	 .tsBox .txtb .intro { margin-top: 1.5em;}
	 
	 .tsBox.ts_1 .picb { width: 100%;}
	 .tsBox.ts_1 .txtb { width: 100%;}
	 
	 .tsBox { padding:3em 0; }
	 .ts_1 {  padding:3em 0; }
	 .ts_2 {  padding:3em 0;  }
	 .ts_3 {  padding:3em 0; }
	 .ts_4 {  padding:3em 0;  }
	 .ts_5 {   padding:3em 0; }
	 .ts_6 {  padding:3em 0; }
	 .ts_7 {  padding:3em 0; }
	 .ts_8 {  padding:3em 0; }
}


.tjBox { background-color: #f0f0f0; padding: 5em 0 6em;}
.tjBox .tit {  text-align:center}
.tjBox .list { margin-top: 3.2em; }
.tjBox .list ul { display: flex;  text-align: left;
flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.tjBox .list li { width: 31.6%; margin-right: 2.6%; display: flex;flex-direction: column; }
.tjBox .list li:nth-child(3n) { margin-right: 0;}
@media only screen and (max-width:828px) { 
	.tjBox .tit { margin-left:13% ; margin-right: 13%;}
	.tjBox .list { margin-top: 3.2em; }
	 .tjBox .list li { width: 100%;margin-right: 0; margin-top: 1em;}
}
.tjBox .list .lib { background-color: #fff;	flex: 1; padding: 1.5em;
 display: flex; justify-content: space-between; align-items: flex-start;
 -moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em; }
.tjBox .list .picb { width: 3em; }
.tjBox .list .picb img { display: block; width: 100%; height: auto;}
.tjBox .list .txtb { flex: 1; margin: 0 0 0 1.5em; color: #5a5a5a;}
.tjBox .list .txtb .name { font-weight: bold;}
.tjBox .list .txtb .intro { margin-top: 0.9em; line-height: 1.6;}