/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
html{
    font-size:15px;
}
 /*清除浮动*/
 .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
 .clear{zoom:1;/*for IE6 IE7*/clear:both;}
 
 
.mui-table-view-chevron .mui-table-view-cell {
    padding-right: 5px; 
}
.mui-table-view-chevron .mui-table-view-cell.mui-active>a{color:#009944!important;}
/*页尾颜色*/
.mui-bar{background: #2664b0;color: #fff;}
/*选中菜单颜色*/
.mui-bar-tab .mui-tab-item.mui-active {
    color: #fff; background:#3d7fcd;
}

.mui-bar .mui-title,.mui-bar a{color: #fff;}
/*页头颜色*/
header.mui-bar.mui-bar-nav {
	background: #2664b0; color: #fff;
	box-shadow: 0px 1px 3px #ccc;
/*	display: none;*/
}

.bg-ebeaf0{ background: #f7f7f7!important;}
.read-body .bg-ebeaf0{ background: #fff!important;}

.bg-e91239 {
	background: #222;
}

.bg-eee{ background: #eeeeee;}
.bg-fff{ background: #fff;}

.bb-1{ border-bottom:1px solid #e8e8e8; height: auto; overflow: hidden;}
.pad-10{ padding: 10px;}
.color-fff {
	color: #FFFFFF;
}
.border-none { border:none;}

.mui-table-view:before,.mui-table-view:after
{
   background:transparent;
}

#slider,#slider img{ }
.mui-slider{}
#py_hdp{  height:auto;overflow: hidden; width: 100%;}

#py_kj{padding:10px 5px!important; height: auto; padding:0px; overflow: hidden; /* background:#fff!important; */  border-top: none;
     border-left: none; background-color: transparent; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
#py_kj span{ color: #ccc; font-size: 0.7rem;}

/* .py_kj li{font-size: 14px!important; list-style: none;width: 60px; height: 60px; position: relative;box-sizing: border-box; padding: 0px!important;} */

#py_kj li{font-size: 14px!important; list-style: none;width: 15%; height: 100%;position: relative;box-sizing: border-box; padding: 0px!important;}

#py_kj li:after{position: absolute;top: 0px;right: 0px;width: 1px;height: 100%;content: "";/* background: #fff; */}
#py_kj li a{ color: #f00; height: auto;overflow: hidden;}
/* .py_kj li .img-box{margin: 8px auto;} */
#py_kj li .img-box img{ padding: 0px 0px!important; margin: 10px auto; width: 50%; overflow: hidden; }
#py_kj li p{clear: both; height: 28px; line-height: 48px; color: #555; font-size: .9rem; margin-top: -1.5rem; }
/*.py_kj .mui-table-view-cell{ }
.py_kj .mui-table-view-cell a{}*/
/*标题*/
.py_bt.bg-fff{border-top: 1px solid #dddddd;margin-top: 0px; color: #353535;  margin-top:0px; font-size:1rem; margin-bottom: 0px; border-bottom: 1px solid #eee;}

.p-b-10{ padding-bottom: 10px;}
.m0{ margin: 5px 5px!important;}


#py-top-nav{ padding: 10px 0;}

.py-jg{ height: 10px; background: #EEEEEE; width: 100%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}

#py-news-list .mui-media-body{ font-size: 0.9rem; text-align: left; text-indent: 0px;}
#py-news-list .mui-media-body p{text-indent: 0px; padding-left:0px; font-size: 0.8rem;}

/* #py-news-list  .mui-table-view-cell { border-bottom:1px size #e8e8e8!important;} */
.mui-table-view{background-color:transparent;}

.mui-table-view-cell,.bg-fff,.mui-media{margin: 10px 0px;}


/* #py-news-list .bg-fff,.mui-media.mui-table-view-cell{box-shadow: 0px 1px 3px #ccc;} */
.mui-grid-view .mui-table-view-cell .yxhg-body-title.mui-media-body{background: #fff;margin-top: 0px;height: 30px;line-height: 30px;}
#py-news-list .mui-media-object { max-width: 120px; height: 80px; overflow: hidden;}

.two_dian{white-space: pre-wrap;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.mui-table-cell p{ text-indent: 0px;}
.mui-table-view-cell:after{ left:0px;background-color: #fff!important;}
.mui-table h4{ font-size: 0.9rem; font-weight: 500;}

#py-content .py-title{font-size: 1.4rem;  padding: 10px 0; font-weight: 700; line-height: 130%;margin-top: 20px;}

.py-content-c { font-size: 0.9rem; color: #666666;}
.py-content-c img{ max-width: 100%;}
#pagearticlelistbotton{ padding: 10px; display: block; min-height: 20px; line-height: 20px; cursor: pointer; color: #0060FF; background: #EEEEEE;}

/*点击变蓝色高亮*/
.mui-table-view-cell.mui-active{
	background-color: #0062CC;
}
.mui-table-view-inverted .mui-table-view-cell:after{ background-color: #444; }
.border-b-1{border-bottom: 1px solid #f1f0f0; margin-bottom: 10px; padding: 0px 0px 10px;}
element.style {
visibility: visible;
z-index: 0;
}
.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning {
-webkit-transition: -webkit-transform 200ms ease;
transition: transform 200ms ease;
}

.mui-off-canvas-left, .mui-off-canvas-right { background: #F1F0F0 url(../images/ch.jpg) repeat-y -3px top;}
.py_dhcd{ font-size: 1.2rem; color: #444; padding-left: 22px; line-height: 40px;}

#py_ch_menu{background: transparent; padding: 0px 10px 20px 10px;border:none;}
#py_ch_menu li{ border:none;background: transparent; }
#py_ch_menu li a{ border:none;background: transparent;  color: #666;} 
.mui-table-view-inverted .mui-table-view-cell:after{ background: transparent;}
/*//侧滑菜单宽度*/
.mui-off-canvas-left, .mui-off-canvas-right{
width:52%;
}
.mui-off-canvas-wrap.mui-right .mui-inner-wrap{
-webkit-transform: translate3d(52%,0,0);
transform: translate3d(52%,0,0);
}
.mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn) {
 margin-right: 0px
}


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:14px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-news:before { content: "\e61d"; }


.icon-news:before { content: "\e60f"; }

.bg-0184e1{ background:#0184e1}
.by-title{line-height: 50px;color: #444;font-weight: 700;background: #fff;text-indent: 20px;box-shadow: 0px 1px 3px #ccc;}
#py-pro-list{
	 height: auto; overflow: hidden; text-align: center; padding:10px 0px;background: #fff;margin-top: 10px;box-shadow: 0px 1px 3px #ccc;
}
#py-pro-list .mui-media-body{ line-height: 120%;margin-top: 10px;color: #999;}
#py-pro-list a{ font-size: 0.8rem; color: #666;display: inline-block;height: 125px;}
#py-pro-list img{ width: 100%;}

#py-pro-list li{ width: 33.3%;box-sizing: border-box;padding: 0px 10px;}

.jg50{ height: 50px; width: 100%;}

#articlelist{margin: 10px;}
#articlelist .mui-table-view-cell{ background: #fff;box-shadow: 0px 1px 3px #ccc;}
#articlelist .mui-table-view-cell h4{ font-weight: 600; font-size: .9em; line-height: 180%;}
#articlelist .mui-table-view-cell p{font-size: .7em; line-height: 180%;}
#articlelist .mui-table .mui-h6{font-weight: 400;}

.col-xs-1-5,
		.col-sm-1-5,
		.col-md-1-5,
		.col-lg-1-5 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}
 
		.col-xs-1-5 {
			width: 20%;
			float: left;
		}
 
 
 
 .col-xs-1-6,
 		.col-sm-1-6,
 		.col-md-1-6,
 		.col-lg-1-6 {
 			position: relative;
 			min-height: 1px;
 			padding-right: 10px;
 			padding-left: 10px;
 		}
  
 		.col-xs-1-6 {
 			width: 16.66666666%;
 			float: left;
 		}
 
 
 
 
 
 
@media screen and (max-width: 768px) {
 
 .py-content-c .read-div-left{display: none;}	
 	
 	.py-content-c .read-div-p-right{width: 100%!important;}	
 }
 
 
		@media (min-width: 768px ) {
			#py_kj li .img-box{ height: 80px; width: 80px; border-radius: 50%;margin: 8px auto;}
		.col-sm-1-5 {
				width: 20%;
				float: left;
			}
			.col-xs-1-6 {
				width: 16.66666666%;
				float: left;
			}
		
		}
		@media (min-width: 992px) {
			#py_kj li .img-box{ height: 120px; width: 120px; border-radius: 50%;margin: 8px auto;}
			.col-md-1-5 {
				width: 20%;
				float: left;
			}
			.col-xs-1-6 {
				width: 16.66666666%;
				float: left;
			}
		}
		@media (min-width: 1200px) {
			.col-lg-1-5 {
				width: 20%;
				float: left;
			}
			.col-xs-1-6 {
				width: 16.66666666%;
				float: left;
			}
		}

.img-box{  
    width: 100%;  
    position:relative;  
    z-index:1;  
}  
.img-box img{  
    position:absolute;  
    top:0;  
    bottom:0;  
    left:0;  
    right:0;  
    width:100%;
    margin:auto;  
    z-index: -1;  
    *zoom:1;  
}  
.img-box:before {  
    content: "";  
    display: inline-block;  
   /* padding-bottom: 100%;  */
    width: 0.1px;   /*必须要有数值，否则无法把高度撑起来*/  
    vertical-align: middle;  
} 
.p10{ padding: 10px;}

#tjcp_ad{  height: auto; width: 100%; margin-top: 0px;}
#tjcp_ad .tjcp{ height: 100%; overflow: hidden; background: #fff; padding-right: 1px;padding-bottom: 1px; margin: 0px; position: relative;}


img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

#yxhg-back-none{background: none;}
#yxhg-back-none>#type_fl_wu{margin: 10px;box-sizing: border-box;}

#by-title{margin: 15px 10px;text-indent: 10px;}
.none-backfff.mui-content.mui-content-padded{background: none;}
#py_yxhg{ padding: 0px;margin: 0px;}
#py_yxhg:after,#type_fl-ul:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
#py_yxhg li{ padding: 0px 10px; width: 50%; float: left; list-style: none; line-height: 35px;margin-bottom: 15px;} 
#py_yxhg li img{  width: 100%;}
.py_yxhg-p{height: 30px;line-height: 30px; text-align: center;margin-bottom: 0px;background: #fff;box-shadow: 0px 1px 3px #ccc;}

#type_fl_wu,#type_fl-ul{/* height: 35px; */ /* width: 100%; */ /* background: #464646; */ margin: 10px 0px;}
/* #type_fl-ul{padding: 0px;}
#type_fl-ul>li{list-style: none;float: left;height: 100%; width: 25%; text-align: center; color: #fff;font-size: 15px;border: 2px solid #fff;box-sizing: border-box;background: #464646;padding: 1% 0;}
#type_fl-ul>li>a{color: #eee;font-size: 15px;}


li#type_fl_wu span,li#hover{font-size: 15px; display: inline-block; height: 100%; width: 25%; background: #cf212e; text-align: center; color: #fff;}
 */
#type_fl-ul{padding: 0px;display: flex;flex-direction: row;flex-wrap: wrap;}
#type_fl-ul>li{float: left; list-style: none;font-size: 14px;color: #fff;background: #2664b0;text-align: center;border-right: 2px solid #fff;border-left: 2px solid #fff;border-top: 5px solid #fff;border-bottom: 5px solid #fff;box-sizing: border-box;padding: 5px 10px 3px;}
#type_fl-ul>li>a{font-size: 14px;color: #fff;display: inline-block;height: 100%;}
div#type_fl_wu{height: auto;overflow: hidden; box-sizing: border-box;}
div#type_fl_wu div,li#hover{background: #2664b0;font-size: 14px;color: #fff;}
div#type_fl_wu div{display: inline-block; padding: 5px 10px 3px;}





.mui-col-xs-3 {
    width: auto;
}
@media (min-width: 400px){
.mui-col-sm-3 {
    width: auto;
}

.mui-col-xs-3 {
    width: auto;
	}
}

.py-content-c .Two{}
.py-content-c .Two{display: block; padding: 10px 0px;}