html,
body { color: #444; line-height: 2em; background: #fff; 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;  font-size:0.85em; }
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: #f60;  text-decoration: none;}
a:active,a:focus,a img {  outline: none;}
::-moz-selection {  color: #ffffff;  background: #f60;  text-shadow: none;}
::selection {  color: #ffffff;  background: #f60;  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; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }

img { max-width: 100%; }

/*=============================================================================== All Style */

.mio-tbar { line-height:36px; background-color:#f3f3f3; color:#666; border-bottom:#ddd 1px solid; }
.mio-tbar a { color:#666; padding: 0 10px; }

.mio-header { min-height: 100px; }
.mio-header a.navbar-brand { width: 550px; min-height: 100px; background: url(logo.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-header .tel { background: url(tel.png) no-repeat left center; padding-left: 50px; margin: 25px 0 0 140px; }
.mio-header .tel span { display: block; }
.mio-header .tel strong { font-size: 22px; line-height: 22px; color: #FF6E00; font-family: Arial, Helvetica, sans-serif; }



.mio-navbar { background:#005DAD; min-height: 50px; margin:0; border:0; border-radius:0; }
.mio-navbar .navbar-nav { }
.mio-navbar .navbar-nav li { }
.mio-navbar .navbar-nav li a { padding:0 34px; line-height:50px; color:#fff; font-size:1.2em; }
.mio-navbar .navbar-nav li a:hover,
.mio-navbar .navbar-nav li.hover a { background:#FF6E00; color:#fff; }

.mio-hot { padding: 10px 0; background-color:#f3f3f3; border-bottom:#ddd 1px solid; }
.mio-hot span { color:#ccc; padding: 0 8px; }


.mio-footer { background: #444444; color: #fff; padding: 20px 0; }
.mio-footer .ftel { background: url(ftel.png) no-repeat left center; padding-left: 70px;  float:right; margin-top:20px; }
.mio-footer .ftel span { display: block; }
.mio-footer .ftel strong { font-size: 30px; line-height: 30px; color: #fff; font-family: Arial, Helvetica, sans-serif; }

.mio-footer a { color: #fff; }
.mio-footer a:hover { color: #fc0; }
.mio-footer a strong { color:#fff; font-weight: normal; }
.mio-footer h2 { font-size: 12px; font-weight: normal; }
.mio-footer .fnav { border-bottom:#666 1px solid; padding-bottom: 15px; text-align: center; margin-bottom:15px; }
.mio-footer .fnav li { float: left; background: url(fnl.png) no-repeat right center; }
.mio-footer .fnav li a { padding: 0 7px; color: #ccc; display:block; float:left; }
.mio-footer .fnav li.lt { background: none; }
.col-md-6 h1 { font-size: 12px; display:inline; color:#FFFFFF; line-height:30px; }



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


.mio-category { }
.mio-category h2 { background: #005DAD; height: 50px; line-height:50px; padding: 0 20px; color: #fff; text-align: center; font-size:20px; font-weight: normal; margin:0; }
.mio-category ul { }
.mio-category li { margin-top:1px; }
.mio-category li a { display: block; padding-left:2em; line-height: 46px; background:#eee url(arr1.png) no-repeat right center; font-size: 16px; color: #333; }
.mio-category li a:hover,
.mio-category li a.hover { background: #005DAD url(arr2h.png) no-repeat 220px center; color:#fff; }
.mio-category li ul { }
.mio-category li li { }
.mio-category li li a { padding-left:4em; line-height: 36px; font-size:14px; background-color: #eee; }
.mio-category li li a:hover,
.mio-category li li a.hover  { background: #333 url(arr1h.png) no-repeat 220px center; color:#fff; }


.mio-contact { margin-top: 30px; }
.mio-contact h2 { background: #005DAD; height: 50px; line-height: 50px; padding: 0 20px; color: #fff; font-size: 18px; margin:0; }
.mio-contact .c { border: #ddd 1px solid; padding: 15px; }
.mio-contact ul { padding-top: 10px; }
.mio-contact li { padding: 1px 0; }
.mio-contact li p { margin: 0; }
.mio-contact img { width: 100%; }


.mio-crumbs { padding-bottom:15px; margin-bottom:30px; border-bottom:#ddd 1px solid; color:#888; }
.mio-crumbs h1,
.mio-crumbs h2 { margin: 0; font-size:1.6em; font-weight:bold; color:#222; }
.mio-crumbs a { color:#888; }
.mio-crumbs a:hover { color:#222; }



/*=============================================================================== Inner Page Style */

.mio-prodesc { margin-top:20px; margin-bottom:20px; }
.mio-links { padding: 15px 0; border-top:#ddd 1px solid; color:#aaa; margin-top:20px; }
.mio-links a { color:#aaa; }

.mio-prev-next { margin-top:20px; margin-bottom:20px; }

.mio-related { }
.mio-related h2 { border-bottom:#f90 1px solid; margin-bottom: 15px; margin-top:0; }
.mio-related h2 span { color:#ffffff; background:#f90; float: left; display:block; padding: 10px 30px; }
.mio-related a { background: url(a3.gif) no-repeat left center; padding-left:15px; }

.mio-related2 { margin-bottom:30px; }
.mio-related2 a {}
.mio-related2 h2 { border-bottom:#f90 1px solid; margin-bottom: 15px; margin-top:0; }
.mio-related2 h2 span { color:#ffffff; background:#f90; float: left; display:block; padding: 10px 30px; }


.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-alist { padding: 0 0; }
.mio-alist h2 { margin-top: 0; font-weight:bold; }
.mio-alist .mio-ainfo { color:#888; }
.mio-alist li { border-bottom:#ddd 1px dashed; padding:20px 0; }
.mio-alist img { width: 100%; }
.mio-alist .mio-intro { padding: 10px 0; color:#666; }
.mio-alist .mio-pdate { color:#999; }


.mio-plist { }
.mio-plist a { display: block; margin-bottom:20px; text-align:center; }
.mio-plist img { width: 100%; display:block; margin-bottom:10px; border:#ddd 1px solid; padding:2px; height:160px; }


.mio-plist_index { }
.mio-plist_index a { display: block; margin-bottom:20px; text-align:center; }
.mio-plist_index img { width: 100%; display:block; margin-bottom:10px; border:#ddd 1px solid; padding:2px; height:180px; }



h1.h1t { margin-top:0; font-size:2em; margin-bottom:20px; text-align:center; color:#222; }



.mio-proview {}
.mio-proview img { width: 100%; border:#ddd 1px solid; padding:4px; }
.mio-proview .pro_txt {}
.mio-proview .pro_txt h1 { font-size:1.6em; margin: 0 0 30px 0; color:#222; font-weight:bold; }

.mio-article {}
.mio-article p { margin:25px 0; }
.mio-article a { text-decoration: underline; font-weight:bold; }
.mio-article ul,
.mio-article ol { margin-left:2em; }
.mio-article li p { margin: 0; }
.mio-article img { max-width:400px; }

.mio-aimg { text-align:center; margin:20px 0; }
.mio-aimg img { width: 400px; border:#ddd 1px solid; padding:4px; }

.mio-pbanner img { width: 100%; height: auto; }

.mio-rss { border:#ddd 1px solid; padding:20px; margin-bottom:30px; }
.mio-rss h2 { margin: 0 0 20px 0; font-weight:bold; color:#222; font-size:2em; }
.mio-rss li { height:30px; overflow: hidden; line-height:30px; }
.mio-rss li a { float: left; background: url(a3.gif) no-repeat left center; padding-left:15px; }
.mio-rss li span { float: right; color:#999; }


.mio-sitemap { border:#ddd 1px solid; padding: 20px; margin-top:30px; margin-bottom:30px; }
.mio-sitemap li { height:30px; overflow: hidden; line-height:30px; }
.mio-sitemap li a { float: left; background: url(a3.gif) no-repeat left center; padding-left:15px; }
.mio-sitemap li span { float: right; color:#999; }


.mio-advantage { background:#005DAD url(abg.png) no-repeat center 120px; color:#fff; padding: 40px 0; }
.mio-advantage h2 { text-align: center; font-size:30px; line-height: 30px; margin-bottom: 150px; color:#fff;}
.mio-advantage dl { width: 180px; float: left; margin-right:60px; }
.mio-advantage dt { font-size: 20px; text-align: center; font-weight:bold; }
.mio-advantage dd { padding: 15px 0 0 0; }
.mio-advantage dl.lt { margin-right:0; }


/*=============================================================================== Home Page Style */
.mio-banner { background-color:#333; }
.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; z-index:1; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:15px; right:50%; z-index:1; margin-right:-110px; }
.slideBox .hd li{ display:inline-block; width:18px; height:18px; background: url(dot.png) no-repeat center -14px; text-indent:-9999px; overflow:hidden; margin:0 5px; cursor: pointer; }
.slideBox .hd li.on{ background: url(dot.png) no-repeat center 2px; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd ul { margin: 0; padding: 0; }
.slideBox .bd li{ position:relative; text-align:center; list-style: none;  }
.slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 

.mio-wrap { position: relative; margin-bottom: 30px; }
.mio-wrap img { width: 100%; }
.mio-wrap h2 { border-bottom:#f90 1px solid; margin-bottom: 15px; margin-top:0; }
.mio-wrap h2 span { color:#ffffff; background:#f90; float: left; display:block; padding: 10px 30px; }
.mio-wrap a.vmore { position: absolute; top: 10px; right: 0; background: url(more_ic.gif) no-repeat right center; padding-right: 20px; color:#999; }
.mio-wrap a.vmore:hover { color:#333; }

.mio-pros { padding: 30px 0; }
.mio-rpro h2 { margin: 0 0 20px 0; font-weight:bold; font-size:2em; }

.mio-info { background-color:#efefef; padding:30px 0; }
.mio-info img { width:100%; }
.mio-about { margin-bottom:20px; }
.mio-about h2 { margin-top:0; }

.mio-news { padding:30px 0; }
.wrap { width:100%; position:relative; }
.wrap h2 { height: 50px; background: url(wbg.png) no-repeat left top; line-height:42px; margin-bottom:15px; }
.wrap h2 span { width: 140px; text-align: center; display:block; line-height:42px; float:left; color:#fff; font-size:16px; }
.wrap a.vmore { position:absolute; top: 10px; right: 15px; }

.tnews dl { height: 80px; overflow: hidden; }
.tnews dt { width: 120px; height: 80px; float: left; }
.tnews dt img { width: 120px; height: 80px; }
.tnews dd { width: 220px; float: right; line-height: 18px; color:#888; }
.tnews dd h3 { font-size: 12px; margin-bottom: 10px; margin-top:0; }
.tnews ul { padding-top:0; }
.tnews li { height: 22px; line-height: 22px; overflow: hidden; background: url(a3.gif) no-repeat 0 center; padding: 0 0 0 15px; }
.tnews li span { float: right; color:#888; }


.faq {}
.faq dt { font-weight: bold; background: url(fq1.png) no-repeat left center; padding-left:25px; margin-bottom:8px; }
.faq dd { background: url(fq2.png) no-repeat left 2px; padding-left:25px; color:#888; }
.txtMarquee-top{ width:100%; }
.txtMarquee-top .bd{ }
.txtMarquee-top .infoList li{  }




.mio-flinks { background: #1e1e1e; color: #666; padding-bottom: 20px; }
.mio-flinks h3 { color:#fff; font-size:18px; border-left:#fc0 2px solid; line-height: 20px; padding-left:8px; margin-bottom:15px; font-weight: normal; }
.mio-flinks h3 span { font-size:12px; margin-left:10px;}
.mio-flinks ul,
.mio-flinks li { display: inline; font-weight: normal; font-size:12px; }
.mio-flinks li { margin-right: 5px; }
.mio-flinks li a { color: #666; }
.mio-flinks li a:hover { color: #fc0; }


#ctbox { position: fixed; right: 10px; top: 200px; z-index: 9999; border: #005DAD 3px solid; background: #fff;  }
#ctbox h3 { height: 28px; line-height: 28px; color: #fff; background: #005DAD; text-align: center;margin:0; }
#ctbox ul { padding: 15px; }
#ctbox li b { font-size: 15px; color: #111; }
#ctbox .close { position: fixed; right: 10px; top: 200px; padding: 5px 10px; font-size: 18px; color: #fff; cursor: pointer; }

/*=============================================================================== Inner Page Style */


@media (min-width:1600px) {
	/*.container { width: 1500px; }
	.mio-category a { line-height:59px; }
	.mio-navbar .navbar-nav li a { padding:0 61px; }
	.mio-overview p { line-height:28px; font-size:1.2em; margin-bottom:22px; }*/
}


@media (min-width:1200px) {
	
}

@media (min-width:768px) and (max-width:1190px) {

}

@media (min-width:320px) and (max-width:767px) {
	body { font-size:1em; }

	.tr { text-align: left; }
	.fr { float: none; }
	
	.mio-tbar { text-align:center; }
	.mio-tbar .tr { text-align:center; }
	
	.mio-header { min-height: 70px; }
	.mio-header a.navbar-brand { width: 260px; min-height: 70px; background: url(logo2.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
	.mio-header .tel { background: url(tel.png) no-repeat left center; padding: 0; margin: 15px 0 0 0; float:right; }
	.mio-header .tel a { width: 40px; height: 40px; display:block; overflow: hidden; }
	.mio-header .tel span { display:none; }
	.mio-header .tel strong { display:none; }
	
	.mio-footer .ftel { background: url(ftel.png) no-repeat left center; padding-left: 70px;  float:none; margin: 20px auto; }
	.mio-footer span { display:block; }

	.navbar-toggle { float: none; width: 100%; text-align:center; z-index:999;}
	.navbar-toggle .icon-bar { background-color:#fff; margin: 0 auto;}

	.navbar { position: relative; z-index:1; }
	
	.mio-navbar .navbar-nav li { background: none; padding: 0; }
	.mio-navbar .navbar-nav li a { padding: 0; text-align:center; line-height:50px; font-size:1em; color:#fff; font-size:1.2em; }
	.mio-navbar .navbar-nav li a:hover { background-color:#444; }
	.mio-navbar .navbar-nav li.hover a { background:#000; color:#fff; }

	

	.mio-content { padding:20px 0; }
	
	.mio-hot { line-height:30px; }
	
	
	.mio-contact { margin-bottom:30px; }

	.mio-about img { display:block; margin-bottom:30px; }

	.tnews dd { width: 180px; float: right; line-height: 16px; color:#888; font-size:0.85em; }
	.tnews dd h3 { height:16px; line-height:16px; overflow: hidden; margin-bottom:2px; font-size:1.2em; }
	
	.mio-alist img { display:block; margin-bottom:20px; }
	
	.mio-advantage { background:#005DAD none; color:#fff; padding: 30px 0; }
	.mio-advantage h2 { text-align: center; font-size:30px; line-height: 30px; margin-bottom: 30px; color:#fc0;}
	.mio-advantage dl { width: 100%; float: none; margin-right:0; border-top:#5ea068 1px solid; padding:20px 0; }
	.mio-advantage dt { font-size: 20px; text-align: center; font-weight:bold; }
	.mio-advantage dd { padding: 15px 0 0 0; }
	.mio-advantage dl.lt { margin-right:0; }
	
	.slideBox .hd{ bottom:0; right:10px; z-index:1; margin-right:0; }

#ctbox {display:none;}
}

.alist2 { padding: 0; }
.alist2 li { padding: 0; border-bottom: #ccc 1px dotted; }
.alist2 li h2 { margin-bottom: 0px; text-transform: uppercase; }
.alist2 li h2 a { font-size: 18px; color: #222; }

.pages { padding: 10px 0; text-align: center; }
.pages a,.pages span,.pages strong { padding: 5px 10px; background: #eee; margin: 0 2px; }
.pages strong { background: #999; color: #fff; }
.pages a:hover { background: #FF6600; color: #fff; }


.sitemap { padding: 0 0; }
.alist {}
.alist li { height: 24px; line-height: 24px; overflow: hidden; background: url(ic.jpg) no-repeat 2px 10px; padding: 0 0 0 15px; }
.alist li a {}
.alist li a:hover {}
.alist li span { float: right; font-family: Arial, Helvetica, sans-serif; color: #999; font-size: 11px; margin-left: 10px; }

#a_1 p { FONT-SIZE: 14px; FONT-FAMILY: "Microsoft YaHei",sans-serif; text-indent:2em;}