@charset "utf-8";
/* CSS Document */
/*
* @description: 网站内页样式
* @author: ishang_pan
* @update: ishang_pan (2017-09-22 13:30)
*/


/** 通用颜色值 **/
.red{color: #f50000;}

/* 产品中心 */
.m-productlist{padding:20px 0;}
.cpzs-left{float:left;width:280px;}
.cpzs-left h2{height:60px;line-height:60px;text-align:center;font-size:20px;color:#fff;font-weight:bold;background:#004a9d;}
.cpzs-left #list-h{display: none;float: right;margin: 25px 15px 0 0;}
.cpzs-left ul{padding:20px 0;background:#f5f5f5;}
.cpzs-left ul li{margin-bottom: 1px;border-bottom: 1px solid #fff;}
.cpzs-left li a{display:block;padding: 14px 26px;line-height: 30px;font-size: 18px;}
.cpzs-left li.hover a,.cpzs-left li a:hover{border-left:3px solid #004a9d;color:#004a9d;padding-left:23px;}

.cpzs-right{margin-left:300px;overflow:hidden;}
.cpzs-right ul{display:flex;flex-wrap:wrap;}
.cpzs-right ul li{width:31.33%;margin: 0 1% 20px;overflow:hidden;position:relative;}
.cpzs-right li .video{position:absolute;top:0;left:0;display:block;width:100%;height:100%; background:url(../images/page/video.png) center 0 no-repeat;}
.cpzs-right li img{width: 100%;height: 210px;border: 1px solid #ddd;}
.cpzs-right li p{line-height: 35px;font-size: 16px;text-align: center;}


@media (max-width: 992px) {
	.m-productlist{padding:20px 15px;}
    .cpzs-left{float:none;width:100%;}
	.cpzs-right{margin:20px 0 0 0;}
    .cpzs-left #list-h{display: block;}
	.cpzs-left ul{display:none;}
	
}
@media (max-width: 414px) {
	.cpzs-right ul li{width:100%;margin: 0 0 20px;}
}


/**************list**********************/
.m-proloca{background: url(../images/page/news-bg.jpg) center top no-repeat;}
.m-list{padding: 40px 0;}
.m-list .col-sm-4{margin-bottom: 30px;}
.m-list img{width: 100%;}
.m-list .u-cont{padding: 20px;border: 1px solid #ddd;border-top: none;background: #fff;}
.m-list .u-cont h3{font-size: 16px;line-height: 25px;}
.m-list .u-cont p{margin:15px 0 25px;line-height: 25px;font-size: 14px;color: #808080;text-align: justify;}
.m-list .u-cont a{display: block;margin:10px auto;width: 160px;height: 44px;line-height: 44px;text-align: center;background: #e6e6e6;color: #525252;}
.m-list .u-cont a:hover{background: #004a9d;color: #fff;}
.m-list .more{display: block;margin: 30px auto;width: 180px;height: 58px;line-height: 58px;text-align:center;background: #e6e6e6;color: #525252;}
.m-list .more:hover{background: #004a9d;color: #fff;}

@media (max-width: 767px){
    .m-list .row{margin: 0;}
}
@media (max-width: 414px){
    .m-list{padding: 15px 0;}
    .m-list .col-sm-4 { margin-bottom: 15px; }
    .m-list .more{margin: 15px auto;}
}
/*****************************************/


/********************detail*********************/
.m-body{padding: 40px 0 60px;}
.m-body h1{font-size: 24px;line-height: 45px;text-align: center;padding: 20px 60px 40px;font-weight:bold;}
.m-body h2{font-size: 20px;line-height: 45px;text-align: center;padding: 0 60px 30px;}
/*作者  发布时间*/
.u-funs{padding: 10px;font-size: 14px;color: #5e5e5e;position:relative;border-bottom:1px solid #ddd;line-height: 20px;overflow: hidden;}
.u-funs span{margin: 0 10px;}
.u-funs a{color: #5e5e5e;}
.u-funs .ziti{position: absolute;bottom: 10px;right: 0;}
/*内容*/
.m-contnet{font-size: 16px;min-height: 165px; padding: 30px 0;}
.m-contnet p{margin-bottom: 20px;line-height: 30px;text-align: justify;}
.m-contnet p img{max-width: 100%;}
.m-contnet table{border-collapse: collapse;}
.m-contnet table td{border: 1px solid #333;}
/*二维码*/
.wzewm{text-align:center; margin:0 auto;}
.wzewm span{display:block;}
.wzewm span.txt-color{font-size: 12px; color: #c0c0c0;}
/*顶部  打印  关闭*/
.m-btfuns{line-height: 24px;margin-top: 30px; border-bottom: 1px solid #ddd; padding: 10px 0; position:relative;height:45px;}
.m-btfuns ul{overflow: hidden;}
.m-btfuns li{float: left;}
.m-btfuns li a{display: block;color: #5e5e5e;font-size: 14px;padding-left: 15px;}
.m-btfuns li a img{margin: 5px 5px 0 0;}
.m-btfuns li a:hover{color: #c51d3e;}
/*分享按钮*/
.bshare-custom{position: absolute;bottom:14px;right: 0;}
#qrcode img { margin: 10px auto; padding: 5px; border: 1px solid #ddd;background: #fff; }
/*上一条*/
.detail-zy{margin-top: 15px;overflow: hidden;}
.detail-zy .detail-prev img{margin-right: 15px;}
.detail-zy .detail-next img{margin-left: 15px;}
/*****************************************/

.u-video{margin:0 auto; width:800px;}


/*媒体查询*/
@media (max-width: 1200px){
    .list-right{width: 71%;}
	.m-body h1{width:auto;}
}
@media (max-width: 992px) {
    .listleft-box{display: none;}
    .list-left,.list-right{width: 100%;min-height: auto;}
    #list-h{display: block;}
    .bshare-custom{display: none;}
	.u-funs{text-align: center;line-height: 26px;}
	.wzewm{display:none;}
	#zoom{width:100%;}
    .detail-zy div{width: 100%;}
    .detail-zy .detail-next{margin-top: 15px;}
    .detail-zy .detail-next img{float: left;margin-right: 15px;margin-left: 0;}
}
@media (max-width: 768px) {
    .m-body{padding: 40px 15px;}
	.u-video{width:100%;}
    .u-funs .ziti{position: initial;}
    .m-btfuns span{display: block;text-align: center;float: none;}
    .m-btfuns ul{float: none;text-align: center; margin-top: 10px;}
    .m-btfuns ul li{float: none;display: inline-block;}
}
@media (max-width: 414px) {
    .m-body{padding: 30px 15px;}
    .m-body h1{font-size: 20px;margin:0;line-height: 35px;padding: 0 20px 10px;}
    .m-contnet{padding: 10px 0;}
}

/********************list-picture*********************/
.is-listpicture{overflow:hidden;padding:20px 10px;}
.is-listpicture li{float:left;width:25%;height:160px;background:none;padding:0;margin-top:10px;text-align:center;border-bottom: none;}
.is-listpicture a{display: block;padding: 0 10px;}
.is-listpicture img{display:block;margin:0 auto;width:100%;}

/*媒体查询*/
@media (max-width: 1200px){
    .is-listpicture li{width:33.33%;}
}
@media (max-width: 620px) {
    .is-listpicture li{width:50%;}
}
@media (max-width: 414px) {
    .is-listpicture li{width:100%;height:auto;}
    .is-listpicture img{height:45vw;}
}
/*****************************************/

.u-newscontnet{width:800px;margin:20px auto;}
/*****************************************/

/* 站点地图 */
.is-sitemap {height: auto !important;min-height: 400px;padding: 10px 15px;border: 1px solid #ddd;}
.is-sitemap h2 {font-size: 18px;    border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;font-weight: bold;}
.is-sitemap h2 a {color:#c61e3f;}
.is-sitemap ul {overflow:hidden;padding:10px 0;}
.is-sitemap ul li {float:left;width: 20%;height:40px;line-height:40px;margin-bottom:10px;text-align:center;}
.is-sitemap ul li a {display:block;background:#f5f5f5;margin: 0 10px;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.is-sitemap ul li a:hover{background:#c61e3f;color:#fff;}

/*媒体查询*/
@media (max-width: 600px){
    .is-sitemap ul li {width: 50%;}
}
@media (max-width: 380px){
    .is-sitemap ul li {width: 100%;}
}

/*分页 on*/
#page_list{line-height: 20px; text-align: right; padding: 10px; font-size: 14px; font-family:'Arial';}
#page_list .page{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  color: #868585; text-decoration: none; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
#page_list .page:hover{border: 1px solid #e0e0e0; background-color: #f1f1f1; color: #868585;}
#page_list a{text-decoration: none;}
#page_list a:hover{color: #0000FF;}
#page_list .currentpage{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; color: #868585; text-decoration: none;margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;}
/*分页 end*/