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; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; color: #303030; }
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;}

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

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:100px; background-color:#fff; }
.mio-header a.navbar-brand { width: 600px; min-height: 100px; background: url(logo.jpg) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-header .mio-tel { text-align:right; padding-right:15px; padding-top:25px; color:#777; }
.mio-header .mio-tel span i { margin-right:6px; }
.mio-header .mio-tel a { display:block; font-size:1.4em; color:#f60; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.mio-navbar { background:#fff; min-height: 50px; margin:0; border:0; border-radius:0; border-top:#ddd 1px solid; }
.mio-navbar .navbar-nav { border-left:#ddd 1px solid; }
.mio-navbar .navbar-nav li { }
.mio-navbar .navbar-nav li a { line-height:50px; font-size:1.1em; color:#222; padding:0; width: 184px; border-right:#ddd 1px solid; text-align:center; font-weight:bold; }
.mio-navbar .navbar-nav li a:hover { background-color:#fff; }
.mio-navbar .navbar-nav li.hover a { color:#006699; border-top:#006699 2px solid; margin-top:-1px; }

.mio-copyright { background-color:#333; padding:15px 0; color:#aaa; text-align:center; }
.mio-copyright a { color:#aaa; }

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

.mio-category {}
.mio-category a { display:block; text-align:center; line-height:40px; background-color:#f3f3f3; border-radius:2px; }
.mio-category a:hover { background-color:#666; color:#fff; }
.mio-category a.hover { background-color:#006699; color:#fff; }


.mio-flinks { padding: 0 0 30px 0; color:#999; }
.mio-flinks .container { border-top:#ddd 1px solid; padding-top:30px; }
.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 {}
.mio-banner .slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%; }
.mio-banner .slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.mio-banner .slideBox .hd li{ display:inline-block; width:12px; height:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 3px; border:#fff 2px solid; }
.mio-banner .slideBox .hd li.on{ background:#85b03c;  }
.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-banner .slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


.mio-service { padding:40px 0; }
.mio-service h2 { text-align:center; color:#0066cc; font-weight:bold; font-size:2em; margin:0 0 20px 0; }
.mio-service h2 span { display:block; color:#888; font-size:0.5em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-transform:uppercase; }
.mio-service img { width: 100%; }
.mio-service .row {}
.mio-service .row h3 { font-weight:bold; }
.mio-service .row .mio-intro { color:#777; }
.mio-service .mio-vmore {}
.mio-service .mio-vmore a { width: 140px; line-height:40px; text-align:center; background-color: #006699; color:#fff; display:block; margin: 20px auto 0; }
.mio-service .mio-vmore a i { margin-left: 10px; }
.mio-service .mio-vmore a:hover { background-color:#f80; }


.mio-about { padding:50px 0; background:#f3f3f3 url(abg2.jpg) no-repeat center; background-size: cover; }
.mio-about img { width: 100%; border:#fff 5px solid; }
.mio-about h2 { margin: 0 0 20px 0; font-weight:bold; color:#fc0; font-size:2em; }
.mio-about .mio-intro { color:#fff; line-height:25px; }
.mio-about .slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%; border:#fff 2px solid; }
.mio-about .slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:15px; z-index:1; }
.mio-about .slideBox .hd li{ display:inline-block; width:18px; height:18px; background:#333; margin:0 3px; text-align:center; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.85em; }
.mio-about .slideBox .hd li.on{ background:#f80;  }
.mio-about .slideBox .bd{ position:relative; z-index:0; }
.mio-about .slideBox .bd li{ position:relative; text-align:center;  }
.mio-about .slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.mio-about .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.mio-about .mio-vmore a { width: 140px; line-height:40px; text-align:center; background-color: #fc0; color:#333; display:block; margin-top:20px; }
.mio-about .mio-vmore a i { margin-left: 10px; }
.mio-about .mio-vmore a:hover { background-color:#f80; color:#fff; }


.mio-advantage { padding-top:50px; margin-top:50px; border-top:#fff 1px dashed; }
.mio-advantage h2 { text-align:center; color:#fff; font-weight:bold; font-size:2em; margin:0 0 30px 0; }
.mio-advantage h2 span { display:block; color:#fff; font-size:0.5em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-transform:uppercase; }
.mio-advantage .row span { display: block; width: 130px; height:130px; border-radius:120px; color:#fff; background-color:#0066cc; }
.mio-advantage .row span i { font-size:3em; display:block; text-align:center; line-height:100px; height:80px; overflow:hidden; }
.mio-advantage .row span em { font-style: normal; display:block; text-align:center; }


.mio-news { padding:40px 0; }
.mio-news h2 { text-align:center; color:#0066cc; font-weight:bold; font-size:2em; margin:0 0 20px 0; }
.mio-news h2 span { display:block; color:#888; font-size:0.5em; font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-transform:uppercase; }
.mio-news img { width: 100%; }
.mio-news h3 { margin:0; font-weight:bold; color:#222; }
.mio-news .mio-intro { margin: 15px 0 5px 0; color:#777; line-height:20px; }
.mio-news .mio-date { color:#999; font-size:0.85em; }
.mio-news .mio-date i { margin-right:6px; }
.mio-news .mio-nlist { margin-bottom: 15px; }
.mio-news .mio-vmore a { width: 140px; line-height:40px; text-align:center; background-color: #006699; color:#fff; display:block; margin: 20px auto 0; }
.mio-news .mio-vmore a i { margin-left: 10px; }
.mio-news .mio-vmore a:hover { background-color:#f80; }

.mio-alist h2 { margin: 0; font-weight:bold; font-size:1.2em; }
.mio-alist img { width: 100%; }
.mio-alist .mio-intro { margin: 15px 0 5px 0; color:#777; line-height:20px; }
.mio-alist .mio-date { color:#999; font-size:0.85em; }
.mio-alist .mio-date i { margin-right:6px; }
.mio-alist .mio-nlist { margin-bottom: 15px; }




.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-block { background-color:#fff; padding:20px; }
.mio-block h3 { margin: 0 0 20px 0; font-weight:bold; }
.mio-block li { padding:10px 0; border-top:#ddd 1px dashed; }
.mio-block li img { width: 100%; }
.mio-block li h3 { margin:0; font-size:1em; font-weight:bold; }
.mio-block li .mio-intro { font-size: 0.85em; line-height:18px; margin-top:5px; color:#777; }
.mio-block li .col-md-5 { padding-right:0; }

.mio-ncontent { background-color:#e3e3e3; padding:30px 0; }
.mio-h1 { margin: 0 0 20px 0; color:#222; }
.mio-article { background-color:#fff; padding:30px; }
.mio-prev-next { margin-top:20px; }
img.mio-img { width: 100%; border:#ddd 1px solid; padding:4px; display:block; margin-bottom:20px; }


#mio-a1 {}
#mio-a1 img { width: 100%; }


#mio-a2 {}
#mio-a2 img { width: 100%; }
#mio-a2 h2 { font-weight: bold; font-size:1.8em; }
#mio-a2 .mio-intro { color:#777; margin:20px 0; }
#mio-a2 .mio-vmore a { width: 120px; line-height:40px; text-align:center; background-color: #006699; color:#fff; display:block; }
#mio-a2 .mio-vmore a i { margin-left: 10px; }
#mio-a2 .mio-vmore a:hover { background-color:#f80; }


#map { width: 100%; height: 400px; }
#mio-a3 td { vertical-align: top; }
#mio-a3 h2 { font-weight:bold; margin-bottom:30px; }

#mio-a4 { font-size:1.8em; line-height:1.6em; text-align:center }
#mio-a4 img { width: 100%; }
#mio-a4 h2 { color:#f60; font-weight:bold; }






@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; background-color:#fff; }
	.mio-navbar .navbar-nav li a { padding:0; width: 100%; border-right:0; border-bottom:#ddd 1px solid; }
	.mio-navbar .navbar-nav li.hover a { background-color:#fff; color:#069; }
	
	.mio-header { min-height:60px; }
	.mio-header a.navbar-brand { width: 100%; min-height: 60px; background: url(logo.jpg) no-repeat center; text-indent:-99999999px; overflow:hidden; background-size:80%; }
	.mio-header .mio-tel { display:none; }
	
	.mio-service .row .col-md-4 { margin-bottom:20px; }
	
	.mio-about { background:none; background-color:#444; padding-top:30px; padding-bottom:20px; }
	.mio-about h2 { margin-top:20px; }
	.mio-about .mio-vmore a { margin:20px auto 0; }
	
	.mio-advantage .row span { width: 100px; height:100px; border-radius:100px; margin-bottom:15px; }
	.mio-advantage .row span i { font-size:3em; display:block; text-align:center; line-height:80px; height:60px; overflow:hidden; }
	.mio-advantage .row span em { font-style: normal; display:block; text-align:center; }
	
	.mio-news h3 { margin-top:20px; }

	.mio-copyright { text-align:center; font-size:0.9em; }
	.mio-copyright .tr { text-align:center; }
	
	.mio-alist h2 { margin-top:20px; }
	
	.mio-article { padding:15px; }
	.mio-h1 { font-size: 1.4em; line-height:1.4em; border-bottom:#ddd 1px solid; padding-bottom:15px; }

	.mio-prev-next { margin-bottom:20px; }
	
	.mio-block li h3 { margin-top:15px; }
	.mio-block li .col-md-5 { padding-right:15px; }
	
	#mio-a4 { font-size:1.2em; }
	#mio-a4 h2 { color:#f60; margin-top:20px; margin-bottom:10px; font-weight:bold; text-align:center }

}