/* Created by kong 20241226 */

body { padding-top: 210px;}

.header { height:210px; border-top: none;}
.topnavbg { background: #B71E26; min-width: 1500px;}
.headernav { float: none; margin: 0 auto; width: 1090px; padding-right: 410px; display: flex; justify-content: space-between; position: relative;}
.headernav div { float: none; height: auto; margin-left: 0; font-size: 18px; line-height: 70px; color: white; text-align: center; flex-grow: 1;}
.headernav div a { color: white;}
.headernav div.current, .headernav div.current a { background: #D3A03D; color: white;}
.headernav div p { top: 70px; width: 100%; min-width: 100%; padding: 0 0 10px 0; font-size: 14px; line-height: 36px; background: #D3A03D; border-top: none; box-shadow: none;}
.headernav div p a { height: 36px; color: white !important;}
.headernav div p a:hover { background: #B71E26;}
.headersearch { top: 12px; right: 0; width: 325px; height: 46px; border: none; border-radius: 46px;}
.headersearch.full { width: 325px; box-shadow: none;}
.headersearch input { width:265px; height:46px; font-size: 16px; line-height: 46px;}
.headersearch button { width:60px; height:46px; background-image: url(../images/icon_28.png); background-position: center 12px;}
.headerlogo { float: none; width: 1500px; height: 140px; margin: 0 auto; background-image: url("../images/logo_04.png"); background-position: center center; background-size: auto 70px;}

.footer { margin-top: 0; background:#B71E26;}

.partleft { float: left; width: 720px;}
.partright { float: right; width: 720px;}

.title { margin: 0 0 20px 0; font-size: 30px; line-height: 30px; font-weight: normal;}

.focuslist { height: 670px; box-sizing: border-box; padding: 40px 40px 0; background: white; box-shadow: rgba(0,0,0,0.1) 0 1px 10px;}
.focuslist .highlight { padding-top: 0;}
.focuslist .highlight strong { color: #BE1F1F;}
.focuslist .highlight strong a { color: #BE1F1F;}
.focuslist .highlight strong a:hover { text-decoration: underline;}
.focuslist .highlight p { margin-top: 22px; font-size: 16px; line-height: 30px; height:90px; -webkit-line-clamp:3;}

.focuslist ul { margin-top: -8px;}
.focuslist li { margin-top: 43px; display: block; font-size: 18px; line-height: 20px;}
.focuslist li a { height: 20px;}
.focuslist li i { display: block; margin-top: 12px; font-size: 16px; line-height: 16px; color: #999; margin-left: 0;}

.datecard { width: 130px; height: 125px; margin-left: 0; font-size: 30px; line-height: 30px; color: #999; text-align: right; border-radius: 0; box-shadow: none;}
.datecard b { font-size: 14px; line-height: 14px; color: #999; background: none; margin-bottom: 0; margin-top: 10px;}

.spbg14 { margin-top: -40px; padding-bottom: 80px; background-image: url("../images/bg_44.jpg"); background-position: center 40px; overflow: hidden; position: relative;}

.p1 { background: white; box-shadow: rgba(0,0,0,0.1) 0 1px 10px;}

.focusslide { float:left; width:720px; height: 450px; overflow:hidden; position:relative;}
.focusslide .swiper-container, .focusslide img { width:100%; height:100%;}
.focusslide p { position:absolute; bottom:0; left:0; font-size:18px; line-height:160px; color:white; width:100%; height: 120px; box-sizing: border-box; padding: 0 140px 0 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url("../images/bg_46.png") left top repeat-x; background-size: auto 100%;}
.focusslide .swiper-pagination { bottom:33px; right:33px; height: 12px; line-height: 12px;}
.focusslide .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; margin:0 0 0 10px; background:#BE1F1F; opacity:1; vertical-align: top;}
.focusslide .swiper-pagination .swiper-pagination-bullet-active { background:white;}

.p1 .title { margin: 0 0 26px 0; border-bottom: #E8E8E8 1px solid;}
.p1 .title span { display: inline-block; vertical-align: top; padding-bottom: 14px; border-bottom: #BE1F1F 3px solid;}
.p1 .focuslist { float: right; margin: 42px 60px 0 0; width: 660px; height: auto; padding: 0; box-shadow: none;}
.p1 .focuslist .highlight strong { line-height: 36px;}
.p1 .focuslist .highlight strong a { line-height: 36px; height: 72px; -webkit-line-clamp:2;}
.p1 .focuslist ul { margin-top: 34px;}
.p1 .focuslist li { margin-top: 0; display: flex; justify-content: space-between; font-size: 18px; line-height: 48px;}
.p1 .focuslist li a { height: 48px;}
.p1 .focuslist li i { margin-top: 0; font-size: 16px; line-height: 48px; margin-left: 30px;}
.p1 .datecard { width: 120px; line-height: 36px; height: 72px; color: #BE1F1F;}
.p1 .datecard b { color: #BE1F1F; margin-top: 7px;}

.p2 { margin-top: 135px;}

.p2 .partleft .title { color: white;}
.splist { height: 670px; box-sizing: border-box; padding: 40px 40px 0; background: white; box-shadow: rgba(0,0,0,0.1) 0 1px 10px;}
.splist li { margin-bottom: 30px; overflow: hidden;}
.splist li .thumb { float: left; width: 200px; height: 125px; margin-right: 30px;}
.splist li strong { display: block; margin-top: 10px; font-size: 18px; line-height: 30px; color: #333; font-weight: normal; height: 60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.splist li i { display: block; margin-top: 23px; font-size: 16px; line-height: 16px; color: #999;}

.colscroll li { margin-right: 60px; width: 720px;}
.colscroll li img { height: 150px;}

.p3 { margin-top: 79px;}
.p3 .focuslist { height: 640px;}
.p3 .focuslist .highlight { padding-right: 30px; background: url("../images/bg_45.jpg") right top no-repeat; background-size: auto 100%; overflow: hidden;}
.p3 .focuslist .highlight .thumb { float: left; width: 320px; height: 200px; margin-right: 30px;}
.p3 .focuslist .highlight strong { margin-top: 23px; line-height: 36px;}
.p3 .focuslist .highlight strong a { height: 108px; -webkit-line-clamp:3;}
.p3 .focuslist .highlight i { display: block; margin-top: 27px; font-size: 16px; line-height: 16px; color: #999;}
.p3 .focuslist ul { margin-top: -2px;}

.p4 { margin-top: 79px;}
.p4 .focuslist { height: 580px;}

.spbg10 { margin-bottom: 80px;}

.pageno b, .pageno>a:hover { background:#B71E26;}

.hotnews dd span b { color: #B71E26;}

.art .info { border-color: #B71E26;}

.relative li { color: #B71E26;}

@media screen and (max-width: 1500px) and (min-width: 750px) {
	.topnavbg { min-width: 1200px;}
	.headernav { width: 925px; padding-right: 275px;}
	.headersearch { width: 240px;}
	.headersearch.full { width: 240px;}
	.headersearch input { width:180px;}
	.headerlogo { width: 1200px;}

	.partleft { width: 576px;}
	.partright { width: 576px;}

	.title { margin: 0 0 18px 0; font-size: 24px; line-height: 24px;}
	.title .more { font-size: 16px;}

	.focuslist { height: 536px; padding: 30px 30px 0;}
	.focuslist .highlight strong { font-size: 18px; line-height: 20px;}
	.focuslist .highlight strong a { height:20px;}
	.focuslist .highlight p { margin-top: 16px; font-size: 14px;}

	.focuslist ul { margin-top: -5px;}
	.focuslist li { margin-top: 27px; font-size: 14px; line-height: 16px;}
	.focuslist li a { height: 16px;}
	.focuslist li i { margin-top: 15px; font-size: 12px; line-height: 12px;}

	.datecard { width: 105px; font-size: 24px; line-height: 24px;}
	.datecard b { margin-top: 7px;}

	.spbg14 { margin-top: -27px; padding-bottom: 60px; background-image: url("../images/bg_44_t.jpg"); background-position: center 27px;}

	.focusslide { width:576px; height: 360px;}
	.focusslide p { font-size:16px; line-height:124px; height: 96px; padding: 0 140px 0 30px;}
	.focusslide .swiper-pagination { bottom:30px; right:26px; height: 10px; line-height: 10px;}
	.focusslide .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; margin:0 0 0 8px;}

	.p1 .title { margin: 0 0 20px 0;}
	.p1 .title span { padding-bottom: 12px; border-bottom-width: 2px;}
	.p1 .focuslist { margin: 33px 48px 0 0; width: 528px;}
	.p1 .focuslist .highlight strong { font-size: 24px;}
	.p1 .focuslist ul { margin-top: 15px;}
	.p1 .focuslist li { font-size: 14px; line-height: 36px;}
	.p1 .focuslist li a { height: 36px;}
	.p1 .focuslist li i { font-size: 12px; line-height: 36px;}
	.p1 .datecard { width: 100px;}

	.p2 { margin-top: 105px;}

	.splist { height: 536px; padding: 30px 30px 0;}
	.splist li { margin-bottom: 25px;}
	.splist li .thumb { width: 160px; height: 100px; margin-right: 25px;}
	.splist li strong { margin-top: 7px;}
	.splist li i { margin-top: 7px; font-size: 12px; line-height: 12px;}

	.colscroll ul { margin-top: 64px;}
	.colscroll li { margin-right: 48px; width: 576px;}
	.colscroll li img { height: 120px;}

	.p3 { margin-top: 61px;}
	.p3 .focuslist { height: 511px;}
	.p3 .focuslist .highlight { padding-right: 25px;}
	.p3 .focuslist .highlight .thumb { width: 256px; height: 160px; margin-right: 24px;}
	.p3 .focuslist .highlight strong { margin-top: 19px; font-size: 24px;}
	.p3 .focuslist .highlight strong a { height: 72px; -webkit-line-clamp:2;}
	.p3 .focuslist .highlight i { margin-top: 34px; font-size: 14px; line-height: 14px;}
	.p3 .focuslist ul { margin-top: 4px;}

	.p4 { margin-top: 60px;}
	.p4 .focuslist { height: 464px;}
}

@media screen and (max-width: 750px) {
    body { padding-top: 1.1rem;}
    
    .header { height:1.1rem;}
    .headerlogo { width: 100%; height: 100%; background-position: 0.25rem center; background-size: auto 0.55rem;}
    .header .topbtn, .header .topclose, .header .topsearch { top: 0;}
    .header .topbtn { background-image: url("../images/icon_27.png");}
    .topnavbg { background:white; min-width: auto;}
    .headernav { margin-top: 1.5rem; width: 7rem; padding-right: 0; display: block;}
    .headernav div { font-size: 0.34rem; line-height: 1rem; color: #333; text-align: left;}
    .headernav div>a, .headernav div>b { height: 1rem; margin: 0; font-size: 0.34rem; line-height: 1rem; color: #333; padding:0 0.4rem;}
    .headernav div.current, .headernav div.current a, .headernav div.current b { background: none; color: #333;}
    .headernav div.current>b { background:url(../images/arrow_06.png) right 0.07rem center no-repeat; background-size:auto 0.13rem; border-bottom:#E8E8E8 0.01rem solid;}
    .headernav div p { width: auto; min-width:auto; padding: 0; font-size: 0.3rem; line-height: 1rem; background: none;}
    .headernav div p a { height: 1rem; color: #333 !important; border-bottom: #E8E8E8 0.01rem solid; padding-left: 0.7rem;}
	.headernav div p a:last-child { border-bottom: #E8E8E8 0.01rem solid;}
    .headersearch { display: block; position: static; margin: 0 auto 0.25rem; width: 6.6rem; height: 0.8rem; border: #BE1F1F 0.01rem solid; border-radius: 0.8rem;}
    .headersearch.full { width: 6.6rem;}
    .headersearch input { width: 5.6rem; height:0.8rem; font-size: 0.3rem; line-height: 0.8rem; padding-left: 0.45rem;}
    .headersearch button { width:1rem; height:0.8rem; background-position: center 0.26rem; background-size: auto 0.28rem;}
    
    .partleft { float: none; width: auto;}
    .partright { float: none; width: auto;}

    .title { margin: 0 0 0.2rem 0; font-size: 0.4rem; line-height: 0.4rem;}

    .focuslist { height: 8.7rem; padding: 0.4rem 0.3rem 0; box-shadow: rgba(0,0,0,0.1) 0 0.01rem 0.1rem;}
    .focuslist .highlight strong { margin-top: -0.01rem; font-size: 0.36rem;}
    .focuslist .highlight p { display: none;}

    .focuslist ul { margin-top: -0.02rem;}
    .focuslist li { margin-top: 0.37rem; padding: 0; font-size: 0.3rem; line-height: 0.48rem;}
    .focuslist li a { height: 0.96rem; -webkit-line-clamp:2;}
    .focuslist li i { margin-top: 0.01rem; font-size: 0.24rem; line-height: 0.24rem;}

    .datecard { width: 1.4rem; height: 0.96rem; font-size: 0.4rem; line-height: 0.48rem;}
    .datecard b { font-size: 0.24rem; line-height: 0.24rem; margin-top: 0.12rem;}

    .spbg14 { margin-top: -0.14rem; padding-bottom: 0.8rem; background-image: url("../images/bg_44_m.jpg"); background-position: center 0.14rem;}

    .p1 { box-shadow: none;}

    .focusslide { float:none; width:100%; height: 4.38rem;}
    .focusslide p { font-size:0.28rem; line-height:1.45rem; height: 1.17rem; padding: 0 1.4rem 0 0.4rem;}
    .focusslide .swiper-pagination { bottom:0.33rem; right:0.33rem; height: 0.12rem; line-height: 0.12rem;}
    .focusslide .swiper-pagination .swiper-pagination-bullet { width:0.12rem; height:0.12rem; margin:0 0 0 0.1rem;}

    .p1 .title { margin: 0 0 0.27rem 0; border-bottom: #E8E8E8 0.01rem solid;}
    .p1 .title span { padding-bottom: 0.2rem; border-bottom: #BE1F1F 0.03rem solid;}
    .p1 .focuslist { margin: 0; width: 100%; height: 7.64rem; padding: 0.33rem 0.3rem 0; box-shadow: rgba(0,0,0,0.1) 0 0.01rem 0.1rem;}
    .p1 .focuslist .highlight strong { line-height: 0.48rem;}
    .p1 .focuslist .highlight strong a { line-height: 0.48rem; height: 0.96rem;}
    .p1 .focuslist ul { margin-top: 0.48rem;}
    .p1 .focuslist li { padding: 0 0 0.22rem; font-size: 0.3rem; line-height: 0.48rem;}
    .p1 .focuslist li a { height: 0.96rem; -webkit-line-clamp:2;}
    .p1 .focuslist li i { font-size: 0.24rem; line-height: 0.48rem; margin-left: 0.1rem;}
    .p1 .datecard { width: 1.4rem; height: 0.96rem; line-height: 0.48rem;}
    .p1 .datecard b { margin-top: 0.12rem;}

    .p2 { margin-top: 0.62rem;}
    .p2 .partright { margin-top: 0.39rem;}

    .splist { height: 6.7rem; padding: 0.4rem 0.3rem 0; box-shadow: rgba(0,0,0,0.1) 0 0.01rem 0.1rem;}
    .splist li { margin-bottom: 0.3rem;}
    .splist li .thumb { width: 2rem; height: 1.25rem; margin-right: 0.3rem;}
    .splist li strong { margin-top: -0.04rem; font-size: 0.3rem; line-height: 0.48rem; height: 0.96rem;}
    .splist li i { margin-top: 0.09rem; font-size: 0.24rem; line-height: 0.24rem;}
    
    .p2 .focuslist ul li:nth-child(n+5) { display: none;}
    
    .colscroll ul { margin-top: 0.5rem;}
    .colscroll li { margin-right: 0.3rem; width: 5.78rem;}
    .colscroll li img { height: 1.2rem;}

    .p3 { margin-top: 0.5rem;}
    .p3 .partright { margin-top: 0.5rem;}
    
    .p3 .focuslist { height: 9.06rem;}
    .p3 .focuslist .highlight { padding-right: 0.25rem;}
    .p3 .focuslist .highlight .thumb { width: 3.2rem; height: 2rem; margin-right: 0.3rem;}
    .p3 .focuslist .highlight strong { margin-top: 0.2rem; line-height: 0.48rem;}
    .p3 .focuslist .highlight strong a { height: 0.96rem; -webkit-line-clamp:2;}
    .p3 .focuslist .highlight i { margin-top: 0.36rem; font-size: 0.24rem; line-height: 0.24rem;}
    .p3 .focuslist ul { margin-top: -0.05rem;}

    .p4 { margin-top: 0.49rem;}
    .p4 .partright { margin-top: 0.49rem;}
    .p4 .focuslist { height: 8.7rem;}
	
	.spbg10 { margin-bottom: 1rem;}
	
	.pagebtn a { background-color: #B71E26;}
}