/* Created by kong 20241209 */

.spbg04 { background-image: url("../images/bg_15.jpg");}
.spbg04 .wrap { position: relative; padding-top: 40px;}
.spbg04 .title { margin-top: 0;}

.intropic { width: 1000px; height: 655px; margin-top: 35px;}
.introcard { width: 700px; height: 505px; position: absolute; top: 192px; right: 50px; box-sizing: border-box; padding: 69px 57px 0; background: white; box-shadow: rgba(0,0,0,0.05) 0 1px 20px;}
.introcard strong { display: block; font-size: 30px; line-height: 32px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.introcard em { display: block; margin-top: 13px; font-size: 14px; line-height: 16px; color: #F08739; font-style: normal; height:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.introcard p { margin-top: 33px; font-size: 18px; line-height: 36px; color: #333; height:180px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.introcard .readdetail { margin-top: 40px;}

.spbg05 { height: 760px; background-image: url("../images/bg_20.png"); background-position: center bottom;}
.spbg05 .wrap { position: relative;}
.spbg05 .title { margin-top: 100px;}

.culture1, .culture2 { position: absolute; top: 100px; left: 0; z-index: 2; width: 800px; height: 540px; box-sizing: border-box; padding: 70px 80px 0; font-size: 18px; line-height: 36px; color: white; background: url("../images/bg_18.png") no-repeat; background-size: 100% 100%;}
.culture1 strong { display: block; font-size: 30px; line-height: 30px; font-weight: normal;}
.culture1 strong em { font-size: 16px; margin-left: 15px; font-style: normal;}
.culture1 p { margin-top: 164px; height:216px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.culture2 { top: 160px; left: 700px; z-index: 1; padding: 100px 0 0 187px; background-image: url("../images/bg_19.png");}
.culture2 dt { font-size: 24px; line-height: 24px;}
.culture2 dt em { font-size: 16px; margin-left: 10px; font-style: normal;}
.culture2 dd { margin: 18px 0 82px; font-size: 18px; line-height: 18px;}

.spbg06 { margin-top: 100px; height: 580px; background-image: url("../images/bg_21.png"); background-position: center bottom;}
.spbg06 .title { margin-top: 80px;}
.spbg06 .readdetail { margin-top: 213px;}

.honorcard, .orgcard { float: left; width: 710px; height: 494px; box-sizing: border-box; padding-left: 80px; background: url("../images/bg_22.png") no-repeat; background-size: 100% 100%; box-shadow: rgba(0,0,0,0.05) 0 1px 20px; overflow: hidden;}
.orgcard { float: right; background-image: url("../images/bg_23.png");}

.environmentcard { margin-top: 16px; width: 100%;}

.spbg07 { padding-top: 0.1px; background-image: url("../images/bg_24.jpg");}

.landscapebg { margin-top: 27px; width: 1400px; padding:50px 50px 55px; background:white; box-shadow: rgba(0,0,0,0.05) 0 1px 20px;}
.landscapebg .title { margin-top: 0; font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.landscapebg .info { font-size: 16px; line-height: 16px; color:#999;}
.landscapeslide { margin-top: 22px; position: relative;}
.landscapeslide img { width: 100%;}
.landscapeslide p { font-size: 24px; line-height: 26px; color: #333; padding: 45px 0 0 155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.landscapeslide .swiper-button-prev, .landscapeslide .swiper-button-next { width:60px; height:70px; background:url(../images/slide_21.png) no-repeat; background-size: 100% 100%; top:36%; margin-top:0; left: 20px;}
.landscapeslide .swiper-button-next { background-image:url(../images/slide_22.png); left: auto; right:20px;}
.landscapeslide .swiper-pagination-fraction { width: auto; height: 42px; bottom:0; font-size: 24px; line-height: 42px; color: #666; background: white; padding-right: 20px;}
.landscapeslide .swiper-pagination-fraction .swiper-pagination-current { font-size: 42px; color: #E60321; padding: 0 12px 0 0;}
.landscapeslide .swiper-pagination-fraction .swiper-pagination-total { padding: 0 0 0 15px;}

@media screen and (max-width: 1500px) and (min-width: 750px) {
	.title { font-size: 38px; line-height: 38px;}
	.title em { margin-top: 6px; font-size: 18px; line-height: 18px;}
	
	.spbg04 { background-image: url("../images/bg_15_t.jpg");}
	.spbg04 .wrap { padding-top: 32px;}

	.intropic { width: 831px; height: 544px; margin-top: 37px;}
	.introcard { width: 582px; height: 420px; right: 0; padding: 58px 47px 0;}
	.introcard strong { font-size: 24px; line-height: 26px;}
	.introcard em { margin-top: 12px; font-size: 10px; line-height: 12px; height:12px;}
	.introcard p { margin-top: 30px; height:144px; -webkit-line-clamp:4;}
	.introcard .readdetail { margin-top: 29px;}

	.spbg05 { height: 608px; background-size: auto 319px;}
	.spbg05 .title { margin-top: 80px;}

	.culture1, .culture2 { top: 80px; width: 640px; height: 432px; padding: 55px 65px 0;}
	.culture1 strong { font-size: 24px; line-height: 24px;}
	.culture1 strong em { font-size: 12px; margin-left: 12px;}
	.culture1 p { margin-top: 131px; height:180px; -webkit-line-clamp:5;}
	.culture2 { top: 128px; left: 560px; padding: 82px 0 0 150px;}
	.culture2 dt { font-size: 18px; line-height: 18px;}
	.culture2 dt em { font-size: 12px;}
	.culture2 dd { margin: 15px 0 58px; font-size: 14px; line-height: 14px;}

	.spbg06 { margin-top: 80px; height: 467px; background-size: auto 402px;}
	.spbg06 .title { margin-top: 63px;}
	.spbg06 .readdetail { margin-top: 164px;}

	.honorcard, .orgcard { width: 572px; height: 397px; padding-left: 64px;}

	.environmentcard { margin-top: 14px;}

	.spbg07 { background-image: url("../images/bg_24_t.jpg");}

	.landscapebg { margin-top: 15px; width: 1120px; padding:40px;}
	.landscapebg .title { font-size: 24px; line-height: 24px; margin-bottom: 18px;}
	.landscapebg .info { font-size: 12px; line-height: 12px;}
	.landscapeslide { margin-top: 20px;}
	.landscapeslide p { font-size: 18px; line-height: 20px; padding: 36px 0 0 120px;}
	.landscapeslide .swiper-button-prev, .landscapeslide .swiper-button-next { width:48px; height:56px; left: 15px;}
	.landscapeslide .swiper-button-next { left: auto; right:15px;}
	.landscapeslide .swiper-pagination-fraction { height: 32px; font-size: 18px; line-height: 32px;}
	.landscapeslide .swiper-pagination-fraction .swiper-pagination-current { font-size: 32px; padding: 0 10px 0 0;}
	.landscapeslide .swiper-pagination-fraction .swiper-pagination-total { padding: 0 0 0 10px;}
}

@media screen and (max-width: 750px) {
	.spbg04 { height: 11.79rem; background-size: auto 4.5rem; background-position: -6.5rem top;}
	.spbg04 .wrap { width: 100%; padding-top: 0.4rem;}
	.spbg04 .title { margin: 0 0 0 0.25rem;}
	
	.intropic { width: 100%; height: auto; margin-top: 0.3rem;}
	.introcard { width: 7rem; height: 5.55rem; top: 6.24rem; right: 0.25rem; padding: 0.65rem 0.57rem 0; box-shadow: rgba(0,0,0,0.05) 0 0.01rem 0.2rem;}
	.introcard strong { font-size: 0.34rem; line-height: 0.36rem;}
	.introcard em { margin-top: 0.07rem; font-size: 0.18rem; line-height: 0.36rem; height: 0.72rem; -webkit-line-clamp:2;}
	.introcard p { margin-top: 0.22rem; font-size: 0.24rem; line-height: 0.48rem; height:1.92rem; -webkit-line-clamp:4;}
	.introcard .readdetail { margin-top: 0.3rem;}
	
	.spbg05 { height: 11.57rem; background-size: auto 4rem;}
	.spbg05 .title { margin-top: 0.8rem;}

	.culture1, .culture2 { margin-top: 0.35rem; position: static; width: 7rem; height: 4.73rem; padding: 0.58rem 0.7rem 0; font-size: 0.24rem; line-height: 0.48rem;}
	.culture1 strong { font-size: 0.3rem; line-height: 0.3rem;}
	.culture1 strong em { font-size: 0.18rem; margin-left: 0.2rem;}
	.culture1 p { margin-top: 1.4rem; height:1.92rem; -webkit-line-clamp:4;}
	.culture2 { padding: 0.57rem 0.64rem 0 0.64rem;}
	.culture2 dt { font-size: 0.3rem; line-height: 0.3rem;}
	.culture2 dt em { font-size: 0.18rem; margin-left: 0.2rem;}
	.culture2 dd { margin: 0.07rem 0 0.47rem; font-size: 0.24rem; line-height: 0.36rem;}

	.spbg06 { margin-top: 0.8rem; height: 10.74rem; background-image: url("../images/bg_21_m.png");}
	.spbg06 .title { margin-top: 0.77rem;}
	.spbg06 .readdetail { margin-top: 1.9rem;}

	.honorcard, .orgcard { float: none; width: 7rem; height: 4.87rem; margin: 0.4rem auto 0; padding-left: 0.6rem; box-shadow: rgba(0,0,0,0.05) 0 0.01rem 0.2rem;}
	.orgcard { float: none;}

	.environmentcard { margin-top: 0.19rem;}
    
    .spbg07 { background-size: auto 4.5rem; background-position: -5.9rem top;}

    .landscapebg { margin-top: 0.36rem; width: auto; padding:0.5rem 0.4rem; box-shadow: rgba(0,0,0,0.05) 0 0.01rem 0.2rem;}
    .landscapebg .title { font-size: 0.34rem; line-height: 0.34rem; margin-bottom: 0.18rem;}
    .landscapebg .info { font-size: 0.2rem; line-height: 0.2rem;}
    .landscapeslide { margin-top: 0.22rem;}
    .landscapeslide p { font-size: 0.24rem; line-height: 0.26rem; padding: 0.48rem 0 0 1.56rem;}
    .landscapeslide .swiper-button-prev, .landscapeslide .swiper-button-next { width: 0.6rem; height: 0.7rem; left: 0.2rem;}
    .landscapeslide .swiper-button-next { left: auto; right: 0.2rem;}
    .landscapeslide .swiper-pagination-fraction { height: 0.42rem; font-size: 0.24rem; line-height: 0.42rem; padding-right: 0.2rem;}
    .landscapeslide .swiper-pagination-fraction .swiper-pagination-current { font-size: 0.42rem; padding: 0 0.12rem 0 0;}
    .landscapeslide .swiper-pagination-fraction .swiper-pagination-total { padding: 0 0 0 0.15rem;}
}