/* Created by kong 20220518 */

.aboutindex { background: url("../images/bg_20.jpg") center 140px no-repeat;}

.indexintro { margin-top: 438px;}
.indexintro .title { font-size: 36px; line-height: 36px; color: white;}
.tabintro { height: 362px; padding: 60px; border-top: #25a18f 10px solid; background: white url("../images/bg_21.png") right 40px top 33px no-repeat; box-shadow: rgba(0,0,0,0.1) 0 2px 8px 0; overflow: hidden;}
.tabintro img, .tabintro video { width: 580px; height: 100%; float: left; background: black;}
.tabintro .tab { float: right; width: 540px; margin-top: 2px;}
.tabintro .tabnav { display: flex; justify-content: center; margin-bottom: 33px;}
.tabintro .tabnav span { width: 130px; height: 46px; margin: 0 5px; font-size: 18px; line-height: 46px; color: #333; text-align: center; background: #e8e8e8; border-radius: 46px; overflow: hidden; cursor: pointer;}
.tabintro .tabnav span.current, .tabintro .tabnav span:hover { color: white; background: #ae4184;}
.tabintro .tabsingle p { font-size: 18px; line-height: 30px; color: #333; height:210px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.tabintro .tabsingle span { display: inline-block; vertical-align: top; margin-top: 20px; width: 120px; height: 40px; font-size: 16px; line-height: 40px; color: white; text-align: center; border-radius: 40px; overflow: hidden;}
.tabintro .tabsingle span a { display: block; color: white; background: #25a18f;}
.tabintro .tabsingle span a:hover { background: #ae4184; text-decoration: none;}
.normalintro { margin-top: 60px; padding: 73px 650px 52px 60px; background: rgba(255,255,255,0.9); box-shadow: rgba(0,0,0,0.1) 0 2px 8px 0; position: relative;}
.normalintro img { position: absolute; top: 57px; right: 70px; width: 510px; height: 318px;}
.normalintro strong { display: block; margin-bottom: 13px; font-size: 36px; line-height: 36px; font-weight: normal; color: #333;}
.normalintro p { font-size: 18px; line-height: 30px; color: #333; height:90px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.normalintro span { display: inline-block; vertical-align: top; margin-top: 36px; width: 120px; height: 40px; font-size: 16px; line-height: 40px; color: white; text-align: center; border-radius: 40px; overflow: hidden;}
.normalintro span a { display: block; color: white; background: #25a18f;}
.normalintro span a:hover { background: #ae4184; text-decoration: none;}

.indexhistory { margin-top: 150px;}
.indexhistory img { display: block; width: 100%; box-shadow: rgba(0,0,0,0.1) 0 2px 8px 0;}

.indexculture, .indexnotice { float: left; margin-top: 70px; width: 630px; height: 682px; box-sizing: border-box; padding: 31px 35px 0; background: white; border-top: #ae4184 10px solid; box-shadow: rgba(0,0,0,0.1) 0 0 8px 0;}

.indexnotice { float: right;}
.indexnotice .tabnav { font-size: 24px; line-height:30px; height: 30px; padding-bottom: 23px; margin-bottom: 17px; border-bottom: #ae4184 1px solid;}
.indexnotice .tabnav span { display:inline-block; margin-right: 20px; color: #666; vertical-align: top;}
.indexnotice .tabnav span a { display: block; color: #666;}
.indexnotice .tabnav span.current, .indexnotice .tabnav span.current a, .indexnotice .tabnav span a:hover { font-size: 30px; color: #333; text-decoration: none;}

.tabart { margin-top: -25px;}
.tabart .tabnav { display: flex; justify-content: center; margin-bottom: 45px; height: 64px; background: url("../images/bg_63.png") no-repeat;}
.tabart .tabnav span { width: 170px; height: 46px; margin: 9px 15px 0; font-size: 18px; line-height: 46px; color: #333; text-align: center; background: #f8f8f8; border-radius: 4px; overflow: hidden; cursor: pointer;}
.tabart .tabnav span.current, .tabart .tabnav span:hover { margin-top: -7px; padding: 15px 0 21px; font-size: 24px; color: white; font-weight: bold; background: url("../images/bg_64.png") repeat-x; border-radius: 4px 4px 0 0;}