* { margin: 0; padding: 0; text-decoration: none; font-style: normal; list-style: none }

html,
body { color: #444; line-height: 1.6em; font-family: Arial, "Microsoft YaHei", Helvetica, sans-serif; font-size: 0.95em; background-color: #fff; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; font-size: 1em; }
hr {border-top: 1px solid rgba(0,0,0,.1);}
p { margin: 0; }
dl { margin:0; }
em { font-style: normal }

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

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

table { width: 100%; border-collapse: collapse; border-spacing:0; color: #111; border-right:#666 1px solid; border-top: #666 1px solid; text-align: center; font-size: 1.1em }
table th { padding: 15px 5px; border-left:#666 1px solid; border-bottom: #666 1px solid; background-color:#ccc; text-align: center }
table td { padding: 15px 5px; border-left:#666 1px solid; border-bottom: #666 1px solid; text-align: center }
table tr:nth-child(even) { background-color:#fff }
table tr:nth-child(odd) { background-color:#e3e3e3 }

.tr { text-align: right }
.tc { text-align: center }
.fr { float: right }
.none { display: none }
img { display: block; width: 100%; }

.mio-tbar { background-color: #1c4ba5; height: 40px; line-height: 40px; color: #fff; overflow: hidden }
.mio-tbar strong { color: #fc0; }

.mio-header { background: #fff; height: 80px; overflow: hidden; }
.mio-header a.navbar-brand { width: 150px; height: 80px; background: url(logo.png) no-repeat left center; text-indent: -999999px; overflow: hidden; display: block; float: left; }

.mio-footer { background-color: #0d295e; padding: 25px 0; color: #fff }
.mio-footer a { color: #fff; }
.mio-footer .mio-ewm { width: 120px; text-align: center; margin: 0 auto }
.mio-footer .mio-ewm img { margin-bottom: 5px; }
.mio-footer .mio-flogo { width: 150px; height: 150px; background: url(flogo.png) no-repeat left center; text-indent: -999999px; overflow: hidden; display: block; float: left; }
.mio-copyright { border-left: rgba(255,255,255,.1) 1px solid; padding-left: 50px; height: 150px; }
.mio-copyright p { margin-bottom: 15px; }
.mio-fmenu { border-left: rgba(255,255,255,.1) 1px solid; border-right: rgba(255,255,255,.1) 1px solid; padding: 0 0 0 50px; height: 150px; }
.mio-fmenu h3 { margin-bottom: 10px; font-size: 1.2em; }
.mio-fmenu ul {}
.mio-fmenu li { width: 33.33%; float: left }

.mio-banner { background-color: #111; height: 600px; }
.mio-banner .swiper-container { height: 100%; width: 100%; }
.mio-banner .swiper-wrapper { height: 100%; width: 100%; }
.mio-banner .swiper-slide { height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.mio-banner .swiper-pagination { bottom: 20px; }
.mio-banner .swiper-pagination-bullet { background: #fff; width: 40px; height: 2px; border-radius: 0 }
.mio-banner .swiper-pagination-bullet-active { background: #f70 }
.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/1.jpg) }
.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/2.jpg) }
.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/3.jpg) }


.mio-pbanner { height: 600px; background: #333 url(pb.jpg) no-repeat center; }
.mio-pbanner8 { background: #333 url(pb8.jpg) no-repeat center; }
.mio-pbanner9 { background: #333 url(pb9.jpg) no-repeat center; }

.mio-section { padding: 50px 0; }
.mio-section .mio-t { text-align: center; margin-bottom: 30px; background: url(line.png) no-repeat center bottom; padding-bottom: 20px; }
.mio-section .mio-t h2 { font-size: 2.2em; color: #111; font-weight: bold; }
.mio-section h2 { letter-spacing: 1px; }
.mio-section h2 strong { color: #1c4ba5 }

.mio-cmenu { width: 600px; margin: 0 auto 30px; text-align: center }
.mio-cmenu li { display: inline-block; margin: 0 15px; }

.mio-product { padding-bottom: 20px; }

.mio-rpro { margin-bottom: 40px; }
.mio-rpro a { display: block; border-bottom: #1c4ba5 3px solid; -webkit-transition:all .3s ease; text-align: center; background-color: #c0c8cb; }
.mio-rpro a .mio-txt { padding: 20px; }
.mio-rpro a .mio-txt h2 { font-size: 1.1em; color: #777; }
.mio-rpro a .mio-txt h3 { font-size: 1.6em; margin-top: 10px; color: #111; font-weight:bold; letter-spacing: 1px; }
.mio-rpro a:hover { border-bottom-color: #af840b; background-color:#d7a413 }
.mio-rpro a:hover h2,.mio-rpro a:hover h3 { color: #fff;  -webkit-transition:all .3s ease; }



.mio-about { background-color: #e1e8eb; }
.mio-about .mio-overview { padding: 70px 50px 0 0 }
.mio-about h2 { font-size: 2.2em; color: #111; font-weight: bold; }
.mio-about p { margin: 20px 0; }
.mio-about .mio-avmore a { display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background-color: #1c4ba5; color: #fff; }
.mio-about .mio-avmore a:hover { background-color: #d7a413 }
.mio-about .mio-avmore a span { margin-left: 6px; }

.mio-about .mio-avideo { width: 570px; height: 427px; position: relative; cursor: pointer; display: block; color: #fff; }
.mio-about .mio-avideo .mio-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.mio-about .mio-avideo .mio-vbg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; text-align: center; line-height: 427px; -webkit-transition:all .3s ease; }
.mio-about .mio-avideo .mio-vbg span { font-size: 4em }
.mio-about .mio-avideo:hover .mio-vbg { background-color: rgba(0,0,0,.5); -webkit-transition:all .3s ease; }


.mio-news { position: relative }
.mio-news h2 { font-size: 2.2em; color: #111; font-weight: bold; }
.mio-news h3 a { color:#111; }
.mio-inews h3 { font-size: 1.05em; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-weight:bold }
.mio-inews .mio-intro { color: #777; margin: 10px 0; font-size: 0.9em }
.mio-inews .mio-pdate { color: #777; font-size: 0.9em }
.mio-anews a { display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-anews span { float: left; margin-right: 4px; }
.mio-news .mio-avmore { position: absolute; top: 0; right: 0; }
.mio-news .mio-avmore a { display: block; width: 110px; height: 40px; line-height: 40px; text-align: center; background-color: #1c4ba5; color: #fff; }
.mio-news .mio-avmore a:hover { background-color: #d7a413 }
.mio-news .mio-avmore a span { margin-left: 6px; }




.mio-xx img { height: 410px; width: 100%; }
.mio-xxiang img { height: 630px; width: 100%; }

.mio-category { background-color: #fff; }
.mio-category h2 { background-color:#1c4ba5; color:#fff; margin: 0; padding:20px 30px; font-size: 1.8em; }
.mio-category h2 span { display:block; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.6em }
.mio-category h2 b { display:block; font-weight:  normal; margin:15px 0 5px 0; font-size:0.7em; }
.mio-category h2 em { display:block; font-style:normal; background: url(ct.png) no-repeat right center; font-size:1em; }
.mio-category ul { border:#1c4ba5 5px solid; padding:15px 15px 10px 15px;}
.mio-category li { padding-bottom:8px; }
.mio-category a { display:block; line-height:34px; padding: 0 15px 0 40px; border-radius:20px; background:#1c4ba5 url(i.png) no-repeat 25px center; color:#fff; }
.mio-category a:hover,
.mio-category li.hover a { background:#d7a413 url(i.png) no-repeat 25px center; }

.mio-contact { background-color: #e1e8eb; margin-top: 30px; }
.mio-contact h2 { background-color:#1c4ba5; color:#fff; font-size: 1.4em; height: 50px; line-height: 50px; padding: 0 30px; }
.mio-contact h2 span { font-size: 0.6em; margin-left: 10px; text-transform: uppercase }
.mio-contact .mio-txt { padding: 18px 25px; }
.mio-contact .mio-txt strong { font-size: 1.2em; color: #111; margin-bottom: 15px; }
.mio-contact .mio-txt p { margin: 10px 0 }
.mio-contact .mio-txt span.iconfont { display: inline-block; width: 30px; }
.mio-contact .mio-txt b { font-size: 1.4em; color: #c00 }

.mio-plist {}
.mio-plist a { display: block; margin-bottom: 30px; border: rgba(0,0,0,.1) 1px solid; padding: 10px; background-color: #fff; text-align: center; height: 340px; }
.mio-plist a .mio-txt { padding: 15px 0 0 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-plist a .mio-img { overflow: hidden; background-color: #111 }
.mio-plist a .mio-img img { width: 100%; height: 100% }
.mio-plist a:hover { border-color: #f70 }
.mio-plist2 a { height: 260px; margin-bottom: 10px; }

.mio-alist {}
.mio-alist li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: #eee 1px solid }
.mio-alist li h2 { font-size: 1.3em; font-weight: bold }
.mio-alist li .mio-pdate { color: #999; }
.mio-alist li .mio-intro { color: #777; margin: 15px 0; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.mio-alist li img { width: 100% }
.mio-alist li .mio-txt { padding: 15px 0 }


.list_page{text-align:center;margin: 30px auto 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; margin-left: 1px }
.list_page ul a{color:#eee;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background-color:#666 }
.list_page ul a:hover { background-color: #333 }
.page_group ul{}
.page_group ul li{ float:left; }
.page_group ul li:not(:first-child):not(:last-child){ }
.page_group ul li:first-child{}
.page_group ul li:last-child{}
.page_group ul .active a{ background-color:#1c4ba5; color: #fff }


.mio-video video { width: 100% }

.mio-article { }
.mio-article p { margin: 0 0 15px 0 }
.mio-article h2,
.mio-article h3 { margin: 0 0 15px 0; font-weight: bold; }
.mio-article h2 { font-size: 1.5em }
.mio-article ol { margin: 0 0 15px 2em; }
.mio-article ul { margin: 0 0 15px 1em; }
.mio-article li p { margin: 0; text-indent: 0 }
.mio-article ol li { list-style: decimal-leading-zero }
.mio-article ul li { list-style: disc }
.mio-article a { text-decoration: underline }
.mio-article a:hover { color: #d7a413; text-decoration: underline }
.mio-article img { max-width: 400px; }

.mio-apdate { color: #999; }
.mio-apdate a { color: #999; text-decoration: underline }

.mio-aback a { display: block; width: 180px; height: 40px; line-height: 40px; margin: 20px auto; text-align: center; background-color: #1c4ba5; color: #fff; border-radius: 2px; }
.mio-aback a:hover { background-color: #d7a413; }

.mio-related h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 20px; }
.mio-related a span { float: left }
.mio-related a { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; display: block; }

h1.mio-h1t { font-size: 2.2em; color: #1c4ba5; font-weight: bold; }
.mio-pline { width: 80px; height: 4px; background-color: #1c4ba5; margin: 15px 0 30px 0; }
.mio-aintro { margin: 20px 0; background-color: #eee; padding: 20px; }

.mio-position { height: 50px; line-height: 50px; background-color: #efefef; }
.mio-position a { padding: 0 6px; }


.mio-flinks { padding: 15px 0; background-color: #c0c8cb; }
.mio-flinks li { margin-right: 10px; float: left }

a.mio-a-top { width: 50px; height: 50px; border-radius: 50%; position: fixed; right: 15px; bottom: 30px; z-index: 99; background-color: #f70; color: #fff; text-align: center; line-height: 50px; display: block; }


.mio-a6 img { margin-bottom: 30px; }
.mio-a19 img { margin-bottom: 30px; }
.mio-a1 .row img { margin-bottom: 30px; }

.mio-page-contact { text-align: center }
.mio-page-contact h2 { font-size: 2em; color: #111; margin-bottom: 30px; font-weight: bold; letter-spacing: 1px; }
.mio-page-contact span.iconfont { font-size: 2em; display: block; margin-bottom: 20px; }
.mio-page-contact ul { border-top: #ccc 1px solid; border-left: #ccc 1px solid; background-color: #f3f3f3 }
.mio-page-contact li { width: 33.33%; float: left; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; padding: 40px 0; }


.mio-pinfo img { border: #eee 1px solid; padding: 15px; }


@media (min-width:1280px) {
.container { width: 1200px; }

.mio-header { }
.mio-header .mio-nav { float: right }
.mio-header .mio-nav ul {}
.mio-header .mio-nav li { float: left; margin-left: 25px; padding-left: 25px; background: url(navl.png) no-repeat left center; }
.mio-header .mio-nav li:nth-child(1) { background: none; }
.mio-header .mio-nav li a { display: block; height: 80px; overflow: hidden; line-height: 80px; color: #555; font-weight: bold }
.mio-header .mio-nav li a:hover { color: #111; }
.mio-header .mio-nav li.hover a { border-bottom: #1c4ba5 2px solid; color: #1c4ba5; }
.mio-header .mio-nav li a span { display: none }


}