/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
html{
    font-size:15px;
}
 ul,ol,li,dl,dd,dt{list-style:none;padding: 0px;margin: 0px;}
 /*清除浮动*/
 .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
 .clear{zoom:1;/*for IE6 IE7*/clear:both;}
 
 
 /* 英文小写转小写 */
 .yin-daxie{text-transform:uppercase}
 .yin-Sdaxie{text-transform:capitalize}
 
 .center{text-align: center;}
 
.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: #06234e;color: #fff;}
/*选中菜单颜色*/
.mui-bar-tab .mui-tab-item.mui-active {
    color: #fff; background: #103a79;
}

.mui-bar .mui-title,.mui-bar a{color: #fff;}
/*页头颜色*/
header.mui-bar.mui-bar-nav {
	background: #06234e; color: #fff;
/*	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;}

#en_py_kj>li>a {font-size: .1rem;font-weight: 400;text-transform:capitalize}


/* .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: 6px solid #efefef; margin-bottom: 0px; text-align: center;padding-top:25px;position: relative;}
.py_bt.bg-fff>h1{color: #46321d;font-weight: 900; font-size:1rem;display: inline-block;background: #fff;position: relative;z-index: 5;padding: 0px 10px;}
.py_bt.bg-fff:before{position: absolute;width: 50%;height: 1px;top: 37px;left: 50%;margin-left: -25%; background: #e8c8a8;content: "";z-index: 1;}

.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: 1rem; text-align: left; text-indent: 0px;padding-top: 2px;}
#py-news-list .mui-media-body p{text-indent: 0px; padding-left:0px; font-size: 0.8rem;line-height: 1.5;margin-top: 5px;}

/* #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: 0px 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: 70px; overflow: hidden;}

/* #py-news-list .mui-table-view-cell>a{padding-left: 0px;padding-right: 0px;}
.index_news#py-news-list .mui-table-view-cell>a{padding: inherit;}
 */


.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: #999; background: #EEEEEE;font-size: 1rem;}

/*点击变蓝色高亮*/
.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; }
.sj_goods_list{
	 height: auto; overflow: hidden; text-align: center;/* padding:3px 0px; */background: #fff;margin-top: 0px; /* box-shadow: 0px 1px 3px #ccc; */
}
.sj_goods_list .mui-media-body{ line-height: 100%;margin-top: 0px;color: #999;}
.sj_goods_list a{ font-size: 0.8rem; color: #666;display: inline-block;height: 125px;}
.sj_goods_list img{ width: 100%;}

.sj_goods_list li{ }
.sj_goods_list li a .mui-media-body{ padding: 10px 10px;line-height: 160%;}
.jg50{ height: 50px; width: 100%;}

#fd_good_list li{width: 25%;box-sizing: border-box;padding: 0px 0px; border:1px solid #f8f8f8; margin: 0px; box-sizing: border-box;}
/* #py-pro-list{ border-top:1px solid #f8f8f8;} */
#py-pro-list li{height: auto; padding: 0px 0px;box-sizing: border-box; /* border-bottom:1px solid #f8f8f8; border-right:1px solid #f8f8f8; */}
#py-pro-list li:nth-child(3n){border-right: none;}
#py-pro-list li img{ width: 100%; height: auto;}
#py-pro-list a{ display: block; width: 100%; height: 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: #06234e;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: #06234e;font-size: 14px;color: #fff;}
div#type_fl_wu div{display: inline-block; padding: 5px 10px 3px;}



/* 留言开始 */
.liuyan_h3{font-size: 15px;color: #222;margin-bottom: 15px;}
#popupLogin input,#popupLogin textarea{font-size: 14px;border: none;box-shadow: 0px 0px 1px rgba(3,145,40,.8);}
#popupLogin button{border: none;display: block;margin: 5px auto;background: #4477d0;color: #fff;border-radius: 30px;}
/* 留言结束 */

/* 提交跳转页面开始 */
.list_divider{font-size: 1.2rem;color: #222;text-align: center;margin-top: 15px;}
.list_info{font-size: 14px;text-align: center;line-height: 180%;color: #555;margin-top: 10px;}
.list_info>a{border: 1px solid #00a8ec;color: #00a8ec;border-radius: 30px;padding: 0px 15px;}
#spanSeconds{color: #f00;margin: 0px 5px;}

/* 提交跳转页面结束 */

/* 首页服务轮播开始 */
.fuwu-swiper{width: 100%;padding: 0px 10px 10px;background: #fff;}
.index-container {width: 100%;height: 150px; background: #f1f1f1;border-radius: 10px;}
.index-slide {  font-size: 18px;color:#fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px 60px;height: 150px;overflow: hidden;}
.index-slide .subtitle {font-size: 20px;color: #222;font-weight: 700;text-align: center;height: 40px;line-height:40px;}
.index-slide .text {font-size: 12px;line-height: 180%;color: #666;margin-top: 5px; text-align: center;}
.index-slide .text p{margin-bottom: 0px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #222;
}

.index-container .swiper-button-white{transform: scale(0.7);}
/* 首页服务轮播结束 */












.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;}

.py_kj{margin:20px 0px; padding:0px; height:100px; overflow: hidden; background:#fff!important; /* border-bottom: 1px solid #dddddd; */  }
.py_kj span{ color: #ccc; font-size: 0.7rem;}
.py_kj li{font-size: 0.8rem!important; color: #444;list-style: none; line-height: 15px; margin-top: 5px;  }
.py_kj li a{ color: #666;}
.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;  
} 

#menu{font-size: 1rem;height: 100%;display: flex;align-items: center;}
.mui-popover{height: 50px !important;width: 110px;background-color: #fff;    border-radius: 3px;}
.mui-popover .mui-table-view{background-color: #fff;padding: 10px;    border-radius: 3px;}
.mui-popover .mui-table-view .py_kj-li a{color: #555;font-size: .9rem;}
.mui-popover .mui-table-view .py_kj-li{line-height: 200%;}
.mui-popover .mui-popover-arrow:after{background-color: #fff;}

.mui-table-view-cell > a:not(.mui-btn){padding: 11px 0px;}
.index_news .mui-table-view-cell.mui-media>a{padding: 11px;}
.mui-bar-tab .mui-tab-item{color: #fff;}


.goods_list-pic.sj_goods_list li{width: 32.1%;}
.mui-bar .mui-btn-link{color: #fff;}



.jszc{font-size: .8rem;text-align: center;margin: 30px 0px 0px;color: #999;}
.jszc a{color: #999;}







.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 20;
				background-color: #000;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 44px;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-header .mui-preview-indicator {
				display: block;
				line-height: 25px;
				color: #fff;
				text-align: center;
				margin: 15px auto 4;
				width: 70px;
				background-color: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
				font-size: 16px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			p img {
				max-width: 100%;
				height: auto;
			}
			#video_container .txp_shadow{max-width: 100%!important;}


#type_fl-ul{ display: flex; justify-content: center; align-items:center}
#type_fl-ul li{  flex: 1;
            border: none;
         min-width:30%; margin: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
             }