* { margin:0; padding:0; }
html,
body { color: #444; line-height: 22px; background: #fff; 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; font-size:12px; }

h1,h2,h3,h4,h5,h6 {  font-weight: bold; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.5em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

ul,ol { list-style: none; }
.none { display: none; }

a {  color: #444; text-decoration: none; }
a:hover {  color: #85b03b;  text-decoration: none;}
a:active,a:focus,a img { outline: none;}
img { border:0; }
.tc { text-align:center}


hr { border:0; background-color:#eee; height:1px; overflow:hidden; margin:20px 0; }

.container { width: 1200px; margin: 0 auto; }


.mio-header { height: 100px; background:#fff; }
.mio-logo { width:550px; height:100px; float:left; }
.mio-logo a { display:block; width:550px; height:100px; background: url(logo.jpg) no-repeat left center; text-indent:-999999px; float:left; overflow:hidden; }
.mio-tops { width: 200px; float:right; padding-top:25px; }
.mio-tops .mio-tel { background: url(tel.png) no-repeat left center; padding-left:25px; margin-bottom:10px; }
.mio-tops .mio-tel strong { font-family:Arial, Helvetica, sans-serif; color:#023a97; font-size:14px; }
.mio-search { width: 183px; height:22px; background: url(search.png) no-repeat; }
.mio-search .ipts { width: 151px; padding: 0 5px; border:0; background:transparent; float:left; }
.mio-search .btns { width:22px; height:22px; border:0; background:transparent; background:transparent; cursor:pointer }

.mio-nav { height:50px; line-height:50px; background-color:#023a97; }
.mio-nav li { float: left; position:relative; z-index:9999; }
.mio-nav li a { float: left; display:block; width: 171px; line-height:50px; color:#fff; font-size:16px; }
.mio-nav li a:hover,
.mio-nav li.st a { color:#fff; background-color:#1c54b2 }
.mio-nav li.hover a { color:#fff; background-color:#49b950 }
.mio-nav li ul { position:absolute; top: 50px; left:0; width: 171px; background: url(w.png); display:none; }
.mio-nav li.st ul { background: url(w.png); }
.mio-nav li li { float: none; }
.mio-nav li li a { line-height:50px; font-weight:normal; text-align:center; padding:0; float: none; color:#444; }
.mio-nav li li a:hover { background-color:#1049a8; color:#fff; }
.mio-nav li.st li a { background: url(w.png); color:#444; }
.mio-nav li.st li a:hover { color:#fff; background:#1c54b2 none }


.mio-footer { padding: 10px 0; background-color:#023a97; color:#fff; text-align:center }


.mio-content { padding:20px 0; background: url(abg.jpg) no-repeat top center fixed; }
.mio-content2 { padding:20px 0;}
.mio-content .mio-main { padding:30px; background: url(b.png); width: 1140px; color:#fff; min-height:400px; }
.mio-left { width:250px; float: left; }
.mio-right { width: 930px; float:right; }

.mio-category { }
.mio-category h3 { background: #02368a; height:70px; line-height:70px; padding: 0 20px; color:#fff; font-size:16px; text-align:center }
.mio-category ul { }
.mio-category li { border-top:#ddd 1px solid; }
.mio-category li a { display:block; padding:0 20px; line-height:40px; background-color:#f7f7f7; font-weight:bold; font-size:14px; }
.mio-category li a:hover,
.mio-category li.hover a { color:#fff; background-color:#49b950 }
.mio-category li a i { float:right; margin-top:12px; }
.mio-category li ul {}
.mio-category li li {}
.mio-category li li a {}
.mio-category li li a:hover {}
.mio-category li.hover li a { background-color:#fff; color:#444; font-weight: normal }
.mio-category li.hover li.shover a { color:#49b950; }


.mio-ct { margin-top:20px; border:#eee 1px solid; }
.mio-ct h3 { background-color:#007bb9; padding:15px; text-align:center; color:#fff; }
.mio-ct img { width: 100%; }
.mio-ct .mio-c { padding:6px 15px; }
.mio-ct .mio-c p { border-bottom:#eee 1px dashed; padding:8px 0; }

.mio-cmenu { height:60px; background: url(ft.png) no-repeat right center }
.mio-cmenu li { float: left; margin-right:10px; }
.mio-cmenu li a { float:left; display:block; padding: 0 40px; height:60px; line-height:60px; color:#fff; background: url(b1.png); font-size:14px; border-radius:2px 2px 0 0; }
.mio-cmenu li a:hover,
.mio-cmenu li.hover a { background: url(b.png); color:#ff0; }
.mio-cmenu li a i { margin-left:10px; }

.mio-tl { color:#fff; padding:25px 0; background: url(ft.png) no-repeat right center }
.mio-tl h2 { font-size:25px; color:#fff; }
.mio-tl h3 { font-size:22px; text-transform: uppercase; color:#fff; margin-top:10px; font-family: !futura important; font-weight: normal }

.mio-t2 { color:#fff; margin-bottom:30px; }
.mio-t2 h2 { font-size:25px; color:#fff;  }
.mio-t2 h3 { font-size:22px; text-transform: uppercase; color:#fff; margin-top:10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal }

.mio-smenu { float:right; padding-top:10px; }
.mio-smenu a { display:block; padding: 0 20px; line-height:30px; float:left; color:#fff; border-radius:2px; background: url(b1.png); margin-left:5px; }
.mio-smenu a.hover { background:#49b950 none; }

#dituContent { width: 650px; height:400px; float: left; }
.mio-contact { width: 420px; float:right; }
.mio-contact h2 { margin-bottom:20px; }
.mio-contact p { font-size:14px; margin-bottom:10px; }
.mio-contact img { width:120px; display:block; margin-top:30px; margin-bottom:5px; }
.mio-contact em { font-style: normal; padding-left:30px; }


.list_page{text-align:center;margin:20px auto 0;display:block; color: }
.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;}
.list_page ul a{color:#fff;padding:8px 12px;line-height:18px;display:block;background:#023a97;}
.page_group ul{}
.page_group ul li{float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul .active a{background:#49b950;border-radius:0;}

.mio-position {  margin-bottom:20px; border-bottom:#eee 1px solid; padding-bottom:20px; height:30px; line-height:30px; overflow:hidden }
.mio-position h1,
.mio-position h2 { font-size:16px; margin:0; color:#fff; border-left:#fff 4px solid; padding-left:10px; float: left; }
.mio-crumbs { float:right; color:#fff; }
.mio-crumbs a { color:#fff; }

.mio-alist {}
.mio-alist li { height:40px; line-height:40px; overflow: hidden; border-bottom:#eee 1px dashed; }
.mio-alist li i { padding-right:5px; }
.mio-alist li span { float:right; color:#fff; }
.mio-alist li a { font-weight:bold; color:#fff; }

.mio-clist {}
.mio-clist li { width: 300px; float:left; margin-right:15px; margin-bottom:30px; }
.mio-clist li img {}
.mio-clist li span { display:block; height:30px; line-height:30px; overflow:hidden; text-align:center; }

.mio-article { font-size:14px; line-height:24px; }
.mio-article h1 { text-align: center; margin-bottom:20px; font-size:18px; }
.mio-article p { text-indent:2em; margin-bottom:20px; }
.mio-article img { max-width: 100%; }
.mio-article h2 { margin:20px 0; }
.mio-article li p { text-indent:0; }

.pre a,
.next a { color:#fff; }


/*=========================================== 幻灯片 START*/
.mio-banner { height:450px; max-width:1200px; margin: 20px auto 0 }
.mio-banner .slideBox{ width:100%; max-width:1200px; height:450px; overflow:hidden; position:relative; margin: 0 auto }
.mio-banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-36px; 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:16px; height:16px; cursor:pointer; text-indent:-999999px; background: url(dot.png) no-repeat bottom center; overflow:hidden }
.mio-banner .slideBox .hd ul li.on{ background: url(dot.png) no-repeat top center; }
.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:100%; height:450px; 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=20);opacity:0.2; }
.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=60);opacity:0.6; }
.mio-banner .slideBox .prevStop{ display:none;  }
.mio-banner .slideBox .nextStop{ display:none;  }

.mio-ly { margin-bottom:20px; }
.mio-ly li { width:285px; float: left; margin-right:20px; text-align:center }
.mio-ly li img { width:100%; }
.mio-ly li.li24 { margin-right:0; }

.mio-news { width: 770px; float: left; position:relative }
.mio-news h2 { height:40px; line-height:40px; background-color:#f3f3f3; margin-bottom:20px; }
.mio-news h2 span { display:block; background-color:#023a97; line-height:40px; padding:0 25px; float: left; color:#fff; font-size:16px; font-weight: normal; }
.mio-news .mio-vmore { position:absolute; top:10px; right:10px; }

.mio-newsi { width: 320px; height:213px; float: left; background-color:#eee; }
.mio-newsi .slideBox{ width:100%; height:213px; overflow:hidden; position:relative; margin: 0 auto }
.mio-newsi .slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.mio-newsi .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-newsi .slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#fff; cursor:pointer; }
.mio-newsi .slideBox .hd ul li.on{ background:#49b950; color:#fff; }
.mio-newsi .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mio-newsi .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-newsi .slideBox .bd img{ width:100%; height:213px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.mio-newsi .slideBox .prev,
.mio-newsi .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.mio-newsi .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.mio-newsi .slideBox .prev:hover,
.mio-newsi .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.mio-newsi .slideBox .prevStop{ display:none;  }
.mio-newsi .slideBox .nextStop{ display:none;  }


.mio-newst { width: 425px; float:right;  height:213px; overflow:hidden}
.mio-newst li { height:32px; line-height:32px; overflow: hidden}
.mio-newst li a { background: url(i1.png) no-repeat left center; padding-left:12px; }
.mio-newst li a:hover { background: url(i1h.png) no-repeat left center; }

.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;  }


.mio-video { width:408px; height:275px; float:right; }


.mio-jobview { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mio-jobview td { padding:5px; }

.mio-joblist { width: 100%; border-collapse: collapse; border-spacing: 0; }
.mio-joblist td { border-bottom:#eee 1px solid; padding:5px; text-align:center }
.mio-joblist th { background-color:#023a97; padding:5px; text-align:center }
.mio-joblist a { text-decoration: underline; color:#fff; }

a.mio-back { width:140px; height:40px; line-height:40px; display:block; margin: 20px auto; text-align:center; background-color:#023a97; color:#fff; border-radius:2px; }
a.mio-back:hover { background-color:#49b950; }


.mio-flinks { margin-top:20px; }
.mio-flinks li { display: inline; margin-right:10px; }




#a8 .fl { width:500px; float: left; }
#a8 .fl img { width: 100% }
#a8 .fl p { text-indent:0; }
#a8 .fr { width:600px; float:right; }

#a7 .fl { width:500px; float: left; }
#a7 .fl img { width: 100% }
#a7 .fl p { text-indent:0; }
#a7 .fr { width:600px; float:right; }

#a11 li { width:202px; float:left; list-style:none; margin-left:30px; }
#a11 ul { margin-left:-30px; }
#a11 li strong { display:block; font-size:16px; text-align:center; margin-bottom:-10px; color:#ff0; }
#a11 li img { display:block; margin: 0 auto 10px }

#a30 h2 { text-align:center; }

/*#a31 { position:relative; z-index:1; width:100%; height:400px; }
#a31 .fl { width:300px; position:absolute; top:20px; left:440px;  }
#a31 .fl img { width:100% }
#a31 .fr { }
#a31 li { width:335px; list-style:none; text-align:center; position:absolute; top:0; left:50px; }
#a31 ul {  }
#a31 p { margin:0; }
#a31 img { display:block; margin: 0 auto 10px; }
#a31 em { font-style: normal; display:block}
#a31 li.li2 { top:180px; }
#a31 li.li3 { top:0; left:755px; }
#a31 li.li4 { top:180px; left:755px; }
*/
#a31 li { width:285px; list-style:none; text-align:center; float:left; }
#a31 em { font-style: normal; display:block}


#a24 {}
#a24 .fl { width:500px; float: left; }
#a24 .fl img { width: 100% }
#a24 .fl p { text-indent:0; }
#a24 .fr { width:600px; float:right; }


#a25 .fl { width:500px; float: left; }
#a25 .fl img { width: 100% }
#a25 .fl p { text-indent:0; }
#a25 .fr { width:600px; float:right; }


#a26 .fl { width:500px; float: left; }
#a26 .fl img { width: 100% }
#a26 .fl p { text-indent:0; }
#a26 .fr { width:600px; float:right; }


#a27 .fl { width:500px; float: left; }
#a27 .fl img { width: 100% }
#a27 .fl p { text-indent:0; }
#a27 .fr { width:600px; float:right; }



.mio-wbox { margin-bottom:20px; padding-bottom:20px; border-bottom:#fff 1px solid; }
.mio-wbox h3 { text-align:center; color:#ff0; margin-bottom:20px; }
.mio-wbox p { text-indent:0; margin:0; }
.mio-wbox4 { border-bottom:0; margin-bottom:0; padding-bottom:0; }




.mio-jl { width:160px; color:#fff; float: left; }
.mio-jl a { color:#fff; display:block; padding:5px 15px; background: url(b.png); margin:5px; }
.mio-jl a i { float:right; margin-top:4px; }
.mio-jl li.st a { background: url(b1.png); color:#ff0; }
.mio-jr { width: 950px; float:right; }
.mio-jbox { display: none; }
.mio-jbox h2 { margin-bottom:15px; color:#ff0; }
.mio-jbox table { width:100%; border-collapse:collapse; border-spacing:0; }
.mio-jbox td { padding:5px 0; }
.mio-jbox img { max-width:950px; display:block; text-indent:-2em; }



#a32 {  }
#a32 h2 { line-height:40px;  }
#a32 p { text-indent:0; margin:25px 0; }
#a32 em { font-style: normal; }
#a32 .fl { width:500px; float:left; }
#a32 .fl img { width:100% }
#a32 .fr { width:600px; float:right; }


#a33 {  }
#a33 h2 { line-height:40px;  }
#a33 p { text-indent:0; margin:20px 0; }
#a33 em { font-style: normal; }
#a33 .fl { width:500px; float:left; }
#a33 .fl img { width:100% }
#a33 .fr { width:600px; float:right; }


#a34 { }
#a34 h2 { line-height:40px;  }
#a34 p { text-indent:0; margin:20px 0; }
#a34 em { font-style: normal; }
#a34 .fl { width:500px; float:left; }
#a34 .fl img { width:100% }
#a34 .fr { width:600px; float:right; }



#a35 {  }
#a35 h2 { line-height:40px;  }
#a35 p { text-indent:0; margin:20px 0; }
#a35 em { font-style: normal; }
#a35 .fl { width:500px; float:left; }
#a35 .fl img { width:100% }
#a35 .fr { width:600px; float:right; }
#a35 .fl2 { float:right; }
#a35 .fr2 { float: left }



.slideBox2 { width:700px; height: 312px; overflow:hidden; position:relative; float:left }
.slideBox2 .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-left:5px;  width:8px; height:8px; line-height:20px; text-align:center; text-indent:-999999px; overflow:hidden; border:#fff 1px solid; cursor:pointer; }
.slideBox2 .hd ul li.on{ border:#fc0 1px solid; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:700px; height: 312px; display:block; position:absolute; top:0; left:0; z-index:1; }
.slideBox2 .bd span { display:block; width:680px; padding:0 10px; height:40px; line-height:40px; background: url(b2.png);position:absolute; bottom:0; left:0; z-index:2; color:#fff; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox2 .prev,
.slideBox2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow1.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox2 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox2 .prev:hover,
.slideBox2 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox2 .prevStop{ display:none;  }
.slideBox2 .nextStop{ display:none;  }

#a36 { width:400px; float:right }


.mio-ins {}
.mio-ins .mio-img { width: 500px; float:left; }
.mio-ins .mio-img img { width:100% }
.mio-ins .mio-txt { width: 430px; float:right; }


.mio-ains .mio-img { width:500px; float: left; }
.mio-ains .mio-img img { width: 100% }
.mio-ains .mio-img p { text-indent:0; }
.mio-ains .mio-txt { width:600px; float:right; }

.mio-ains2 .mio-img { width:300px; float: left; }
.mio-ains2 .mio-img img { width: 100% }
.mio-ains2 .mio-img p { text-indent:0; }
.mio-ains2 .mio-txt { width:800px; float:right; }


.slideBox3 { width:300px; height: 432px; overflow:hidden; position:relative; float:left }
.slideBox3 .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox3 .hd ul li{ float:left; margin-left:5px;  width:8px; height:8px; line-height:20px; text-align:center; text-indent:-999999px; overflow:hidden; border:#fff 1px solid; cursor:pointer; }
.slideBox3 .hd ul li.on{ border:#fc0 1px solid; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; }
.slideBox3 .bd img{ width:300px; height: 432px; display:block; position:absolute; top:0; left:0; z-index:1; }
.slideBox3 .bd span { display:block; width:280px; padding:0 10px; height:40px; line-height:40px; background: url(b2.png);position:absolute; bottom:0; left:0; z-index:2; color:#fff; }

#a56 { width:800px; float:right; }



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