@font-face
{
font-family: Poppins;
src: url('Poppins.ttf'),
     url('Poppins.eot'); /* IE9 */
} 

* { margin: 0; padding: 0; text-decoration: none; font-style: normal }
html,
body { color: #444; line-height: 2em; font-family: "Poppins", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 0.9em; height: 100%; /*overflow-x:hidden; min-width: 1280px;*/ }
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;}

hr {border-top: 1px solid rgba(0,0,0,.2);}

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

a { color: #444; 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 }

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

.container { max-width: 980px; }


.mio-rokee-container { /*width: 100%; height: 100%; position: relative; z-index: 1;*/ }
.mio-rokee-content { padding-left: 240px; }



/*=====================================================================================  GLOBAL START*/
.mio-header { background: #292c30; color: #aaa; width: 240px; height: 100%; position: fixed; left:0; top:0; z-index: 999 }
.mio-header a.navbar-brand { width: 169px; min-height: 40px; background: url(logo.png) no-repeat center; text-indent: -999999px; overflow: hidden; display: block; margin: 50px auto 30px; background-size: 85% }

.mio-header .mio-nav { font-size: 1.2em; letter-spacing: 1px }
.mio-header .mio-nav ul {}
.mio-header .mio-nav li { }
.mio-header .mio-nav li a.mio-a1 { display: block; color: #888;  padding: 0 47px; line-height: 50px; border-left: #292c30 4px solid;  }
.mio-header .mio-nav li a.mio-a1:hover,
.mio-header .mio-nav li.hover a.mio-a1 { border-left: #c3002f 4px solid; color: #fff }
.mio-header .mio-nav li.st a.mio-a1 { background-color:#32353a; border-left: #c3002f 4px solid; color: #fff;  }
.mio-header .mio-nav li a.mio-a1 span { float: right; font-size: 0.9em }

.mio-header .mio-nav li .mio-snav-wrap { width: 0; overflow:hidden; height: 100%; position: fixed; left:240px; top:0; z-index: 9999; /*background: rgba(0,0,0,.65);*/ }
.mio-header .mio-nav li .mio-snav { background: #32353a; color: #fff; width: 240px; height: 100%; padding-top: 50px; }
.mio-header .mio-nav li .mio-snav ul { }
.mio-header .mio-nav li .mio-snav li { /*border-bottom: #393c42 1px solid; font-weight: bold*/ }
.mio-header .mio-nav li .mio-snav li.st a.mio-a { background-color:#373b40; border-left: #c3002f 4px solid; color: #fff; }
.mio-header .mio-nav li .mio-snav li a span { float: right; font-size: 0.9em }
.mio-header .mio-nav li .mio-snav li a { display: block; padding: 0 30px; line-height: 50px; color: #aaa }
.mio-header .mio-nav li .mio-snav li a:hover { border-left: #c3002f 4px solid; color: #fff; }
.mio-header .mio-nav li .mio-snav li.shover a {}
.mio-header .mio-nav li .mio-snav li li { border-bottom: 0; font-weight: normal }
.mio-header .mio-nav li .mio-snav li li a { line-height: 50px; }

.mio-header .mio-nav li:hover .mio-snav-wrap { width: 240px; -webkit-transition: width .5s; transition: width .5s; transition-delay: .3s; }
.mio-header .mio-nav li .mio-snav-wrap { width: 0; -webkit-transition: width .5s; transition: width .5s; transition-delay: .3s; }

.mio-header .mio-nav li .mio-snav li .mio-snav-wrap2 { width: 0; overflow:hidden; height: 100%; position: fixed; left: 480px; top:0; z-index: 9999; }
.mio-header .mio-nav li .mio-snav li .mio-snav2 { background: #373b40; color: #fff; width: 300px; height: 100%; padding-top: 50px; }
.mio-header .mio-nav li .mio-snav li:hover .mio-snav-wrap2 { width: 300px; -webkit-transition: width .5s; transition: width .5s; transition-delay: .3s; }
.mio-header .mio-nav li .mio-snav li .mio-snav-wrap2 { width: 0; -webkit-transition: width .5s; transition: width .5s; transition-delay: .3s; }


.mio-header .mio-tel { border-top: #333 1px solid; padding: 30px 0 0 0; text-align:center; margin-top: 30px; font-size: 1.6em;  color: #fff; }
.mio-header .mio-tel span { margin-right: 8px; font-size: 1.1em; }

.mio-header .mio-fa { text-align: center; padding-top: 30px; }
.mio-header .mio-fa a { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #46494e; color: #fff; margin: 0 2px; }
.mio-header .mio-fa a span { font-size: 1.6em }
.mio-header .mio-fa a:hover { background-color: #c3002f }


.mio-footer { background-color: #232629; padding: 50px 0; color: #888; }
.mio-footer h2 { color: #fff; }
.mio-footer a { color: #888; height: 26px; line-height: 26px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.mio-footer a:hover { color: #fff; }
.mio-footer .mio-ewm { text-align: center; width: 150px; float: left; margin-left: 15px }
.mio-footer .mio-ewm img { width: 100%; display: block; margin-bottom: 5px; }
.mio-footer .mio-fct { float: right }
.mio-footer .mio-fline { background-color: #34363a; height: 1px; overflow: hidden; margin: 15px 0; }
.mio-footer .mio-fline span { background-color: #eee; height: 1px; display: block; width: 50px; float: left }
.mio-footer .mio-fct p.p1 { color: #fff; line-height: 2.2em; font-size: 1.1em; margin-top: 15px }
.mio-footer .mio-fct p span { display: inline-block; width: 80px; }
.mio-footer .mio-fct p strong {  color: #fc0; font-size: 1.4em }


.mio-copyright { background-color: #232629; padding: 15px 0; color: #888; border-top: #34363a 1px solid }
.mio-copyright a { color: #888; }
.mio-copyright a:hover { color: #fff; }
.mio-copyright .tr span { padding: 0 5px }


.mio-flinks { background-color: #232629; padding: 15px 0; color: #555; border-top: #34363a 1px solid }
.mio-flinks li { display: inline-block; }
.mio-flinks li a { color: #555; }
.mio-flinks li a:hover { color: #fff; }
.mio-flinks li span { padding: 0 8px; color: #333 }


.mio-fbar { font-size: 1.1em; position: fixed; right: 20px; top: 50%; margin-top:-60px }
.mio-fbar a { display: block; width: 60px; height: 60px; color: #fff; padding: 10px; text-align: center; margin-bottom: 5px; background: rgba(0,0,0,.55); color: #fff; line-height:1.5em }
.mio-fbar a span { font-size: 1.5em; display: block }
.mio-fbar a:hover { background-color: #920023; color: #fff; }
.mio-fbar a.mio-a-back { background: rgba(195,0,47,.95); }


.mio-main { padding: 50px 0; }
.mio-content img { width: 100% }



.mio-hot { padding: 15px 0; color: #232629; background-color: #ccc }
.mio-hot dt,
.mio-hot dd { display: inline; padding-right: 15px; }
.mio-hot a { color: #232629; }
.mio-hot a:hover { color: #c3002f; }








/*=======================================================================================  内页 STYLE  */

.mio-pbanner { height: 500px; background-color: #666; background-repeat: no-repeat; background-position: center center; background-size: cover }
.mio-pbanner .mio-ptxt { padding: 180px 0 0 150px; }
.mio-pbanner .mio-ptxt h3 { /*background-color: #222;*/ background: rgba(0,0,0,.55); width: 200px; height: 50px; color: #fff; text-align: center; line-height: 50px; text-transform: capitalize }
.mio-pbanner .mio-ptxt h1,
.mio-pbanner .mio-ptxt h2 { display:inline-block; padding: 0 50px; height: 80px; line-height: 80px; text-align: center; background: rgba(195,0,47,.9); margin-left: 40px; font-size: 2.5em; color: #fff; font-weight: bold }
.mio-pbanner1 { background-image: url(pb/about.jpg) }
.mio-pbanner27 { background-image: url(pb/contact.jpg) }
.mio-pbanner23 { background-image: url(pb/news.jpg) }
.mio-pbanner2 { background-image: url(pb/jishu.jpg) }
.mio-pbanner3,.mio-pbanner-search { background-image: url(pb/service.jpg) }
.mio-pbanner12 { background-image: url(pb/cnc.jpg) }
.mio-pbanner14 { background-image: url(pb/coupling.jpg) }
.mio-pbanner37,.mio-pbanner17,.mio-pbanner15,.mio-pbanner20,.mio-pbanner22,.mio-pbanner29,.mio-pbanner30,.mio-pbanner31,.mio-pbanner32,.mio-pbanner33,.mio-pbanner34 { background-image: url(pb/37.jpg) }
.mio-pbanner38,.mio-pbanner39,.mio-pbanner40,.mio-pbanner41 { background-image: url(pb/38.jpg) }
.mio-pbanner35 { background-image: url(pb/35.jpg) }
.mio-pbanner36 { background-image: url(pb/36.jpg) }
.mio-pbanner55 { background-image: url(pb/service.jpg) }


.mio-position { margin-bottom: 40px; color: #aaa; }
.mio-position a { color: #aaa; }
.mio-position a:hover { color: #222; }


.mio-article { }
.mio-article p { margin: 20px 0; text-indent: 2em }
.mio-article img { display: block; margin: 20px auto; }
.mio-article li p { text-indent: 0; margin: 0; }
.mio-article table p { text-indent: 0 }
.mio-article ol,
.mio-article ul { margin: 20px 0 20px 2em }
.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 }

.mio-news-article img { max-height: 600px; width: auto; max-width: 100% }

.mio-ain { background-color:#eee; padding: 8px 15px; margin: 20px 0; }


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


/* 上下页 */
.mio-prev-next { margin: 30px auto; text-align: center; padding-top: 30px; border-top: #ddd 1px solid }
.mio-prev-next a { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color:#aaa; 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 }



h1.mio-inner-h1title { font-size: 2.5em; color: #222; font-weight: bold; margin-bottom: 30px; }








.mio-alist {}
.mio-alist li { padding: 30px; }
.mio-alist li:nth-child(odd) { background-color: #eee; }
.mio-alist li h2 { font-size: 2em; font-weight: bold; margin: 10px 0 20px 0 }
.mio-alist li .mio-pdate { color: #c3002f; }


/* 分页 */
.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{background-color:#ccc;padding:8px 12px;line-height:18px;display:block; }
.list_page ul a:hover { background-color: #aaa; color: #fff }
.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-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-avmore2 a { width: 180px; height: 46px; color: #292c30; border: #292c30 1px solid; display: block; padding: 0 35px; line-height: 46px; background: url(right.png) no-repeat 110px center }
.mio-avmore2 a:hover { border-color: #c3002f; color: #c3002f; background: #fff url(right3.png) no-repeat 110px center }








/* 联系 内页 */
.mio-a27 { font-size: 1.2em; line-height: 2.2em }
.mio-a27 h2 { margin-bottom: 20px; font-weight: bold; }
.mio-a27 p { text-indent: 0; margin: 0 }
.mio-a27 table { border: 0; text-align: left }
.mio-a27 tr,
.mio-a27 tr:nth-child(odd) { background-color:#fff; }
.mio-a27 td { border: 0; padding: 0 }
.mio-a27 td.td1 { padding-top: 10px; }
#dituContent { width: 100%; height: 500px; }



/* 下载 */
.mio-dlist {}
.mio-dlist li { height: 100px; line-height: 100px; overflow: hidden; border-bottom:#ddd 1px dashed; font-size: 1.2em }
.mio-dlist .mio-dico { width: 150px; height: 100px; text-align: center; float: right }
.mio-dlist .mio-ico { width: 100px; height: 100px; text-align: center; float: left }
.mio-dlist h3 { font-size: 1em; line-height: 100px; margin: 0; padding: 0; }
.mio-dlist .mio-dico span.iconfont { font-size: 1.2em; margin-right: 8px; }
.mio-dlist .mio-ico span.iconfont { font-size: 1.8em; color: #c3002f }
.mio-dlist li:hover { background-color: #eee }


/*服务领域*/
.mio-slist {}
.mio-slist a { display: block; margin-bottom: 30px; border-bottom: #eee 1px solid }
.mio-slist h3 { line-height: 50px; }



/* 产品单页 */
.mio-pro-single-page {}
.mio-pro-single-page img { width: 100%; }
.mio-pro-single-page .row { margin-bottom: 30px; }
.mio-pro-single-page h2 { font-size: 1.6em; font-weight: bold; margin: 30px 0; color: #222; border-left: #222 4px solid; padding-left: 15px; }
.mio-pro-single-page h2 a { color: #222; }

p.mio-tips { font-size: 2.3em; line-height: 2em; color: #c3002f; font-family: "华文楷体";  }


/* 视频页面 */
.mio-section-video { background-color:#fff; padding: 40px 0 }
.mio-section-video:nth-child(odd) { background-color: #eee; }
.mio-section-video h2 { font-size: 2em; font-weight: bold; color: #222; margin: 0 0 40px 0; border-left: #222 5px solid; padding-left: 15px }
.mio-section-video .row img { display: block; width: 100%; }
.mio-section-video1 { padding-top: 0 }


.mio-page-video { text-align: center }
.mio-page-video video { width: 100%; }




/*============================================================ 联轴器产品 */
/* 产品列表 */
.mio-plist {}
.mio-plist a { display: block; margin-bottom: 30px; }
.mio-plist a h2 { font-weight: bold; font-size: 1.2em }
.mio-plist a .mio-intro { color: #777; margin: 15px 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; height: 75px; }
.mio-plist a .mio-vmore { color: #777; }



.mio-pro-all {}
.mio-pro-all .mio-img {}
.mio-pro-all .mio-c { padding: 20px 0 30px 0; }
.mio-pro-all .mio-c h2 { font-size: 2em; margin-bottom: 15px; font-weight: bold }
.mio-pro-all .mio-c .mio-intro { 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; height: 50px; margin-bottom: 15px; }
.mio-pro-all .mio-c .mio-intro p {}
.mio-pro-all .mio-c .mio-intro p:nth-child(2) { display: none }


.mio-pro-rokee-calist {}
.mio-pro-rokee-calist li { padding: 50px 0; }
.mio-pro-rokee-calist li:nth-child(even) { background-color: #eee }
.mio-pro-rokee-calist li h2 { font-size: 2.5em; font-weight: bold }
.mio-pro-rokee-calist li h2 a { color: #222 }
.mio-pro-rokee-calist li .mio-intro { margin: 20px 0 25px 0; color: #777; }


.mio-prodesc { margin-bottom: 30px; text-indent: 2em; padding-bottom: 20px; border-bottom: #ddd 1px solid }


.mio-pro-subcate {}
.mio-pro-subcate .mio-pro-subcate-list { border: #ddd 1px solid; margin-bottom: 30px; }
.mio-pro-subcate .mio-pro-subcate-list .mio-c { padding: 30px 30px 30px 0; }
.mio-pro-subcate .mio-pro-subcate-list h2 { font-weight: bold; font-size: 1.6em }
.mio-pro-subcate .mio-pro-subcate-list .mio-intro { 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; height: 50px; margin: 20px 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-calist {}
.mio-calist a { display: block; margin-bottom: 30px; border-bottom: #eee 1px solid }
.mio-calist a .mio-img { height: 198px; overflow: hidden }
.mio-calist a h3 { height: 50px; line-height: 50px; overflow: hidden; text-align: center }
.mio-calist a:hover { border-bottom-color: #c3002f }

.mio-cases-article img { width: 100%; }






.mio-tagclouds {}
.mio-tagclouds a { display: block; background-color:#eee; border-radius: 4px; padding: 5px 15px; margin-bottom: 15px; text-align: center }
.mio-tagclouds a:hover { background-color: #c3002f; color: #fff }

























/*====================================================================================================== 数控机床 内页 */
.mio-cnc-section { background-color:#fff; padding: 0 0 50px 0 }

.mio-cnc-table { background-color: #ddd; padding: 50px 0 }
.mio-cnc-table h2 { text-align: center; font-size: 2.5em; margin-bottom: 40px; color: #222; font-weight: bold }

.mio-cnc-video { background-color: #32353a; padding: 50px 0 }
.mio-cnc-video h2 { text-align: center; font-size: 2.5em; margin-bottom: 40px; color: #222; font-weight: bold; color: #fff; }


.mio-video-list img { height: 164px }
.mio-video-list a { display: block; width: 100%; height: 164px; position: relative; z-index: 1; }
.mio-video-list a .mio-img { width: 100%; height: 164px; position: absolute; top: 0; left: 0; z-index: 1; }
.mio-video-list a .mio-vbg { width: 100%; height: 164px; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,.25); text-align: center; line-height: 164px; color: #fff; }
.mio-video-list a .mio-vbg span { font-size: 4em }
.mio-video-list a:hover .mio-vbg { background: rgba(0,0,0,.65); }

.mio-video-list2 img { height: 300px }
.mio-video-list2 a { height: 300px; }
.mio-video-list2 a .mio-img { height: 300px; }
.mio-video-list2 a .mio-vbg { height: 300px; line-height: 300px; }


.mio-cnc-calist {}
.mio-cnc-calist img { display: block; margin-bottom: 30px }


.mio-pro-cnc { background-color:#32353a; color: #fff; margin-bottom: 1px; }
.mio-pro-cnc a { color: #fff }
.mio-pro-cnc .mio-img { height: 360px; overflow: hidden }
.mio-pro-cnc img { height: 360px; }
.mio-pro-cnc .mio-txt { padding: 40px; }
.mio-pro-cnc .mio-txt h2 { font-size: 2.2em;  font-weight: bold }
.mio-pro-cnc .mio-txt .mio-intro { margin: 20px 0 }
.mio-pro-cnc-bm .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-pro-cnc-km .mio-2 { padding-left: 0; }
.mio-pro-cnc-km .mio-1 { border-right: #fff 1px solid  }


.mio-pro-cnc-kmc2 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-pro-cnc-kmc3 .mio-2 { padding-left: 0; }
.mio-pro-cnc-kmc2 .mio-1 { border-right: #fff 1px solid  }
.mio-pro-cnc-kmc3 .mio-1 { border-right: #fff 1px solid  }
.mio-pro-cnc-kmc2 .mio-txt,
.mio-pro-cnc-kmc3 .mio-txt { padding-top: 60px }








/* KMC-2 PAGE =========*/
.mio-kmc2 { background-color:#32353a; margin-bottom: 1px; }
.mio-kmc2 .mio-txt { color: #fff; padding: 50px 30px 0 30px; text-align: justify }
.mio-kmc2 .mio-1,
.mio-kmc2 .mio-2,
.mio-kmc2 .mio-3 { border-right: #fff 1px solid }
.mio-kmc2 img { display: block; width: 100%; height: 325px; }
.mio-kmc2-1 .mio-1 { padding-right: 0 }
.mio-kmc2-1 .mio-3 { padding-left: 0; padding-right: 0 }
.mio-kmc2-2 .mio-2 { padding-right: 0; padding-left: 0 }
.mio-kmc2-2 .mio-4 { padding-left: 0; }
.mio-kmc2-3 .mio-1 { padding-right: 0 }
.mio-kmc2-3 .mio-3 { padding-left: 0; padding-right: 0 }
.mio-kmc2-1 .mio-4 .mio-txt { padding-right: 45px }
.mio-kmc2-2 .mio-txt { padding: 40px 20px; }
.mio-kmc2-2 .mio-1 .mio-txt { padding-left: 30px; padding-top: 70px }
.mio-kmc2-3 .mio-2 .mio-txt { padding-top: 70px; }
.mio-kmc2-3 .mio-4 .mio-txt { padding-right: 45px }
.mio-kmc2 a { color: #fff; }


/* KMC-3 PAGE ==========*/
.mio-kmc3 { background-color:#32353a; margin-bottom: 1px; }
.mio-kmc3 img { width: 100% }
.mio-kmc3 .mio-txt { color: #fff; padding: 30px 30px 0 30px; text-align: justify }
.mio-kmc3-1 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-kmc3-1 .mio-2 { padding-left: 0; }
.mio-kmc3-1 .mio-txt { padding-bottom: 30px; border-top: #fff 1px solid }
.mio-kmc3-1 .mio-img { height: 355px; overflow: hidden }
.mio-kmc3-2 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-kmc3-2 .mio-2 { border-right: #fff 1px solid }
.mio-kmc3-2 .mio-3 { border-right: #fff 1px solid; padding-left: 0; padding-right: 0 }
.mio-kmc3-2 .mio-txt { padding: 15px; }
.mio-kmc3-2 img { height: 270px;  }
.mio-kmc3-2 .mio-4 .mio-txt { padding-right: 30px }
.mio-kmc3-3 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-kmc3-3 .mio-2 { border-right: #fff 1px solid; padding-left: 0; padding-right: 0 }
.mio-kmc3-3 .mio-3 { border-right: #fff 1px solid; padding-left: 0; padding-right: 0 }
.mio-kmc3-3 .mio-4 { padding-left: 0 }
.mio-kmc3-3 img { height: 325px; }
.mio-kmc3-3 .mio-txt { padding: 50px 45px }
.mio-kmc3-4 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-kmc3-4 .mio-txt { padding: 40px 145px 0 100px }
.mio-kmc3 a { color: #fff; }



/* BM PAGE ===========*/
.mio-bm { background-color:#32353a; margin-bottom: 1px; }
.mio-bm .mio-txt { padding: 25px; color: #fff }
.mio-bm-1 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-bm-1 .mio-txt { padding: 75px 75px 0 50px; }
.mio-bm-2 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-bm-2 .mio-2 { padding-right: 0; padding-left: 0; border-right: #fff 1px solid }
.mio-bm-2 .mio-3 { border-right: #fff 1px solid }
.mio-bm-2 .mio-4 { padding-left: 0; }
.mio-bm-2 .mio-txt { padding: 15px 20px }
.mio-bm-2 img { height: 162px; }
.mio-bm-2 .mio-1 .mio-txt { padding-left: 25px; padding-right: 25px }
.mio-bm-3 .mio-1 { padding-right: 0; border-right: #fff 1px solid }
.mio-bm-3 .mio-2 { padding-right: 0; padding-left: 0; border-right: #fff 1px solid }
.mio-bm-3 img { height: 200px; width: 100% }
.mio-bm-3 .mio-txt { padding: 45px 55px 0 40px }
.mio-bm-4 .mio-1 { border-right: #fff 1px solid }
.mio-bm-4 .mio-2 { padding-left: 0 }
.mio-bm-4 .mio-1 .mio-txt { padding: 55px 150px }
.mio-bm a { color: #fff; }



/* DMC PAGE ===========*/
.mio-dmc-1 { background-color:#32353a; }
.mio-dmc-2 { background-color:#373b40; }
.mio-dmc-1 .mio-txt,
.mio-dmc-2 .mio-txt { padding: 55px; color: #fff; text-indent: 2em; text-align: justify }
.mio-dmc-1 .mio-img-l { padding-right: 0; }
.mio-dmc-2 .mio-img-r { padding-left: 0; }
.mio-dmc-1 .row { margin-bottom: 1px }
.mio-dmc-1 .mio-img-l { border-right: #fff 1px solid }
.mio-dmc-2 .mio-txt-r { border-right: #fff 1px solid; }
.mio-dmc a { color: #fff; }
.mio-dmc-1 .mio-txt { padding-right: 70px; padding-top: 65px }






.mio-cnc-article { padding-bottom: 50px }







/* 相关产品 */
.mio-related-products { padding: 30px 0 0 0; border-top: #ddd 1px solid; margin-top: 30px; }
.mio-related-products h2.mio-h2t { font-size: 1.5em; font-weight: bold; border-left: #333 5px solid; padding-left: 15px; margin-bottom: 30px; color: #333 }


/* 相关文章 */
.mio-related-news { padding: 30px 0; border-top: #ddd 1px solid; }
.mio-related-news h2 { font-size: 1.5em; font-weight: bold; border-left: #333 5px solid; padding-left: 15px; margin-bottom: 30px; color: #333 }
.mio-related-news .mio-pdate { float: right; color: #999; }
.mio-related-news a { font-weight: bold }



.mio-tagscloud { margin-top: 30px; }
.mio-tagscloud dt,
.mio-tagscloud dd { display: inline; margin-right: 8px }
.mio-tagscloud dd a { display: inline-block; padding: 2px 14px; background-color:#53575c; color: #fff; }
.mio-tagscloud dd a:hover { background-color: #c3002f }



.mio-tags-recommend { background-color: #232629; padding: 15px 0; color: #888; border-top: #34363a 1px solid }
.mio-tags-recommend li { display: inline-block; margin: 0 10px 5px 0 }
.mio-tags-recommend a { color: #888; }
.mio-tags-recommend a:hover { color: #fff; }











































/*=======================================================================================  首页 STYLE  */

.mio-banner { height: 550px; background-color: #222; }
.mio-banner .slideBox{ width:100%; height:550px; 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:10px; height:10px; border-radius: 10px; text-indent: -999999px; overflow: hidden; background: rgba(0,0,0,.5); cursor:pointer; }
.mio-banner .slideBox .hd ul li.on{ background:#c3002f; color:#fff; width: 30px; border-radius: 10px }
.mio-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mio-banner .slideBox .bd li{ zoom:1; vertical-align:middle; height:550px; background-position: center center; background-repeat: no-repeat; background-size: cover }

.mio-banner .slideBox .prev,
.mio-banner .slideBox .next{ position:absolute; left: 20px; top:50%; margin-top:-25px; display:none; 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: 140px }
.mio-banner .mio-sld h3 { background: rgba(195,0,47,.9); width: 200px; height: 50px; color: #fff; text-align: center; line-height: 50px; text-transform: capitalize }
.mio-banner .mio-sld .mio-txt { padding: 50px; background: rgba(0,0,0,.8); margin-left: 40px; font-size: 1.2em; color: #fff; width: 400px }






.mio-section { padding: 0; }
.mio-section .mio-t { text-align: center; padding: 50px 0; background-color:#ddd; }
.mio-section .mio-t h2 { color: #222; font-size: 3em; letter-spacing: 1px; font-weight: bold; margin: 10px 0 20px 0 }
.mio-section .mio-t h2 strong { color: #c3002f; }
.mio-section .mio-t h4 {  font-size: 2.25em; display: block; text-transform: uppercase; color: #999; font-weight: lighter }
.mio-section .mio-t h3 { font-size: 1.4em; }
.mio-section .mio-section-container { padding: 50px 0 }

.mio-section .mio-t .mio-nmenu { text-align: center; margin-top: 30px }
.mio-section .mio-t .mio-nmenu a { display: inline-block; padding: 8px 30px; background-color: #aaa; color: #fff; margin: 0 2px; font-size: 1.1em }
.mio-section .mio-t .mio-nmenu a:hover { background-color: #c3002f; color: #fff; }

.mio-section .mio-t-cases h4  { font-size: 2.8em }
.mio-section .mio-t-cnc h4  { font-size: 3.5em }
.mio-section .mio-t-news h4  { font-size: 1.85em }

/*案例展示*/
.mio-coupling-cases { background-color:#32353a }
.mio-coupling-cases .mio-avmore a { margin: 50px auto 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 { background-color: #ddd; }
.mio-about .mio-intro { margin: 30px 0; text-indent: 2em }
.mio-about .mio-overview { width: 50%; float: left; }
.mio-about .mio-intro p:nth-child(2) { display: none }
.mio-about .mio-img { width: 50%; float: left; min-height: 440px; background: url(/upfile/a1.png) no-repeat bottom left; background-size: cover }
.mio-about .mio-at { background-color:#222; color: #fff; padding: 50px; }
.mio-about .mio-ac h3 { font-size: 1.5em;  }
.mio-about .mio-ac h2 { font-size: 2.2em; margin: 10px 0 20px 0; font-weight: bold; color: #222 }
.mio-about .mio-ac h1 { font-size: 1.2em; letter-spacing: 2px; display: inline-block; padding: 10px 20px; background-color:#c3002f; color: #fff }
.mio-about .mio-ac { padding: 50px; }



/*联轴器产品*/
.mio-section .mio-coupling { background-color: #32353a; padding-bottom: 0 }
.mio-coupling-pro .mio-img { margin-bottom: 20px; }
.mio-coupling-pro h2 { font-size: 1.6em; }
.mio-coupling-pro h2 a { color: #fff; font-weight: bold }
.mio-coupling-pro .mio-intro { margin: 20px 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; height: 50px; color: #888 }
.mio-coupling-pro .mio-spro { margin-bottom: 50px; }



/*数控机床*/
.mio-section .mio-cnc { background-color: #32353a; padding-bottom: 0 }
.mio-cnc-list { }
.mio-cnc-list .mio-img { margin-bottom: 20px }
.mio-cnc-list h4 { margin: 15px 0 5px 0; color: #aaa; font-family: Arial, Helvetica, sans-serif }
.mio-cnc-list h3 { margin: 0 0 15px 0; font-weight: bold; font-size: 1.6em; }
.mio-cnc-list h3 a { color: #fff }
.mio-cnc-list h3 a:hover { color: #c3002f; }
.mio-cnc-list .mio-intro { color: #aaa; margin-bottom: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; height: 100px; }
.mio-cnc-list .mio-spro { margin-bottom: 50px; }



/*新闻动态*/
.mio-news { background-color: #fff; padding-bottom: 50px; }
.mio-news .mio-t { background-color: #fff; }
.mio-news .mio-nc { border-left: #ddd 1px solid; padding-left: 30px; }

.mio-news .mio-inews .mio-img { height: 300px; overflow: hidden }
.mio-news .mio-inews .mio-img img { min-height: 300px; min-width: 100% }
.mio-news .mio-inews .mio-c { padding: 15px 0 0 0 }
.mio-news .mio-inews .mio-c h3 { font-size: 1.6em; margin-bottom: 10px; }
.mio-news .mio-inews .mio-c .mio-intro { 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; height: 75px; }

.mio-news .mio-tnews { border-bottom: #ddd 1px solid; padding-bottom: 20px; margin-bottom: 20px; }
.mio-news .mio-tnews .mio-pdate { color: #999; font-family: Arial, Helvetica, sans-serif }
.mio-news .mio-tnews h3 { font-size: 1.6em; margin: 5px 0 15px 0; }
.mio-news .mio-tnews .mio-intro { 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; height: 75px; }

.mio-news .mio-ilist {}
.mio-news .mio-ilist li { height: 34px; line-height: 34px; overflow: hidden; }
.mio-news .mio-ilist li span.mio-pdate { float: right; color: #999; font-family: Arial, Helvetica, sans-serif }
.mio-news .mio-ilist li span.iconfont { margin-right: 8px; font-size: 0.9em }







/* 弹窗 关键词 与 搜索 */
.mio-tsearch { width: 60px; height: 60px; text-align: center; line-height: 60px; cursor: pointer; position: fixed; top: 0; right: 20px; z-index: 99; background-color:#c3002f; color: #fff; }
.mio-tsearch span { font-size: 2.2em; display: block; width: 60px; height: 60px; }

.mio-pwindow { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: rgba(0,0,0,.85); 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: 1200px; margin: -285px 0 0 -600px; }
.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-qlinks .row ul { margin-bottom: 30px }

.mio-pwindow .mio-close { position: fixed; top: 0; 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: 999; background: rgba(0,0,0,.85); 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: 50px 100px 0 100px; position: absolute; top: 50%; left: 50%; width: 1250px; margin: -305px 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: rgba(0,0,0,.85); 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-pb0 { padding-bottom: 0 }





.mio-adingz { background: url(pabg.JPG) no-repeat center; background-size: cover; letter-spacing: 1px; }
.mio-adingz .mio-adz { padding: 120px 0; text-align: center; background: rgba(0,0,0,.7); color: #fff; text-align: center; font-size: 1.4em }
.mio-adingz .mio-adz strong { font-size: 1.2em; margin: 0 5px; color: #f90 }
.mio-adingz .mio-adz b { font-size: 1.6em; color: #fc0 }
.mio-adingz .mio-adz .p2 { margin: 25px 0 35px 0 }




.mio-related-pro-a { background-color: #eee; padding: 30px; margin-top: 30px; }
.mio-related-pro-a h2 { font-weight: bold; margin-bottom: 20px; color: #222; border-left: #333 4px solid; padding-left: 10px; }
.mio-related-pro-a .mio-pdate { float: right; color: #999; }
.mio-related-pro-a a { font-weight: bold }






























@media (min-width:1440px) {
	.container { max-width: 1140px }
	
	.mio-footer .mio-ewm { margin-left: 25px; width: 200px }
	
	.mio-jichuang li .mio-intro p:nth-child(2) { display: block }
	.mio-jichuang li h2 { margin-top: 0 }
	
	.mio-kmc3-2 .mio-txt { padding: 25px; }
	.mio-kmc3-3 .mio-txt { padding: 85px 40px 0 40px; }
	.mio-kmc3-4 .mio-txt { padding-top: 60px }
	
	.mio-bm img { width: 100% }
	.mio-bm-1 .mio-txt { padding-top: 100px }
	.mio-bm-2 .mio-txt { padding-left: 30px; padding-right: 30px; }
	
	.mio-dmc-1 .mio-txt { padding-top: 120px; }
	.mio-dmc-2 .mio-txt { padding-top: 110px; }
	
	.mio-video-list img { height: 194px }
	.mio-video-list a { height: 194px; }
	.mio-video-list a .mio-img { height: 194px; }
	.mio-video-list a .mio-vbg { height: 194px; line-height: 194px; }
	
	.mio-video-list2 img { height: 350px }
	.mio-video-list2 a { height: 350px; }
	.mio-video-list2 a .mio-img { height: 350px; }
	.mio-video-list2 a .mio-vbg { height: 350px; line-height: 350px; }	


}



@media (min-width:1680px) {
	.mio-rokee-content { padding-left: 300px; }
	
	.mio-header { width: 300px; }
	.mio-header a.navbar-brand { background-size: 100% }
	
	
	
	.mio-header .mio-nav li .mio-snav-wrap { left: 300px; }
	.mio-header .mio-nav li .mio-snav { width: 300px; }
	
	.mio-header .mio-nav li:hover .mio-snav-wrap { width: 300px; }
	
	.mio-header .mio-nav li .mio-snav li .mio-snav-wrap2 { left: 600px; }
	.mio-header .mio-nav li .mio-snav li .mio-snav2 { width: 300px; }
	.mio-header .mio-nav li .mio-snav li:hover .mio-snav-wrap2 { width: 300px; }
	
	
	.mio-header .mio-tel { font-size: 1.8em; }
	.mio-header .mio-tel span { margin-right: 8px; font-size: 1.2em; }
	
	.mio-header .mio-fa { }
	.mio-header .mio-fa a { width: 50px; height: 50px; line-height: 50px; }
	.mio-header .mio-fa a span { font-size: 1.8em }
	
	.mio-about .mio-intro p:nth-child(2) { display: block }
	.mio-about .mio-img { min-height: 560px; }
	

}