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.9em }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.8em;}
h3 {  font-size: 1.4em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

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

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

table { width: 100%; border-collapse: collapse; border-spacing:0; }
table th { padding: 10px; background-color:#323a45; color:#fff; text-align:center }
table td { padding: 10px; text-align:center; }
table tr:nth-child(odd) { background: #eee }

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

.none { display: none }





.mio-tbar { padding:10px 0; background-color:#14298d; color:#fff; }
.mio-tbar a { color:#fff }
.mio-tbar i { margin-right:5px; }
.mio-tbar i.icon-envelope-alt { margin-left:15px; }
.mio-tbar .ct { color:#f09c14; }

.mio-navbar { background:#fff; min-height: 80px; margin:0; border:0; border-radius:0; }
.mio-navbar a.navbar-brand { width: 235px; min-height: 80px; background: url(logo.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-navbar .navbar-nav { }
.mio-navbar .navbar-nav li { padding-left:40px; }
.mio-navbar .navbar-nav li a { padding:0; line-height:77px; color:#777; font-size:1.1em }
.mio-navbar .navbar-nav li a:hover,
.mio-navbar .navbar-nav li.hover a { color:#162c83; border-bottom:#162c83 3px solid }

.navbar-collapse { padding-left:0; padding-right:0; }

.mio-footer { background-color:#eee; padding:30px 0; color:#777; border-top:#ddd 1px solid }
.mio-footer ul { margin-bottom:10px; }
.mio-footer li { display: inline }
.mio-footer li span { padding: 0 10px; color:#ccc }
.mio-footer a { color:#777 }
.mio-footer a:hover { color:#14298d }
.mio-footer span { padding-left:10px; }
.mio-footer .mio-flogo { width: 100%; min-height: 100px; background: url(flogo.png) no-repeat center; }
.mio-footer .mio-ewm { width:90px; float:right; text-align:center }
.mio-footer .mio-ewm img { width:100%; display:block; margin-bottom:5px; }

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



.mio-banner { max-height:760px; background-color:#333; 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-block { margin-bottom:30px; }
.mio-block h2 { background-color:#14298d; border-bottom:#f19c0f 3px solid; color:#fff; line-height:60px; font-size:1.2em; text-align:center }

.mio-category ul { border:#eee 1px solid; border-width: 0 1px 0 1px}
.mio-category li { margin-top:1px; }
.mio-category li a { border-bottom:#eee 1px solid; color:#333; display:block; line-height:50px; padding: 0 15px; }
.mio-category li a:hover,
.mio-category li.hover a { color:#f19c0f; font-weight:bold }
.mio-category li a i { float:right; margin: 16px 0 0 0 }

.mio-contact .mio-c { }
.mio-contact em { font-style: normal; display:inline-block; width:60px }
.mio-contact p { margin:0; padding:7px 10px; }
.mio-contact p:nth-child(even) { background-color:#eee }

.mio-plist a { display:block; margin-bottom:30px; }
.mio-plist .mio-img { border:#eee 1px solid; padding:5px; }
.mio-plist .mio-img img { width: 100%; height: 196px; }
.mio-plist span { height:40px; line-height:40px; text-align:center; display:block; overflow:hidden }

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


.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-section { padding:30px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center;  }
.mio-section .container { position:relative; z-index:1 }
.mio-section img { width: 100% }
/*.mio-section h2 { font-size:1.4em; margin-bottom:30px; }
.mio-section h2 strong { font-family:Arial, Helvetica, sans-serif; font-size: 2em; color:#0e328a; margin-right:20px; }
.mio-section .mio-smenu { position:absolute; top: 5px; right:15px; }
.mio-section .mio-smenu a { background-color:#ddd; display:inline-block; padding:5px 20px; margin: 0 3px; }
.mio-section .mio-smenu a:hover,
.mio-section .mio-smenu a.a { background-color:#0e328a; color:#fff }
*/
.mio-products { padding:0; }
.mio-products .container { padding-left:0; padding-right:0; }
.mio-products h2 { padding-left:15px }

.mio-wrap { position:relative }
.mio-wrap p { margin:0; }
/*.mio-wrap h2 {
    height: 47px;
    line-height: 47px;
    overflow: hidden;
    margin: 0 0 15px 0;
    background: #f3f3f3 url(wbg.jpg) repeat-x bottom;
	font-size:1.1em
}
.mio-wrap h2 span {
    display: block;
    height: 47px;
    background: url(wbg1.jpg) no-repeat right bottom;
    padding: 0 50px 0 30px;
    float: left;
    color: #fff;
}*/
.mio-wrap h2 { font-size:1em; margin:0 0 15px 0 }
.mio-wrap h2 strong { color:#14298d; font-size:1.5em; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif }
.mio-wrap h2 span { color:#333; font-size:1.2em; margin-left:10px; }
.mio-wrap a.mio-vmore {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 20px;
    background: url(more.gif) no-repeat center;
    text-indent: -99999px;
    overflow: hidden;
}
.mio-products .mio-wrap a.mio-vmore { right:15px }

.picScroll { width: 100%; }
.picScroll .hd{ }
.picScroll .hd h2 { margin:0; }
.picScroll .hd ul{ float:right; padding-top:10px; display: none }	
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.picScroll .hd .on{ background:#80BD6D;  }
.picScroll .prev,
.picScroll .next{ width:30px; height:30px; overflow:hidden; cursor: pointer; font-size:1.4em; position:absolute; top:130px; left:-30px; background-color:#f3f3f3; border-radius:30px; text-align:center; line-height:25px }
.picScroll .prev { }
.picScroll .next{ left:1170px  }
.picScroll .prev:hover,
.picScroll .next:hover { background-color:#14298d; color:#fff }
.picScroll .prevStop { color:#aaa;  }
.picScroll .nextStop { color:#aaa; }


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

.mio-tnews {}
.mio-tnews img { height:126px; }
.mio-tnews h3 { font-size: 1em; font-weight:bold; margin-bottom:15px; }
.mio-tnews .mio-intro { line-height:22px; color:#777; }
.mio-tnews .col-md-5 { padding-right:0; }

.mio-ilist { margin-top:15px; }
.mio-ilist li span { float:right; color:#999; }
.mio-ilist li a i { margin-right:6px; }
.mio-ilist li { height:28px; line-height:28px; overflow:hidden }

.mio-contact2 p { background:none; padding:0; }
.mio-contact2 p:nth-child(even) { background:none }
.mio-contact2 img { display:block; margin-bottom:15px }

.mio-article h1 { text-align:center; margin: 0 0 30px 0; color:#222; font-size:1.8em }
.mio-article p { margin: 15px 0; }
.mio-article h2,
.mio-article h3 { margin:20px 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 li p { margin:0; }
.mio-article img { max-width: 100% }


.mio-pro-img { text-align:center; }
.mio-pro-img img { width: 600px; border:#eee 1px solid; padding:5px; }

.mio-position {}
.mio-position h1,
.mio-position h2 { font-size:2em; color:#14298d; border-left:#14298d 4px solid; padding-left:15px; }
.mio-position .tr { color:#888; }
.mio-position .tr a { color:#888; }

.mio-a2 h2 { color:#222; font-size: 1.6em }
.mio-a2 p { margin:0; padding:10px; }
.mio-a2 p:nth-child(even) { background:#f3f3f3 }
.mio-a2 em { font-style: normal; display:inline-block; width:60px }

#dituContent { width:100%; height:450px }


.bookadd {}
.bookadd .mio-b { margin-bottom:10px; }
.bookadd .mio-b label { display:inline-block; width:120px; }
.bookadd .mio-b .ip { border:#ccc 1px solid; width: 300px; height:36px; line-height:36px; padding: 0 10px; }
.bookadd .mio-b .bnt { width:300px; height:40px; background-color:#333; color:#fff; cursor: pointer; border: 0; margin-left:125px }
.bookadd .mio-b .ip2 { height:120px; width:700px }

.mio-pbanner { height:400px; background:#333 url(pbg.JPG) no-repeat center; }


.mio-a1in { text-align:center; background:#333 url(s.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:80px; padding-bottom:80px; margin-left:0; margin-right:0 }
.mio-a1in strong { display:block; text-transform:uppercase; font-size:1.8em }
.mio-a1in strong em { font-style: normal; font-size:0.7em }

.mio-bin { margin-top:60px }
.mio-bin h3 { font-size:1.2em; margin:15px 0; text-align:center }
.mio-bin p { font-size:0.95em; color:#777; }
.mio-bin img { display:block; margin:0 auto }


@media (min-width:320px) and (max-width:767px) {
	.container { width: 100% }
	/**/
	.tr { text-align: left; }
	.fr { float: none; }
	
	.mio-tbar { text-align:center; font-size:0.85em }
	.mio-tbar .tr { text-align:center }
	
	.mio-banner { max-height: 400px; overflow: hidden; }
	
	.mio-navbar { min-height:60px; padding: 0; }
	.mio-navbar a.navbar-brand { min-height:60px; width:235px; background-size:60%; background-position: 20px center }

	.navbar-default .navbar-toggle { border: 0; }
	.navbar-toggle { margin-top: 12px; }

	.mio-navbar .navbar-nav li { padding-left:0; }
	.mio-navbar .navbar-nav li a { line-height:37px; text-align:center }

	.mio-footer ul { display: none }
	.mio-footer span { padding:0; display:block }
	.mio-footer { text-align:center; padding:20px 0 }
	.mio-footer .mio-flogo { height:70px }
	.mio-footer .mio-ewm { display:none }
	
	.mio-news { margin:30px 0 }


	.picScroll .prev,
	.picScroll .next{ display:none }

	.mio-tnews {}
	.mio-tnews img { height: auto; }
	.mio-tnews h3 { margin:15px 0 }
	.mio-tnews .col-md-5 { padding-right:15px; }

	.mio-pbanner { height:180px; background-size: cover }

	.mio-block.mio-contact { display: none }
	.mio-block.mio-category { margin-top:30px }
	
	.mio-article h1 { font-size:1.4em; text-align:left }

	.mio-position .fr { margin-bottom:15px; }

	.bookadd .mio-b label { display:block; width: 100% }
	.bookadd .mio-b .ip { width: 100% }
	.bookadd .mio-b .ip2 { height:120px; width:100% }
	.bookadd .mio-b .ip3 { width: 60% }
	.bookadd .mio-b .bnt { margin:0; width: 100% }

	#dituContent { height:350px }
	
	.mio-plist .mio-img img { height: auto}
	
	.mio-a1in { padding-bottom:20px; }
	.mio-a1in .col-md-3 { margin-bottom:30px }

	.mio-bin .col-md-4 { margin-bottom:30px }
}