﻿* { margin: 0; padding: 0; }
body { font: 12px/20px "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #333; }
h1,h2,h3,h4,h5,h6 { font-size: 14px; font-weight:400; }
ul,ol { list-style: none; }
input,select,textarea { font-size: 12px; font-family: "Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif, "宋体"; color: #333; }
em,i,address { font-style: normal; }
a img { border: 0; }
a { color: #222; text-decoration: none; }
a:hover { color: #900; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.none { display:none; }



.container { width: 1200px; margin: 0 auto; }


.mio-header { height: 120px; }
.mio-logo { width: 460px; float:left; height: 120px; }
.mio-logo a { display:block; height:120px; background: url(logo.png) no-repeat left center; text-indent:-99999px; overflow:hidden; }
.mio-tops { width: 720px; float:right; height: 120px; }
.mio-tel { text-align:right; height: 60px; line-height:60px; padding: 0 20px 0 0; }
.mio-tel strong { font-family: Arial, Helvetica, sans-serif; color:#900; font-size:18px; }
.mio-tel b { color:#f90; margin-right:15px; font-size:16px;}

.mio-nav { height: 60px; }
.mio-nav li { float: left; position:relative; z-index:99999; }
.mio-nav li a { float: left; display:block; height:60px; line-height:50px; width: 120px; text-align: center; font-size:14px; font-weight:bold; }
.mio-nav li a:hover { color:#900; }
.mio-nav li.hover a { color:#900; }
.mio-nav li.st a { color:#900; }
.mio-nav li.hover a:hover { color:#900; }
.mio-nav li ul { position:absolute; top:60px; left:0; width: 120px; background-color:#900; color:#fff; display:none; }
.mio-nav li ul a { color:#fff; font-weight: normal; font-size:12px; line-height:32px;height:32px;  }
.mio-nav li ul a:hover { background-color:#700; color:#fff; }
.mio-nav li.st li a { color:#fff; }
.mio-nav li.st li a:hover { background-color:#700; color:#fff; }

#u2 { width: 150px; }
#u2 a { width: 150px; }

.mio-footer { padding-bottom:20px; }
.mio-ftel { font-size:18px; padding-bottom:10px; }
.mio-fmenu { padding-bottom:10px; }
.mio-copyright { padding:20px; background-color:#eee; }
.mio-copyright .mio-fl { width: 500px; float:left; }
.mio-copyright .mio-fr { width: 500px; float:left; }

.mio-left { width: 230px; float: left; }
.mio-right { width: 920px; float:right; }

.mio-category {}
.mio-category h3 { padding:25px 20px; background:#900 url(lt.png) no-repeat; color:#fff; font-size:18px; }
.mio-category ul {}
.mio-category li { border-bottom:#ddd 1px solid; }
.mio-category li a { line-height:50px; padding: 0 20px; font-size:14px; font-weight:bold; display:block; }
.mio-category li a:hover { color:#900; }
.mio-category li.hover a { color:#900; }

.mio-banner { width: 1200px; height: 380px; background-color:#eee; margin: 0 auto; }
.mio-banner .slideBox{ width:1200px; height:380px; overflow:hidden; position:relative; }
.mio-banner .slideBox .hd{ height:5px; overflow:hidden; position:absolute; right:490px; bottom:15px; z-index:1; }
.mio-banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-banner .slideBox .hd ul li{ float:left; margin-right:2px;  width:30px; height:3px; text-indent:-999999px; border:#fff 1px solid; cursor:pointer; }
.mio-banner .slideBox .hd ul li.on{ background:#fff; }
.mio-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mio-banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-banner .slideBox .bd img{ width:1200px; height:380px; display:block;  }

.mio-banner .slideBox .prev,
.mio-banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.mio-banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.mio-banner .slideBox .prev:hover,
.mio-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.mio-banner .slideBox .prevStop{ display:none;  }
.mio-banner .slideBox .nextStop{ display:none;  }
		
		
.mio-pbanner { width: 1200px; height: 280px; background-color:#eee; margin: 0 auto; position:relative; z-index:1; }
.mio-pbanner img { width: 100%; height: 100%; position:absolute; top:0; left:0; z-index:1; }
.mio-pbanner .mio-t { position:absolute; top: 100px; right: 50px; z-index:2; color:#fff; background: url(b.png); width: 400px; height:80px; line-height:80px; font-size:30px; text-align:center; display:none }
.mio-pbanner .mio-e { font-family: Georgia, "Times New Roman", Times, serif; margin-left:20px; display: inline; text-transform:uppercase; }

.mio-content { padding:20px 0; }

.mio-main { width: 840px; float: left; }
.mio-main .mio-ml { width: 380px; float:left; }
.mio-main .mio-mr { width: 440px; float:right; }
.mio-side { width:320px; float:right; }


.mio-wrap { min-height:100px; padding:20px 0; }
.mio-wrap h2 { color:#900; font-size:16px; font-weight:bold; margin-bottom:20px; height: 40px; line-height:40px; overflow:hidden; background-color:#f3f3f3; }
.mio-wrap h2 span { display:block; float:left; height:40px; line-height:40px; background:#900; padding: 0 20px; color:#fff;}
.mio-wrap2 { background-color:#f8f8ec; padding:20px 30px; }

.mio-nlist {}
.mio-nlist li { border-bottom:#ddd 1px solid; padding:8px 0; }


.mio-ntop {}
.mio-ntop img { width:100%; }
.mio-ntop h3 { font-weight:bold; margin:10px 0; }


.mio-ntop .slideBox{ width:380px; height:350px; overflow:hidden; position:relative; }
.mio-ntop .slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10px; top:220px; z-index:1; }
.mio-ntop .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-ntop .slideBox .hd ul li{ float:left; margin-right:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  width:20px; height:20px; line-height:20px; text-align:center; background-color:#444; cursor:pointer; color:#fff; }
.mio-ntop .slideBox .hd ul li.on { background-color:#900; color:#fff; }
.mio-ntop .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mio-ntop .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-ntop .slideBox .bd img{ width:380px; height:250px; display:block;  }




.mio-cmenu {}
.mio-cmenu li { float:left; width:270px; margin-right:15px; margin-bottom:20px; }
.mio-cmenu li.lt { margin-right:0; }
.mio-cmenu dt { width: 100%; height:140px; background-color:#eee; }
.mio-cmenu img { width:100%; display:block; }
.mio-cmenu h3 { margin:10px 0; font-weight:bold; }

.mio-cmenu2 li { float:left; width:290px; }
.mio-cmenu2 dt { height: 150px; }
.mio-cmenu2 h3 { font-size:16px; }

.mio-h1 { height:50px; border-bottom:#eee 1px solid; position:relative; font-weight:bold; margin-bottom:30px; }
.mio-h1 span { line-height:50px; display:block; position: absolute; left:0; bottom:-1px; border-bottom:#900 1px solid; color:#000; font-size:25px; }

.list_page{text-align:center;margin:20px 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;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}


.mio-alist {}
.mio-alist li { padding:10px; border-bottom:#ddd 1px solid; }
.mio-alist li span { float:right; }


table.mio-joblist { width: 100%; border-spacing: 0; border-collapse: collapse; text-align:center; }
table.mio-joblist th { border-bottom:#ddd 1px solid; padding:10px; background-color:#f3f3f3; }
table.mio-joblist td { border-bottom:#ddd 1px solid; padding:10px; }


table.job-view { width: 100%; border-spacing: 0; border-collapse: collapse; }
table.job-view td { border-bottom:#ddd 1px solid; padding:10px; }
table.job-view p { margin: 0; }

.mio-article { width: 800px; margin: 0 auto; font-family: "宋体"; }
.mio-article h1 { text-align:center; font-size:22px; margin-bottom:30px; color:#222; font-weight:bold; }
.mio-article h2 { font-size:18px; margin:20px 0; }
.mio-article p { margin:10px 0;  text-indent:2em; }
.mio-article img { max-width:760px; display:block; margin:15px auto; }
.mio-article li p { text-indent:0; margin:0; }
.mio-article ul,
.mio-article ol { margin-left:1em; }

a.vmore { display:block; border:#222 1px solid; width:100px; height:30px; line-height:30px; text-align:center; margin:10px 0 0 0; }
a.vmore:hover { border-color:#900; background-color:#900; color:#fff; }



.mio-kehu { text-align:center; /*border:#ddd 1px solid; padding:20px 0;*/ }
.mio-kehu img { width: 100%; }
<!--.mio-kehu h3 { margin-bottom:10px; }
.mio-kehu strong,
.mio-kehu a { font-weight: normal; color:#900; margin-left:10px; }-->

.mio-sitemap {}
.mio-sitemap dt { font-weight:bold; }
.mio-sitemap dd { margin-bottom:15px; }
.mio-sitemap dd span { padding: 0 10px; color:#999; }


.mio-team {}
.mio-team li { padding-bottom:15px; margin-bottom:15px; border-bottom:#ddd 1px dashed; }
.mio-team dl { height: 163px; overflow: hidden; }
.mio-team dt { width: 230px; height: 163px; overflow: hidden; float:left; }
.mio-team dt img { width: 100%; }
.mio-team dd { width: 650px; float:right; }
.mio-team dd h2 { font-size:16px; font-weight:bold; color:#222; }
.mio-team dd .mio-desc { color:#777; margin:20px 0; }


.clear { clear: both; }

.clearfix:after,
.container:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}

.clearfix,
.container { zoom:1; }
