/*å­™ç«‹å®2020.11.19*/
.Banner{position: relative;z-index: 100;max-width: 1440px;margin: 0 auto;background-color: #5e9c8c;}
.b-img{width: 71.6%;hbackground-repeat: no-repeat;background-position: center;background-size: cover;float: left;position: relative;}
.b-img .gp-img-responsive{padding-bottom: 56.29%;}
.b-txt{margin-left: 71.6%;box-sizing: border-box;padding: 50px 47px 10px 55px;}
.b-txt h3{line-height: 32px;overflow: hidden;margin-bottom: 15px;font-weight: normal;max-height: 64px;}
.b-title h3{background: rgba(94, 156, 140, 0.49);padding: 5px 30px;color: #fff;display: inline-block;font-weight: normal;letter-spacing: 0.5px;}
.b-title{position: absolute;left: 0;bottom: 10%;width: 100%;text-align: center;}
.b-txt p{line-height: 30px;height: 329px;overflow:hidden;margin-bottom: 20px;text-align: justify;}
.readMore{text-align: right;}
.readMore span{display: inline-block;width: 50px;height: 50px;border: 1px solid #fff;position: relative;opacity: 0.7;filter: alpha(opacity=70);transition: all 0.35s ease-out;}
.readMore span::before{content: '';width: 15px;height: 15px;border-top: 1px solid #fff;border-right: 1px solid #fff;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-70%,-50%) rotate(45deg);}
.readMore span:hover{background-color: #fff;opacity: 1;filter: alpha(opacity=100);}
.readMore span:hover::before{border-color: #5e9d8c;}
.content{padding-bottom: 80px;}
/*mode1*/
.mode1{padding-top: 60px;padding-bottom: 0;}
.mode1 .gp-md-fl{width: 41.73%;}
.listTitle{width: 70px;float:left;line-height: 1.3;position: relative;font-weight: bold;}
.listTitle a::before{content: '';width:calc(100% - 10px);height: 4px;background-color:#5e9c8c ;position: absolute;left: 0;top:41px;}
.listTitle a{color: #5e9c8c;display: inline-block;position: relative;width: auto;opacity: 0.85;filter: alpha(opacity = 85);}
.ghd-list1 {margin-left: 83px;}
.ghd-list1 li{height: 30px;line-height: 30px;overflow: hidden;padding-left: 18px;position: relative;}
.ghd-list1 li::before{content: '-';position: absolute;left: 0;top: 0;}
.readMore2{margin-left: 100px;margin-top: 22px;;}
.readMore2 a{text-decoration: underline;}

.mode1 .gp-md-fr{width: 53.38%;background-color: #f4f4f4;}
.listTitle2{width: 162px;height: 288px;background: url(../images/notice_bg.jpg) no-repeat center;background-size: cover;text-align: center;float: left;}
.listTitle2 a{display: inline-block;width: 80%;max-width: 134px;height: 30px;background-color: #87c6b5;color: #fff;border-radius: 30px;text-align: center;margin-top: 14px;}
.ghd-col1{margin: 15px 27px 15px 162px;height: 258px;padding: 5px 28px 10px;box-sizing: border-box;overflow: auto;position: relative;}
.ghd-list2 li{border-bottom: 1px solid #DFDFDF;padding: 12px 0;overflow: hidden;}
.ghd-list2 li span{display: block;font-family:  Arial;}
.ghd-list2 li a{line-height: 24px;height: 24px;overflow: hidden;display: block;}
.ghd-list2 li:last-child{border-bottom: none;}
.zl-scrollBarBox{height:100%;position:absolute;background:#dadada;box-sizing: border-box;border-radius: 5px;}
.zl-scrollBar{position:absolute;left:0;top:0;background:#fff;transition:background .3s;border-radius: 5px;border: 1px solid #eaeaea;box-sizing: border-box;}
.zl-scrollBarBox2{display: none !important;}
.zl-scrollBar.zl-verticalBar{min-height:10px}
.zl-scrollBar.zl-horizontalBar{min-width:10px;display: none !important;}
.zl-scrollBar:hover{background:#000}
.zl-scrollContentDiv{position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;top:0;left:0}
.videoCon .gp-img-responsive{padding-bottom: 56.48%;position: relative;}
.videoTitle{height:56px;line-height: 56px;background-color:rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;padding: 0 40px;overflow: hidden;color: #fff;width: 100%;box-sizing: border-box;}
/*mode3*/
.wrap_mode3{position: relative;}
.wrap_mode3::before{content: '';width: 50%;height: calc(100% - 30px);background-color: #864a16;left: 0;top: 0;position: absolute;z-index: 0;}
.mode3{position: relative;z-index: 20;padding-right: 50px;box-sizing: border-box;}
.mode3::before{content: '';width: 100%;height: calc(100% - 30px);background:url(../images/m3_bg.png) no-repeat left top #864a16;position: absolute;left: 0;top: 0;z-index: 0;}
.m3Head{position: relative;z-index: 5;padding: 80px 0 50px;}
.m3Con{width: 51%;}
.link1{width: 44%;height: 248px;background: url(../images/ly.png) no-repeat right bottom #A19261;position: relative;background-size: auto 100%;}
.link1 h3{font-weight: normal;width: 64%;position: absolute;left: 32px;bottom: 39px;line-height: 1.2;color: #fff;}
.listTitle3{margin-bottom: 20px;}
.m3p{line-height: 30px;height: 180px;overflow: hidden;}
.ghd-list3 .gp-img-responsive{padding-bottom: 56.15%;position: relative;}
.ghd-list3 span{font-size: 3.6rem;position: absolute;left: 40px;bottom: 40px;right: 40px;line-height: 1.4;}
.ghd-list3 li a{background-color: #5e9d8c;}
.ghd-list3 li:nth-child(2) a{background:url(../images/y2.png) no-repeat center;background-size: cover;}
.ghd-list3 li:nth-child(3) a{background-color: #4363AF;background-size: cover;}
.ghd-list3 li:nth-child(4) a{background:url(../images/y4.png) no-repeat center;background-size: cover;}
.ghd-list3 li:nth-child(5) a{background-color: #D89170;background-size: cover;}
.ghd-list3 li:nth-child(6) a{background:url(../images/y6.png) no-repeat center;background-size: cover;}

.mobile_hide{display: none;}
.videoPlay {color: rgba(255,255,255,0.7);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 10rem;cursor: pointer;}
.mode2{margin-bottom: 60px;}

/* 2023-05-15 by Jia */
.Banner .slick-arrow{ font-size: 0px; width: 40px; height: 80px; background: rgba(0,0,0,0.3);}
.Banner .slick-prev{ left: 15px; font-size: 30px;}
.Banner .slick-next{ right: 15px; font-size: 30px;}

/* 2024-03-06 by Jia
	Change the homepage video to slide.
*/
.videoCon .slick-arrow{ width: 40px; height: 80px; background: rgba(0,0,0,0.4); font-size: 32px;}
.videoCon .slick-prev{ left: 0;}
.videoCon .slick-next{ right: 0;}
.videoCon .slick-dots{ width: 100%; text-align: center; right: 0; font-size: 0; border: none; bottom: -30px;}
.videoCon .slick-dots li{ width: 10px; height: 10px; background: rgba(0,0,0,0.2); margin: 0 5px; border-radius: 5px; transition: all 0.35s ease;}
.videoCon .slick-dots .slick-active{ width: 30px; background: #5E9C8C;}
.videoCon .slick-dots button{ display: none;}



@media screen  and (min-width:1020px){
	.ghd-list3 li a,.link1,.m3p,.ghd-list1 li,.readMore2,.listTitle a,.listTitle3,.ghd-list2 li{transition: transform 0.35s ease-out;}
	.b-txt h3:hover,.b-txt p:hover{opacity: 0.85;}
	.m3p:hover,.ghd-list1 li:hover,.readMore2:hover,.listTitle3:hover,.ghd-list2 li:hover{transform: translateX(10px);}
	
	.footerLink li:hover{opacity: 1;transform: translateX(10px);}
	.footerLink li:hover::before{color: #9A0000;}
	.ghd-list3 li a:hover,.link1:hover{transform: scale(1.1);z-index: 10;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
	.listTitle a:hover{transform: translateY(-10px);color: #9A0000;}
	.listTitle a:hover::before{background-color: #9A0000;}
}
@media screen  and (max-width:1460px){


}

@media screen  and (max-width:1386px) {
	.b-txt p{height: 300px;}
}

@media screen  and (max-width:1300px) {
	.b-txt{padding: 40px 30px 10px 35px;}
	.readMore{transform: scale(0.85);transform-origin: 100%;}
	.ghd-list3 span{font-size: 2.6rem;}
	.link1 h3{width: 53%;font-size: 2.4rem;}
	.videoPlay{font-size: 6rem;}
	.b-txt h3{line-height: 28px;max-height: 56px;}
	.mode1{padding-top: 60px;}
	.content{padding-bottom: 60px;}
}
@media screen  and (max-width:1240px) {
.b-txt p{height: 240px;}
}

@media screen  and (max-width:1060px) {
	.b-txt p{height:180px;}
}

@media screen and (max-width: 996px) {
	.b-img{width: 100%;float: none;}
	.b-txt{margin: 0;padding: 20px 20px 10px 20px;}
	.b-txt p{height: auto;line-height: 1.5;}
	.readMore{transform-origin: 100%;}
	.b-txt h3{white-space: normal;line-height: 1.4;height: auto;}
	.mode1{padding-top: 30px;padding-bottom: 0;}
	.listTitle{float: none;width: 100%;margin-bottom: 10px;}
	.listTitle a::before{width: 100%;background-color: #5E9C8C;;}
	.ghd-list1{margin: 0;}
	.ghd-list1 li{height: 50px;line-height: 50px;border-bottom: 1px solid #D8D8D8;}
	.readMore2{margin-left: 0;text-align: center;height: 50px;line-height: 50px;background-color: #E9E9E9;margin-top: 0;margin-left: -2vw;margin-right: -2vw;}
	.listTitle2{width: 100%;height: auto;text-align: left;background: none;float: none;margin-bottom: 5px;}
	.listTitle2 a{font-size: 2.6rem;color: #5E9C8C;background: none;font-weight: bold;width: auto;position: relative;line-height: 1;height: auto;margin-top: 0;padding-bottom: 10px;;}
	.listTitle2 a::before{content: '';width:100%;height: 4px;background-color:#5E9C8C ;position: absolute;left: 0;bottom: 0;}
.readMore2 a{font-size: 1.6rem;}
	.mode1 .gp-md-fr{background: none;}
	.ghd-col1{margin: 0 0 10px;padding-left: 0;padding-right: 20px;}
	.mode2 {padding-top: 0;}
	.ghd-list1 li::before{display: none;}
	.ghd-list1 li{padding-left: 0;}
	.ghd-list1 li:last-child{border-bottom: none;}
	.videoCon{margin-left: -2vw;margin-right: -2vw;}
	.content{padding-bottom: 30px;}
	.readMore{border: none;transform: scale(0.5);position: absolute;right: 15px;top: 10px;display: none;}
	.readMore span{border: none;width: 30px;height: 30px;}
	.b-txt{position: relative;}
	.readMore span::before{border-width: 3px;}
	.mode1 .gp-md-fr{padding-top: 20px;}
	.mode2 .gp-md-fr{padding-top: 0;padding-bottom:20px;}
	.mobile_hide{display: block;}
	.listTitle a{padding-bottom: 8px;color: #5E9C8C;}
	.listTitle a::before{top: auto;bottom: 0;}
}

@media screen and (max-width:767px) {
	.b-txt{padding: 20px;}
	.m3p{margin-bottom: 20px;height: auto;line-height: 1.8;}
	.b-txt h3{font-size: 1.8rem;}
	.link1{background: url(../images/y1.png);background-size: cover;}
	.link1 h3,.ghd-list3 span{top: 50%;left: 50%;transform: translate(-50%,-50%);bottom: auto;line-height: 1.4;text-align: center;font-size: 3rem;width:90%}
	.m3Head{padding-bottom: 0;}
	.mode3{padding-right: 0;}
	.wrap_mode3::before{width: 100%;}
	.ghd-list3 .gp-img-responsive{padding-bottom: 40%;}
	.link1{height: 0;padding-bottom: 40%;overflow: hidden;}
	.ghd-list3 li:first-child a{background: url(../images/y7.png) no-repeat center;background-size: cover;}
	.ghd-list3 li:nth-child(3) a{background: url(../images/y5.png) no-repeat center;background-size: cover;}
	.ghd-list3 li:nth-child(5) a{background: url(../images/y8.png) no-repeat center;background-size: cover;}
	.m3Head{padding-top: 30px;}
	.listTitle3{margin-bottom: 10px;}
	.readMore2,.videoCon{margin-left: -15px;margin-right: -15px;}
	.videoTitle{font-size: 2.2rem;padding: 0 20px;}
	.gp-f32,.listTitle2 a{font-size: 2.2rem;}
	.gp-f38{font-size: 2.2rem;}
	.mode1{padding-top: 15px;}
	.listTitle{margin-bottom: 5px;}
}
@media screen and (max-width:680px) {
	/* 2023-05-15 by Jia */
	.Banner .slick-arrow{ width: 30px; height: 70px;}
	
	/* 2024-03-06 by Jia
		Change the homepage video to slide.
	*/
	.videoCon .slick-arrow{ width: 30px; height: 50px; font-size: 24px;}
}
