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

html,
body { color: #333; line-height: 1.5em; position: relative; font-family: Arial, "Microsoft YaHei", Helvetica, sans-serif; background-color:#fff; min-width: 1200px; margin: 0 auto; font-size: 0.95em; height: 100%; }

h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; font-size: 1.2em; }

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

ul,ol,dl { margin:0; padding: 0; }
em { font-style: normal }

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

::-moz-selection {  color: #ffffff;  background: #c3002f;  text-shadow: none;}
::selection {  color: #ffffff;  background: #c3002f;  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:#ddd }
table tr:nth-child(odd) { background-color:#ccc }*/

.tr { text-align: right }
.tc { text-align: center }
.fr { float: right }
.none { display: none }
img { max-width: 100%; display: block }

.container { min-width: 1240px; }

.mio-header { height: 100px; width: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(23,26,30,.9) }
.mio-header .container { width: 100%; padding: 0; margin: 0; }
.mio-header a.navbar-brand { width: 240px; min-height: 100px; background: #c3002f url(logow.png) no-repeat center; text-indent: -999999px; overflow: hidden; display: block; float: left }
.mio-header .mio-nav { float: right }
.mio-header .mio-nav ul { }
.mio-header .mio-nav li { float: left; margin-right: 65px; }
.mio-header .mio-nav li a.mio-a { display: block; height: 100px; line-height: 100px; font-size: 1.2em; color: #fff }
.mio-header .mio-nav li.hover a.mio-a { color: #ff003d; border-bottom: #c3002f 2px solid }


.mio-footer { background-color: #242628; padding: 50px 0; }
.mio-footer .container { width: 95% }

.mio-fct { color: #fff }
.mio-fct li { float: left; height: 80px; overflow: hidden; margin-right: 30px; }
.mio-fct .mio-fco { width: 80px; height: 80px; line-height: 80px; overflow: hidden; float: left; background: #c3002f; color: #fff; text-align: center }
.mio-fct .mio-fco span { font-size: 2.5em }
.mio-fct .mio-fca { float: left; padding: 15px 0 0 20px; font-size: 1.2em; color: rgba(255,255,255,.6); }
.mio-fct .mio-fca strong { display: block; margin-bottom: 8px; color: #fff }
.mio-fct .mio-fca em { font-size: .8em }
.mio-fct li.mio-wx { float: right; margin-right: 0 }
.mio-fct li.mio-wx b { color: #fc0; font-size: 1.2em }

.mio-copyright { background-color: #1b1c1e; padding: 15px 0; color: #777; }
.mio-copyright .container { width: 95% }
.mio-copyright a { color: #777 }
.mio-copyright a:hover { color: #fff; text-decoration: underline }

.mio-flinks { background-color: #1b1c1e; padding: 15px 0; color: #777; border-top: #222 1px solid }
.mio-flinks .container { width: 95% }
.mio-flinks li { display: inline-block; }
.mio-flinks li span { padding: 0 10px; color: #333; }
.mio-flinks li a { color: #777 }
.mio-flinks li a:hover { color: #fff; text-decoration: underline }

.mio-section { background-color: #fff; padding: 50px 0 50px 0;  }
.mio-section .mio-t { margin-bottom: 50px; }
.mio-section .mio-t h2 { font-size: 2.5em; font-weight: bold; color: #fff; letter-spacing: 1px; }
.mio-section .mio-t .mio-intro { margin: 20px 0; color: #999; font-size: .85em }
.mio-section .mio-pimg { margin: 20px 0; }
.mio-section .mio-vmore { margin-bottom: 30px; }
.mio-section .mio-vmore a { background-color: #c3002f; display: inline-block; padding: 6px 30px; color: #fff; }
.mio-section .mio-vmore a span { margin-left: 15px; }

.mio-section-mp { background-color: #1b1c1e; padding: 100px 0 70px 0; }
.mio-section-mh { background-color: #131415; padding: 100px 0 70px 0; }
.mio-news { background-color: #1b1c1e; padding: 70px 0; }


.mio-news .mio-t { text-align: center }
a.mio-anews { display: block; }
a.mio-anews .mio-img { }
a.mio-anews .mio-txt { padding: 25px 0 0 0 }
a.mio-anews .mio-txt h3 { font-weight: normal; font-size: 1.1em; color: #fff; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
a.mio-anews .mio-intro { color: #777; }
a.mio-anews .mio-pdate { margin: 10px 0; color: #c3002f; }

.mio-inews li { border-bottom: rgba(255,255,255,.1) 1px dashed; padding-bottom: 15px; margin-bottom: 15px }
.mio-inews li a { font-size: 1.1em; display: block; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; color: #fff }
.mio-inews li .mio-pdate { margin: 3px 0 0 0; color: #666; }
.mio-inews li:nth-last-child(1) { border-bottom: 0; }




.mio-banner { width: 100%; height: 100%; position: relative; z-index: 1 }
.mio-banner .swiper-container,
.mio-banner .swiper-wrapper,
.mio-banner .swiper-slide { height: 100%; width: 100%; }
.mio-banner .swiper-slide { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #111; }
.mio-banner .mio-btxt { position: absolute; z-index:99; top: 50%; left: 0px; height: 400px; margin-top:-150px; width: 660px; padding: 50px; background-color: rgba(23,26,30,.95); color: #fff; border-radius: 0 20px 20px 0; }
.mio-banner .mio-btxt b { font-size: 4em; color: #fc0; }
.mio-banner .mio-btxt h2 span { margin: 0 8px 0 30px; }
.mio-banner .mio-btxt h2 em { font-size: 1.4em; color: #fc0; }
.mio-banner .mio-btxt .mio-intro { margin: 15px 0 25px 0; opacity:0.5; font-size: .9em }
.mio-banner .swiper-pagination-bullet { background: #000; width: 15px; height: 15px; border-radius: 50% }
.mio-banner .swiper-pagination-bullet-active { background: #c3002f; }
.mio-banner .swiper-slide1 { background-image: url(banner1.jpg); }
.mio-banner .swiper-slide2 { background-image: url(banner2.jpg); }
.mio-banner .swiper-slide3 { background-image: url(banner3.jpg); }
.mio-banner .swiper-slide4 { background-image: url(banner4.jpg); }

.mio-cmenu {}
.mio-cmenu a { background-color: #2d394b; color: #fff; display: block; margin-bottom: 10px; padding: 5px 15px; border-radius: 4px; }
.mio-cmenu a span { float: right }
.mio-cmenu a:hover { background-color: #c3002f }


.picScroll-left{}
.picScroll-left .hd{ text-align: right; margin-bottom: 20px;  }
.picScroll-left .hd .prev,
.picScroll-left .hd .next{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #c3002f; color: #fff; cursor: pointer }
.picScroll-left .hd .next{ }
.picScroll-left .hd .pageState{ color:#aaa; margin-right: 20px; }
.picScroll-left .hd .nextStop{ }
.picScroll-left .hd ul{ display: none }
.picScroll-left .hd ul li{ }
.picScroll-left .hd ul li.on{ }
.picScroll-left .bd { }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 280px; float: left; margin-right: 30px; }
.picScroll-left .bd ul li a { color: #fff; text-align: center; background-color: rgba(255,255,255,.1); padding: 15px; display: block }
.picScroll-left .bd ul li a .mio-txt { padding: 15px 0 0 0; }
.picScroll-left .bd ul li a:hover { background-color: #c3002f }


.txtScroll-top{ height: 50px; overflow: hidden }
.txtScroll-top .hd{ display: none }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:24px; line-height:24px;   }
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
		
		

.mio-plist a { display: block; background-color:#242628; padding: 15px; color: #fff; }
.mio-plist .mio-img { }
.mio-plist .mio-txt { padding: 15px 0 0 0; }
.mio-plist a:hover { background-color:#c3002f; }
.mio-plist a:hover .mio-txt { top: 0; }
.mio-plist3 .mio-img { height:186px; overflow: hidden}

.mio-cases { background-color: #111; border-top: #111 1px solid; border-bottom: #111 1px solid; }
.mio-cases li { width: 20%; float: left; overflow: hidden }
.mio-cases li .mio-img { margin-right: 1px; }


.mio-pbanner { height: 500px; background: #eee url(pbanner.jpg) no-repeat center; }


.mio-category h2 { background-color:#c3002f; color:#fff; margin: 0; padding:20px 30px; font-size: 1.6em; }
.mio-category h2 span { display:block; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.6em }
.mio-category h2 b { display:block; font-weight:  normal; margin:15px 0 5px 0; font-size:1.2em; }
.mio-category h2 em { display:block; font-style:normal; background: url(ct.png) no-repeat right center; font-size:1.2em; }
.mio-category li { margin-top: 1px; }
.mio-category li a { display: block; padding: 0 25px; }
.mio-category li a span { float: right; font-size: 1.2em; }
.mio-category li a.mio-a { line-height: 46px; background-color: #2d394b; color: #fff; font-size: 1.2em }
.mio-category li li a { line-height: 38px; background-color: #eee; border-left: #eee 3px solid; padding-left: 22px }
.mio-category li.hover a.mio-a { background-color: #c3002f; }
.mio-category li li a:hover { border-left-color: #c3002f; background-color: #ddd }
.mio-category li li.shover a { border-left-color: #c3002f; color: #c3002f; font-weight: bold; background-color: #ddd }



.mio-article h2 { margin-bottom: 20px; font-size: 1.6em }
.mio-article p { margin: 0 0 20px 0; }
.mio-article img { display: block; margin: 0 auto 20px; }
.mio-article li p { text-indent: 0; margin: 0; }
.mio-article table p { text-indent: 0 }
.mio-article ol,
.mio-article ul { margin: 0 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 }
.mio-article a:hover { color: #c3002f; }
.mio-article-news img { width: 500px; margin: 0 auto; }
.mio-article-service img,
.mio-article-cases img { width: 100%; }
.mio-article-pview h2 { font-size: 1.2em; }

.mio-aback a { width: 160px; height: 40px; line-height: 40px; text-align: center; background-color: #2d394b; color: #fff; display: block; margin: 20px auto }
.mio-tags { margin: 20px 0; }
.mio-tags dd,.mio-tags dt { display: inline-block; margin-right: 10px; }
.mio-links { color: #999; margin: 20px 0; }
.mio-links a { color: #999; text-decoration: underline }
h1.mio-h1t { font-size: 2em; color: #2d394b; border-left: #2d394b 5px solid; padding-left: 15px; font-weight: bold; letter-spacing: 1px; }
div.mio-pdesc { margin-bottom: 30px; }

/* Crumbs */
.mio-position { background-color: #eee; padding: 15px 0; border-top: #ddd 1px solid; }
.mio-position .container { width: 95% }
.mio-position a,
.mio-position em { padding: 0 10px; }


.mio-plista {}
.mio-plista .mio-img { width: 50%; float: left }
.mio-plista .mio-txt { width: 50%; float: left; padding: 40px 50px 0 50px; }
.mio-plista .mio-txt .mio-intro { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical; margin: 25px 0; }
.mio-plista .mio-txt h2 { font-size: 2em; font-weight: bold }
.mio-plista .col-md-12:nth-child(odd) .mio-img { float: right }

.mio-plist2 {}
.mio-plist2 li:nth-child(even) .col-md-4 { float: right }
.mio-plist2 .mio-txt .mio-intro { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; margin: 25px 0; }
.mio-plist2 .mio-txt h2 { font-size: 2em; font-weight: bold }
.mio-plist2 .mio-txt { padding: 10px 0 0 0; }

.mio-plists {}
.mio-plists .mio-img { width: 50%; float: left }
.mio-plists .mio-img img { height: 200px;}
.mio-plists .mio-txt { width: 50%; float: left; padding: 30px 50px 0 50px; }
.mio-plists .mio-txt .mio-intro { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 15px 0; }
.mio-plists .mio-txt h2 { font-size: 1.6em; font-weight: bold }
.mio-plists .col-md-12:nth-child(odd) .mio-img { float: right }


.mio-plist3 .mio-txt { padding: 15px 0 0 0; font-size: 1em; text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-plist3a .mio-txt { margin-bottom: 30px; }


.mio-alist {}
.mio-alist .mio-img { }
.mio-alist .mio-txt { padding: 20px 50px 0 50px; }
.mio-alist .mio-txt .mio-intro { text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 15px 0; color: #777; }
.mio-alist .mio-txt h3 { font-size: 1.6em; font-weight: bold; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-alist li:nth-child(odd) .row .col-md-4 { float: right }



/* Contact */
.mio-page-contact { height: 600px; background: url(ct.jpg) no-repeat center top; background-size: cover; position: relative }
.mio-page-contact .mio-txt { position: absolute; right: 0; bottom: 150px; background-color: rgba(45,57,75,.98); padding: 50px 50px 30px 50px; width: 650px; color: #fff; }
.mio-page-contact .mio-txt .mio-ewm { text-align: center; width: 140px; float: right }
.mio-page-contact .mio-txt .mio-ewm img { display: block; margin-bottom: 8px; }
.mio-page-contact .mio-txt h2 { margin-bottom: 20px; font-size: 1.4em; }
.mio-page-contact .mio-txt em { display: inline-block; width: 80px }

/* Message */
.mio-message { }
.mio-message h2 { font-size: 1.6em; font-weight: bold; color: #131a22; margin: 0 0 20px 0; } 
.mio-message h6 { font-size: 1em; margin: 20px 0; }
.mio-message .row div { margin-bottom: 10px; }
.mio-message .ipts { border: #ddd 1px solid; background-color: #efefef; width: 100%; height: 50px; line-height: 50px; padding: 0 10px; font-size: 1em }
.mio-message .btns { width: 200px; height: 50px; line-height: 50px; text-align: center; border: 0; cursor: pointer; background-color: #354b5e; color: #fff; margin: 0 auto; display: block; font-size: 1em; -webkit-transition:all .3s ease; }
.mio-message .btns:hover { background-color: #1f7872; -webkit-transition:all .3s ease; }
.mio-message .txts { border: #ddd 1px solid; background-color: #efefef; width: 100%; height: 150px; padding: 10px; font-size: 1em; line-height: 1.2em }
.mio-message .ipts:focus,
.mio-message .txts:focus { border: #82c434 1px solid; background-color:#f3f3f3 }
.mio-message .col-md-12 { position: relative }
.mio-message .msg-box { position: absolute; top: 0; right: 5px; color: #f90; }



.list_page{text-align:center;margin: 10px 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; 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 }


/* Related Articles */
.mio-related h3 { margin-bottom: 15px; font-weight: bold; }
.mio-related a { display: block; margin: 2px 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-related a span { margin-right: 2px; font-size: 1.1em; float: left }




.mio-icases { margin-bottom: 30px; }
.mio-icases li { width: 25%; float: left; overflow: hidden }
.mio-icases li .mio-img { margin-right: 1px; }


.mio-taglist {}
.mio-taglist a { display: block; text-align: center; margin-bottom: 10px; background-color: #eee; padding: 8px; border: #ddd 1px solid }
.mio-taglist a:hover { background-color: #c3002f; color: #fff; }

table.mio-cstab { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: #e9e5df; 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 .mio-even { background-color: #dee1e5 }
table.mio-cstab .mio-tl { padding: 5px; text-align: center; border-right: #fff 1px solid; border-bottom: #fff 1px solid; background-color: #2d394b; color: #fff }
table.mio-cstab1 tr:nth-child(odd) { background-color: #dee1e5 }

.mio-wplist .mio-txt { padding: 15px 15px 0 15px }
.mio-wplist h3 { margin: 0 0 15px 0; white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all; font-weight: bold }
.mio-wplist .mio-intro { 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-news { padding-bottom: 30px; }
.mio-news .row:nth-child(1) { margin-bottom: 30px; }
.mio-news .mio-tl {}
.mio-news .mio-tl h2 { font-size: 2.2em; color: #fff; letter-spacing: 1px; font-weight: bold }
.mio-news .mio-intro { margin: 15px 0; color: #666; font-size: .9em; }
.mio-wlist { font-size: .95em; }
.mio-wlist a { color: #aaa; }
.mio-wlist a:hover { color: #fc0; text-decoration: underline }
.mio-wlist span { color: #666; float: right; margin-left: 10px; }

.mio-section-mh2 { background-color:#161618 }

.mio-news .mio-wlist div:nth-child(n + 13) { display:none }