/* Created by kong 20210329 */

.indexintro { margin-top: 259px; overflow: hidden;}
.indexintro .thumb { float: left; width: 800px; height: 500px; border-radius: 10px; overflow: hidden; margin-right: 40px;}
.indexintro .thumb a { display: block; width: 100%; height: 100%; position: relative;}
.indexintro .thumb a::after { content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3) url("../images/icon_19.png") center center no-repeat;}
.indexintro .thumb img { width: 100%; height: 100%;}
.indexintro .title { margin-top: 110px;}
.indexintro p { font-size: 16px; line-height: 30px; color: #333; height:210px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.indexintro span { display: block; margin-top: 12px;}
.indexintro span a { display: inline-block; vertical-align: top; width: 140px; font-size: 16px; line-height: 40px; text-align: center; color: white; background: #f27935; border-radius: 5px;}
.indexintro span a:hover { background: #dc4927; text-decoration: none;}

.indexquicklink { margin: 60px auto 0; width: 772px; display: flex; justify-content: space-between;}
.indexquicklink a { font-size: 30px; line-height: 32px; text-align: center; padding-top: 88px; background: url("../images/icon_20.png") center bottom 48px no-repeat;}
.indexquicklink a.l2 { background-image: url("../images/icon_21.png");}
.indexquicklink a.l3 { background-image: url("../images/icon_22.png");}
.indexquicklink a.l4 { background-image: url("../images/icon_86.png");}
.indexquicklink a:hover { color: #f27935; text-decoration: none;}

.indexcolorbg { margin-top: 60px; background: url("../images/bg_08.png") left top repeat-x; overflow: hidden;}

.indexenvironment .title, .indexculture .title { margin-bottom: 20px;}

.indexculture span { display: block; padding: 172px 0 0 90px; height: 128px; background: url("../images/bg_09.png") no-repeat;}
.indexculture span a { float: left; margin-right: 20px; padding: 0 20px; font-size: 18px; line-height: 46px; color: white; text-align: center; border: #ffeedc 1px solid; border-radius: 5px;}
.indexculture span a:hover { background: rgba(255,255,255,0.08); text-decoration: none;}

.indexhistory, .indexhonor { float: left; width: 610px;}
.indexhonor { float: right;}
.indexhistory img, .indexhonor img { display: block; width: 100%; border-radius: 5px;}

.side { float: left; margin-top: 338px;}
.main { float: right; margin-top: 338px;}

.sidenav { padding: 39px 0 0 30px; height: 521px; background: url("../images/bg_10.png") left top repeat-x; border-radius: 0 30px 0 30px; overflow: hidden;}
.sidenav li { font-size: 18px; line-height: 60px; color: white; border-radius: 0 0 0 10px; overflow: hidden;}
.sidenav li a { display: block; padding-left: 110px; color: white; background: url("../images/icon_23.png") 50px center no-repeat;}
.sidenav li.current, .sidenav li:hover { background:white url("../images/bg_11.png") left top repeat-y;}
.sidenav li.current a, .sidenav li a:hover { color: #dc4927; text-decoration: none; background-image: url("../images/icon_24.png");}
.sidenav li:nth-child(2) a { background-image: url("../images/icon_25.png");}
.sidenav li:nth-child(2).current a, .sidenav li:nth-child(2) a:hover { background-image: url("../images/icon_26.png");}
.sidenav li:nth-child(3) a { background-image: url("../images/icon_27.png");}
.sidenav li:nth-child(3).current a, .sidenav li:nth-child(3) a:hover { background-image: url("../images/icon_28.png");}
.sidenav li:nth-child(4) a { background-image: url("../images/icon_29.png");}
.sidenav li:nth-child(4).current a, .sidenav li:nth-child(4) a:hover { background-image: url("../images/icon_30.png");}
.sidenav li:nth-child(5) a { background-image: url("../images/icon_31.png");}
.sidenav li:nth-child(5).current a, .sidenav li:nth-child(5) a:hover { background-image: url("../images/icon_32.png");}
.sidenav li:nth-child(6) a { background-image: url("../images/icon_33.png");}
.sidenav li:nth-child(6).current a, .sidenav li:nth-child(6) a:hover { background-image: url("../images/icon_34.png");}
.sidenav li:nth-child(7) a { background-image: url("../images/icon_35.png");}
.sidenav li:nth-child(7).current a, .sidenav li:nth-child(7) a:hover { background-image: url("../images/icon_36.png");}
.sidenav li:nth-child(8) a { background-image: url("../images/icon_37.png");}
.sidenav li:nth-child(8).current a, .sidenav li:nth-child(8) a:hover { background-image: url("../images/icon_38.png");}

.art .tabnav { padding: 0 60px; display: flex; justify-content: space-between;}
.art .tabnav a { display: block; font-size: 18px; line-height: 44px; padding-bottom: 9px; text-align: center;}
.art .tabnav a b { display: block; width: 158px; border-radius: 5px; border: #f8e8d6 1px solid; background: white;}
.art .tabnav a.current, .traffic .tabnav a:hover { text-decoration: none; background: url("../images/bg_18.png") no-repeat; color: white;}
.art .tabnav a.current b, .traffic .tabnav a:hover b { border-color: transparent; background: none;}

.title { margin-bottom: 20px;}
.blocktitle { margin-top: 45px; color: #db4927; border-color: #db4927;}

.org ul { overflow: hidden; font-size: 14px; line-height: 46px; text-align: center;}
.org ul li { float: left; width: 180px; margin:0 15px 20px 0;}
.org ul li:nth-child(5n) { margin-right: 0;}
.org ul li a { display: block; height: 46px; padding:0 10px; border:#ccc 1px solid; border-radius: 5px;}
.org ul li a:hover { color: white; background: #f27935; border-color: #f27935; text-decoration: none;}
.org ul li a b { display:inline-block; line-height: 20px; max-height: 40px; overflow:hidden; vertical-align:middle;}
.org img { display: block; margin: 28px auto 0; max-width: 100%;}

.landscape dl { overflow:hidden;}
.landscape dl dd { float:left; width:310px; margin:0 15px 48px 0;}
.landscape dl dd:nth-child(3n) { margin-right:0;}
.landscape dl img { width:100%; height:193px; border-radius:5px;}
.landscape dl p { font-size:16px; line-height:18px; padding-top:9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.landscape .pageno { padding-top: 0;}

.history { padding:65px 60px 70px; background:#f8f8f8; overflow:hidden;}
.history strong { font-size: 24px; line-height: 24px; color: #333; font-weight: normal;}
.history .info { color:#999; position:relative; margin-top: 15px; line-height: 30px;}
.history .info .share { position:absolute; bottom:0; right:0;}
.historyslide { margin-top: 20px; position: relative;}
.historyslide img { width: 100%;}
.historyslide p { padding: 30px 0 0 120px;}
.historyslide .swiper-button-prev, .historyslide .swiper-button-next { width:60px; height:70px; background:url(../images/slide_31.png) no-repeat; top:40%; margin-top:0;}
.historyslide .swiper-button-prev { left:0;}
.historyslide .swiper-button-next { background-image:url(../images/slide_32.png); right:0;}
.historyslide .swiper-pagination-fraction { bottom:0; font-size: 24px; color: #666; width: auto; line-height:normal; background: #f8f8f8; padding-right: 20px;}
.historyslide .swiper-pagination-fraction .swiper-pagination-current { font-size: 42px; color: #e60321; padding: 0 5px 0 0;}
.historyslide .swiper-pagination-fraction .swiper-pagination-total { padding: 0 0 0 8px;}

.leader ul { padding-top: 10px;}
.leader ul li { margin-bottom: 45px; overflow: hidden;}
.leader ul li img { float: left; width: 244px; height: 290px; border-radius: 5px;}
.leader ul li span { float: right; width: 680px; padding-bottom: 27px; background: url("../images/bg_13.png") left bottom no-repeat;}
.leader ul li strong { display: block; width: 244px; height: 60px; font-size: 24px; line-height: 26px; text-align: center; color: white; font-weight: normal; padding-top: 10px; background: url("../images/bg_12.png") no-repeat;}
.leader ul li strong b { display: block; font-size: 16px; line-height: 18px; margin-top: 5px;}
.leader ul li p { font-size: 16px; line-height: 30px; color: #333; margin-top: 22px;}