html,
body {
  color: #444;
  line-height: 1.75em;
  background: #f3f3f3;
  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;
}
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;
}
em { font-style: normal }
a {
  color: #444;
  outline: none;
  -webkit-transition:all .3s ease;
}
a:hover {
  color: #85b03b;
  text-decoration: none;
}
a:active,
a:focus,
a img {
  outline: none;
}
::-moz-selection {
  color: #ffffff;
  background: #85b03b;
  text-shadow: none;
}
::selection {
  color: #ffffff;
  background: #85b03b;
  text-shadow: none;
}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

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

.tbar { height: 36px; line-height: 36px; background-color:#333333; color:#aaa; font-size: 0.85em; }
.tbar a { color:#aaa; margin-left:10px; }
.tbar a:hover { color:#fff; }

.mio-navbar { background:#fff /*url(bgh.gif) repeat-x bottom left*/; min-height: 90px; margin:0; }
.mio-navbar a.navbar-brand { width: 405px; min-height: 90px; background: url(logo.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-navbar .navbar-nav > li { background: url(navl.gif) no-repeat right center;}
.mio-navbar .navbar-nav > li > a { padding-top:0; padding-bottom:0; line-height:88px; font-size:1.2em; }
.mio-navbar .navbar-nav li.hover a { color:#85b03b; border-bottom:#85b03b 2px solid; }

.mio-footer { background-color:#dfdfdf; padding: 25px 0; }
.mio-footer .flogo { width: 100%; height: 90px; background: url(flogo.png) no-repeat center; margin: 10px auto; }
.mio-footer .ewm { width: 80px; float:right;  text-align:center; }
.mio-footer .ewm img { width: 80px; }


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

.mio-hot { padding: 10px 0; background-color:#fff; border-bottom:#eee 1px solid; }
.mio-keys { line-height: 30px; }
.mio-search { float: right; }
.mio-search .ipts { border:#ccc 1px solid; height: 30px; line-height:30px; width: 280px; padding:0 10px; float:left; }
.mio-search .btns { width: 60px; height: 30px; border: 0; background: #85b03b; cursor: pointer; float:left; color:#fff; }

/* home page style */
.mio-banner { background-color:#fff; text-align:center; }
.mio-banner img { width: 100%; max-width:1600px; height: auto; }

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

.mio-recomend { border:#ddd 1px solid; background-color:#fff; height: 1164px; overflow: hidden; position:relative; }
.mio-recomend a.vmore { position:absolute; top: 10px; right: 15px; background: url(more.gif) no-repeat right center; padding-right:15px; }

.mio-info { padding: 30px 0; background-color:#f8f8f8; }
.mio-info img.img1 { width: 100%; height: auto; }
.mio-info h2 { margin-top:0; }

.mio-news { padding: 30px 0; background-color:#fff; }
.mio-news .col-xs-5 { padding-right:0; }

.wrap { position:relative; }
.wrap a.vmore { position:absolute; top: 10px; right: 15px; background: url(more.gif) no-repeat right center; padding-right:15px; }
.wrap h4 { font-size: 1.1em; margin: 0; }
.wrap ul { padding-top:15px; }
.wrap li { height: 36px; line-height:36px; border-bottom:#ddd 1px dashed; overflow: hidden; background: url(icn.gif) no-repeat left center; padding-left:15px; }
.wrap li span { float: right; color:#999; }
.wrap img { width: 100%; height: 140px; border: #eee 1px solid; padding: 4px; background-color:#fff }
.wrap .aintro { line-height: 22px; padding-top:10px; color:#999; }



.mio-flinks { padding: 0 0 0 0; }
.mio-flinks ul { }
.mio-flinks li { display: inline; margin-right:10px; }
.mio-flinks li a { }
.mio-flinks li a:hover { color:#333; }


/* main style */
.mio-main { padding: 40px; background-color:#fff; border:#ddd 1px solid; }

.mio-article a { text-decoration: underline; }
.mio-article ul,
.mio-article ol { margin-left: 2em; }
.mio-article ul li { list-style: disc; }
.mio-article ol li { list-style: decimal; }
.mio-article table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mio-article table p { margin: 0; }
.mio-article table th { background-color:#efefef; text-align:center; }
.mio-alink { color:#999; margin-top:15px; padding-top:15px; border-top:#ddd 1px dashed; }
.mio-alink a { color:#999; }

.mio-news-article {}
.mio-news-article p { text-indent: 2em }
.mio-news-article img { display: block; max-width:100%; margin: 20px auto }

.mio-in { text-align:center; border-top:#ddd 1px solid; padding: 10px 0;  }

.mio-prev-next { margin: 20px 0; background-color:#fff; padding-top:10px; padding-bottom:10px; border:#ddd 1px solid; }

.mio-curmbs { margin-bottom: 20px; color:#999; }
.mio-curmbs a { color:#999; }

.mio-plist { text-align: center; }
.mio-plist img { width: 100%; height: 233px; display:block; border:#ddd 1px solid; }
.mio-plist .mio-p-title { padding: 5px 0; height:32px; overflow: hidden; margin-bottom:10px; }

.mio-alist {}
.mio-alist li { padding-bottom:15px; margin-bottom:15px; border-bottom:#ddd 1px dashed; }
.mio-alist li .aintro { color:#999; }
.mio-alist li h3 { font-weight:bold; }
.mio-alist li span { float: right; }

.list_page{text-align:center;margin:20px 0 0 0;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-arelated { margin-top:20px; background-color:#fff; border:#ddd 1px solid; }
.mio-arelated a.a1 { background: url(icn.gif) no-repeat left center; padding-left:15px; }
.pd30 { padding: 15px; }


.mio-proview {}
.mio-proview img { width: 100%; border:#eee 5px solid; }

.mio-prodetail { background-color:#fff; border:#ddd 1px solid; margin-top:20px; }
.mio-prodetail ul,
.mio-prodetail ol { margin-left: 2em; }
.mio-prodetail ul li { list-style: disc; }
.mio-prodetail ol li { list-style: decimal; }
.mio-prodetail table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mio-prodetail table p { margin: 0; }
.mio-prodetail table th { background-color:#efefef; text-align:center; }
.mio-prodetail img { max-width: 100% }

/* aside style */
.mio-cmenu { border:#3f7abe 4px solid; background-color:#fff; }
.mio-cmenu h3 { background-color: #3f7abe; height: 47px; line-height: 47px; text-align:center; color:#fff; margin:0; font-size:1.6em; }
.mio-cmenu a { display:block; padding:10px 10px; }
.mio-cmenu a i { float: right; margin-top:3px; }
.mio-cmenu dl { padding: 22px 15px 0 15px; }
.mio-cmenu dt a { font-weight:bold; background-color:#3f7abe; color:#fff; }
.mio-cmenu dd { }
.mio-cmenu dd a { font-size:0.9em; }
.mio-cmenu dd { border-bottom:#ddd 1px dashed; }
.mio-cmenu dd.hover a { color:#ff7512; font-weight:bold}


.mio-contact { border:#3f7abe 4px solid; background-color:#fff; margin-top:20px; }
.mio-contact img { width: 100%; height: auto; }
.mio-cc { padding: 15px; }


/* h1~h6 style */
h3.h3ti { height: 47px; background: url(tbg.jpg) no-repeat left bottom; line-height: 47px; color:#fff; margin: 0; }
h3.h3ti span { width: 150px; height: 47px; display:block; float: left; text-align:center; }


h3.h3t { height: 45px; background: #efefef; line-height: 45px; color:#fff; }
h3.h3t span { width: 132px; height: 45px; display:block; float: left; text-align:center; background:url(wbg.gif) no-repeat left center; }

h1.h1t { margin-top:0; height: 51px; margin-bottom:30px; }
h1.h1t span { display:block; float:left; height: 51px; line-height: 51px; background: url(h1.png) no-repeat right center; padding-right:40px; padding-left:20px; color:#fff; font-size:0.8em; }

h1.h1pro { margin-top:0; font-size:1.6em; color:#111; margin-bottom:20px; }
h1.h1tnew { margin-top:0; font-size:1.6em; text-align:center; margin-bottom:30px; }



.ft-red { color:#f00;}

a.abtn { width: 110px; height: 36px; display: block; background: url(abtn.gif) no-repeat center; text-align:center; line-height:36px; color:#fff; }
a.abtn:hover { background: url(abtn2.gif) no-repeat center; }

.mio-rbar { position:fixed; right:10px; top: 50%; margin-top:-115px; width: 160px; height: 230px; background-color:#85b03b; }
.mio-rbar-t { height: 50px; background: url(logow.png) no-repeat center; }
.mio-rbar-c { background-color:#fff; width: 140px; margin: 0 auto; padding:15px 15px 5px 15px; text-align:center }
.mio-rbar-c strong { font-size:1.1em; color:#f30; display:block; }
.mio-rbar-close { text-align:center; padding: 8px 0 15px 0; text-align:center; color:#fff; cursor: pointer; }

.mio-zxkf { position:fixed; right:0; top: 50%; margin-top:-225px; width: 40px; height: 140px; background-color:#85b03b; color:#fff; font-size:1.2em; text-align:center; padding: 12px 0; border:#85b03b 10px solid; cursor: pointer; display:none }

.apage2 {}
.apage2 h2 { font-size:2em; margin-bottom:20px; }
.apage2 em { font-style: normal; display: inline-block; width: 90px; }

@media (min-width:1200px) {
.mio-navbar { background:#fff url(bgh.gif) repeat-x bottom left; }
}

@media (min-width:320px) and (max-width:767px) {
.tbar { display: none; }

.mio-navbar { min-height: 50px; margin:0; }
.mio-navbar a.navbar-brand { width: 200px; min-height: 50px; background: url(logo.png) no-repeat 15px center; background-size:70%; text-indent:-99999999px; overflow:hidden; }
.mio-navbar .navbar-nav > li { background: none;}
.mio-navbar .navbar-nav > li > a { line-height:40px; font-size:1.2em; }
.mio-navbar .navbar-nav li.hover a { color:#85b03b; border-bottom:#85b03b 2px solid; }

.tr { text-align: left; }

.mio-search { float: none; padding-top:10px; }
.mio-search .ipts { }
.mio-search .btns { }

.pd30 { padding: 15px; }

.mio-main { padding: 15px; }

.mio-cmenu { margin-top:20px; }

h1.h1pro { margin-top:20px; }

.mio-footer { text-align:center; }
.flogo { margin: 0 auto 10px; }
.mio-footer span { display:inline-block; }
.ewm { display: none; }

.mio-hot { display: none; }

.mio-recomend { margin-top:20px; }

.mio-info h2 { margin-top: 20px; }

.mio-pro { padding-top:0; }

a.abtn { margin: 0 auto; }

.bdshare-slide-button-box,
.mio-rbar,
.mio-zxkf { display: none; }

.mio-recomend { height: auto; overflow: auto }

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

}