html,
body { color: #444; line-height: 2em; position: relative; font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; 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;}

body { background:#d9d9d9 url(bg.jpg) repeat-x top }

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

a i.icon-angle-right { margin-right:10px; }

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

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; border-spacing: 0; border-collapse: collapse; width:100% }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; text-align:center; background-color:#eee }
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; }



.mio-header { min-height:100px; background: url(head.gif) no-repeat top center; border:0; margin:0; }
.mio-header .container { }
.mio-header a.navbar-brand { width: 470px; min-height: 100px; background: url(logo.png) no-repeat center; text-indent:-99999999px; overflow:hidden; }
.mio-header .mio-tmenu { text-align:right; padding:10px 0 10px 0 }
.mio-header .mio-tmenu a { color:#999; padding: 0 0 0 10px; font-size:0.85em }
.mio-header .mio-tel { text-align:right; }
.mio-header .mio-tel i { margin-right:5px; }
.mio-header .mio-tel strong { font-family:impact; font-size:1.4em; font-weight:normal; color:#e12b28 }

.mio-navbar { background: url(nav.png) no-repeat center; min-height: 45px; margin:0; border-radius:0 }
.mio-navbar .navbar-nav {  }
.mio-navbar .navbar-nav li { }
.mio-navbar .navbar-nav li a { font-weight:bold; font-size:1.1em; padding: 0; width:114px; text-align:center; line-height:45px; color:#fff; border-right:#73b0cf 1px solid }
.mio-navbar .navbar-nav li a:hover { color:#fc0 }
.mio-navbar .navbar-nav li.hover a { color:#fc0  }
.mio-navbar .navbar-nav li.st a { }
.mio-navbar .navbar-nav .icon-home { margin-right:5px; }
.mio-navbar .navbar-nav li#li1 a { width: 180px; margin-right:15px; border-right: 0 }

.mio-navbar .navbar-nav li li { padding:0; border:0 }
.mio-navbar .navbar-nav li li a { padding: 0 15px; line-height:40px; background-color:#fff; width:100%;  }
.mio-navbar .navbar-nav li li a:hover { }
.mio-navbar .navbar-nav li.hover li a { }
.mio-navbar .navbar-nav li.hover li a:hover { }
.mio-navbar .navbar-nav li.st li a { color:#444; background-color:#fff; }
.mio-navbar .navbar-nav li.st li a:hover { color:#fff; background-color:#0d346d }

.nav > li > a:hover, 
.nav > li > a:focus {
    text-decoration: none;
    color:#0064d8;
	background:none
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:#fff; }

.dropdown-menu {   
	width:100%; 
    min-width: 137px;
    padding: 0;
    margin: 0;
    font-size: 1em;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
	border-top:#e02c28 3px solid
}

.navbar-right .dropdown-menu {
    right: 0;
    left: 0;
}

.mio-footer { background:#28589e; color:#fff; padding:30px 0; }
.mio-footer p { margin:0; }
.mio-footer .mio-ewm { width:100px; float:right }
.mio-footer .mio-ewm img { width: 100% }
.mio-footer a { color:#fff; }
.mio-footer a:hover { color:#fc0; }
.mio-footer .mio-flogo { width:100%; height:120px; background: url(flogo.png) no-repeat center; }
.mio-footer span { margin-left:15px; }
.mio-footer .mio-copyright { border-left:#73b0cf 1px solid; padding-left:50px; }

.mio-flinks { padding:15px 0; background-color:#f3f3f3; border-top:#eee 1px solid}
.mio-flinks li { display: inline; margin-right:10px; }

.mio-content { padding:30px 0; background-color:#fff }

.mio-category {}
.mio-category h2 { margin:0; padding:20px 0; text-align:center; background-color:#28589e; color:#fff; text-transform:uppercase }
.mio-category li { margin-top:1px; }
.mio-category li a { background-color:#f7f7f7; padding:10px; display:block; font-weight:bold; line-height:60px; }
.mio-category li a:hover { background-color:#666; color:#fff; }
.mio-category li.hover a { background-color:#e02c28; color:#fff }
.mio-category li a img { height:60px; float:left; margin-right:15px; }
.mio-category li a i { float:right; margin: 20px 10px 0 0 }

.mio-contact { margin-top:30px; }
.mio-contact h2 { margin:0; padding:20px 0; text-align:center; background-color:#0064d8; color:#fff; text-transform:uppercase }
.mio-contact .mio-c { padding:10px; background-color:#f7f7f7 }
.mio-contact p { margin:5px 0; }

.mio-banner { max-height:610px; overflow:hidden }
.rsDefault .rsFullscreenIcn{background:url('rs-default.png') 0 0;}
.rsDefault .rsArrowIcn{background:url('rs-default.png');}
#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.rsDefault .rsThumb{width:200px; height:60px;}
.rsDefault .rsBullet { padding-bottom:30px; }
.rsDefault .rsBullet.rsNavSelected span { background-color: #f90; }

.mio-section { padding:50px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; }
.mio-section h2 { text-align:center; margin: 0 0 40px 0; font-size: 2em; color:#222; font-weight:bold; padding-bottom:20px; background: url(line2.png) no-repeat center bottom; }




.mio-about { background-image: url(bg2.jpg); }
.mio-about .mio-vmore { border:#fff 1px solid; color:#fff; line-height:40px; width:160px; text-align:center; display:block; margin-top:30px; }
.mio-about .mio-vmore:hover { background-color:#f90; border:#f90 1px solid; color:#fff }
.mio-about .mio-intro p { color:#fff; text-indent: 2em }
.mio-about h2 { color:#fff; background: url(line.png) no-repeat center bottom; }
.mio-about img { border:#fff 5px solid; width:100% }
.mio-about .mio-intro a strong { color:#fff }

.mio-pros a { display:block; margin-bottom:30px; }
.mio-pros a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-pros a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; width:100%}
.mio-pros .mio-img { height:240px; overflow:hidden }
.mio-pros a h3 { text-align:center; margin:0; line-height:50px; }
.mio-pros a:hover { background-color:#28589e; }
.mio-pros a:hover h3 { color:#fff; }

.mio-news { padding-bottom:20px; background-color:#fff }
.mio-news .mio-ilist a { display:block; border-bottom:#eee 1px solid; padding-bottom:10px; margin-bottom:30px; }
.mio-news .mio-ilist a:hover { border-bottom-color:#65bb1a }
.mio-news .mio-ilist .mio-intro { color:#777; margin:15px 0; }
.mio-news .mio-ilist .mio-pdate { color:#999; }
.mio-news .mio-ilist .mio-pdate i { margin-right: 5px; }
.mio-news .mio-ilist span { color:#999; }
.mio-news .mio-ilist span i { margin-left:5px; }
.mio-news .mio-ilist h3 { height: 20px; line-height:20px; overflow:hidden }
.mio-news .mio-ilist a:hover span { color:#65bb1a; }
.mio-news .mio-ilist a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-news .mio-ilist a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; width: 100% }
.mio-news .mio-ilist .mio-img { height:200px; overflow:hidden }

.mio-nlist {}
.mio-nlist span { float:right; color:#999; }

.mio-pbanner { height:400px; background-image:url(pbanner.jpg) }
.mio-pbanner .mio-pbt { font-size:1.4em; color:#fff; padding:100px 0 0 50px; }
.mio-pbanner .mio-pbt span { font-family:impact; text-transform: uppercase; font-size:3em }
.mio-pbanner .mio-pbc { font-size:1.2em; text-transform: uppercase; color:#222; display:inline-block; padding: 2px 10px; background-color:#ffeb00; color:#222; margin: 10px 0 0 50px; }

.mio-position {}
.mio-position h1,
.mio-position h2 { font-size:1.5em; font-weight:bold; margin: 0; border-left:#0064d8 5px solid; padding-left:15px; color:#0064d8; }
.mio-position .tr { color:#999; }
.mio-position .tr a { color:#999; }
.mio-position .tr a:hover { color:#333; }

.mio-alist {}
.mio-alist li { line-height:42px; padding: 0 15px; }
.mio-alist li:nth-child(odd) { background: #f3f3f3 }
.mio-alist li a {}
.mio-alist li span { float:right; color:#999; }

.mio-plist { }
.mio-plist a { display:block; margin-bottom:30px; text-transform: capitalize; text-align:center; background-color:#fff; border-bottom:#eee 1px solid }
.mio-plist a:hover { background-color:#28589e }
.mio-plist a span { display:block; height:40px; line-height:40px; text-align:center; overflow:hidden }
.mio-plist .mio-img { height:263px; overflow: hidden }
.mio-plist .mio-img img { height:263px; width: 100%; }
.mio-plist a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-plist a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.mio-plist a:hover span { color:#fff; }

.mio-plist2 .mio-img { height:394px; overflow: hidden }
.mio-plist2 .mio-img img { height: 394px; width: 100%; }


.mio-xlist {}
.mio-xlist img { height:300px; width:100%; display:block; margin-bottom:30px; }

.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-article img { max-width: 100% }
.mio-article h2,
.mio-article h3 { margin:20px 0; }
.mio-article p { text-indent:2em }
.mio-article li p { text-indent:0; }
.mio-article ul,
.mio-article ol { margin-left:2em }
.mio-article a { text-decoration: underline; font-weight:bold }
.mio-article ol li { list-style: decimal-leading-zero; }
.mio-article li p { margin:0; }
.mio-article p img { display:block; }

h1.mio-h1t { text-align:center; margin: 0 0 30px 0; }

.mio-links { margin-top:30px; color:#aaa; }
.mio-links a { text-decoration: underline; color:#aaa; }

.mio-related { margin-top:30px; }
.mio-related h2 { margin:0 0 20px 0; border-left:#444 3px solid; padding-left:10px; color:#444; font-weight:bold }


#mio-page3 img { display:block; border:#eee 1px solid; padding:4px; margin-bottom:5px; width:100% }
#mio-page3 .col-md-6 { margin-bottom:30px; text-align:center }

.mio-rss { background-color:#f7f7f7; padding:30px; margin-bottom:30px; }
.mio-rss h2 { margin: 0 0 20px 0; font-weight:bold }



#dituContent { width: 100%; height:450px; }
#mio-page5 p { text-indent:0; margin:5px 0; }
#mio-page5 h2 { font-weight:bold; margin-top:0; }









@media (min-width:320px) and (max-width:767px) {
	.tr { text-align: left; }
	.fr { float: none; }
	
	.mio-tbar { text-align:center; display:none }
	.mio-tbar .tr { text-align:center }
	
	.rsDefault .rsBullet {padding: 0 10px 20px 10px;}

	.mio-tops { display: none }
	
	.mio-header { min-height:60px; padding: 0; }
	.mio-header a.navbar-brand { min-height:60px; width:100%; background-size:90%; background-position: center }
	
	.mio-header .mio-tmenu { display:none }
	.mio-header .mio-tel { display: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: #2581b2; min-height: 45px; margin:0; border-radius:0 }
	.mio-navbar .navbar-nav { padding-top:0; }
	.mio-navbar .navbar-nav li { padding:0; border:0; border-bottom:#3b8eba 1px solid }
	.mio-navbar .navbar-nav li a { line-height:40px; width:100%; text-align: center; padding: 0 20px }
	.mio-navbar .navbar-nav span.caret { float:right; margin-top:20px; }
	.navbar-nav .open .dropdown-menu > li > a {line-height: 25px; font-size:0.95em; background-color:#4770ad; color:#fff}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px;}
	.mio-navbar .navbar-nav li li a { font-weight: normal;}
	.mio-navbar .navbar-nav li#li1 a { width: auto; margin-right:0; border-right: 0 }

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #65be16; background-color: #fff; border-bottom:#65be16 2px solid }
	.navbar-nav .open .dropdown-menu { background-color:#4770ad}
	
	
	.mio-footer {  }
	.mio-footer .mio-ewm { width:100px; float:none; margin: 20px auto 0 }
	.mio-footer a { color:#fff; }
	.mio-footer .mio-flogo { width:100%; height:120px; background: url(flogo.png) no-repeat center; margin-bottom:20px; }
	.mio-footer span { margin-left:0; display:block }
	.mio-footer .mio-copyright { border-top:#73b0cf 1px solid; border-left:0; padding:20px 0 0 0; }

	
	.mio-contact { display: none }
	
	.mio-position .tr { padding-top:10px; }
	
	.mio-section { padding:30px 0; }
	.mio-section h2 { margin: 0 0 30px 0; font-size:1.6em }
	.mio-content { padding:30px 0; }
	
	.mio-nlist { margin-bottom:30px; } 
	
	.mio-about .mio-vmore { width:100%; }
	.mio-about .mio-intro { font-size:1em; line-height:2em; margin-top:20px; }
	.mio-about img { height: auto; }

	
	.mio-news { padding-bottom: 0; }
	.mio-news .row a { margin-bottom: 30px; }
	.mio-news .tr { text-align:right }

	.mio-pros {}
	
	.mio-cmenu { display:none }


	.mio-pbanner { height: 200px; text-align:center }
	.mio-pbanner .mio-pbt { font-size:1.2em; padding: 25px 0 20px 0; }
	.mio-pbanner .mio-pbt span { font-size:1.6em }
	.mio-pbanner .mio-pbc { margin:0 }
	
	.mio-category { margin-top:30px; }
	
	.mio-pros { }
	.mio-pros .mio-img { height:auto; overflow: hidden }
	.mio-pros a:hover img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
	.mio-pros h3 { height:40px; line-height:20px; overflow:hidden; text-align:center; font-size:1em; padding: 0 10px 10px 10px; }
	
	.mio-plist .mio-img { height:140px; }
	.mio-plist .mio-img img { height:140px; }
	.mio-plist .mio-img { height: auto; overflow: hidden }
	.mio-plist a:hover img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
	
	.mio-alist li { padding:6px 15px;}
	.mio-alist li { line-height:26px; }
	.mio-alist li span { display:block; float:none }
	.mio-alist li a { font-weight:bold }

	h1.mio-h1t { text-align:left; font-size:1.6em; color:#65bb1a; border-left:#65bb1a 3px solid; padding-left:10px; }
	
	.mio-hlist span { margin-bottom:30px; }

	#dituContent { height:300px; margin-top:30px; }

}