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;}

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,dl { margin: 0; padding: 0; list-style: none; }

.tr { text-align: right }
.tc { text-align: center }
.fr { float: right }
.fl { float: left }
.none { display: none }

.mio-chat,
.mio-navm,
.mio-close { display: none }

.mio-header { height: 100px; width: 100%; background-color: #000; position: fixed; top: 0; left: 0; z-index: 99; }
.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-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-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-footer .mio-tags-recommend {}
.mio-footer .mio-tags-recommend li { width: 25%; float: left }
.mio-footer .mio-tags-recommend li a { display: block; height: 32px; line-height: 32px; overflow: hidden; background-color: #161616; color: #aaa; margin: 0 5px 5px 0; text-align: center }
.mio-footer .mio-tags-recommend li a:hover { background-color: #c3002f; color: #fff; }



.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-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-flinks .row .col-md-2,
.mio-flinks .row .col-md-3 { padding-right: 0 }
.txtScroll-top{ height: 24px; overflow: hidden; }
.txtScroll-top .hd{ display: none }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:24px; line-height:24px; float: none }
.txtScroll-top .infoList li a { }



.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; text-align: left }
.mio-avmore a:hover { background-color: #920023; }


.mio-banner { overflow: hidden }
.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-bullet { background: #000; width: 15px; height: 15px; border-radius: 50% }
.mio-banner .swiper-pagination-bullet-active { background: #c3002f; }
.mio-banner .mio-bbg .mio-avmore { margin-top: 20px; }


.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 h1,
.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-txt12 { padding-top: 80px; } 
.mio-products .mio-txt8 { padding-top: 65px; } 

.mio-products .mio-pro-wrap { padding: 30px 0 }
.mio-products .mio-pro-wrap:nth-child(even) { background-color:#131313; }




/* 首页 产品 二级栏目 */
.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 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 { margin-top: 1.5%;}
ul.mio-ul-02 li { width: 32.33333%; margin-right: 1.5%; float: left }
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 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 }



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

.mio-itnews { border-top: rgba(0,0,0,.1) 1px solid; padding-top: 40px; }
.mio-itnews .col-md-4 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.mio-itnews span { font-size: 1em; float: right; color: #999; font-family: Arial, Helvetica, sans-serif }




.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-weight: bold; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
line-clamp: 2;-webkit-box-orient: vertical; color: #000; font-size: 1.3em; line-height: 1.4em }
.mio-plist .mio-intro { margin: 10px 0 5px 0; color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; line-height: 1.4em }
.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-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 { }





/* 内页 BANNER */
.mio-pbanner { height: 600px; background-color: #222; background-image: url(pbanner/1.jpg); background-position:top center; background-repeat: no-repeat; margin-top: 80px; }
.mio-pbanner .mio-pbg { padding: 150px 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(pbanner/2.jpg); }
.mio-pbanner3 { background-image: url(pbanner/3.jpg); }
.mio-pbanner6 { background-image: url(pbanner/6.jpg); }
.mio-pbanner9 { background-image: url(pbanner/9.jpg); }
.mio-pbanner10 { background-image: url(pbanner/10.jpg); }
.mio-pbanner11 { background-image: url(pbanner/11.jpg); }
.mio-pbanner12 { background-image: url(pbanner/12.jpg); }
.mio-pbanner7,.mio-pbanner18,.mio-pbanner19,.mio-pbanner20,.mio-pbanner21 { background-image: url(pbanner/7.jpg); }
.mio-pbanner8,.mio-pbanner23,.mio-pbanner24,.mio-pbanner25,.mio-pbanner5 { background-image: url(pbanner/8.jpg); }
.mio-pbanner4 { background-image: url(pbanner/4.jpg); }
.mio-pbanner29 { background-image: url(pbanner/29.jpg); }
.mio-pbanner17 { background-image: url(pbanner/17.jpg); }
.mio-pbanner13 { background-image: url(pbanner/13.jpg); }
.mio-pbanner14 { background-image: url(pbanner/14.jpg); }
.mio-pbanner15 { background-image: url(pbanner/15.jpg); }
.mio-pbanner16 { background-image: url(pbanner/16.jpg); }
.mio-pbanner22 { background-image: url(pbanner/22.jpg); }


.mio-ncontent { padding: 0 0 50px 0; }
.mio-alist li { margin-bottom: 30px; }
.mio-alist li a { display: block; }
.mio-alist li .mio-img { width: 38%; height: 235px; background-color:#222; float: left; overflow: hidden }
.mio-alist li .mio-img img { width: 100%; min-height: 100%; }
.mio-alist li .mio-txt { width: 62%; float: left; padding: 0 0 0 30px; }
.mio-alist li .mio-pdate { color: #444; }
.mio-alist li .mio-pdate span { color: #999; padding: 0 10px; }
.mio-alist li .mio-intro { color: #777; margin: 10px 0; }
.mio-alist li h2 { margin: 10px 0; font-size: 1.6em; font-weight: bold; color: #222; }
.mio-alist li .mio-nvmore { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#c3002f url(right2.png) no-repeat 110px center; text-align: left }


.mio-slist {}
.mio-slist li { margin-bottom: 1px; }
.mio-slist li a { display: block; background-color: #f3f3f3 }
.mio-slist li .mio-img { width: 50%; height: 260px; background-color:#222; float: left; overflow: hidden }
.mio-slist li .mio-img img { width: 100%; height: 100%; display: block }
.mio-slist li .mio-txt { width: 50%; float: left; padding: 30px 50px; }
.mio-slist li h3 { font-size: 2.2em; font-weight: bold; color: #222; }
.mio-slist li .mio-nvmore { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#c3002f url(right2.png) no-repeat 110px center; text-align: left; }
.mio-slist li .mio-intro { color: #777; margin: 20px 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; }
.mio-slist li:nth-child(even) .mio-img { float: right }
.mio-slist li a:hover { background-color: #efede6 }


.mio-dlist { border-top: #eee 1px solid; border-left: #eee 1px solid; }
.mio-dlist li { width: 33.33%; border-right: #eee 1px solid; border-bottom: #eee 1px solid; float: left }
.mio-dlist li a { display: block; padding: 50px; text-align: center; font-size: 1.2em }
.mio-dlist li .mio-ico { display: block; width: 100px; height: 100px; background-color: #eee; border-radius: 50%; line-height: 100px; margin: 0 auto 20px; color: #c3002f; }
.mio-dlist li .mio-ico span { font-size: 3em; }
.mio-dlist li a:hover .mio-ico { background-color: #c3002f; color: #fff; }
.mio-dlist li a:hover { background-color: #eee }



.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-np { margin-top: 100px; }

.mio-amain h1 { color: #111; font-size: 2.5em; font-weight: bold; text-align: center; margin-bottom: 30px }

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



/* 文章页 */
.mio-article { font-size: 1.2em; line-height: 1.8em }
.mio-article p { text-indent: 2em; text-align:justify; margin: 20px 0 }
.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-article-news img { display: block; max-width: 600px; margin: 0 auto }

.mio-article-service h1 { margin-bottom: 30px; text-align: left; font-size: 2.5em }
.mio-article-service img { width: 100%; display: block }




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


/* 标签 */
.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 { text-decoration: underline /*background-color: #920023*/ }
.mio-tags dt,
.mio-tags dd { display: inline-block; margin-right: 4px; }



/* 上下页 */
.mio-prev-next { margin: 30px auto; text-align: center; border-top: #e3e3e3 1px solid; padding-top: 30px; }
.mio-prev-next a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color:#666; color: #fff; margin: 0 2px; }
.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-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 h4 { color: #c3002f; font-weight: bold; font-size: 2.5em }
.mio-page-contact .mio-pc { margin-top: 50px }
.mio-page-contact .mio-cbox { padding: 30px; text-align: center; 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 }
.mio-map-contact .mio-ditu { width: 100%; background: url(/upfile/map.jpg) no-repeat top center; }




.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-pro-all { }
.mio-pro-all a.mio-a { display: block; margin-bottom: 30px; box-shadow: 0 0 15px rgba(0,0,0,.2); padding: 25px; }
.mio-pro-all a.mio-a .mio-img { }
.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 a.mio-a .mio-smore { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#000 url(right2.png) no-repeat 110px center; text-align: left; margin-top: 15px;  }
.mio-pro-all a.mio-a:hover .mio-smore { background-color: #c3002f }
.mio-pro-all a.mio-a:hover h2 { color: #c3002f }


.mio-pro-single-page p { text-indent: 2em; font-size: 1.2em; margin: 0 0 20px 0 }
.mio-pro-single-page img { display: block; margin: 0 auto 20px }


/*荣基标准联轴器 ClassID=8*/
.mio-rbz {}
.mio-rbz li { margin-bottom: 30px; border-bottom: #e3e3e3 1px solid; padding-bottom: 30px; }
.mio-rbz li a {}
.mio-rbz li a .mio-img { width: 40%; float: left }
.mio-rbz li a img {}
.mio-rbz li a .mio-txt { width: 60%; float: left; padding: 30px 50px; }
.mio-rbz li a h2 { font-size: 2em; font-weight: bold; color: #111 }
.mio-rbz li a .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-rbz li a .mio-smore { width: 180px; height: 46px; color: #fff; display: block; padding: 0 35px; line-height: 46px; background:#111 url(right2.png) no-repeat 110px center; text-align: left }
.mio-rbz li a:hover h2 { color: #c3002f }
.mio-rbz li a:hover .mio-smore { background-color: #c3002f }



.mio-page-about { }
.mio-page-about p { margin: 0 0 20px 0; text-indent: 2em; font-size: 1.2em }
.mio-page-about img { display: block; margin-bottom: 20px }

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

.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-details { margin-top: 30px; }
.mio-pro-details h2 { color: #111; font-weight: bold; margin-bottom: 20px; }
.mio-pro-details h2 a { color: #111; }

.mio-pline { width: 60px; height: 4px; background-color: #000; margin: 25px 0 }


.mio-inner-wrap {}
.mio-inner-wrap .mio-apdf { }
.mio-inner-wrap .mio-apdf a { width: 170px; height: 40px; line-height: 40px; background-color: #c3002f; background-image: linear-gradient(to bottom right,#c3002f, #920023); color: #fff; border-radius: 4px; display: block; }
.mio-inner-wrap .mio-apdf a span { font-size: 2em; width: 50px; height: 40px; display: block; float: left; text-align: right; margin-right: 15px; }
.mio-inner-wrap .mio-apdf a:hover { background-color: #000; background-image: linear-gradient(to bottom right,#333, #000); }





/* 弹窗 在线留言 */
.mio-msg-window { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.9); 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-mclose { 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-mclose span { font-size: 2em }



.mio-weixin-window { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: rgba(0,0,0,.9); 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-taglist {}
.mio-taglist a { display: block; height: 42px; line-height: 42px; margin-bottom: 15px; text-align: center; background-color: #eee; font-size: 1.2em }
.mio-taglist a:hover { background-color: #c3002f; color: #fff; }

.mio-tag-wrap { margin-top: 30px; border-top: #ddd 1px solid; padding-top: 30px; }
.mio-tag-wrap h2 { font-size: 2em; color: #111; font-weight: bold; border-left: #111 4px solid; padding-left: 15px; }

.mio-rlist2 .col-md-6:nth-child(n+7) { display: none }




.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-greyp { background-color: #efefef; }
.mio-related-tag { background-color: #ddd; }

.mio-related { padding: 25px; background-color: #f3f3f3 }
.mio-related h2,
.mio-related2 h2 { margin-bottom: 20px }
.mio-rlist {}
.mio-rlist a { white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all; display: block }



/*=============================================== 竞价专题样式 START */
.mio-apbanner { margin-top: 60px; height: 650px; background-position: center; background-repeat: no-repeat; background-size: cover }
.mio-apbanner img { width: auto; margin: 220px 0 0 100px; }
.mio-apbanner-swc { background-image: url(/upfile/zt/swc.jpg); }
.mio-atui { padding-bottom: 20px; }
.mio-atui .mio-t h1 { font-family: Arial; }
.mio-atui .mio-t .mio-intro { margin: 30px auto 0; }
.mio-aplist {}
.mio-aplist .mio-abox { border: #e3e3e3 1px solid; padding: 20px; margin-bottom: 30px; text-align: center }
.mio-aplist .mio-abox h3 { font-size: 1.8em; font-weight: bold; font-family: Arial; margin-top: 15px; }
.mio-aplist .mio-abox h4 { margin-top: 15px; color: #c3002f; font-size: 1.2em; }
.mio-aplist .mio-abox .mio-vmore a { width: 160px; height: 40px; display: block; margin: 20px auto; background-color: #c3002f; color: #fff; border-radius: 4px; line-height: 40px; }
.mio-aplist .mio-abox .mio-vmore a:hover { background-color: #000; }
.mio-aplist .mio-abox2 { border: #c3002f 1px solid; padding: 50px; text-align: center; font-size: 1.2em; height: 502px; background-color: #f7f7f7 }
.mio-aplist .mio-abox2 .mio-awx { width: 120px; margin: 0 auto; }
.mio-aplist .mio-abox2 p { margin-bottom: 30px; }
.mio-aplist .mio-abox2 p.ap2 span { color: #009999; }
.mio-aplist .mio-abox2 p.ap3 { color: #c3002f; font-size: 1.3em }
.mio-aplist .mio-abox2 p.ap4 b { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }

.mio-acase { background-color: #eee; }
.mio-acase .mio-aclist .mio-img { height: 255px; overflow: hidden; }
.mio-acase .mio-aclist h3 { text-align: center; padding: 15px; }
/*=============================================== 竞价专题样式 END */


.mio-arintro { background-color: #f3f3f3; padding: 25px; margin: 20px auto; font-size: 1.2em; }



.mio-wiki-pro h1.mio-h1wiki { font-size: 3em; color: #111; font-weight: bold; }
.mio-wiki-pro h1.mio-h1wiki span { display: inline-blcok; background: url(line.png) no-repeat right bottom; padding-right: 20px; }
.mio-wiki-pro .mio-article-wiki { margin: 30px auto; }
.mio-wiki-pro .mio-article-wiki p.p1 { font-weight: bold; font-size: 1.4em }
.mio-wiki-pro-list a { display:block; padding: 15px; border: #e3e3e3 1px solid; border-bottom-width: 3px; margin-bottom: 30px; }
.mio-wiki-pro-list a .mio-img {}
.mio-wiki-pro-list a .mio-txt { padding: 25px 15px; }
.mio-wiki-pro-list a h3 { text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-weight: bold; color: #c3002f; }
.mio-wiki-pro-list a .mio-intro { 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; color: #777; height: 100px; }
.mio-wiki-pro-list a .mio-smore { width: 140px; height: 34px; line-height: 34px; border-radius: 2px; text-align: center; background-color: #999; color: #fff; margin: 0 auto }
.mio-wiki-pro-list a .mio-smore span { margin-left: 6px; }
.mio-wiki-pro-list a:hover { border-color: #c3002f; }
.mio-wiki-pro-list a:hover .mio-smore { background-color: #c3002f }
.mio-wiki-pro .mio-itnews { border: 0; margin: 0; padding: 0; }


.mio-xzq p { margin-bottom: 20px; }
.mio-xzq ul li { background: url(dot.png) no-repeat left 6px; padding-left: 20px; margin: 0 0 10px 0; }
.mio-xzq ul.ul1 { padding-right: 50px; }
.mio-xzq p.p1 { background: url(ico.png) no-repeat 15px 15px; font-size: 1.2em; padding: 15px 15px 15px 85px; min-height: 80px; border: #333 1px dashed; color: #f70; margin: 25px 0; }
.mio-xzq p.p2 { font-size: 1.2em; margin-top: 15px; }
.mio-xzq h2 { font-size: 1.5em; font-weight: bold; color: #c3002f; margin-bottom: 20px; border-left: #c3002f 5px solid; padding-left: 15px; }
.mio-xzq table { width: 100%; border-collapse: collapse; border-spacing:0; color: #111; text-align: center; }
.mio-xzq table th { padding: 15px 5px; border-left:#fff 1px solid; border-bottom: #fff 1px solid; background-color:#2e394b; color: #fff; text-align: center }
.mio-xzq table td { padding: 5px 5px; border-left:#fff 1px solid; border-bottom: #fff 1px solid; text-align: center }
.mio-xzq table tr:nth-child(even) { background-color:#ddd }
.mio-xzq table tr:nth-child(odd) { background-color:#ccc }
.mio-xzq td span { margin-right: 10px; }

@media (min-width:1280px) {
	.container { width: 1280px; }
	.mio-header .container { position: relative; }
	.mio-header .mio-top { float: right; }
	.mio-header .mio-nav { float: left }
	.mio-header .mio-nav ul { margin-right: 30px; }
	.mio-header .mio-nav li { float: left; margin: 0 30px; position: relative; z-index: 99; }
	.mio-header .mio-nav li a span { display: none }
	.mio-header .mio-nav li a.mio-a1 { color: #fff;  display: block; font-size: 1.2em; height: 100px; line-height: 100px; font-weight: bold; }
	.mio-header .mio-nav li a.mio-a1:hover { color: #c3002f; }
	.mio-header .mio-nav li.hover a.mio-a1 { color: #c3002f; border-bottom: #c3002f 2px solid }
	.mio-header .mio-nav li .mio-snav { position: fixed; top: 98px; border-top: #c3002f 2px solid; left: 0; width: 100%; background-color: #fff; padding: 40px 0; box-shadow: 0 5px 15px rgba(0,0,0,.2); display: none }
	.mio-header .mio-nav li .mio-snav a { color: #333; display: block; }
	.mio-header .mio-nav li .mio-snav a:hover { color: #c3002f; }
	.mio-header .mio-nav li .mio-snav a.mio-a2 { font-weight: bold; font-size: 1.5em; height: 50px; line-height: 50px; }
	.mio-header .mio-nav li .mio-snav ul { margin: 0; }
	.mio-header .mio-nav li .mio-snav ul li { margin: 0; float: none }
	.mio-header .mio-nav li .mio-snav ul.mio-nav2 li a { height: 30px; line-height: 30px; overflow: hidden; font-size: 1.1em }
	.mio-header .mio-nav li .mio-snav ul.mio-nav2 li a span { display: block; float: left; font-size: 0.9em; margin-right: 6px; }
	
	.mio-header .mio-nav li .mio-snav .mio-nav1 {}
	.mio-header .mio-nav li .mio-snav .mio-nav1 .mio-nbox { float: left; margin-right: 100px; }
	.mio-header .mio-nav li .mio-snav .mio-nav1 .mio-nbox2 { margin-right: 0; width: 490px; height: 350px; background: #333 url(/upfile/lzq.jpg) no-repeat center; float: right }
	
	.mio-header .mio-nav li#mio-li3:hover .mio-snav { display: block }
		
	.mio-header .mio-language { float: right; color: #fff; line-height: 100px; width: 50px; text-align: right; overflow: hidden }
	.mio-header .mio-language a { color: #fff; font-size: 1.2em }
	
	.mio-header .mio-tsearch { float: left; line-height: 100px; width: 50px; text-align: right; overflow: hidden }
	.mio-header .mio-tsearch span.iconfont { color: #aaa; font-size: 1.6em; cursor: pointer }
	.mio-header .mio-tsearch span.iconfont:hover { color: #fff }
	.mio-header .mio-tsearch span.ico-cl { display: none }
	
	
	.mio-header .mio-tsearch2 { width: 300px; height: 50px; padding: 8px; position: absolute; top: 22px; right: 100px; z-index: 99; display: none }
	.mio-header .mio-tsearch2 .ipts { width: 220px; height: 40px; line-height: 40px; padding: 0 10px; float: left; border: 0; background-color: #fff; }
	.mio-header .mio-tsearch2 .btns { width: 60px; height: 40px; background-color: #c3002f; color: #fff; border: 0; cursor: pointer; float: left }
	
	
	.mio-banner { height: 600px; margin-top: 100px; }
	.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/7.JPG) }
	.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/3.JPG) }
	.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/4.JPG) }
	.mio-banner .swiper-slide4 { background-image: url(/upfile/banner/6.JPG) }
	.mio-banner .swiper-slide5 { background-image: url(/upfile/banner/1.JPG) }
	.mio-banner .swiper-slide6 { background-image: url(/upfile/banner/5.JPG) }
	.mio-banner .mio-bbg { padding-top: 120px; }
	.mio-banner .mio-bbg .mio-txt { width: 540px; background: rgba(0,0,0,.7); color: #fff; padding: 50px; }
	.mio-banner .mio-bbg .mio-txt .mio-p1 { font-size: 2.5em; margin-bottom: 20px; font-weight: bold; }
	.mio-banner .mio-bbg .mio-txt .mio-p2 { font-size: 1.4em; line-height: 2em  }
	.mio-banner .mio-bbg .mio-txt3 { padding: 50px 40px; }
	.mio-banner .mio-bbg .mio-txt4 { width: 660px; }


	.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-products .mio-pwrap .mio-img { width: 50%; float: left; }
	.mio-products .mio-pwrap .mio-txt { width: 50%; float: left; }
	.mio-products .mio-pro-wrap:nth-child(even) .mio-pwrap .mio-img { float: right }
	.mio-products ul.mio-ul-01 li:nth-child(5n) { margin-right: 0 }
	.mio-products ul.mio-ul-02 li:nth-child(3n) { margin-right: 0 }
	
	
	.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-about .mio-fl { width: 50%; float: left; }
	.mio-about .mio-fr { width: 50%; float: left; min-height: 530px; overflow: hidden }
	.mio-about img { min-height: 530px; }
	.mio-about .mio-overview { width: 600px; float: left; padding: 80px 0 80px 80px }

	
	
	.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; }
	
	
	
	
	
	.mio-page-contact .mio-cbox { min-height:270px; }
	.mio-map-contact .mio-ditu { height: 760px; }
	
	
	.mio-inner-wrap { position: relative; z-index: 1; }
	.mio-inner-wrap .mio-apdf { position: absolute; top: 0; right: 0; }


	
	
}

@media (min-width:1680px) {
	.mio-about .mio-overview { }
	.mio-about .mio-overview h3 { font-size: 1.8em }
	.mio-about .mio-overview .mio-intro { font-size: 1.2em; line-height: 1.9em }
}


@media (min-width:320px) and (max-width:1279px) {
	.fl,.fr { float: none }
	.mio-flinks { display: none }
	
	.mio-navm,
	.mio-close { display: block; height: 60px; line-height: 60px; color: #fff; background-color: #c3002f; width: 100px; text-align: center; position: fixed; top: 0; right: 0; z-index: 101; font-size: 1.2em }
	.mio-navm span,
	.mio-close span { font-size: 1em; margin-right: 8px }
	.mio-close { display: none; background-color: #f90 }
	
	.mio-header { min-height: 60px; height: 60px; }
	.mio-header a.navbar-brand { width: 170px; min-height: 60px; height: 60px; background-size: 70%; }
	
	.mio-header .mio-top { width: 100%; height: 100%; overflow-y:scroll; position: fixed; top: 60px; left: 0; z-index: 999; background-color: #222; padding: 20px 20px 60px 20px; display: none; }
	.mio-header .mio-nav { }
	.mio-header .mio-nav ul { }
	.mio-header .mio-nav li { background-color: #2f2f2f; margin-bottom: 2px;  }
	.mio-header .mio-nav li a.mio-a1 span { float: right; font-size: 0.85em }
	.mio-header .mio-nav li a.mio-a1 { color: #fff; display: block; padding: 0 15px; height: 40px; line-height: 40px; font-size: 1.2em }
	.mio-header .mio-nav li.hover a.mio-a1 { background-color: #c3002f; }
	.mio-header .mio-nav li .mio-snav { display: block; padding: 15px 0; }
	.mio-header .mio-nav li .mio-snav li { margin: 0; }
	.mio-header .mio-nav li .mio-snav a { display: block; color: #fff; height: 30px; line-height: 30px; overflow: hidden; border-bottom: #3f3f3f 1px dashed }
	.mio-header .mio-nav li .mio-snav a span { float: right; font-size: 0.85em; }
	.mio-header .mio-nav li .mio-snav a { padding-left: 30px; }
	.mio-header .mio-nav li .mio-snav a.mio-a2 { font-size: 1.2em; background-color: #1f1f1f; padding-right: 25px; height: 38px; line-height: 38px; }
	.mio-header .mio-nav li .mio-snav li a { padding-right: 25px; color: #aaa;  }
	
	
	.mio-header .mio-language { text-align: center; padding: 30px 0; }
	.mio-header .mio-language a { color: #fff; font-size: 1.2em }
	
	.mio-header .mio-tsearch { display: none }
	
	
	
	
	
	.mio-fbar { height: auto; padding: 20px 0 }
	.mio-fbar .mio-a a { line-height: inherit }
	.mio-fbar .mio-a a.mio-tel { width: 100%; height: 50px; line-height: 50px; border-radius: 60px; margin-bottom: 20px; }
	.mio-fbar .mio-a a.mio-tel span { display: inline-block; float: none }
	.mio-fbar .mio-a a.mio-qq,
	.mio-fbar .mio-a a.mio-wx,
	.mio-fbar .mio-a a.mio-write { width: 30%; margin: 0; text-align: center; padding: 20px 0; height: 85px; border-radius: 10px; }
	.mio-fbar .mio-a a.mio-qq span.iconfont,
	.mio-fbar .mio-a a.mio-wx span.iconfont,
	.mio-fbar .mio-a a.mio-write span.iconfont { display: block; float: none; margin: 0 auto; }
	.mio-fbar .mio-a a.mio-wx { margin-left: 5%; margin-right: 5%; }
	.mio-fbar .mio-b { padding: 10px 0; }
	.mio-fbar .mio-b a { display: block; height: 50px; line-height: 50px; padding: 0; width: 50%; text-align: center }
	.mio-fbar .mio-b a span { display: inline-block }
	.mio-fbar .mio-b a.a1 { border-radius: 0 10px 10px 0; }
	.mio-fbar .mio-b a.a2 { border-radius: 10px 0 0 10px; }
	
	
	.mio-footer .mio-ewm { display: none }
	.mio-footer .mio-tags-recommend li { width: 50%; }
	.mio-footer .mio-fct { margin-top: 30px; }
	.mio-footer p em { display: inline-block; width: 85px; }
	.mio-footer .mio-fct p {}
	
	
	.mio-copyright { text-align: center; font-size: 0.85em; }
	.mio-copyright .tr { text-align: center }
	.mio-copyright .mio-cp { background: url(logof.png) no-repeat center 10px; padding: 0; padding-top: 60px }
	.mio-copyright .mio-cp em { display: block }
	
	
	.mio-section { padding: 30px 0; }
	.mio-section .mio-t { margin-bottom: 30px; }
	.mio-section .mio-t h2,
	.mio-section .mio-t h1 { font-size: 2.2em; }
	.mio-section .mio-t h3 { font-size: 1.6em; }

	

	.mio-banner { height: 360px; background-color:#aaa; margin-top: 60px; }
	.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/7.JPG) }
	.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/3.JPG) }
	.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/4.JPG) }
	.mio-banner .swiper-slide4 { background-image: url(/upfile/banner/6.JPG) }
	.mio-banner .swiper-slide5 { background-image: url(/upfile/banner/1.JPG) }
	.mio-banner .swiper-slide6 { background-image: url(/upfile/banner/5.JPG) }
	.mio-banner .mio-bbg { height: 100%; background: rgba(0,0,0,.7); padding-top: 60px; text-align: center }
	.mio-banner .mio-bbg .mio-txt { margin-bottom: 40px; color: #fff; padding: 20px; max-width: 320px; margin: 0 auto }
	.mio-banner .mio-bbg .mio-txt .mio-p1 { font-size: 1.5em; margin-bottom: 20px; font-weight: bold; }
	.mio-banner .mio-bbg .mio-txt .mio-p2 { font-size: 1.2em; line-height: 1.6em  }
	.mio-banner .mio-avmore a { margin: 20px auto }
	.mio-banner .swiper-pagination-bullet { width: 8px; height: 8px; }
	
	
	.mio-position { height: 50px; width: 100%; background-color: #1f1f1f; color: #fff; overflow: hidden }
	.mio-position .mio-t { line-height: 50px; font-size:1.1em }
	.mio-position .mio-a { display: none } 
	.mio-position .mio-crumbs { line-height: 50px; font-size: 0.9em; color: #aaa; }
	.mio-position .mio-crumbs a { color: #aaa; }
	
	.mio-products { padding: 0; }
	
	.mio-about { padding: 0 }
	.mio-about .mio-overview { padding: 40px }
	.mio-about .mio-avmore a { margin: 20px auto 0; }
	.mio-about h2 { background-position: center }
	.mio-about h3 { text-align: center }

	
	.mio-products .mio-pwrap .mio-txt { padding: 30px 30px 0 30px; }
	.mio-products .mio-pwrap .mio-txt h2 { text-align: center }
	.mio-products .mio-pwrap .mio-avmore a { margin: 20px auto; }
	
	
	ul.mio-ul-01 li { width: 49%; margin-right: 0; margin-top: 2%; }
	ul.mio-ul-01 li:nth-child(even) { margin-left: 2%; }
	
	ul.mio-ul-02 li { width: 100%; margin-right: 0; margin-top: 2%; }
	
	
	.picMarquee-left .bd ul li { width: 49%; float: left; margin-bottom: 2%; }
	.picMarquee-left .bd ul li:nth-child(even) { float: right }
	.picMarquee-left .bd ul li a { display: block; color: #fff; background-color: #333; padding: 5px; background-image: linear-gradient(to bottom right, #555, #222); }
	.picMarquee-left .bd ul li .mio-img { height: 100px; display:block; overflow: hidden; }
	.picMarquee-left .bd ul li img { min-height: 100% }
	.picMarquee-left .bd ul li h3 { height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-size: 1em }

	
	
	.picScroll-left{ }
	.picScroll-left .hd{ display: none }
	.picScroll-left .bd ul { border-top: #ddd 1px solid; }
	.picScroll-left .bd ul li { border-bottom: #ddd 1px solid; padding: 15px 0; }
	.picScroll-left .bd ul li .mio-c { padding-top: 12px; }
	.picScroll-left .bd ul li .mio-pdate { color: #c3002f; font-size: 1em; font-family: Arial, Helvetica, sans-serif }
	.picScroll-left .bd ul li h3 { font-size: 1em; margin: 5px 0; }
	.picScroll-left .bd ul li .mio-intro { display: none }
	.picScroll-left .bd ul li .mio-avmore { display: none }
	.picScroll-left .bd ul li .col-xs-5 { padding-right: 0 }
	
	
	
	.mio-pbanner { height: 180px; margin-top: 60px; background-size: cover; text-align: center }
	.mio-pbanner .mio-pbg { display: none }
	

	
	.mio-page-contact h4 { font-size: 1.4em }
	.mio-page-contact .mio-pc { margin-top: 30px }
	.mio-page-contact .mio-cbox { margin-bottom: 15px; }
	
	.mio-map-contact { padding: 30px 0; }
	.mio-map-contact .mio-t { margin-bottom: 30px; }
	.mio-map-contact .mio-t h2 { font-size: 2em; }
	.mio-map-contact .mio-t h3 { font-size: 1.3em; }
	.mio-map-contact .mio-ditu { height: 260px; background-size: cover; width: 95%; margin: 0 auto }
	
	
	.mio-alist {}
	.mio-alist li:nth-child(odd) { background-color: #fff }
	.mio-alist li a { padding: 15px 0; border-bottom: #eee 1px solid;  }
	.mio-alist li .mio-img { width: 40%; height: 100px; }
	.mio-alist li .mio-txt { width: 60%; padding: 0 0 0 30px; }
	.mio-alist li .mio-pdate { color: #999; }
	.mio-alist li .mio-pdate span { color: #999; padding: 0 10px; }
	.mio-alist li h2 { margin: 10px 0; font-size: 1.2em; }
	.mio-alist li .mio-nvmore,
	.mio-alist li .mio-intro { display: none }
	
	
	.mio-slist {}
	.mio-slist li { margin-bottom: 15px; }
	.mio-slist li .mio-img { width: 100%; height: auto; float: none; }
	.mio-slist li .mio-txt { width: 100%; float: none; padding: 30px; }
	.mio-slist li h3 { text-align: center }
	.mio-slist li .mio-nvmore { margin: 0 auto }
	.mio-slist li:nth-child(even) .mio-img { float: none }

	
	.mio-np { margin-top: 60px; }

	.mio-block { display: none }
	
	.mio-article img { display: block; width: 100% }
	
	.mio-category { margin-top: 30px; display: none }
	
	
	.mio-dlist li { width: 100%; float: none }
	.mio-dlist li a { padding: 20px 0; }


	.mio-pro-all a.mio-a { margin-bottom: 15px; box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 15px; }
	.mio-pro-all a.mio-a .mio-img { height: auto; }

	.mio-plist {}
	.mio-plist a { margin-bottom: 15px; height: auto; background-color:#fff; box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 15px; }
	.mio-plist .mio-img { height: auto; }
	.mio-plist .mio-intro { margin: 10px 0 20px 0; }
	.mio-plist a u { width: 100%; height: 40px; line-height: 40px; display: block; text-align: center; background-color: #c3002f; color: #fff; }
	
	

		
	/*荣基标准联轴器 ClassID=8*/
	.mio-rbz {}
	.mio-rbz li { margin-bottom: 15px; padding: 0; border: 0; }
	.mio-rbz li a { display: block; box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 15px; }
	.mio-rbz li a .mio-img { width: 100%; float: none }
	.mio-rbz li a .mio-txt { width: 100%; float: none; padding: 15px; }
	.mio-rbz li a h2 { font-size: 1.5em; text-align: center }
	.mio-rbz li a .mio-smore { margin: 0 auto }
	
	
	
	
	
	.mio-rlist {}
	.mio-rlist a { margin-top: 15px; height: auto; }
	.mio-rlist a .mio-img { width: 100%; float: none; height: auto; }
	.mio-rlist a .mio-txt { width: 100%; float: none; padding: 25px; }
	.mio-rlist a .mio-txt .mio-smore { width: 100%; }

	
	.mio-article-service h1 { font-size:1.5em; text-align: center }
	.mio-article p { margin-bottom: 20px; }
	.mio-article img { margin-bottom: 20px; }
	
	
	.mio-dingzhi-tips { padding: 25px; font-size: 1.2em }
	
	
	.mio-inner-wrap .mio-apdf a { margin: 30px auto }

	
	a.mio-chat { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #f60; color: #fff; position: fixed; left: 15px; bottom: 15px; z-index: 99; text-align: center; line-height: 50px; }
a.mio-chat span { font-size: 1.5em; }







.mio-msg-window {}
.mio-msg-window-wrap { }
.mio-msg-window-wrap .container { }
.mio-msg-window-box { padding: 20px; position: absolute; top: 80px; left: 50%; width: 320px; margin: 0 0 0 -150px; }
.mio-msg-window-box h2 { font-size: 2em; } 
.mio-msg-window-box h6 { font-size: 1em; margin: 15px 0; }
.mio-msg-window-box .row div { margin-bottom: 5px; }
.mio-msg-window-box .ipts { height: 40px; line-height: 40px; font-size: 1em }
.mio-msg-window-box .btns { width: 100%; height: 40px; line-height: 40px; font-size: 1em }
.mio-msg-window-box .txts { height: 100px; font-size: 1em }




.mio-calist {}
.mio-calist a { height: auto; margin-bottom: 15px; padding-bottom: 0 }
.mio-calist a .mio-img { height: auto; }
.mio-calist a .mio-img img { min-height: inherit; }


.mio-wiki-pro-list a .mio-intro { height: auto; }


.mio-xzq img { margin-bottom: 20px; }
.mio-xzq ul.ul1 { padding: 0; }
.mio-xzq td span { display: inline }

/*=============================================== 竞价专题样式 START */
.mio-apbanner { height: 300px; }
.mio-apbanner img { width: 80%; margin: 100px 0 0 10px; }
.mio-acase .mio-aclist .mio-img { height: auto; }
/*=============================================== 竞价专题样式 END */


	
}


table.mio-cstab { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #f3f3f3; font-size: .85em; border-bottom: #2d394b 3px solid; margin: 20px auto }
table.mio-cstab th { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; background-color: #2d394b; color: #fff }
table.mio-cstab td { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
table.mio-cstab tr.mio-even { background-color: #dee1e5 }

table.mio-cstab1 tr:nth-child(odd) { background-color: #dee1e5 }

.mio-wlist { margin-top: 30px; }
.mio-wlist .col-md-4 { margin-top: 3px; }
.mio-wlist span { float: right; color: #999; }
.mio-wlist div { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-wlist div:nth-child(n + 31) { display:none }
.mio-content .mio-wlist div:nth-child(n + 31) { display:block}
.mio-content .mio-related2 .mio-wlist div:nth-child(n + 31) { display:none}

.mio-itnews .row div:nth-child(n + 31) { display:none }

.mio-rsimg>div { margin-bottom: 15px; }