@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站内页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-04-26 09:03)
 */

/*common*/
.m-pgbox{padding: 15px 20px 20px; background: #fff;}
.u-bds{border-bottom: 1px dashed #ddd;}

/*list*/
.g-listlf{min-height: 765px; background: #f5f5f5;}
.m-listlf .u-tit{padding: 16px 0; text-align: center; font-size: 22px; font-weight: bold; color: #fff; background: #277ce7;}
.g-listlf li a{display: block; padding: 20px 50px 20px 45px; font-size: 18px; border-bottom: 1px solid #fff; background: url(../images/page/bg-listlf.png) right center no-repeat;}
.g-listlf li a:hover,.g-listlf li.u-active a{background: url(../images/page/bg-listlf-h.png) right center no-repeat; color: #277ce7;}
.m-listrg h1{height: 40px; line-height: 39px; border-bottom: 1px solid #ddd;}
.m-listrg h1 span{float: left; display: block; padding: 0 10px; font-size: 20px; font-weight: bold; color: #277ce7;}

.m-cglist{margin-bottom: 35px;}
.m-cglist li{padding: 0 7px; height: 52px; line-height: 51px; border-bottom: 1px dashed #ddd;}
.m-cglist li span{float: right; padding-left: 10px; font-size: 12px; color: #c0d5e8;}
.m-cglist li a{display: block; padding-left: 13px; background: url(../images/page/icon-li.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*listOne*/
.m-onelist{line-height: 188%; padding: 15px 10px; text-align: justify;}
.m-onelist table{border-collapse: collapse;border:1px solid #333;}
.m-onelist table td,.m-onelist table th{border: 1px solid #333;}
.m-onelist img{max-width: 100%;}

/*listPicture*/
.m-listpicture{padding-top: 15px;}
.m-listpicture li{margin-bottom: 15px; text-align: center;}
.m-listpicture li img{display: block; width: 100%; height: 136px;}
.m-listpicture li p{padding: 7px 5px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/*detail*/
.m-detailbox{padding: 20px 30px;}
.u-lgtit{padding: 10px 10px 15px; font-weight: bold; font-size: 30px; line-height: 1.5; color: #277ce7;}

.m-dtfuns{padding: 2px 10px; background: #f5f5f5;}
.m-dtfuns,.m-dtfuns a{color: #5e5e5e;}
.u-wzinfo{padding: 8px 0;}
.u-wzinfo span{margin-left: 30px;}
.u-fontsize{padding: 8px 5px 8px 0;}
.u-fontsize a{margin: 0 4px;}
.m-dtfonts{padding: 20px 0; min-height: 164px;}
.m-dttexts{font-size: 16px; line-height: 188%;}
.m-dttexts table{border-collapse: collapse;border:1px solid #333;}
.m-dttexts table td,.m-dttexts table th{border: 1px solid #333;}
.m-dttexts img{max-width: 100%;}
.m-dtdownload{padding: 0 0 0 22px; background: url(../images/page/icon-detail.png) 0 -258px no-repeat;}
.m-dtdownload li{padding: 4px 0;}
.m-dtcode p{font-size: 12px; color: #999; text-align: center;}
.m-dtcode img{margin: 4px auto; display: block; width: 130px; height: 130px; padding: 4px; border: 1px solid #ddd;}
.m-dtshare{padding: 20px 0; border-bottom: 1px dashed #ddd;}
.m-btfuns{padding: 10px 0;}
.m-btfuns li{float: left; margin: 0 15px 0 0; line-height: 28px;}
.m-btfuns li a{display: block; font-size: 13px; padding-left: 17px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat;}
.m-btfuns li.u-comment a{background-position: 0 -28px;}
.m-btfuns li.u-error a{background-position: 0 -56px;}
.m-btfuns li.u-print a{background-position: 0 -84px;}
.m-btfuns li.u-close a{background-position: 0 -112px;}
.m-btfuns li.u-collect a{background-position: 0 -140px;}
.m-dtsxqh{padding: 15px 0;}
.m-dtsxqh li{max-width: 50%; line-height: 30px; background-image: url(../images/page/icon-detail.png); background-repeat: no-repeat; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-dtsxqh li a{font-size: 16px;}
.m-dtsxqh .u-dtprev{padding-left: 30px; background-position: left -168px;}
.m-dtsxqh .u-dtnext{padding-right: 30px; background-position: right -198px;}

/*detailVideo*/
.m-dtvideo{width: 700px; height: 400px;}

/*detailPicture*/
.m-dtpicture{margin: 0 auto 15px; width: 700px; height: 400px;}
.m-dtpicture img{display: block; height: 400px; width: 100%;}
.m-dtpicture .owl-item{position: relative;}
.m-dtpicture .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 104px 0 15px; height: 48px; line-height: 48px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff; font-size: 16px;}
.m-dtpicture .owl-pagination{position: absolute; right: 15px; bottom: 19px;}
.m-dtpicture .owl-pagination .owl-page{float: left; margin-left: 10px;}
.m-dtpicture .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #fff; -moz-border-radius: 10px; border-radius: 10px;}
.m-dtpicture .owl-pagination .active span{background: #ff8f2c;}

/*search*/
.m-searchtit strong{color: #f00;}
.m-searchlist li{padding: 8px 0 8px 15px; border-bottom: 1px dashed #ddd; background: url(../images/page/icon-li.png) left 15px no-repeat;}
.m-searchlist .u-text{line-height: 1.5; color: #666;}
.m-searchlist .highlight{color: #f00;}
.m-searchlist .u-date{color: #999;}

/*feedback*/
table.is-feedback td{vertical-align:middle;font-size:14px;font-family:"Microsoft YaHei";background-color:#fff;padding:4px 10px;}
table.is-feedback{border-spacing:1px;border-collapse:separate;}
.is-feedback,.is-feedbox{margin-bottom:15px;}
.is-feedback li{height:36px;line-height:36px;font-size:14px;font-family:"Microsoft YaHei";}
.is-feedbox li{min-height:35px;height:auto;height:35px;padding:0 0 10px 0;line-height:35px;font-size:14px;font-family:"Microsoft YaHei";zoom:1;clear:both;}
.is-feedbox li img,.is-feedbox li input,.is-feedbox li label{float:left;}
.is-feedbox li img{margin-right:10px;}
.is-feedbox li label{width:122px;}
li.is-bdnr{height:auto;line-height:22px;padding-bottom:8px;}
.is-feedbox li input{background:#fff;position:relative;line-height:1.5em;border:1px solid #ddd;padding:6px;color:#333;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.is-feedbox li textarea{background:#fff;position:relative;line-height:1.5em;border:1px solid #ddd;padding:6px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;overflow:auto;resize:none;}
.is-feedbox input.button{background:#313233;display:inline-block;position:relative;height:33px;overflow:hidden;margin:18px 2% 2px 0;padding:0 15px 0 15px;vertical-align:top;line-height:34px;font-family:'Droid Sans',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;color:#fff;border:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;}
.is-feedbox input.button:hover{background:#00b2d7;color:#fff;}
.is-feedbacklist{margin:10px 0;}
.is-feedbacklist li{padding:10px 0;border-bottom:1px solid #ddd;line-height:20px;}
.is-feedbacktitle{background:#f1f1f1;color:#333;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.is-feedbacktitle dl{padding:5px 10px;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#333;}
.is-feedbacktitle .right{float:right;}
.is-bold{font-weight:700;color:#f60;}
.is-feedbackcontent{color:#333;padding:5px 10px;line-height:20px;}
.list-right .is-feedbox ul li,.list-right ul.is-feedbacklist li{background:0 0;}
.list-right ul.is-feedbacklist li{line-height:26px;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
	.m-listlf{width: 300px;}
	.m-listrg{width: 880px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-pgbox{padding: 10px 15px 15px;}

    .u-lgtit{padding: 15px 0; font-size: 24px;}

    .m-dtvideo{width: 100%; height: auto;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-pgbox{padding: 6px 10px 10px;}

	.g-listlf{min-height: auto;}
	.m-listlf .u-tit{font-size: 18px;}
	.g-listlf li a{padding: 15px 50px 15px 20px; font-size: 16px;}

	.m-cglist li{height: 46px; line-height: 45px;}

	.m-onelist{padding: 10px;}

	.m-detailbox{padding: 0;}
	.u-lgtit{font-size: 20px;}
	.u-wzinfo span{margin: 0 5px 0 0;}
	.m-dtfonts,.m-dtshare,.m-dtsxqh{padding: 10px 0;}
	.m-dttexts{font-size: 14px;}
    .m-dtsxqh li.u-dtprev,.m-dtsxqh li.u-dtnext{max-width: 100%; float: none; padding: 0; background: none;}

	.m-dtpicture{width: 100%;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	.u-lgtit{padding: 10px 0;}
	
	.m-dtpicture,.m-dtpicture img{height: 320px;}
	
}
/*small xs*/
@media screen and (max-width: 638px) {
	.m-listpicture li{margin-bottom: 10px;}
	.m-listpicture li img{height: 110px;}
	
	.m-dtpicture,.m-dtpicture img{height: 200px;}
    
}