.imglink{display: block;width: 100%;height: 100%;overflow: hidden;}
.imglink>img{object-fit: cover;width: 100%;height: 100%;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.imglink:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.d-grow{flex-grow: 1;min-width: 0;}
.d-shrink{flex-shrink: 0;}
.font30{font-size: 30px;}
.font25{font-size: 25px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line7{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.row{margin:0 -12px;}
*[class^='col-']{padding:0 12px;}

.header .menu ul li a{padding: 0px 14px;font-size: 20px;}
.headerwrap{padding-bottom:0}
.headtop .userbox.member-span-login{width: 45px;padding: 0px;background: url(../../images/index/zluser.png) no-repeat center center #C22A29;background-size: 22px;}
.headtop .userbox.member-span-login:hover{background: url(../../images/index/zluser.png) no-repeat center center #f9bb00;}
.headtop .userbox a {display: block;width:100%;height:100%}
.xsdpage .banner{height:600px}
.xsdpage .banner img{object-fit: cover;height:100%}
.xsdpage .maincontent{padding-top:60px}
.xsdpage .topcontent{border:solid 6px #fdd57f;box-shadow: 0px 5px 10px 0px rgba(206, 206, 206, 0.6);background: #fff7e6;margin-bottom:45px}
.xsdpage .topcontent>div{display: none;}
.xsdpage .topcontent .imglink{width:750px;height:508px}
.xsdpage .topcontent .rightinfo{padding:25px 40px 30px}
.xsdpage .topcontent .rightinfo .shorttitle{padding-left:30px;color: #d51b1b;background: url('../../images/xsd/icon.png') left center no-repeat;line-height: 32px;}
.xsdpage .topcontent .rightinfo .title{line-height: 32px;height:64px;margin-bottom:20px}
.xsdpage .topcontent .rightinfo .title:hover{color:#333}
.xsdpage .author img{border-radius: 50%;margin-right: 9px;width:30px;height:30px;object-fit: cover;}
.xsdpage .author span{vertical-align: middle;color:#666;line-height: 30px;}
.xsdpage .time{color:#b8b8b8;line-height: 30px;}
.xsdpage .topcontent .rightinfo .summary{border-top:#eedabd 1px solid;height:212px;margin-bottom:30px;padding-top:15px;margin-top:20px;line-height: 28px;color:#a2947e;}
.xsdpage .topcontent .rightinfo .more{padding:14px 16px;line-height:1;color:#feefd8;display: block;float: right;background: #ce1313;border-radius: 4px;}
.xsdpage .timeline{background: url('../../images/xsd/timeline.png') center 12px no-repeat;}
.xsdpage .timeline .dot{width:24px;height:24px;margin:0 auto 20px;background: url('../../images/xsd/dot.png') center no-repeat;}
.xsdpage .timeline .shorttitle{color:#e7b13e}
.xsdpage .timeline .on .dot{background-image:url('../../images/xsd/current.png');} 
.xsdpage .timeline .on .shorttitle{color:#ce1313}
.xsdpage .timeline .rightarrow{position: absolute;right:0;top:0;width:14px;height:24px;background: url('../../images/xsd/arrow.png') center no-repeat;}
.xsdpage .textbox{margin:60px auto 30px;}
.xsdpage .text{position: relative;margin-bottom:30px;background: #b60e0e;padding:40px 65px 90px;color:#fdd57f;line-height: 28px;text-align: justify;}
.xsdpage .text .title{margin-bottom:30px;}
.xsdpage .text a,.xsdpage .text a:hover{color:#fdd57f}
.xsdpage .text p{position: relative;z-index: 2;text-indent: 2em;}
.xsdpage .text p:last-child{margin-top:20px;}
.xsdpage .text::before{width: 114px;height:120px;content:'';background: url('../../images/xsd/bird.png') center no-repeat;display: block;position: absolute;top:-28px;left:-56px;z-index:1}
.xsdpage .text::after{width: 280px;height:170px;content:'';background: url('../../images/xsd/flag.png') center no-repeat;display: block;position: absolute;bottom:0px;right:-170px;z-index:1}
.xsdpage .person{height:190px}
.xsdpage .person .topic{width:62px;background: #b60e0e;padding:0 19px;color:#fdd57f;line-height: 28px;height:100%;position: relative;}
.xsdpage .person .topic span{position: absolute;top:50%;transform: translateY(-50%);display: block;}
.xsdpage .person .plist{font-size:0;height:100%}
.xsdpage .person .ele{display: inline-block;border: solid 1px #e5e5e5;border-left:0;background: #f9f9f9;width:33.3%;padding:40px 26px 0;height:100%}
.xsdpage .person .ele .avatar{margin-right:20px;}
.xsdpage .person .ele .pos{line-height: 22px;color:#93939d;margin-top:10px}
.xsdpage .list{background: #f9f9f9;padding:40px 0 20px}
.xsdpage .list .row>div{overflow: hidden;}
.xsdpage .list .imglink{height:215px;position: relative;}
.xsdpage .list .imglink:before{display: none;width:100%;height:100%;content:'';background: rgba(0,0,0,.4) url('../../images/xsd/play.png') center no-repeat;position: absolute;left:0;top:0;z-index: 1;}
.xsdpage .list .item{margin-bottom:24px;}
.xsdpage .list .item:hover .imglink:before{display: block;}
.xsdpage .list .item>.info{border: solid 1px #eee;background: #fff url('../../images/xsd/bg.png') center bottom no-repeat;padding:20px;height:205px}
.xsdpage .list .info .title{line-height: 40px;color:#333;display: inline-block;max-width: 100%;}
.xsdpage .list .info .summary{color:#8e8e8e;line-height: 24px;margin-bottom:30px}
.xsdpage .list .ppt{line-height: 30px;padding-left:25px;background: url('../../images/xsd/ppt.svg') left center/20px no-repeat;color:#666}
.xsdpage .morelist{margin:30px auto 0;width:250px;line-height: 50px;background: #F2F2F2;border-radius: 25px;color: #999;}
.xsdpage .footer{padding:30px 0;background: #f9f9f9;color:#999}
.xsdpage .footer p{margin:0}
.xsdpage .footer span{margin:0 10px}

@media (max-width:1024px) {
    .xsdpage .banner{height:400px}
    .xsdpage .topcontent .imglink{width:650px}
    .xsdpage .list .item:hover .imglink:before{display: none;}
    .xsdpage .person{height:240px}
}
@media (max-width:825px) {
    .xsdpage .banner{height:330px}
    .xsdpage .topcontent .imglink{width:450px;height:320px}
    .xsdpage .topcontent .rightinfo{padding-top:10px;padding-bottom:0}
    .xsdpage .topcontent .rightinfo .title{margin-bottom:10px}
    .xsdpage .topcontent .rightinfo .summary{height:130px;margin-top: 10px;}
    .line7{-webkit-line-clamp: 4;}
    .xsdpage .topcontent .rightinfo .more{display: none;}
    .xsdpage .person{height:512px}
    .xsdpage .person .ele{width:100%;display: block;padding-bottom:10px;height:auto}
    .xsdpage .person .ele:nth-child(n+2){border-top:0}
}
@media (max-width:430px) {
    *{font-size: 12px;}
    .font30{font-size: 20px;}
    .font25,.font24{font-size: 18px;}
    .font18{font-size: 16px;}
    .font16{font-size: 14px;}
    .xsdpage .banner{height:180px}
    .xsdpage .maincontent{padding-top:30px}
    .xsdpage .topcontent{padding:0;margin:0 15px 20px}
    .xsdpage .topcontent .rightinfo .summary{display: none;}
    .xsdpage .topcontent .rightinfo{padding:10px 15px 0}
    .xsdpage .topcontent .imglink{width:180px;height:140px}
    .xsdpage .topcontent .rightinfo .title{line-height: 26px;height:52px}
    .xsdpage .timeline{padding:0 15px}
    .xsdpage .timeline>.container{padding:0}
    .xsdpage .author img{width:20px;height:20px;margin-right:0}
    .xsdpage .timeline .dot{margin-bottom:10px}
    .xsdpage .list{padding-top:30px}
    .xsdpage .list .imglink{height:120px}
    .xsdpage .list .item>.info{padding:10px 5px;height:140px;background-size: 100%;}
    .xsdpage .list .info .title{line-height: 28px;}
    .xsdpage .list .info .summary{margin-bottom: 15px;line-height: 20px}
    .xsdpage .morelist{width:190px}
    .xsdpage .list .ppt{padding-left:18px;background-size: 15px;}
    .xsdpage .text{padding:20px 15px 60px}
    .xsdpage .text .title{margin-bottom:15px;padding-left:60px}
    .xsdpage .text::after{width:160px;height:100px;background-size: 100%;right:-50px}
    .xsdpage .person .ele{padding:10px 10px 0}
    .xsdpage .person{height:413px}
    .xsdpage .person .topic{padding:0 24px}
    .xsdpage .person .topic span{width:18px}
}
@media (max-width:395px) {
    .xsdpage .topcontent .imglink{width:160px;height:135px}
    .xsdpage .footer span{display: block;}
    .xsdpage .person{height:525px}
    
}