.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;}

}



.jiagouBox { padding: 8em 0;}

.jiagouBox2 { background: url(../images/U8/bg_2.png) center center no-repeat;

background-size:cover ;}

.jiagouBox4 { background:#f4f5f7;}

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

.jiagouBox .tit_2 { max-width: 990px; margin: 1.8em auto 0; line-height: 2;}

.jiagouBox .pic { margin: 2.5em auto 0;}

.jiagouBox .pic  img { max-width: 100%; height: auto;}



.jiagouBox .list { margin-top:4em; }

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

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

.jiagouBox .list li { margin: 1% 3% 0 0; width: 27.3%;display: flex;flex-direction: column; 

}

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

	.jiagouBox { padding:3em 0;}

	.jiagouBox .tit { margin-left:13% ; margin-right: 13%;}

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

}

.jiagouBox .list .lib {

	background-color: #dcdddd; border-left:0.4em solid #e60013;

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

	flex: 1; padding: 1.2em 2.5em 2em 1.5em;

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

}

.jiagouBox .list .name {flex: 1;  color: #cc0000;}

.jiagouBox .list .intro { width: 100%; margin-top:0; color: #434343; }



.btnWhite { cursor: pointer; display: inline-block; cursor: pointer; color: #ff5831; 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 #ff5831; color: #ff5831;}



.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; 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;}



.jiagouBox .jgCon { margin-top: 1.5em; display: flex; justify-content: space-between; align-items: center;}

.jiagouBox .jgCon .txtb { text-indent: 2em;  text-align: left;

line-height: 1.8; margin-left:5%; width: 42%;}

.jiagouBox .jgCon .picb { width: 47.8%;}

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

	

	.jiagouBox .jgCon { display: block;}

	.jiagouBox .jgCon .txtb {  margin-left:auto; width: 100%;}

	.jiagouBox .jgCon .picb { width: 100%;}

}