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: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}
table { border-collapse: collapse; border-spacing: 0; border-top: #aaa 1px solid; border-left: #aaa 1px solid; width: 100% }
table th { border-bottom: #aaa 1px solid; border-right: #aaa 1px solid; padding: 10px; }
table td { border-bottom: #aaa 1px solid; border-right: #aaa 1px solid; padding: 10px; }

dl { margin:0; }
em { font-style: normal }

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

a img,
a div,
a h2,
a h3 { transition: all 0.3s ease-out 0s; }

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

ul,ol,li { margin: 0; padding: 0; list-style: none }

.tr { text-align: right }
.tc { text-align: center }
.fr { float: right }

.mio-tbar { padding: 12px 0; background-color: #eee; font-size: 1.4em }
.mio-tbar .mio-tel { float: right }
.mio-tbar .mio-tel strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #c00; font-size: 1.2em; }

.mio-header { background-color: #fff; min-height: 80px; border-bottom: #ccc 1px solid }
.mio-header a.navbar-brand { width: 230px; height: 80px; background: url(logo.png) no-repeat left center; text-indent: -9999999px; overflow: hidden }
.mio-header .mio-nav { }
.mio-header .mio-nav ul { float: right }
.mio-header .mio-nav li { float: left; position: relative; z-index: 999999 }
.mio-header .mio-nav li a { display: block; color: #333; font-size:1.3em; padding: 0 0 0 50px; height: 80px; line-height: 80px; font-weight: bold }
.mio-header .mio-nav li a:hover { color: #0067b2 }
.mio-header .mio-nav li.hover a { color: #c00 }
.mio-header .mio-nav li ul { width: 160px; position: absolute; top: 80px; left: 0; background-color:#fff; display: none }
.mio-header .mio-nav li li { float: none }
.mio-header .mio-nav li li a { line-height: 40px; height: 40px; padding: 0 20px; text-align: center }
.mio-header .mio-nav li li a:hover { background-color: #eee; color: #c00 }
.mio-header .mio-nav li:hover ul { display: block }
.mio-header .mio-nav li.hover li a { color: #333; }
.mio-header .mio-nav li.hover li a:hover { color: #c00; background-color:#eee }

.mio-footer { background-color:#eee; padding: 30px 0; }
.mio-footer h2 { font-weight: bold; margin-bottom: 15px; }
.mio-fbox { float: left; margin-right: 50px; }
.mio-fbox11 { margin-right: 0 }
.mio-fct p { margin: 0 }

.mio-copyright { background-color:#ddd; padding: 20px 0; text-align: center }


.mio-banner { max-height: 500px; overflow: hidden }
.mio-banner img { width: 100% }



.mio-section { padding: 30px 0; }
.mio-section img { width: 100% }
.mio-section h2 { margin-bottom: 20px; font-size: 2em }

.mio-products { padding: 30px 0 0 0; background-color:#eee }
.mio-products h2 { text-align: center; margin-bottom: 30px; font-size: 2.2em; font-weight: bold; color: #333 }

.mio-info { padding: 0 0 30px 0; margin-top: 30px; }

.mio-wrap { position: relative; }
.mio-wrap h2 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eee 1px solid; font-weight: bold }
.mio-wrap a.mio-vmore { position: absolute; top: 0; right: 0; }
.mio-wrap .mio-img { height: 120px; background-color: #eee; margin-bottom: 20px; overflow: hidden }
.mio-contact h3 { margin-bottom: 10px }
.mio-contact strong { margin-left: 10px; font-weight: normal; } 
.mio-contact em { display: inline-block; width: 60px; }
.mio-contact p { margin: 0 }
.mio-wx-ewm { /*border-top: #eee 1px solid; padding-top: 20px; */margin-top: 20px; background-color:#eee; padding: 20px; }
.mio-wx-ewm strong { display: block; text-align: left; padding-top: 20px; margin: 0 }

.mio-about p { text-indent: 2em }

.mio-news {}
.mio-news .mio-ilist h3 { font-size: 1.2em; line-height: 1.5em }
.mio-news .mio-ilist .mio-intro { margin-top: 10px; color: #777; }
.mio-news .mio-nlist {}
.mio-news .mio-nlist li { border-top: #eee 1px dashed; height: 40px; line-height: 40px; overflow: hidden }
.mio-news .mio-nlist li span { float: right; color: #999 }


.mio-hlist a { display: block; margin-bottom: 30px; border-bottom: #eee 1px solid }
.mio-hlist .mio-img { border: #eee 1px solid; padding: 5px; text-align: center }
.mio-hlist .mio-img img { height: 127px; width: auto }
.mio-hlist h3 { line-height: 50px; text-align: center }



.mio-palist {}
.mio-palist .mio-img { height: 85px; overflow: hidden; border: #eee 1px solid; }
.mio-palist .mio-img img { width: 100% }
.mio-palist h3 { text-align: center; line-height: 40px; margin-bottom: 20px; }


.mio-alist {}
.mio-alist li { padding: 30px 0; }
.mio-alist li:nth-child(odd) { background-color: #efefef }
.mio-alist li .mio-img { height: 220px; overflow: hidden }
.mio-alist li .mio-img img { width: 100% }
.mio-alist li h3 { font-weight: bold; font-size: 1.8em }
.mio-alist li .mio-pdate { margin: 15px 0; color: #999; }
.mio-alist li .mio-intro { margin: 15px 0; color: #666; font-size: 1.4em }
.mio-alist li .mio-vmore u { border: #ccc 1px solid; text-decoration: none; width: 160px; line-height: 40px; text-align: center; display: block; background-color: #fff }

.mio-plist a { display: block; margin-bottom: 30px; border-bottom: #eee 1px solid }
.mio-plist .mio-img { height: 190px; background-color: #eee; border: #eee 1px solid }
.mio-plist .mio-img img { height: 100% }
.mio-plist h3 { line-height: 46px; text-align: center }



.list_page{text-align:center;margin: 30px auto;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 { margin-top: 30px; }

.mio-category { }
.mio-category h3 { line-height: 48px; background-color: #0067b2; color: #fff; text-align: center; font-size: 1.4em }
.mio-category li { margin-bottom: 5px; }
.mio-category li a { display: block; line-height: 48px; background-color: #f6f6f6; padding: 10px 20px; font-size: 1.2em; }
.mio-category li a:hover,
.mio-category li.hover a { background-color: #c00; color: #fff }
.mio-category li a .mio-img { height: 48px; width: 48px; background: url(ico/ico6.png) no-repeat center; float: left; margin-right: 15px; background-size: 100%; }
.mio-category li a:hover .mio-img { background-image: url(ico/ico6h.png) }
.mio-category li.hover .mio-img { background-image: url(ico/ico6h.png) }

.mio-category li#li7 a .mio-img { background-image: url(ico/ico7.png) }
.mio-category li#li7 a:hover .mio-img { background-image: url(ico/ico7h.png) }
.mio-category li#li8 a .mio-img { background-image: url(ico/ico7.png) }
.mio-category li#li8 a:hover .mio-img { background-image: url(ico/ico8h.png) }
.mio-category li#li9 a .mio-img { background-image: url(ico/ico7.png) }
.mio-category li#li9 a:hover .mio-img { background-image: url(ico/ico9h.png) }
.mio-category li#li7.hover a .mio-img { background-image: url(ico/ico7h.png) }
.mio-category li#li8.hover a .mio-img { background-image: url(ico/ico8h.png) }
.mio-category li#li9.hover a .mio-img { background-image: url(ico/ico9h.png) }

.mio-category li#li10 a .mio-img { background-image: url(ico/ico10.png) }
.mio-category li#li10 a:hover .mio-img { background-image: url(ico/ico10h.png) }
.mio-category li#li11 a .mio-img { background-image: url(ico/ico11.png) }
.mio-category li#li11 a:hover .mio-img { background-image: url(ico/ico11h.png) }
.mio-category li#li10.hover a .mio-img { background-image: url(ico/ico10h.png) }
.mio-category li#li11.hover a .mio-img { background-image: url(ico/ico11h.png) }

.mio-category li#li21 a .mio-img { background-image: url(ico/ico21.png) }
.mio-category li#li21 a:hover .mio-img { background-image: url(ico/ico21h.png) }

.mio-category li#li22 a .mio-img { background-image: url(ico/ico22.png) }
.mio-category li#li22 a:hover .mio-img { background-image: url(ico/ico22h.png) }



.mio-acate {}
.mio-acate a { display: block; padding: 40px; height: 200px; background-color:#fff; margin-bottom: 30px; text-align: center; font-size: 1.4em }
.mio-acate a .mio-img { height: 100px; width: 100px; background: url(ico/ico6.png) no-repeat center; background-size: 80%; margin: 0 auto; opacity: 0.5 }
.mio-acate a:hover .mio-img { background-image: url(ico/ico6ha.png); margin-bottom: 15px; background-size: 90%; opacity: 1 }
.mio-acate a:hover { box-shadow: 0 0 15px #aaa; padding-top: 35px; }

.mio-acate #ali7 a { background-color: #ddd }
.mio-acate #ali7 a .mio-img { background-image: url(ico/ico7.png) }
.mio-acate #ali7 a:hover .mio-img { background-image: url(ico/ico7h.png) }

.mio-acate #ali8 a .mio-img { background-image: url(ico/ico7.png) }
.mio-acate #ali8 a:hover .mio-img { background-image: url(ico/ico8h.png) }

.mio-acate #ali9 a { background-color: #ddd }
.mio-acate #ali9 a .mio-img { background-image: url(ico/ico7.png) }
.mio-acate #ali9 a:hover .mio-img { background-image: url(ico/ico9h.png) }

.mio-acate #ali10 a { background-color: #ddd }
.mio-acate #ali10 a .mio-img { background-image: url(ico/ico10.png) }
.mio-acate #ali10 a:hover .mio-img { background-image: url(ico/ico10ha.png) }

.mio-acate #ali11 a .mio-img { background-image: url(ico/ico11.png) }
.mio-acate #ali11 a:hover .mio-img { background-image: url(ico/ico11ha.png) }

.mio-acate #ali21 a { background-color: #ddd }
.mio-acate #ali21 a .mio-img { background-image: url(ico/ico21.png) }
.mio-acate #ali21 a:hover .mio-img { background-image: url(ico/ico21ha.png) }

.mio-acate #ali22 a .mio-img { background-image: url(ico/ico22.png) }
.mio-acate #ali22 a:hover .mio-img { background-image: url(ico/ico22ha.png) }












.mio-position { margin-bottom: 30px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: #eee 1px solid  }
.mio-position h1,
.mio-position h2 { font-size: 2.5em; float: left; margin: 0; color: #222; }
.mio-position .mio-crumbs { float: right; color: #888; }
.mio-position .mio-crumbs a { color: #888; }


.mio-article { font-size: 1.4em; line-height: 2em }
.mio-article h1 { text-align: center; margin-bottom: 30px; color: #111; font-size: 1.8em; font-weight: bold }
.mio-article h2 { font-size: 1.4em; margin: 20px 0; font-weight: bold }
.mio-article h3 { font-size: 1.2em; margin: 20px 0; }
.mio-article p { text-indent: 2em; margin: 20px 0; }
.mio-article li p { margin: 0; text-indent: 0 }
.mio-article td p { margin: 0 } 
.mio-article ul,
.mio-article ol { margin: 20px 0 20px 2em; }
.mio-article ul li { list-style: disc }
.mio-article ol li { list-style: decimal-leading-zero }
.mio-article img { max-width: 500px; display: block; margin: 20px auto }
.mio-article table p,
.mio-article th p,
.mio-article td p { text-indent: 0; }
.mio-article table { text-align: center }

.mio-apimg { text-align: center; margin: 20px 0; }
.mio-apimg img { width: 400px; }


.mio-a2 {}
.mio-a2 h3 { font-size: 1.4em }
.mio-a2 p { text-indent: 0; margin: 5px 0 }
.mio-a2 em { display: inline-block; width: 80px; }
.mio-a2 img { width: 150px }
#dituContent { width: 100%; height: 360px; }

.mio-a12 img { width: 400px; }

.mio-pamenu { width: 700px; margin: 0 auto 30px; }
.mio-pamenu li { float: left; width: 20%; }
.mio-pamenu li a { line-height: 40px; text-align:center; line-height: 40px; background-color:#eee; margin: 0 2px; display: block; font-size: 1.2em }
.mio-pamenu li a:hover { background-color:#c00; color: #fff; }
.mio-pamenu li.hover a { background-color:#c00; color: #fff; }