*{box-sizing: border-box;}
a:hover,a:focus{color: #005fc2;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dqwz{color: #a6a6a6;padding-left: 40px;line-height: 45px;;background: url(/uploads/image/dxpsicommon/location.png) no-repeat left center;}
.dqwz a{color: #a6a6a6;}
.container{/*width: 1400px;*/}
.main{margin: 30px auto;padding: 25px 25px 70px;background-color: #fff;}
/* commonlist */
.listbox{/*margin-top: 20px;*/}
.listnav{width: 20.3%;}
.listnav .parent{color: #1080e8;font-size: 22px;font-weight: bold;text-align: center;padding: 16px 5px;}
.listnav .parent img{vertical-align: middle;margin-right: 10px;}
.listnav ul{border-top: 6px solid #2a82e4;box-shadow: 0px 0px 22.99px  rgba(65, 113, 192,.18);}
.listnav ul li{padding: 0 19px;line-height: 70px;font-size: 18px;}
.listnav ul li a{display: block;overflow: hidden;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;background: url(/uploads/image/dxpsicommon/arrow.png) no-repeat right center;}
.listnav ul li   li a{border-top:  1px solid #1080e8;}
.listnav ul li.on{background: #1080e8;}
.listnav ul li.on a{color: #fff;}
.listnav ul li.on   li a{border-top: none;}
.comlist,.tydp,.nav-pic-list{width: 77%;}
.comlist ul{margin-top: 20px;}
.comlist li{height: 48px;line-height: 48px;font-size: 18px;padding-left: 20px;;background:  no-repeat 5px center;}
.comlist li a{float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 80%;}
.comlist li span{float: right;color: #999;}
.comlist .hr{margin: 30px 0;border: 1px dashed #a6a6a6;}

.morelist{margin: 30px auto;width: 120px;height: 50px;line-height: 50px;font-size: 20px;;text-align: center;color: #005fc2;border: 1px solid #005fc2;border-radius: 10px;cursor: pointer;}

.tydp h2{font-size: 30px;font-weight: bold;;line-height: 50px;text-align: center;}
.tydp .dpcon{margin-top: 20px;}

/* piclist */
.list-top{margin-top: 15px;}
.list-tit{padding: 15px 0;border-bottom: 1px solid #ddd;}
.list-tit span{display: inline-block;position: relative;height: 28px;line-height: 28px;font-size: 28px;font-weight: bold;;}
.list-tit span::after{content: '';position: absolute;left: 0;bottom: -20px;width: 100%;height: 4px;background: #005fc2;}
.nav-pic-list li,.pic-list li{float: left;width: 33%;padding: 0 15px;margin-top: 30px;}
.pic-list li{width: 25%;}
.nav-pic-list li img,.pic-list li img{width: 100%;height: 102px;}
.nav-pic-list li p,.pic-list li p{width: 100%;height: 36px;line-height: 36px;font-size: 18px;text-align: center;}

.hz_pic li img{height:190px;}


/* commondetail */
.detail{padding: 30px 15px 50px;margin-top: 30px;}
.detail h2{text-align: center;font-size: 38px;width: 90%;margin: 0 auto;line-height: 60px;}
.detailbar{width: 100%;margin-top: 45px;;background: #f5f5f5;border: 1px solid #e5e5e5;line-height: 63px;text-align: center;}
.detailbar div{display: inline-block;vertical-align: middle;margin: 0 10px;color: #808080;}
.detailbar div .small{margin-right: 8px;}
.detailbar .fontsize span{cursor: pointer;margin: 0 2px;}
.detailbar .fontsize span.on{font-weight: bold;}
.content{padding:30px 40px;border-bottom: 1px solid #e5e5e5;}
.print{margin-top:30px;}
.print a{color:#005fc2;}
.sxp{margin-top:20px;}
.sxp div{line-height:32px;}

.article_ewm {text-align: center;padding: 20px 0 35px;}
#qr_container {padding-bottom: 5px;color: #b5b5b5;font-size: 13px;}
.article_extends { padding: 10px 0 15px;margin-bottom: 15px;text-align: right;}
.article_btn {float: right;margin-top: 10px;}
.article_btn a {cursor: pointer;}

/* picdetail */

.pic_show{width: 100%;overflow: hidden;margin-top: 30px;}
.maincon{position: relative;}
.tspjswiper img{height: auto;}
.tspjswiper .swiper-slide{text-align: center;}
.tspjswiper .swiper-button-next, .tspjswiper .swiper-button-prev{top: 50%;}
.slt{margin-top: 30px;overflow: hidden;}
.slt p{font-size:20px;font-weight:bold;margin-bottom:20px;}
.slt img{width: 100%;height: auto;}
.slt .swiper-slide{height: 250px;}
.slt .swiper-slide.on img{border: 3px solid #ff8600;}
.tspjswiper .imginfo .memo{line-height: 32px;}
.tspjbox{padding-top: 10px;}

@media (max-width: 1440px){
    .container{width: 1200px;}
}
@media (max-width: 1200px){
    .container{width: 100%;}
    .listnav .parent{font-size: 20px;}
    .listnav ul li{font-size: 16px;}
    .listnav{width: 23%;}
    .comlist,.tydp{width: 74%;}

    .list-tit span{font-size: 22px;}
    .pic-list li img{height: 140px;}
}

@media (max-width: 768px){
    .container{width: 100%;}
    .listnav .parent{display: none;}
    .listnav{width: 100%;}
    .comlist,.tydp{width: 100%;margin-top: 20px;}
    .comlist li{height: 42px;line-height: 42px;font-size: 16px;}
    .comlist li a{width: 65%;}
    .listnav ul{border-top: none;}
    .listnav ul li{float: left;width: 32%;margin: 5px 0.6%;padding: 0 10px;font-size: 16px;line-height: 48px;border: 1px solid #1080e8;border-radius: 5px;}
    .listnav ul li a{background-image: none;}
    .main{padding: 10px;margin-top: 15px;}
    .listnav ul li   li a{border-top: none;}
    .comlist .hr{margin: 10px 0;}

    .list-tit span{font-size: 22px;}
    .pic-list li{padding: 0 5px;width: 50%;}
    .pic-list li img{height: 110px;}
    .pic-list li p{font-size: 16px;height: 32px;line-height: 32px;}

    .detail{padding: 10px 0;}
    .detail h2{font-size: 26px;line-height: 40px;}
    .detailbar{line-height: 34px;margin-top: 20px;}

    .slt{display: none;}

.nav-pic-list{width:100%;}
}