/* 信号山使用 */
@import url("base-m.css");

.focus-title .title,
.focus-title .desc,
.recommend-news .list li .title,
.recommend-news .list li .desc,
.image-list li .title,
.image-list li .desc,
.text-list li .title,
.text-list li .desc,
a.detail
 {
    font-family: "qdxin serif SC";
}

a.detail{color: #096b9b;padding-left: 10px;}
.focus-title .title:active,
a.detail:active,
.recommend-news .list li .title:active,
.image-list li .title:active,
.text-list li .title:active
{color: #f3bc09;}

.header{
    width: 100%;
    height: 36vw;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../imgs/sd-m-banner.jpg);
    background-size: auto 120%;
}

.mainArticle{
    width: 100%;
    padding: 0px 0 0;
    background-color: #fff;
    min-height: 100vh;
}
.focus-wrapper{padding: 0 20px;}
.focus-title{border-bottom: 5px solid #e7e7e7;padding: 15px 0;position: relative;}
.focus-title .head{display: flex;align-items: center;}
.focus-title .img-x{
    position: absolute;
    width: 90px;
    height: 60px;
    right: 0;
    top: 22px;
}
.focus-title .img-x img{
    display: block;
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.focus-title.has-img .head{
    padding-right: 100px;
}
.focus-title .head img{flex: 0 0 70px;width: 70px;height: 48px;margin-right: 15px;}
.focus-title .title{font-weight: 700;font-size: 22px;}
.focus-title .desc{font-size: 16px;padding-top: 5px;color: #4C4D4D;}
.focus-title .desc a{padding-left: 10px;}
.focus-title.lite{border-bottom: 1px dashed #ccc}
.focus-title:last-child{border-bottom: 0;}
.focus-title .dataR {
    color: #009688;
    padding: 10px 0 5px;
    font-size: 12px;
}

.recommend-news{overflow: hidden;width: 100%;padding: 0px 0px 20px;}
.recommend-news .list{
    width: 100%;
    padding: 0 20px;
}
.recommend-news .list li{margin-top: 15px;}
.recommend-news .list li:first-child{margin-top: 0;}
.recommend-news .list li .title{
    font-size: 20px;font-weight: 700;
}
.recommend-news .list li .desc{color: #4c4d4d;padding: 10px 0;font-size: 16px;line-height: 22px;}
.slider-wrapper{width: 100%;overflow: hidden;margin-bottom: 20px;}

.banner{width: 100%;overflow: hidden;}
.banner img{width: 200%;object-fit: cover;transform: translate(-32%, 0);}

.image-list{overflow: hidden;padding: 30px 0px 0px;}
.image-list li{width:100%;margin-right: 40px;margin-bottom: 25px;}
.image-list li:nth-child(even) {margin-right: 0;}
.image-list li.nomarg{margin-right: 0;}
.image-list li .imgbox{height: 240px;overflow: hidden;display: block;position: relative;}
.image-list li .imgbox img{width: 100%;display: block;object-fit: cover;min-height: 100%;transition: all 0.5s;}
.image-list li .imgbox img:active{transform: scale(1.2);}
.image-list li .title{font-size: 20px;padding: 0 20px 0 30px;display: block;margin: 10px 0;font-weight: 700;position: relative;}
.image-list li .title::before{content:"";border-left:5px solid #E03637;width: 1px;height: 20px;display: block;position: absolute;top: 5px;left: 20px;}
.image-list li .desc{font-size: 16px;line-height: 24px;color: #4c4d4d;padding: 0 20px;}

.text-list{}
.text-list li{width: 100%;margin-right: 40px;background-color: #F8F8F8;padding: 20px;margin-bottom: 20px;}
.text-list li .title{font-size: 20px; color: #333344;font-weight: 700;display: block;margin-bottom: 10px;}
.text-list li .desc{color: #7B7B7B;flex: 1;display: inline-block;
}
.text-list li>.good{display: none;}

.text-list li .con-wrap{display: flex;}
.text-list li .con-wrap .imgbox{width: 120px;flex: 0 0 120px;overflow: hidden;height: 80px;margin-right: 15px;display: inline-block;}
.text-list li .con-wrap .imgbox img{display: block;width: 100%;object-fit: cover;}
.text-list li .con-wrap.hasimg .desc{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/}

.load-more{width: 166px;overflow: hidden;margin: 0 auto;padding:10px 0 30px}
.load-more img, .load-more p{float: left;}
.load-more img{width: auto;height: 30px;}
.load-more p{height: 30px;line-height: 30px;margin-left: 10px;font-size: 18px;color: #7B7B7B;}



.good{
    position: absolute;
    padding: 5px;
    height: 40px;
    right: 10px;
    bottom:10px;
}
.good a{
    background-image: url(../imgs/zan.png);
    background-image: -webkit-image-set(url(../imgs/zan.png) 1x,url(../imgs/zan@2x.png) 2x);
    background-repeat: no-repeat;
}
.good a{
	display: block;
	float: right;
    width: 40px;
    height:33px;
    line-height: 33px;
    text-align: center;
    border-radius: 5px 5px;
    color: #df6981;
    background-color: #fff9e4;
    font-size: 18px;
    font-weight: 600;
    background-position: 0 0;
}
.good a:active{
    background-position: -40px 0;
}
.goodnum{
	background: #fff9e4;
	border-radius: 5px 5px;
	float: left;
	padding: 5px 10px 5px 10px;
	margin: 1px 5px 0 0;
}
.good br{clear: both;}
.good span{
	font-size: 18px;
	font-weight: 400px;
	line-height: 20px;
	color: #3e3a39;
}
.good em{
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	color: #b4b2b2;
}


.ewm-bot-wrapper{width: 100%;margin: 0 auto;padding: 0 20px;}
.ewm-bot ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ewm-bot ul li{width: 48%;display: flex;align-items: center;margin-bottom: 20px;}

.ewm-bot ul li:last-child{
    width:100%;
    padding: 20px;
    background: #f2f2f2;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.ewm-bot ul li:last-child h4{
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
}
.ewm-bot ul li:last-child h5{
    margin-right: 20px;
}
.ewm-bot ul li img{
	width: 50px;
	height: 50px;
}
.ewm-bot ul li p{
    margin-left: 15px;
    font-size: 18px;
}


a#go-top {
    background-image: url(http://www.qdxin.cn/img/sprit20200419.png);
    background-image: -webkit-image-set(url(http://www.qdxin.cn/img/sprit20200419.png) 1x,url(http://www.qdxin.cn/img/sprit20200419@2x.png) 2x);
    background-repeat: no-repeat;

    display: block;
    width: 40px;
    height: 40px;
    background-position: -130px -253px;
    color: #999;
    text-decoration: none;
    text-indent: -9999em;
    line-height: 25px;
}

.pageArea{  padding:10px 0; margin:0 10px;}
.ipages { font-family:Tahoma; font-size: 16px; text-align:left; margin:10px; color: #999;}
.ipages a { color:#555; background:#FFF; border:1px solid #E1E1E1; padding:5px 10px; text-decoration:none; margin-bottom: 10px;display: inline-block;}
.ipages a:hover{background:#FFC000; color:#fff;border:1px solid #FFC000;}
.ipages strong { color:#fff; background:#FFC000; border:1px solid #FFC000; padding:5px 10px; }
.ipages span{ color:#a7a7a7; background:#fff; padding:5px 10px;  font-size: 18px;}
a.PreviousLink:link{ color:#a7a7a7; border:1px solid #E1E1E1; background:#F2F2F2 url(ipagearrow1.gif) no-repeat 10px 10px; padding:5px 10px 5px 18px; }
a.PreviousLink:hover{background:#fff url(ipagearrow1.gif) no-repeat 10px 10px; color:#a7a7a7; border:1px solid #E1E1E1;}
a.NextLink:link{ color:#0B398C; border:1px solid #E1E1E1; background:#fff url(ipagearrow2.gif) no-repeat right; padding:5px 18px 5px 10px; }
a.NextLink:link:hover{background:#f1f1f1 url(ipagearrow2.gif) no-repeat right; color:#0B398C; border:1px solid #E1E1E1;}
.ipages span,a.PreviousLink:link{margin-right:4px; display:inline-table;}

.slidesjs-pagination,
.pc-head,
#rnav
{display: none;}