html,
body { color: #333; 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.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

dl { margin:0; }
em { font-style: normal }

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

a img,
a div,
a h2,
a h3 { transition: all 0.3s ease-out 0s; }

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

ul,ol,li { margin: 0; padding: 0; list-style: none }

.tr { text-align: right }
.tc { text-align: center }
.none { display: none }

.container { min-width: 1280px; }

.mio-header { min-height: 100px; height: 100px; padding: 0 0; width: 100%;  line-height: 100px; background-color:#000; }
.mio-header a.navbar-brand { width: 170px; min-height: 100px; height: 100px; background: url(logo.png) no-repeat left center; text-indent: -999999px; overflow: hidden; display: block }

.mio-header .mio-nav { float: right; }
.mio-header .mio-nav ul { margin-right: 50px; }
.mio-header .mio-nav li { float: left; margin: 0 30px; position: relative; z-index: 99999999 }
.mio-header .mio-nav li a { color: #fff;  display: block; font-size: 1.15em; height: 100px; line-height: 100px; }
.mio-header .mio-nav li a:hover { color: #c3002f; }
.mio-header .mio-nav li.hover a { color: #c3002f; border-bottom: #c3002f 2px solid }
.mio-header .mio-nav li .mio-snav { position: absolute; top: 98px; border-top: #c3002f 2px solid; left: -70px; width: 200px; display: none }
.mio-header .mio-nav li .mio-snav ul { margin: 0; }
.mio-header .mio-nav li .mio-snav li { float: none; margin: 0 }
.mio-header .mio-nav li .mio-snav li a { line-height: 50px; height: 50px; text-align:center; background: rgba(0,0,0,.8); }
.mio-header .mio-nav li .mio-snav li a:hover { background: rgba(195,0,47,.9); color: #fff }
.mio-header .mio-nav li.hover .mio-snav li a { border: 0; color: #fff; }
.mio-header .mio-nav li:hover .mio-snav { display: block }


.mio-header .mio-language { float: right; padding-left: 15px; color: #fff; }
.mio-header .mio-language a { color: #fff; font-size: 1.2em }


.mio-header .mio-tsearch {}
.mio-header .mio-tsearch span.iconfont { color: #aaa; font-size: 1.6em; cursor: pointer }
.mio-header .mio-tsearch span.iconfont:hover { color: #fff }


.mio-footer { padding: 50px 0; color: #aaa; background-color:#0f0f0f; }
.mio-footer .row a { color: #aaa }
.mio-footer .row a:hover { color: #fff }
.mio-footer p { margin: 0 }
.mio-footer p em { display: inline-block; width: 70px; }
.mio-footer h2 { color: #fff; }
.mio-footer .mio-fline { background-color:#1f1f1f; height: 1px; overflow: hidden; margin: 20px 0; }
.mio-footer .mio-fline span { background-color:#920023; float: left; height: 1px; width: 50px; display: block }
.mio-footer .mio-fct { }
.mio-footer .mio-fct p { line-height: 32px }
.mio-footer .mio-ewm { text-align: center; width: 160px; margin: 0 auto }
.mio-footer .mio-ewm img { display: block; margin-bottom: 8px; width: 100%; }



.mio-copyright { padding: 20px 0; color: #666; background-color: #0f0f0f; border-top: #1f1f1f 1px solid  }
.mio-copyright a { color: #666; }
.mio-copyright .tr span { padding: 0 8px; font-size: 0.85em; color: #333 }
.mio-copyright .mio-cp { background: url(logof.png) no-repeat left center; padding-left: 150px; }


.mio-fbar { background-color: #1f1f1f; color: #aaa; height: 80px; font-size: 1.1em }
.mio-fbar .mio-b {}
.mio-fbar .mio-b a { display: block; height: 80px; float: right; color: #fff; padding: 15px 25px 0 25px; }
.mio-fbar .mio-b a span { font-size: 1.3em; display: block; margin: 0 auto; text-align:center }
.mio-fbar .mio-b a.a1 { background-color: #333 }
.mio-fbar .mio-b a.a2 { background-color: #444 }
.mio-fbar .mio-b a:hover { background-color: #920023; color: #fff; }

.mio-fbar .mio-a { padding: 15px 0; } 
.mio-fbar .mio-a a { height: 50px; line-height: 50px; padding: 0 20px; text-align: center; background-color: #444; color: #fff; display: block; margin-right: 15px; float: left; } 
.mio-fbar .mio-a a span { font-size: 1.6em; float: left; margin-right: 8px }
.mio-fbar .mio-a a.mio-tel { background-color:#c3002f; color: #fff; width: auto; padding: 0 20px }
.mio-fbar .mio-a a.mio-tel strong { font-size: 1.3em; font-family: Geneva, Arial, Helvetica, sans-serif }
.mio-fbar .mio-a a:hover { background-color: #920023 }
.mio-fbar .mio-a a.mio-write span { font-size: 1.8em }
.mio-fbar .mio-a a.mio-wx span { font-size: 1.8em }



.mio-flinks { padding: 20px 0; color: #444; background-color: #0f0f0f; border-top: #1f1f1f 1px solid  }
.mio-flinks a { color: #444; }
.mio-flinks a:hover { color: #eee; }
.mio-flinks li { float: left; margin: 0 8px 8px 0 }




.mio-content { }
































/*==========================================================================================  首页 样式    START ============*/
/* 首页 轮播 */
.mio-banner { height: 600px; background-color: #222; }

.mio-banner .slideBox{ width:100%; height:600px; overflow:hidden; position:relative; }
.mio-banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left: -75px; bottom: 25px; z-index:1; }
.mio-banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-banner .slideBox .hd ul li{ float:left; margin: 0 5px;  width:15px; height:15px; border-radius: 50%; text-indent: -999999px; overflow: hidden; background: rgba(0,0,0,.5); cursor:pointer; }
.mio-banner .slideBox .hd ul li.on{ background:#c3002f; color:#fff; }
.mio-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mio-banner .slideBox .bd li{ zoom:1; vertical-align:middle; height:600px; background-position: center; background-repeat: no-repeat }

.mio-banner .slideBox .prev,
.mio-banner .slideBox .next{ position:absolute; left: 20px; top:50%; margin-top:-25px; display:block; width: 50px; height:50px; text-align:center; line-height: 50px; background: rgba(0,0,0,.5); color: #fff }
.mio-banner .slideBox .next{ left:auto; right: 20px; }
.mio-banner .slideBox .prev:hover,
.mio-banner .slideBox .next:hover{ background: rgba(146,0,35,.8); color: #fff }
.mio-banner .slideBox .prevStop{ display:none; }
.mio-banner .slideBox .nextStop{ display:none; }
.mio-banner .slideBox .prev span,
.mio-banner .slideBox .next span { font-size: 2em }


.mio-banner .mio-sld { padding-top: 120px; }
.mio-banner .mio-sld .mio-txt { margin-bottom: 40px; width: 540px; background: rgba(0,0,0,.5); color: #fff; padding: 50px; }
.mio-banner .mio-sld .mio-txt .mio-p1 { font-size: 2.5em; margin-bottom: 20px; font-weight: bold; }
.mio-banner .mio-sld .mio-txt .mio-p2 { font-size: 1.4em; line-height: 2em  }

.mio-banner .mio-sld3 .mio-txt { padding: 50px 40px; }
.mio-banner .mio-sld4 .mio-txt { width: 660px; }

.mio-banner .mio-sld:hover .mio-txt { background: rgba(0,0,0,.8); -webkit-transition: background 1.5s; transition: background 1.5s; }
.mio-banner .mio-sld .mio-txt { background: rgba(0,0,0,.5); -webkit-transition: background 1.5s; transition: background 1.5s; }





/* 内容 区块 */
.mio-section { padding: 50px 0; }
.mio-section img { max-width: 100% }
.mio-section .mio-t { margin-bottom: 50px; text-align: center }
.mio-section .mio-t h2 { font-size: 3em; color: #111; font-weight: bold }
.mio-section .mio-t h3 { font-size: 1.6em; text-transform: capitalize; font-weight: bold; color: #111; font-family: Geneva, Arial, Helvetica, sans-serif }
.mio-section .mio-t .mio-aline { background-color:#111; height: 2px; width: 60px; margin: 15px auto }





/* 首页 产品 */
.mio-products { padding: 0; background-color:#000 }
.mio-products h2 { font-size: 2.5em; font-weight: bold; letter-spacing: 1px; }
.mio-products h2 a { color: #fff; }
.mio-products .mio-txt { padding: 50px; }
.mio-products .mio-intro { margin: 30px 0; color: #aaa }
.mio-products .mio-intro p:nth-child(2) { display: none }
.mio-products .mio-home-pronav { margin-bottom: 30px; }

.mio-products .mio-txt12 { padding-top: 80px; } 
.mio-products .mio-txt8 { padding-top: 65px; } 

.mio-pro-wrap { padding: 30px 0 }
.mio-pro-wrap8,
.mio-pro-wrap10,
.mio-pro-wrap12 { background-color:#131313 }

.mio-products .mio-pro-wrap7 .mio-home-pronav { margin-bottom: 0; }



/* 首页 产品 二级栏目 */
.mio-product-subs { padding: 0 0 0 0; }
ul.mio-ul-01 {}
ul.mio-ul-01 li { width: 18.8%; margin-right: 1.5%; margin-top: 1.5%; float: left }
ul.mio-ul-01 li:nth-child(5n) { margin-right: 0 }
ul.mio-ul-01 li a { display: block; background-color: #1e1e1e; background-image: linear-gradient(to bottom right, #1e1e1e, #333); color: #fff; padding: 20px; text-align: center; font-size: 1.2em }
ul.mio-ul-01 li a .mio-img { width: 140px; height: 140px; margin: 0 auto 15px; border-radius: 50%; overflow: hidden; background-color:#333; }
ul.mio-ul-01 li a:hover { background-color: #920023; background-image: linear-gradient(to bottom right, #920023, #c3002f); color: #fff; }

ul.mio-ul-02 {}
ul.mio-ul-02 li { width: 32.33333%; margin-right: 1.5%; /*margin-bottom: 1.5%;*/ float: left }
ul.mio-ul-02 li:nth-child(3n) { margin-right: 0 }
ul.mio-ul-02 li a { display: block; background-color: #1e1e1e; background-image: linear-gradient(to bottom right, #1e1e1e, #333); color: #fff; padding: 20px; text-align: center; font-size: 1.2em }
ul.mio-ul-02 li a .mio-img { width: 140px; height: 140px; margin: 0 auto 15px; border-radius: 50%; overflow: hidden; background-color:#333; }
ul.mio-ul-02 li a:hover { background-color: #920023; background-image: linear-gradient(to bottom right, #920023, #c3002f);  color: #fff; }





/* 首页 简介 */

.mio-about { background-color: #fff; padding: 0 }
.mio-about .mio-intro { margin: 20px 0 30px 0;  }
.mio-about .mio-intro p { text-indent: 2em; margin: 15px 0 0 0 }
.mio-about .mio-fl { width: 50%; float: left; }
.mio-about .mio-fr { width: 50%; float: left; background: url(/upfile/a1.png) no-repeat left bottom; min-height: 550px; background-size: cover }
.mio-about .mio-overview { width: 600px; float: left; padding: 80px 0 80px 80px }
.mio-about h2 { width: 100%; height: 40px; background: url(logoa.png) no-repeat left center; text-indent:-9999999px; }
.mio-about h3 { color: #111; margin: 20px 0; font-size: 1.4em }




/* 首页 案例 */
.mio-cases { background-color:#111;  }
.mio-cases .mio-avmore a { margin: 50px auto 0 }
.mio-cases .mio-t h3 { color: #fff; }
.mio-cases .mio-t h2 { color: #fff; }
.mio-cases .mio-t .mio-aline { background-color: #fff }

.picMarquee-left{ width: 100%; height: 340px; position:relative; overflow: hidden }
.picMarquee-left .hd{  }
.picMarquee-left .hd .prev,
.picMarquee-left .hd .next { background: #131313; display: inline-block; position: absolute; top: 150px; left: 0; cursor:pointer; text-align: center; width: 50px; height: 50px; line-height: 50px; text-align:center; color: #999; }
.picMarquee-left .hd .next {}
.picMarquee-left .hd .prev:hover,
.picMarquee-left .hd .next:hover { background: #920023; color:#fff }
.picMarquee-left .hd .prev span { font-size: 1.5em }
.picMarquee-left .hd .next span { font-size: 1.5em; }
.picMarquee-left .hd .prevStop{ }
.picMarquee-left .hd .nextStop{ }
.picMarquee-left .bd { }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 25px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; height: 340px }
.picMarquee-left .bd ul li a { display: block; height: 340px; color: #fff; background-color: #333; padding: 20px; background-image: linear-gradient(to bottom right, #555, #222); }
.picMarquee-left .bd ul li a:hover { background:#c3002f; background-image: linear-gradient(to bottom right, #c3002f, #920023); color: #fff  }
.picMarquee-left .bd ul li .mio-img { width: 400px; height: 267px; display:block; overflow: hidden; }
.picMarquee-left .bd ul li img { width: 100%; min-height: 267px }
.picMarquee-left .bd ul li h3 { line-height: 53px; text-align: center; }





/* 首页 新闻 */
.mio-news { background-color:#fff }


.picScroll-left{ width: 100%; overflow:hidden; height: 390px; position:relative; }
.picScroll-left .hd{ }
.picScroll-left .hd .prev,
.picScroll-left .hd .next{ width: 50px; height: 280px; text-align: center; line-height: 280px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-color:#aaa; color: #fff; cursor: pointer }
.picScroll-left .hd .next{ left: 1200px; }
.picScroll-left .hd .prev:hover,
.picScroll-left .hd .next:hover { background-color:#920023; color: #fff }
.picScroll-left .hd ul{ position: absolute; top: 350px; left: 0; width: 100%; text-align: center }
.picScroll-left .hd ul li{ width: 12px; height: 12px; border-radius: 50%; background-color:#aaa; display: inline-block; text-indent: -9999999px; overflow: hidden; margin: 0 2px; cursor: pointer }
.picScroll-left .hd ul li.on{ background-color:#c3002f; }
.picScroll-left .bd{ width: 1050px; margin: 0 auto; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; width: 100% }
.picScroll-left .bd ul li .mio-c { padding: 25px 0 0 20px }
.picScroll-left .bd ul li .mio-pdate { color: #c3002f; font-size: 1.2em }
.picScroll-left .bd ul li h3 { font-size: 2.2em; margin: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.picScroll-left .bd ul li h3 a { color: #111; font-weight: bold }
.picScroll-left .bd ul li h3 a:hover { color: #920023 }
.picScroll-left .bd ul li .mio-intro { color: #777; margin: 30px 0 }
.picScroll-left .bd ul li .mio-img { height: 280px; overflow: hidden }
.picScroll-left .bd ul li .mio-img img { min-height: 280px; }


/*==========================================================================================  首页 样式    END ============*/

























































/* 分类 */
.mio-category { font-size: 1em }
.mio-category li { margin-bottom: 1px; }
.mio-category li a.mio-a { display: block; line-height: 60px; background: #444 url(ar1.png) no-repeat 250px center; color: #fff; padding: 0 25px; font-weight: bold; font-size: 1.2em }
.mio-category li a.mio-a:hover { background: #920023 url(ar1.png) no-repeat 250px center; color: #fff }
.mio-category li.hover a.mio-a { background: #920023 url(ar1.png) no-repeat 250px center; color: #fff }
.mio-category li ul { }
.mio-category li li { margin-top: 1px; margin-bottom: 0 }
.mio-category li li a { display: block; line-height: 40px; background-color: #ddd; background-image: linear-gradient(#eee, #ccc); color: #444; padding: 0 25px; }
.mio-category li li a:hover { color: #fff; background-color: #777; background-image: linear-gradient(#777, #666); }
.mio-category li li.shover a { color: #c3002f; border-left: #c3002f 3px solid; font-weight: bold }
.mio-category li li.shover a:hover { background-color: #eee; background-image: linear-gradient(#eee, #ccc); color: #c3002f;  }
.mio-category li.hover ul { }
.mio-category li li a span { float: right; font-size: 1.2em; margin-right:-5px }


.mio-block { margin-top: 30px; }
.mio-block h3 { line-height: 60px; background: #333 url(ar2.png) no-repeat 250px center; color: #fff; padding: 0 25px; font-weight: bold; font-size: 1.2em; }
.mio-block p { overflow: hidden; padding: 8px 5px; margin: 0; border-bottom: #ddd 1px solid }
.mio-block p:nth-child(even) { }
.mio-block p em { display: inline-block; width: 70px }
.mio-block li { overflow: hidden; padding: 8px 0; margin: 0 }
.mio-block .mio-c { }









.mio-position { height: 80px; width: 100%; background-color: #1f1f1f; color: #fff; font-size: 1.1em; overflow: hidden }
.mio-position .mio-t { line-height: 80px; font-size:1.1em }
.mio-position .mio-a { padding: 15px 0; } 
.mio-position .mio-a a { height: 50px; line-height: 50px; width: 50px; text-align: center; background-color: #444; color: #fff; display: block; margin-left: 15px; float: right; } 
.mio-position .mio-a a span { font-size: 1.6em }
.mio-position .mio-a a.mio-tel { background-color:#c3002f; color: #fff; width: auto; padding: 0 20px }
.mio-position .mio-a a.mio-tel strong { font-size: 1.3em; margin-left: 15px; font-family: Geneva, Arial, Helvetica, sans-serif }
.mio-position .mio-a a:hover { background-color: #920023 }
.mio-position .mio-a a.mio-write span { font-size: 1.8em }
.mio-position .mio-a a.mio-wx span { font-size: 1.8em }
.mio-position .mio-crumbs { line-height: 80px; font-size: 0.9em; color: #aaa; }
.mio-position .mio-crumbs a { color: #aaa; }

.mio-position-top { position: fixed; top: 0; left: 0; z-index: 999; border-bottom: #333 1px solid }




.mio-a-back { text-align: center; margin-top: 30px; }
.mio-a-back a { display: block; width: 160px; height: 46px; line-height: 46px; margin: 0 auto; background-color: #c3002f; color: #fff; text-align: center; border-radius: 4px; }
.mio-a-back a:hover { background-color: #920023; color: #fff; }










/* 内页 BANNER */
.mio-pbanner { height: 600px; background-color: #222; background-image: url(1.jpg); background-position:top center; background-repeat: no-repeat; }
.mio-pbanner .mio-pbg { padding: 120px 0 0 0; }
.mio-pbanner .mio-t { background: rgba(0,0,0,.75); width: 460px; padding: 45px; }
.mio-pbanner .mio-t h2 { font-size: 2em; color: #fff; font-weight: lighter; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color:#c3002f; }
.mio-pbanner .mio-t h3 { font-size: 1.4em; color: #fff; line-height: 1.8em }
.mio-pbanner .mio-t .mio-aline { width: 50px; height: 3px; background-color:#c3002f; margin: 15px 0 25px 0 }

.mio-pbanner2 { background-image: url(2.jpg); }
.mio-pbanner3 { background-image: url(3.jpg); }
.mio-pbanner6 { background-image: url(6.jpg); }
.mio-pbanner9 { background-image: url(9.jpg); }
.mio-pbanner10 { background-image: url(10.jpg); }
.mio-pbanner11 { background-image: url(11.jpg); }
.mio-pbanner12 { background-image: url(12.jpg); }
.mio-pbanner7,.mio-pbanner13,.mio-pbanner14,.mio-pbanner15,.mio-pbanner16,.mio-pbanner17,.mio-pbanner18,.mio-pbanner19,.mio-pbanner20,.mio-pbanner21,.mio-pbanner22 { background-image: url(7.jpg); }
.mio-pbanner8,.mio-pbanner23,.mio-pbanner24,.mio-pbanner25,.mio-pbanner5 { background-image: url(8.jpg); }
.mio-pbanner4 { background-image: url(4.jpg); }
.mio-pbanner29 { background-image: url(29.jpg); }




/* 分页 */
.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:#c3002f; color: #fff }




/* 文章页 */
.mio-article { }
.mio-article p { text-indent: 2em; text-align:justify; }
.mio-article h2,
.mio-article h3 { margin: 15px 0; font-weight: bold; }
.mio-article ol,
.mio-article ul { margin: 20px 0 20px 2em; }
.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; font-weight: bold; color: #222 }
.mio-article a:hover { color: #920023 }




/*============================================================= 百科页 */
.mio-wiki-article { margin-top: 30px; }
.mio-wiki-article img { display: block; margin-bottom: 20px; }

.mio-tagcloud { border: #eee 5px solid; padding: 15px 30px; }
.mio-taglist a { display: block; padding: 3px 0;}
.mio-taglist a.hover { color: #c3002f; font-weight: bold }
.mio-taglist .col-md-6 { padding: 0 }



/*============================================================= 产品 列表+详情 */
.mio-plist {}
.mio-plist a { display: block; margin-bottom: 30px; height: 157px; overflow: hidden;  background-color:#efefef; }
.mio-plist .mio-img { height: 157px; background-color: #333; overflow: hidden; }
.mio-plist h2 { font-size: 1.2em; font-weight: bold; color: #c3002f;   white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.mio-plist .mio-intro { line-height: 1.8em; margin: 10px 0 5px 0; color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-align:justify; }
.mio-plist .mio-model {  line-height: 1.8em }
.mio-plist u { text-decoration: none; color: #555; }
.mio-plist .mio-c { padding: 15px 15px 15px 0; }
.mio-plist a:hover { background-color: #c3002f; color: #fff }
.mio-plist a:hover .mio-intro,
.mio-plist a:hover u,
.mio-plist a:hover h2 { color: #fff; }


.mio-pro-all { }
.mio-pro-all a.mio-a { display: block; margin-bottom: 30px; }
.mio-pro-all a.mio-a .mio-img { height: 298px; overflow: hidden }
.mio-pro-all a.mio-a .mio-intro { height: 80px; overflow: hidden; margin: 15px 0 0 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-align:justify; color: #777 }
.mio-pro-all a.mio-a h2 { font-size: 2em; font-weight: bold; margin: 0 0 20px 0; color: #111 }


.mio-pro-all-rl { margin-bottom: 30px; }
.mio-pro-all-rl h2 { font-size: 2em; font-weight: bold; margin: 25px 0 0 0; color: #c3002f }
.mio-pro-all-rl h2 a { color: #c3002f }
.mio-pro-all-rl h2 a:hover { color: #920023; }
.mio-pro-all-rl .mio-intro { height: 100px; overflow: hidden; margin: 15px 0 25px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; text-align:justify; color: #777 }



.mio-pro-details { margin-top: 30px; }
.mio-pro-details h2 { color: #111; font-weight: bold; margin-bottom: 20px; }
.mio-pro-details h2 a { color: #111; }


.mio-prodesc { margin-bottom: 30px; border-bottom: #ddd 1px solid; padding-bottom: 15px; text-align:justify; text-indent: 2em; margin-top: 15px }
.mio-prodesc p { margin: 0 }


.mio-pro-single-page { text-align:justify; text-indent: 2em; margin-top: 40px }
.mio-pro-single-page img { display: block; width: 100% }
.mio-pro-single-page .tc { color: #c00 }
.mio-pro-single-page .row { margin: 15px 0 }


.zoomIcon { 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:1px;
	right:1px;
	background:url(/images/icon.png);
}
.zoom {
	display:inline-block;
	position:relative;
}
.zoom img {
	display: block;
}
.zoom img::selection { background-color: transparent; }

/* 非标定制 */
.mio-dingzhi-tips { text-align: center; background-color: #dfe5e5; padding: 50px; font-size: 1.6em; line-height: 2.2em; color: #000; border-radius: 4px }
.mio-dingzhi-tips strong { color: #c3002f; font-size: 1.2em }





/*============================================================= 技术支持 */
.mio-dlist {}
.mio-dlist a { display: block; padding: 30px; background-color:#eee; color: #333; margin-bottom: 30px; text-align: center; font-size: 1.2em }
.mio-dlist a .mio-ico { margin-bottom: 15px; padding-top: 30px; }
.mio-dlist a .mio-ico span { font-size: 4em; color: #c3002f }
.mio-dlist a:hover { background-color: #c3002f; color: #fff }
.mio-dlist a:hover .mio-ico span { color: #fff }


/*============================================================= 成功案例 */
.mio-page-cases { background-color: #000 }

.mio-calist {}
.mio-calist a { display: block; height: 310px; color: #fff; background-color: #333; padding: 20px; background-image: linear-gradient(to bottom right, #555, #222); margin-bottom: 30px; }
.mio-calist a .mio-img { height: 238px; overflow: hidden }
.mio-calist a .mio-img img { min-height: 238px; }
.mio-calist a h3 { height: 50px; line-height: 50px; text-align: center }





/*============================================================= 服务领域 */
.mio-slist { margin-top: 30px; }
.mio-slist a { display: block; border-bottom: #eee 1px solid; margin-bottom: 30px; }
.mio-slist .mio-img { background-color:#fff; overflow: hidden; height: 245px; border-bottom: #fff 1px solid }
.mio-slist .mio-img img { min-height: 245px; width: 100% }
.mio-slist h3 { text-align: center; font-size: 1.4em; line-height: 60px; }
.mio-slist a:hover { border-bottom: #c3002f 1px solid; background-color: #c3002f; color: #fff }



.mio-service-article { margin-top: 30px; }
.mio-service-article img { display: block; width: 100%; margin-bottom: 20px; }




/*============================================================= 关于我们 */
.mio-page-about p { font-size: 1.2em; margin: 30px 0; text-indent: 2em }




/*============================================================= 联系方式 */
.mio-page-contact { text-align: center; }
.mio-page-contact .mio-t h3 { color: #111 }
.mio-page-contact .mio-t h2 { color: #111 }
.mio-page-contact .mio-t .mio-aline { background-color: #111 }
.mio-page-contact h1 { color: #c3002f; font-weight: bold }

.mio-page-contact .mio-pc { margin-top: 50px }
.mio-page-contact .mio-cbox { padding: 30px; text-align: center; min-height:270px; background-color:#eee; font-size:1.2em; }
.mio-page-contact .mio-cbox .mio-ico { width: 100px; height: 100px; line-height: 90px; text-align: center; margin: 0 auto 10px; border-radius: 50%; background-color: #c3002f; color: #fff; border: #fff 5px solid;  }
.mio-page-contact .mio-cbox .mio-ico span { font-size: 2.6em; }
.mio-page-contact .mio-cbox em { color: #c3002f; line-height: 3em }

.mio-map-contact { padding: 50px 0; background-color: #555 }
.mio-map-contact .mio-t { margin-bottom: 50px; text-align: center }
.mio-map-contact .mio-t h2 { font-size: 3em; color: #fff; font-weight: bold }
.mio-map-contact .mio-t h3 { font-size: 1.3em; color: #fff; text-transform: uppercase; font-weight: bold }
.mio-map-contact .mio-t .mio-aline { background-color:#fff; height: 2px; width: 60px; margin: 15px auto }
#dituContent { height: 500px; }













/*============================================================= 新闻 列表+详情 */
.mio-category-news { width: 500px; margin: -10px auto 40px  }
.mio-category-news ul {}
.mio-category-news li { width: 32%; float: left; margin: 0 2px  }
.mio-category-news li a { display: block; line-height: 50px; text-align: center; background-color:#666; color: #fff; font-size: 1.2em }
.mio-category-news li a:hover { background-color:#920023 }
.mio-category-news li.hover a { background-color:#c3002f }

.mio-alist {}
.mio-alist a { background-color:#fff; border: #eee 8px solid; padding: 30px; display: block; margin-bottom: 30px; }
.mio-alist .mio-img { height: 264px; overflow: hidden }
.mio-alist .mio-img img { min-height: 264px }
.mio-alist .mio-c { }
.mio-alist .mio-pdate { color: #c3002f; }
.mio-alist .mio-intro { color: #888; }
.mio-alist h2 { margin: 5px 0 15px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-weight: bold }
.mio-alist a:hover { background-color: #920023 }
.mio-alist a:hover .mio-pdate,
.mio-alist a:hover .mio-intro,
.mio-alist a:hover h2 { color: #fff; }

.mio-amain { border:#eee 5px solid; padding: 30px; }
.mio-amain h1 { text-align: center; color: #111; font-size: 2em; font-weight: bold }

.mio-ain { text-align: center; margin: 20px 0; padding: 10px 0; background-color:#eee; color: #666 }
.mio-ain a { color: #666; }

.mio-news-article img { width: 100%; display: block; margin: 30px auto }

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


.mio-related {}
.mio-related h2 { background: #666 url(ar2.png) no-repeat 245px center; line-height: 50px; padding: 0 25px; color: #fff; margin-bottom: 15px; }
.mio-related ul { border: #eee 5px solid; padding: 15px }
.mio-related li h3 { line-height: 1.6em; font-size: 1.1em; 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-related li .mio-img { height: 80px; overflow: hidden }
.mio-related li .mio-img img { min-height: 80px; }
.mio-related li .mio-pdate { color: #c3002f; margin-bottom: 5px; }
.mio-related li .col-md-5 { padding-right: 0 }




/* 标签 */
.mio-tags { margin-top: 30px; color: #aaa }
.mio-tags a { display: inline-block; margin-left: 6px; background-color: #333; color: #fff; padding: 2px 15px; border-radius: 2px }
.mio-tags a:hover { background-color: #920023 }
.mio-tags dl,
.mio-tags dt,
.mio-tags dd { display: inline-block; margin-right: 8px; }


/* 上下页 */
.mio-prev-next { margin: 30px auto; text-align: center }
.mio-prev-next a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color:#666; color: #fff; }
.mio-prev-next a span { font-size: 1.8em }
.mio-prev-next a:hover { background-color:#920023; color: #fff }
.mio-prev-next .mio-anone,
.mio-prev-next .mio-anone:hover { color: #aaa; background-color:#eee }





/* 弹窗 关键词 与 搜索 */
.mio-pwindow { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: url(bl1.png); display: none }
.mio-pwinwrap { width: 100%; height: 100%; position: relative; }
.mio-pwindow .container { }
.mio-pwindow .mio-pwinbox { background-color: #fff; padding: 30px 30px 0 30px; position: absolute; top: 50%; left: 50%; width: 1250px; margin: -390px 0 0 -625px; }
.mio-pwindow .mio-tsform {}
.mio-pwindow .mio-tsform .ipts { width: 80%; height: 60px; line-height: 60px; background-color:#f3f3f3; float: left; border: #ddd 1px solid; padding: 0 20px; font-size: 1.4em }
.mio-pwindow .mio-tsform .btns { width: 20%; height: 60px; background-color:#c3002f; color: #fff; cursor: pointer; border: 0; font-size: 1.4em }

.mio-pwindow .mio-qlinks { padding: 30px 0 0 0 }
.mio-pwindow .mio-qlinks h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 30px; }
.mio-pwindow .mio-qlinks h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; border-left: #c3002f 3px solid; padding-left: 10px; }
.mio-pwindow .mio-qlinks h3 a { color: #c3002f }
.mio-pwindow .mio-qlinks .mio-sq { margin-bottom: 30px; }
.mio-pwindow .mio-qlinks .row a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: block; height: 26px; line-height: 26px; }

.mio-pwindow .mio-close { position: fixed; top: 20px; right: 20px; z-index: 9999999; color: #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; background-color: #c3002f; cursor: pointer }
.mio-pwindow .mio-close span { font-size: 2em }




/* 弹窗 在线留言 */
.mio-msg-window { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: url(bl1.png); display: none }
.mio-msg-window-wrap { width: 100%; height: 100%; position: relative; }
.mio-msg-window-wrap .container { }
.mio-msg-window-box { background-color: #fff; padding: 100px 100px 0 100px; position: absolute; top: 50%; left: 50%; width: 1250px; margin: -330px 0 0 -625px; }
.mio-msg-window-box h2 { text-align: center; font-size: 3em; color: #111; font-weight: bold } 
.mio-msg-window-box h6 { text-align: center; font-size: 1.4em; margin: 20px 0 40px 0; }
.mio-msg-window-box .row div { margin-bottom: 30px; }
.mio-msg-window-box .ipts { border: #ddd 1px solid; background-color: #ddd; width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 1.2em }
.mio-msg-window-box .btns { width: 200px; height: 50px; line-height: 50px; text-align: center; border: 0; cursor: pointer; background-color: #c3002f; color: #fff; margin: 0 auto; display: block; font-size: 1.2em }
.mio-msg-window-box .txts { border: #ddd 1px solid; background-color: #ddd; width: 100%; height: 150px; line-height: 30px; padding: 10px; font-size: 1.2em }
.mio-msg-window-box .ipts:focus,
.mio-msg-window-box .txts:focus { border: #c3002f 1px solid; background-color:#f3f3f3 }
.mio-msg-window .mio-close { position: fixed; top: 20px; right: 20px; z-index: 9999999; color: #fff; width: 60px; height: 60px; text-align: center; line-height: 60px; background-color: #c3002f; cursor: pointer }
.mio-msg-window .mio-close span { font-size: 2em }



.mio-weixin-window { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: url(bl1.png); display: none }
.mio-weixin-window-wrap { width: 100%; height: 100%; position: relative; }
.mio-weixin-window-box { background-color: #fff; padding: 10px; position: absolute; top: 50%; left: 50%; width: 300px; height: 360px; margin: -180px 0 0 -150px; font-size: 1.4em; text-align: center }
.mio-weixin-window-box img { display: block; width: 100%; margin-bottom: 10px; }






.mio-avmore a { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#c3002f url(right2.png) no-repeat 110px center }
.mio-avmore a:hover { background-color: #920023; }

.mio-h1t { font-size: 2.5em; font-weight: bold; color: #111; margin-bottom: 15px }







/*.brandhub-thumb-item-overlay {
    background: rgba(0,0,0,.35);
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    padding: 13px 31px 13px 31px;
    position: absolute;
    -webkit-transition: height .5s,background 1.5s;
    transition: height .5s,background 1.5s;
        transition-property: height, background;
        transition-duration: 0.5s, 1.5s;
        transition-timing-function: ease, ease;
        transition-delay: 0s, 0s;
    width: 100%;
    z-index: 15;
}*/