* { margin: 0; padding: 0; text-decoration: none; font-style: normal; list-style: none }

html,
body { color: #444; line-height: 2em; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #eee; }
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,.1);}

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

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



::-moz-selection {  color: #ffffff;  background: #1f2a66;  text-shadow: none;}
::selection {  color: #ffffff;  background: #1f2a66;  text-shadow: 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; font-size: 1.1em }
table th { padding: 15px 5px; border-left:#666 1px solid; border-bottom: #666 1px solid; background-color:#ccc; text-align: center }
table td { padding: 15px 5px; border-left:#666 1px solid; border-bottom: #666 1px solid; text-align: center }
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 { width: 1200px; }

.mio-header { width: 100%; height: 120px; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 99; box-shadow: 0 5px 15px rgba(0,0,0,.2); }
.mio-header a.navbar-brand { width: 215px; height: 120px; background: url(logo.png) no-repeat left 10px; text-indent: -999999px; overflow: hidden; display: block; float: left; background-size: 90% }

.mio-header .mio-nav { float: right }
.mio-header .mio-nav li { float: left; position: relative; }
.mio-header .mio-nav li a.mio-a { display: block; height: 120px; overflow: hidden; line-height: 120px; color: #555; font-size: 1.4em; padding: 0 20px }
.mio-header .mio-nav li a.mio-a:hover { color: #fff; background-color: #e62129; }
.mio-header .mio-nav li.hover a.mio-a { color: #fff; background-color: #e62129; }
.mio-header .mio-nav li.st a.mio-a { color: #fff; background-color: #e62129; }
/*.mio-header .mio-nav li ul { width: 160px; position: absolute; top: 120px; left: 0; background-color: rgba(255,255,255,.9); display: none }
.mio-header .mio-nav li li { float: none; padding: 0; margin: 0; }
.mio-header .mio-nav li li a { line-height: 40px; height: 40px; color: #333; display: block; font-size: 1.2em; text-align: center; width: 100%; }
.mio-header .mio-nav li li a:hover { background-color: #e62129; color: #fff; }
.mio-header .mio-nav li:hover ul { display: block; }*/
.mio-header .mio-nav li li a { line-height: 40px; height: 40px; color: #333; display: block; font-size: 1.2em; text-align: center; width: 100%; }
.mio-header .mio-nav li li a:hover { background-color: #e62129; color: #fff; }
.mio-header .mio-nav li li { width: 160px; position: absolute; top: 120px; left: 0; background-color: rgba(255,255,255,.9); display: none }
.mio-header .mio-nav li li { display: block; background: rgba(255,255,255,0.8); opacity: 0;	-webkit-transform: rotateY(90deg);	-moz-transform: rotateY(90deg);	-ms-transform: rotateY(90deg);	-o-transform: rotateY(90deg);	transform: rotateY(90deg);	-webkit-transition: opacity .4s, -webkit-transform .5s;	-moz-transition: opacity .4s, -moz-transform .5s;	-ms-transition: opacity .4s, -ms-transform .5s;	-o-transition: opacity .4s, -o-transform .5s;	transition: opacity .4s, transform .5s; }
.mio-header .mio-nav li:hover ul li {	opacity: 1;	-webkit-transform: none;	-moz-transform: none;	-ms-transform: none; -o-transform: none;	transform: none; }

.mio-header .mio-nav li li:nth-child(1) { top: 120px; }
.mio-header .mio-nav li li:nth-child(2) { top: 160px; }
.mio-header .mio-nav li li:nth-child(3) { top: 200px; }
.mio-header .mio-nav li li:nth-child(4) { top: 240px; }
.mio-header .mio-nav li li:nth-child(5) { top: 280px; }
.mio-header .mio-nav li li:nth-child(6) { top: 320px; }
.mio-header .mio-nav li li:nth-child(7) { top: 360px; }
.mio-header .mio-nav li li:nth-child(8) { top: 400px; }
.mio-header .mio-nav li li:nth-child(9) { top: 440px; }
.mio-header .mio-nav li li:nth-child(10) { top: 480px; }

.mio-header .mio-nav li:hover li:nth-child(1) {-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s; }
.mio-header .mio-nav li:hover li:nth-child(2) {-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms; }
.mio-header .mio-nav li:hover li:nth-child(3) { -webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms; }
.mio-header .mio-nav li:hover li:nth-child(4) { -webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms; }
.mio-header .mio-nav li:hover li:nth-child(5) { -webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms; }
.mio-header .mio-nav li:hover li:nth-child(6) { -webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms; }
.mio-header .mio-nav li:hover li:nth-child(7) { -webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms; }
.mio-header .mio-nav li:hover li:nth-child(8) { -webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms; }
.mio-header .mio-nav li:hover li:nth-child(9) { -webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms; }
.mio-header .mio-nav li:hover li:nth-child(10) { -webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms; }



.mio-header .mio-nav li li:nth-child(10) {-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s; }
.mio-header .mio-nav li li:nth-child(9) {-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms; }
.mio-header .mio-nav li li:nth-child(8) { -webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms; }
.mio-header .mio-nav li li:nth-child(7) { -webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms; }
.mio-header .mio-nav li li:nth-child(6) { -webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms; }
.mio-header .mio-nav li li:nth-child(5) { -webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms; }
.mio-header .mio-nav li li:nth-child(4) { -webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms; }
.mio-header .mio-nav li li:nth-child(3) { -webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms; }
.mio-header .mio-nav li li:nth-child(2) { -webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms; }
.mio-header .mio-nav li li:nth-child(1) { -webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms; }



















.mio-footer { background-color: #333; padding: 40px 0; color: #fff; font-size: 1.15em }
.mio-footer h3 { color: #fff; }
.mio-footer .mio-flogo { height: 80px; background: url(flogo.png) no-repeat center; }
.mio-footer p { margin: 0; }
.mio-footer p.p1 { letter-spacing: 1px; padding-top: 5px; margin-top: 15px; border-top: #444 1px solid; text-align: center }
.mio-footer .mio-fct { padding:10px 0 10px 30px; float: right }
.mio-footer .mio-fct li span { margin-left: 15px; }
.mio-footer .mio-line { width: 50px; height: 3px; background-color: #e62129; margin: 15px 0; }
.mio-footer .mio-ewm { text-align: center; width: 140px; margin-left: 120px; text-align: center}
.mio-footer .mio-ewm img { width: 100%; display: block; margin-bottom: 6px; }



.mio-copyright { background-color: #222; padding: 15px 0; text-align: center; color: #aaa; }
.mio-copyright a { color: #aaa; }
.mio-copyright span { margin-left: 10px; }


.mio-banner { margin-top: 100px; height: 700px; text-align: center }
.mio-banner .mio-bbg { background-color: rgba(0,0,0,.4); height: 100%; color: #fff }
.mio-banner .swiper-pagination-bullet { background: #fff; width: 60px; height: 4px; border-radius: 4px }
.mio-banner .swiper-pagination-bullet-active { background: #fff }
.mio-banner .swiper-slide { height: 700px; background-repeat: no-repeat; background-position: bottom center; }
.mio-banner .swiper-slide1 { background-image: url(ba1.jpg) }
.mio-banner .swiper-slide2 { background-image: url(ba2.jpg) }
.mio-banner .swiper-slide3 { background-image: url(ba3.jpg) }
.mio-banner .swiper-slide4 { background-image: url(ba4.jpg) }
.mio-banner .mio-txt { padding: 330px 0 0 0; font-size: 4em; font-weight: bold; color: #fff; }


.mio-section { padding: 50px 0; }
.mio-section .mio-t { text-align: center; margin-bottom: 30px; text-transform: uppercase }
.mio-section .mio-t h2 { font-size: 2.5em; font-weight: bold; color: #222; font-family: Arial, Helvetica, sans-serif }
.mio-section .mio-t h4 { margin-top: 10px; font-size: 1.4em }
.mio-section .mio-t .mio-tl { height: 50px; position: relative; width: 400px; margin: 0 auto }
.mio-section .mio-t .mio-tl h3 { color: #e62129; font-size: 2em; height: 50px; line-height: 50px; width: 140px; position: absolute; left: 50%; top: 0; z-index: 2; margin-left: -70px; }
.mio-section .mio-t .mio-tl .mio-ll,
.mio-section .mio-t .mio-tl .mio-lr { height: 1px; width: 130px; position: absolute; top: 50%; z-index: 1; background-color: #aaa; }
.mio-section .mio-t .mio-tl .mio-ll { left: 0; }
.mio-section .mio-t .mio-tl .mio-lr { right: 0; }
.mio-section img { width: 100%; display: block }
.mio-section .mio-t .mio-tl2 .mio-ll,
.mio-section .mio-t .mio-tl2 .mio-lr { width: 100px; }
.mio-section .mio-t .mio-tl2 h3 { width: 180px; margin-left: -90px; }

.mio-aimg {}
.mio-aimg h2 { height: 60px; background: url(t1.png) no-repeat center; text-indent: -999999px; margin-bottom: 30px; }

.mio-aslide { width: 100%; height: 500px; position: relative; }
.mio-aslide .mio-asbg { width: 100%; height: 400px; position: absolute; top: 50px; left: 0; z-index: 1; background-color: #999; }
.mio-aslide .mio-aslider { width: 95%; height: 500px; position: absolute; top: 0; left: 2.5%; z-index: 2; background-color: #333; }

.mio-aslide .slideBox{ width: 100%; height: 500px; position:relative; }
.mio-aslide .slideBox .hd{ display: none }
.mio-aslide .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mio-aslide .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.mio-aslide .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.mio-aslide .slideBox .bd{ position:relative; height:100%; z-index:0; }
.mio-aslide .slideBox .bd li{ zoom:1; vertical-align:middle; }
.mio-aslide .slideBox .bd img{ width: 100%; height: 500px; display:block;  }

.mio-aslide .slideBox .prev,
.mio-aslide .slideBox .next{ position: absolute; top: 200px; width: 50px; height: 50px; background: rgba(70,70,70,.7); background-position: center; background-repeat: no-repeat; }
.mio-aslide .slideBox .prev { left: 0; background-image: url(al.png) }
.mio-aslide .slideBox .next { right: 0; background-image: url(ar.png) }
.mio-aslide .slideBox .prev:hover,
.mio-aslide .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }




.mio-liucheng { background-color: #fff; }

.mio-about { background-color: #fff; }
.mio-about .mio-t h3 span { background-color: #fff; }
.mio-about .mio-intro { font-size: 1.2em } 
.mio-about .mio-intro h3 { margin-bottom: 20px; color: #111; font-size: 1.6em; }
.mio-about .mio-avs { padding-left: 50px; }
.mio-about .mio-avs li { background-color: #333; padding: 40px 20px 40px 120px; background-position: 30px center; background-repeat: no-repeat; color: #fff; font-size: 1.5em; margin-bottom: 15px; }
.mio-about .mio-avs li:nth-child(1) { background-image: url(values2.png); }
.mio-about .mio-avs li:nth-child(2) { background-image: url(values1.png); } 
.mio-about .mio-avs li:nth-child(3) { background-image: url(values3.png); }


.mio-liyou { background-color: #ddd; background-image: url(1.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.mio-liyou h2 { height: 45px; background: url(liyou-title.png) no-repeat center; text-indent: -999999px; }
.mio-liyou .mio-liy { width: 1200px; height: 560px; position: relative; }
.mio-liyou .mio-liy .mio-ly { width: 595px; height: 274px; position: absolute; z-index: 1; }
.mio-liyou .mio-liy .mio-ly .mio-lyc { width: 100%; height: 100%; position: relative; }
.mio-liyou .mio-liy .mio-ly .mio-lyc .mio-lbg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.mio-liyou .mio-liy .mio-ly:hover .mio-lyc .mio-lbg { color: #fff }
.mio-liyou .mio-liy .mio-ly .mio-lyc .mio-txt { width: 400px; padding: 30px 0 0 20px; color: #333; position: absolute; left: 10px; top: 5px; z-index: 2; }
.mio-liyou .mio-liy .mio-ly .mio-lyc .mio-txt ul { padding-right: 50px; }
.mio-liyou .mio-liy .mio-ly1 { left: 0; top: 0; }
.mio-liyou .mio-liy .mio-ly2 { right: 0; top: 0; }
.mio-liyou .mio-liy .mio-ly3 { bottom: 0; left: 0; }
.mio-liyou .mio-liy .mio-ly4 { right: 0; bottom: 0; }
.mio-liyou .mio-liy .mio-ly1 .mio-lbg { background-image: url(liyou-bg-2-hover.png); }
.mio-liyou .mio-liy .mio-ly2 .mio-lbg { background-image: url(liyou-bg-3-hover.png); }
.mio-liyou .mio-liy .mio-ly3 .mio-lbg { background-image: url(liyou-bg-4-hover.png); }
.mio-liyou .mio-liy .mio-ly4 .mio-lbg { background-image: url(liyou-bg-5-hover.png); }
.mio-liyou .mio-liy .mio-ly h3 { height: 65px; margin-bottom: 20px; }
.mio-liyou .mio-liy .mio-ly1 .mio-txt h3 { background: url(liyou-1.png) no-repeat left center }
.mio-liyou .mio-liy .mio-ly2 .mio-txt h3 { background: url(liyou-2.png) no-repeat right center }
.mio-liyou .mio-liy .mio-ly3 .mio-txt h3 { background: url(liyou-3.png) no-repeat left center }
.mio-liyou .mio-liy .mio-ly4 .mio-txt h3 { background: url(liyou-4.png) no-repeat right center }
.mio-liyou .mio-liy .mio-ly2 .mio-lyc .mio-txt,
.mio-liyou .mio-liy .mio-ly4 .mio-lyc .mio-txt { left: 190px; }
.mio-liyou .mio-liy .mio-ly2 .mio-lyc .mio-txt,
.mio-liyou .mio-liy .mio-ly4 .mio-lyc .mio-txt { float: right; padding: 30px 20px 0 0 }
.mio-liyou .mio-liy .mio-ly2 .mio-lyc .mio-txt ul,
.mio-liyou .mio-liy .mio-ly4 .mio-lyc .mio-txt ul { padding: 0 10px 0 50px }
.mio-liyou .mio-liy .mio-ly .mio-lyc .mio-txt li { background: url(liyou-5.png) no-repeat left 5px; padding-left: 30px; }

.mio-liyou .mio-liy .mio-lyimg { width: 460px; height: 460px; position: absolute; top: 50px; left: 50%; margin-left: -230px; background: url(ly.png) no-repeat center }



.mio-partners { background-color: #fff; }
.mio-partners img { width: 100%; border: #eee 1px solid; padding: 5px; }

.mio-partners {}
.picMarquee-left{ width: 100%; position:relative; overflow: hidden }
.picMarquee-left .hd{ display: none }
.picMarquee-left .bd { }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; height: 235px; }
.picMarquee-left .bd ul li{ width: 12.6%; margin-left: 15px; margin-bottom: 1.5%; float: left; }
.picMarquee-left .bd ul li img { margin-bottom: 15px; }


.mio-inews .mio-pdate { text-align: center; font-family: Arial, Helvetica, sans-serif; color: #999; padding-top: 10px; }
.mio-inews .mio-pdate strong { display: block; font-size: 3.5em; font-weight: normal; margin-bottom: 8px; }
.mio-inews .mio-txt { padding: 15px 0; }
.mio-inews .mio-txt h3 { margin-bottom: 10px; }
.mio-inews .row .col-md-3 { padding-right: 0; }



.mio-cases {}
.mio-cases .mio-cmenu { text-align: center; margin-bottom: 30px; }
.mio-cases .mio-cmenu li { display: inline-block; }
.mio-cases .mio-cmenu li a { display: inline-block; padding: 5px 18px; border: #ddd 1px solid; font-size: 1.4em }
.mio-cases .mio-cmenu li.st a { background-color: #e62129; color: #fff; border-color: #e62129; }


.mio-plist img { width: 100%; height: 100%; }
.mio-plist a { display: block; border: #eee 1px solid; margin-bottom: 30px; background-color:#fff; box-shadow: 0 0 15px #ccc }
.mio-plist .mio-img { background-color:#fff; overflow: hidden; height: 200px; overflow: hidden }
.mio-plist h3 { text-align: center; font-size: 1.2em; height: 50px; line-height: 50px; overflow: hidden; padding: 0 15px; }
.mio-plist a:hover { background-color:#b50a0f; color: #fff; }
.mio-plist a:hover h3 { color: #fff;  }
.mio-plist a:hover .mio-img img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-plist a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}



.mio-plist2 img { width: 100%; height: 100%; }
.mio-plist2 a { display: block; border: #eee 1px solid; margin-bottom: 30px; background-color:#fff; box-shadow: 0 0 15px #ccc }
.mio-plist2 .mio-img { background-color:#fff; overflow: hidden; height: 180px; overflow: hidden }
.mio-plist2 h3 { text-align: center; font-size: 1.2em; height: 50px; line-height: 50px; overflow: hidden; padding: 0 15px; }
.mio-plist2 a:hover { background-color:#b50a0f; color: #fff; }
.mio-plist2 a:hover h3 { color: #fff;  }
.mio-plist2 a:hover .mio-img img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-plist2 a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}


.mio-hlist {}
.mio-hlist a { display: block; margin-bottom: 30px; border: #eee 1px solid; }
.mio-hlist a .mio-img { height: 180px; width: 100%; overflow: hidden; text-align: center }
.mio-hlist a .mio-img img { height: 100%; width: auto; margin: 0 auto }
.mio-hlist h3 { text-align: center; font-size: 1.2em; height: 50px; line-height: 50px; overflow: hidden; padding: 0 15px; }
.mio-hlist a:hover h3 { color: #fff; background-color:#b50a0f; }
.mio-hlist a:hover .mio-img img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}



.mio-pbanner { height: 500px; background: #444 url(pb.jpg) no-repeat center; margin-top: 100px; }





.mio-position { height: 50px; line-height: 50px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); overflow: hidden; }
.mio-position a,
.mio-position em { padding: 0 10px; }
.mio-position span.iconfont { margin-right: 10px; }


.mio-category { background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-category h3 { height: 80px; line-height: 80px; background-color: #222; font-size: 1.6em; color: #fff; padding: 0 25px; }
.mio-category ul { font-size: 1.2em; }
.mio-category li { border-bottom: #eee 1px solid; }
.mio-category li a.mio-a { display: block; height: 50px; line-height: 50px; padding: 0 25px; }
.mio-category li a.mio-a span { float: right; font-size: 1.2em }
.mio-category li a.mio-a:hover { background-color: #eee; color: #e62129; }
.mio-category li.hover a.mio-a { background-color: #e62129; color: #fff;  }
.mio-category li ul { font-size: 0.85em; border-top: #eee 1px solid; }
.mio-category li li:nth-last-child(1) { border: 0; }
.mio-category li li a { display: block; height: 40px; line-height: 40px; padding: 0 25px 0 25px; }
.mio-category li li a:hover {}
.mio-category li li.shover a {}

.mio-contact { background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-contact h3 { height: 80px; line-height: 80px; background-color: #222; font-size: 1.6em; color: #fff; padding: 0 25px; }
.mio-contact .mio-c { padding: 20px; }
.mio-contact p { margin: 0 0 5px 0; }

.mio-main { background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.1); }
.mio-main .mio-main-tit { padding: 20px 0; border-bottom: #ccc 1px solid; }
.mio-main .mio-main-tit h1,
.mio-main .mio-main-tit h2 { font-size: 1.4em; font-weight: bold; color: #e62129; border-left: #e62129 2px solid; padding-left: 15px; }
.mio-main .mio-main-con { padding: 20px 30px; }

.mio-article { font-size: 1.2em; }
.mio-article h2,
.mio-article h3 { margin: 15px 0; font-weight: bold }
.mio-article p { margin: 15px 0; }
.mio-article img { max-width: 100%; }

.mio-alist {}
.mio-alist li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eee 1px solid }
.mio-alist li a { display: block; }
.mio-alist li .mio-pdate { color: #e62129; margin-bottom: 10px }
.mio-alist li h3 { font-size: 1.5em; font-weight: bold; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.mio-alist li .mio-intro { margin: 15px 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; font-size: 1.2em }
.mio-alist li .mio-img { height: 180px; overflow: hidden; }
.mio-alist li .mio-img img { min-height: 100%; width: 100% }


.mio-plist2 {}
.mio-plist2 a {display: block; margin-bottom: 30px; background: #eee; color: #333; border: #eee 5px solid; }
.mio-plist2 a .mio-img { overflow: hidden; }
.mio-plist2 a .mio-img img { height: 100%; width: 100% }
.mio-plist2 a .mio-txt h3 { height: 50px; line-height: 50px; overflow: hidden; padding: 0 15px; font-size: 1em ; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-plist2 a .mio-txt h3 span { float: right; font-size: 1.5em; margin-left: 10px; }
.mio-plist2 a:hover { color: #fff; border: #e62129 5px solid; background-color: #e62129 }


.list_page{ text-align:center; margin:30px auto; 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-proinfo {}
.mio-proinfo img { width: 100%; }
.mio-proinfo h1 { font-size: 1.5em; color: #000; font-weight: bold; margin-bottom: 20px; }
.mio-proinfo .mio-img { border: #eee 1px solid; padding: 10px; }
.mio-proinfo .mio-intro p { margin: 0; }

.mio-article-pro { }
.mio-article-pro h1 { text-align: center; font-size: 1.4em; color: #111; margin: 0 0 20px 0; font-weight: bold }

.mio-article-news {}
.mio-article-news h1 { text-align: center; font-size: 1.4em; color: #111; margin: 0 0 20px 0; font-weight: bold }


#dituContent { width: 100%; height: 360px; }