html,
body { color: #444; line-height: 2em; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; background-color:#fff; font-size:0.85em; }
h1,h2,h3,h4,h5,h6 {  font-weight: bold; color: #303030; margin: 0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.5em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}
p { margin:0; }

a {  color: #444;  outline: none;  -webkit-transition:all .3s ease;}
a:hover {  color: #f80;  text-decoration: none;}
a:active,a:focus,a img {  outline: none;}

::-moz-selection {  color: #ffffff;  background: #0066cc;  text-shadow: none;}
::selection {  color: #ffffff;  background: #0066cc;  text-shadow: none;}

img { max-width: 100%; }

ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }



.mio-header { min-height:120px; background:#fff url(bgh.jpg) repeat-x bottom; }
.mio-header a.navbar-brand { width: 400px; min-height: 120px; background: url(logo.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-header .mio-tel { text-align:right; padding-right:15px; padding-top:30px; color:#777; font-size:1.4em; }
.mio-header .mio-tel span i { margin-right:6px; }
.mio-header .mio-tel a { display:block; font-size:1.8em; color:#f60; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:8px; }

.mio-navbar { background:#008cd1 url(nav.jpg) repeat-x; min-height: 50px; margin:0; border:0; border-radius:0; }
.mio-navbar .navbar-nav { margin:0; padding:0; }
.mio-navbar .navbar-nav li { background: url(navl.jpg) no-repeat right center; }
.mio-navbar .navbar-nav li a { line-height:50px; font-size:1.1em; color:#fff; padding:0; width: 157px; text-align:center; font-weight:bold; }
.mio-navbar .navbar-nav li a:hover { background:none; }
.mio-navbar .navbar-nav li.hover a {}

.mio-footer { background:#064c87 url(fbg.jpg) repeat-x top; padding:15px 0; color:#fff; }
.mio-footer a { color:#fff; }
.mio-footer ul { margin-bottom:15px; }
.mio-footer li { display: inline; padding-right:10px; }
.mio-ewm { width:100px; float:right; text-align:center; }
.mio-ewm img { width: 100%; display:block; margin-bottom:5px; }

.mio-content { padding:30px 0; }

.mio-category { border:#018cd1 3px solid; background-color:#fff; }
.mio-category h2 { background-color:#018cd1; padding:15px 20px; color:#fff; }
.mio-category ul { padding:10px; }
.mio-category li { border-bottom:#ddd 1px dashed; }
.mio-category li.hover a { background-color: #0099CC; color:#fff; }
.mio-category a { display:block; line-height:40px; padding: 0 10px; }
.mio-category a:hover { background-color:#666; color:#fff; }
.mio-category a.hover { background-color:#006699; color:#fff; }
.mio-category a i { float:right; margin-top:15px; }

.mio-flinks { padding: 10px 0; color:#999; }
.mio-flinks li { display: inline; margin: 0 6px 0 0; }
.mio-flinks a { color:#999; }
.mio-flinks a:hover { color:#333; }
.mio-flinks h3 { color:#999; font-size:1em; background: url(link.gif) no-repeat left top; height: 45px; padding-left: 100px; margin-top:0; line-height: 25px; }


.mio-banner { background: url(bbg.jpg) no-repeat top center; height:418px; padding-top:7px; }
.mio-banner .slideBox{ position:relative; overflow:hidden; margin:0 auto; width:1140px; }
.mio-banner .slideBox .hd{ position:absolute; height:16px; line-height:16px; bottom:15px; right:15px; z-index:1; }
.mio-banner .slideBox .hd li{ display:inline-block; width:16px; height:16px; background:#444; text-align:center; line-height:16px; overflow:hidden; margin:0 3px; color:#fff; font-family:Arial, Helvetica, sans-serif; cursor:pointer; }
.mio-banner .slideBox .hd li.on{ background:#f60; color:#fff;  }
.mio-banner .slideBox .bd{ position:relative; z-index:0; }
.mio-banner .slideBox .bd li{ position:relative; text-align:center;  }
.mio-banner .slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.mio-banner .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }



.mio-wrap { margin-top:30px; border: #ddd 1px solid; position:relative; }
.mio-wrap h2 { height:40px; line-height:40px; background: url(bgh.jpg) repeat-x center; border-bottom:#ddd 1px solid; font-size:1.2em; font-weight:normal; }
.mio-wrap h2 span { background: url(nav.jpg) repeat-x; color:#fff; display:block; float: left; height:40px; padding: 0 20px; }
.mio-wrap .mio-c { padding:15px; }
.mio-wrap .mio-c h3 { font-size:1.1em; margin: 0 0 10px 0; }
.mio-wrap .mio-c .mio-intro { line-height:20px; color:#888; }
.mio-wrap .col-md-5 { padding-right:0; }
.mio-wrap ul { margin-top:20px; }
.mio-wrap li { height:30px; line-height:30px; overflow: hidden; border-top:#ddd 1px dashed; }
.mio-wrap li span { float:right; color:#888; margin-left:10px; }
.mio-wrap li a i { margin-right:8px; }
.mio-wrap a.mio-vmore { position:absolute; top: 8px; right: 15px; color:#888; }
.mio-wrap a.mio-vmore i { margin-left:5px; }
.mio-wrap a.mio-vmore:hover { color:#f80; }

.mio-about img { display: block; margin-bottom:10px; }
.mio-about p { text-indent:2em; word-break:break-all; }

.mio-recommend { margin-top:0; }
.mio-recommend .mio-c { padding-bottom:3px; }


.mio-alist h2 { margin: 0; font-weight:bold; font-size:1.4em; }
.mio-alist img { width: 100%; }
.mio-alist li { padding-bottom:15px; margin-bottom:15px; border-bottom:#ddd 1px dashed; }
.mio-alist .mio-intro { margin: 15px 0 5px 0; color:#777; line-height:20px; }
.mio-alist .mio-date { color:#999; }
.mio-alist .mio-date i { margin-right:6px; }

.mio-plist { text-align:center; }
.mio-plist a { display:block; margin-bottom:20px; }
.mio-plist img { height: 180px; border:#eee 1px solid; padding:4px; display:block; margin-bottom:5px; }
.mio-plist a:hover img { border-color:#f80; }

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.mio-h1 { margin: 0 0 20px 0; color:#222; text-align:center; }

.mio-article { background-color:#fff; padding:30px; }
.mio-article p { margin:15px 0; }
.mio-article img { width: auto; max-width: 500px; display:block; margin: 20px auto; border:#ddd 1px solid; padding:4px; }
.mio-article table { border-right:#ddd 1px solid; border-top:#ddd 1px solid; }
.mio-article td { border-left:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:5px; text-align:center; }
.mio-article li p { text-indent:0; margin:0; }
.mio-article ul,
.mio-article ol { margin: 15px 0 15px 1em; }

.mio-prev-next { margin-top:20px; }
img.mio-img { width: 100%; border:#ddd 1px solid; padding:4px; display:block; margin-bottom:20px; }


.mio-contact {}
.mio-contact h2 { background: url(nav.jpg) repeat-x; color:#fff; border:0; text-align:center; }

.mio-main { border:#ddd 1px solid; }
.mio-main .mio-c { padding:30px; }

.mio-crumbs { height:40px; line-height:40px; background: url(bgh.jpg) repeat-x center; border-bottom:#ddd 1px solid; padding-right:15px; }
.mio-crumbs i { margin-right:8px; }
.mio-crumbs h1,
.mio-crumbs h2 { background: url(nav.jpg) repeat-x; color:#fff; display:block; float: left; height:40px; padding: 0 20px; font-size:1.5em; font-weight: normal; line-height:40px; }

.mio-ralated { margin-top:30px; border:#efefef 1px solid; padding:20px; }
.mio-ralated h2 { font-size:1.4em; margin-bottom:20px; }
.mio-ralated a i { margin-right:8px; }

.mio-desc { border:#ddd 1px dashed; padding:15px; margin-bottom:30px; background-color:#fbfae9; }

@media (min-width:320px) and (max-width:767px) {

	.tr { text-align: left; }
	.fr { float: none; }
	
	.navbar-toggle { float: none; width: 100%; text-align:center; z-index:999;}
	.navbar-toggle .icon-bar { background-color:#fff; margin: 0 auto;}
	
	.mio-navbar { background-color:#069; border-bottom:#fff 1px solid; background-image:-webkit-linear-gradient(-90deg, #069, #099); background-image:linear-gradient(-90deg,#069,#099); }
	.mio-navbar .navbar-nav { border:0; }
	.mio-navbar .navbar-nav li { background: none; padding:0; border-top:#fff 1px solid; }
	.mio-navbar .navbar-nav li a { padding:0; width: 100%; border-right:0; }
	.mio-navbar .navbar-nav li.hover a {  }
	
	.mio-header { min-height:60px; }
	.mio-header a.navbar-brand { width: 100%; min-height: 60px; background: url(logo.png) no-repeat center; text-indent:-99999999px; overflow:hidden; background-size:70%; }
	.mio-header .mio-tel { display:none; }
	
	.mio-alist h2 { margin-top:20px; }
	
	.mio-article { padding:15px; }

	.mio-prev-next { margin-bottom:20px; }
	
	.mio-crumbs .tr { display: none; }
	
	.mio-main { margin-bottom:30px; }
	
	.mio-banner { background: none; height:auto; padding-top:0; }
	.mio-banner .slideBox{ width:100%; }
	.mio-banner .slideBox .hd{ bottom:5px; right:5px; }


.mio-plist img { height: 120px; }

.mio-ewm { margin: 20px auto 0; }


}