* { margin: 0; padding: 0; text-decoration: none; font-style: normal }
html,
body { color: #333; line-height: 1.8em; font-family: "Tahoma", "Arial Unicode MS", Arial, Helvetica, sans-serif; font-size: 1em; background-color: #fff; }
h1,h2,h3,h4,h5,h6 { font-size: 1em; line-height: 1.4em }
p { margin: 0 }
ul,ol,li { margin: 0; padding: 0; list-style: none }
a { color: #333; outline: none; text-decoration: none; -webkit-transition:all .3s ease; }
a:hover { text-decoration: none; color: #013763 }
input,textarea { font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #333; line-height: 1.6em; }
table { border-collapse: collapse; border-spacing: 0; border-right: #111 1px solid; border-bottom: #111 1px solid; text-align: center; width: 100%; margin-bottom: 20px; }
table th { background-color: #1f2a41; color: #fff; border-left: #111 1px solid; border-top: #111 1px solid; padding: 8px; }
table td { border-left: #111 1px solid; border-top: #111 1px solid; padding: 8px; }
table tr:nth-child(even) { background-color: #eee; }


.mio-header { height: 60px; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 5px 5px rgba(0,0,0,.1); background-color: #fff }
.mio-header a.navbar-brand { width: 370px; height: 60px; float: left; overflow: hidden; color:#222 }
.mio-header a.navbar-brand span { background: url(logo.png) no-repeat left center; display: block; width: 103px; height: 60px; float: left }
.mio-header a.navbar-brand div { width: 253px; float: right }
.mio-header a.navbar-brand div h2 { font-size: 2em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; line-height: 1em }
.mio-header a.navbar-brand div h6 { font-weight: normal; font-size: 1em; line-height: 1em }
.mio-header a.navbar-brand div h6 em { color: #0099cb }

.mio-footer { background-color: #000000; padding: 30px 0; color: #fff }
.mio-footer .mio-fbox:nth-child(5) a { color: #00a0e8 }
.mio-footer a { color: #fff }
.mio-footer a:hover { color: #00a0e8 }

.mio-message { background: url(fbg.webp) no-repeat center; background-attachment: fixed; padding: 60px 0 50px 0; }
.mio-message .mio-fl { color: #fff; font-size: 2em; line-height: 1.8em }

.mio-fmsg {}
.mio-fmsg li { margin-bottom: 10px }
.mio-fmsg .ipts { border: 0; background-color: #fff; height: 40px; line-height: 40px; width: 100% }
.mio-fmsg .txts { border: 0; background-color: #fff; height: 120px; width: 100% }
.mio-fmsg .btns { border: 0; background-color: #00a0e8; color: #fff; cursor: pointer; width: 100% }

.mio-f-msg { background-color: #d5dde0; padding: 30px 0; text-align: center }
.mio-f-msg h2 { color: #014099; font-size: 2em }
.mio-f-msg p { margin: 20px 0; }
.mio-f-msg a { background-color: #014099; color: #fff; width: 140px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 30px; margin: 0 auto }

.mio-share li { height: 34px; }
.mio-share li a { display: block }
.mio-share li a span { width: 34px; height: 34px; float: left; background-repeat: no-repeat; display: block; background-image: url(icon_share.jpg); margin-right: 10px }
.mio-share li:nth-child(1) a span { background-position: 0 0 }
.mio-share li:nth-child(2) a span { background-position: 0 -36px }
.mio-share li:nth-child(3) a span { background-position: 0 -72px }
.mio-share li:nth-child(4) a span { background-position: 0 -110px }
.mio-share li:nth-child(5) a span { background-position: 0 -146px }
.mio-share li:nth-child(6) a span { background-position: 0 -184px }

.mio-ewm li { width: 32%; float: left; margin-right: 2% }
.mio-ewm li:nth-child(3) { margin-right: 0 }
 
.mio-copyright { background-color: #272727; color: #fff; padding: 15px 0 }
.mio-copyright .mio-fr a { width: 34px; height: 34px; display: inline-block; background-image: url(f.jpg); background-repeat: no-repeat; margin: 0 8px }
.mio-copyright .mio-fr a:nth-child(1) { background-position: -3px -3px }
.mio-copyright .mio-fr a:nth-child(2) { background-position: -59px -3px }
.mio-copyright .mio-fr a:nth-child(3) { background-position: -116px -3px }
.mio-copyright .mio-fr a:nth-child(4) { background-position: -172px -3px }
.mio-copyright .mio-fr a:nth-child(5) { background-position: -228px -3px }
.mio-copyright .mio-fr a:nth-child(6) { background-position: -285px -3px }
.mio-copyright .mio-fr a:nth-child(7) { background-position: -341px -3px }
.mio-copyright a { color: #fff }
.mio-copyright a:hover { color: #00a0e8 }

.mio-section-success { text-align: center }
.mio-section-success h2 { font-size: 2.5em; color: #00a0e8; }
.mio-section-success a { background-color: #00a0e8; display: inline-block; padding: 10px 30px; border-radius: 4px; color: #fff; margin: 0 15px }
.mio-section-success a:hover { background-color: #f60 }
.mio-section-success p { margin-top: 20px }


.mio-banner { }

.mio-pbanner { height: 400px; background-position: center; background-color: #eee; margin-top: 80px; }


.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;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-vmore a { width: 150px; height: 40px; line-height: 40px; border-radius: 30px; background-color: #013763; color: #fff; display: block; text-align: center }

.mio-position { padding: 20px 0; background-color: #f5f5f5 }

.mio-category { border: #ddd 1px solid; border-bottom: 0 }
.mio-category h2 { background-color: #013763; color: #fff; padding: 15px 25px; font-size: 1.3em }
.mio-category li {  }
.mio-category li a.mio-a { display: block; padding: 10px 25px; border-bottom: #ddd 1px solid; }
.mio-category li a.mio-a span { width: 16px; height: 16px; float: right; display: block; background: url(icon-keyboard.png) no-repeat center; background-size: 80%; margin-top: 6px; transform: rotate(-90deg); }
.mio-category li a.mio-a:hover { background-color: #eee }
.mio-category li.hover a.mio-a { font-weight: bold; color: #013763; background-color: #eee }
.mio-category li ul { padding: 15px 0; border-bottom: #ddd 1px solid }
.mio-category li li { border: 0 }
.mio-category li li a { display: block; padding: 5px 0 5px 35px; font-size: .95em }

h1.mio-h1t { font-size: 4em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763 }

.mio-plist li { margin-bottom: 20px }
.mio-plist a { display: block }
.mio-plist a .mio-txt { padding: 15px; text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.mio-plist li img { width: 100% }

.mio-comlist img { display: block }
.mio-comlist .mio-txt { padding: 15px; text-align: center; background-color: #023763; color: #fff }

.mio-proview .mio-img,
.mio-proview .mio-txt { margin-bottom: 20px }
.mio-proview .mio-txt h1 { font-size: 1.3em; border-bottom: #ccc 1px solid; padding-bottom: 20px; margin-bottom: 20px; }

.mio-pro-article h2 { margin-bottom: 20px; margin-top: 30px; font-size: 1.3em; font-weight: bold; height: 50px; background: url(li2.jpg) repeat-x 0 42px }
.mio-pro-article h2 span { display: inline-block; background: url(h2t.jpg) no-repeat center bottom; padding-bottom: 20px; height: 30px; color: #013763 }
.mio-pro-article p { margin-bottom: 20px; }
.mio-pro-article table { margin-bottom: 20px; }
.mio-pro-article ul { margin-left: 1em; margin-bottom: 20px }
.mio-pro-article ul li { list-style: disc }
.mio-pro-article li p { margin: 0 }

.mio-pro-article ul.mio-aplist { margin-left: 0 }
.mio-pro-article ul.mio-aplist li { list-style: none; margin-bottom: 20px; }
.mio-pro-article ul.mio-aplist li img { display: block }
.mio-pro-article ul.mio-aplist li .mio-txt { background-color: #013763; color: #fff; padding: 10px; text-align: center }

.mio-article img { display: block; max-width: 100%; margin: 0 auto }
.mio-article p { margin-bottom: 20px; }
.mio-article .mio-nt { border-bottom: #ddd 1px solid; padding-bottom: 30px; margin-bottom: 30px; }
.mio-article .mio-nt h1 {font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: capitalize; line-height: 1.4em }
.mio-article .mio-nt p { background: url(icon_date.jpg) no-repeat left center; line-height: 24px; padding-left: 35px; margin-bottom: 0 }

.mio-faq { background-color: #eee }
.mio-faq h2 { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763 }
.mio-faq li { padding: 25px 0; border-bottom: #ccc 1px solid }
.mio-faq li h3 { font-weight: normal; font-size: 1.2em; cursor: pointer }
.mio-faq li p { margin-top: 10px; display: none }

.mio-pbanner-case { color: #fff; text-align: center; height: 750px; }
.mio-pbanner-case .mio-pbg { height: 100%; background-color: rgba(0,0,0,.5); }
.mio-pbanner-case .container { padding: 180px 0 0 0 }
.mio-pbanner-case .mio-vmore a { margin: 0 auto }
.mio-pbanner-case h1 { font-size: 4em; font-family: impact; margin-bottom: 50px; font-weight: normal; color: #fff }
.mio-pbanner-case p { font-size: 1.4em; margin-bottom: 100px; padding: 0 200px }

h2.mio-h2t { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #111; text-transform: uppercase }

.mio-cases-show { background-color: #eee; background-position: center; background-size: cover }
.mio-cases-show .mio-cbg { height: 100%; background-color: #013763; }
.mio-cases-show h2.mio-h2t { color: #fff }
.mio-cases-show .container { padding: 100px 0 }
/*.mio-cases-show24 { background-image: url(/upfile/banner/banner1.jpg) }*/

.mio-faq-cases {}
.mio-faq-cases li { border: #ddd 1px solid; padding: 15px 20px; margin-bottom: 10px; cursor: pointer; border-radius: 4px }
.mio-faq-cases li h3 { font-weight: normal; font-size: 1.1em }
.mio-faq-cases li h3 span { width: 24px; height: 24px; display: block; float: right; background: url(icon-keyboard.png) no-repeat center; background-size: 60%}
.mio-faq-cases li h3.st span { transform: rotate(180deg); }
.mio-faq-cases li p { margin-top: 10px; display: none }


.mio-page-num { background-color: #f2f2f2 }
.mio-page-num ul { padding: 50px 0; }
.mio-page-num li { float: left; font-size: 1.1em }
.mio-page-num li.lin { width: 16%; text-align: center; overflow: hidden }
.mio-page-num li.lin div { width: 70px; height: 50px; position: relative; z-index: 1; margin: 0 auto 30px; color: #777 }
.mio-page-num li.lin div strong { position: absolute; bottom: 0; left: 0; font-size: 3em; color: #023763; font-family: Impact; font-weight: normal }
.mio-page-num li.lin div span { position: absolute; top: -5px; right: 0; }
.mio-page-num li.lin div b { position: absolute; bottom: -10px; right: 7px; }
.mio-page-num li.lin p { font-size: .8em }
.mio-page-num li.lim { width: 5%; background: url(li.jpg) repeat-y center; height: 120px; overflow: hidden; }
.mio-page-num li.lin2 div { width: 110px }
.mio-page-num li.lin3 div { width: 80px }


.mio-advantages li { height: 360px; position: relative; z-index: 1; overflow: hidden; width: 100%; cursor: pointer }
.mio-advantages li .mio-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #eee; background-repeat: no-repeat; background-position: center; background-size: cover }
.mio-advantages li .mio-txt { width: 100%; height: 100%; position: absolute; top: 320px; left: 0; z-index: 2; color: #fff; background-color: rgba(2,55,99,.8) }
.mio-advantages li .mio-txt h3 { height: 40px; line-height: 40px; padding: 0 30px }
.mio-advantages li .mio-txt p { padding: 0 30px }
.mio-advantages li:nth-child(1) .mio-img { background-image: url(ad1.jpg) }
.mio-advantages li:nth-child(2) .mio-img { background-image: url(ad2.jpg) }
.mio-advantages li:nth-child(3) .mio-img { background-image: url(ad3.jpg) }
.mio-advantages li:nth-child(4) .mio-img { background-image: url(ad4.jpg) }


.mio-home-num { }
.mio-home-num ul { padding: 30px 0; }
.mio-home-num li { float: left; font-size: 1.1em }
.mio-home-num li.lin { width: 17.5%; text-align: center; overflow: hidden }
.mio-home-num li.lin div { width: 70px; height: 50px; position: relative; z-index: 1; margin: 0 auto 30px; color: #777 }
.mio-home-num li.lin div strong { position: absolute; bottom: 0; left: 0; font-size: 3em; color: #023763; font-family: Impact; font-weight: normal }
.mio-home-num li.lin div span { position: absolute; top: -5px; right: 0; }
.mio-home-num li.lin div b { position: absolute; bottom: -10px; right: 7px; }
.mio-home-num li.lin p { font-size: .8em; line-height: 1em }
.mio-home-num li.lim { width: 10%; background: url(li.jpg) repeat-y center; height: 110px; overflow: hidden; }
.mio-home-num li.lin2 div { width: 110px }
.mio-home-num li.lin3 div { width: 80px }

.mio-ashare { border-top: #eee 1px solid; padding-top: 25px; margin-top: 25px; }
.mio-ashare .mio-fl a { color: #013763; background: url(b2a.png) no-repeat left center; padding-left: 40px; line-height: 31px; display: block }
.mio-ashare .mio-fr { color: #999; }
.mio-ashare .mio-fr ul { float: right }
.mio-ashare .mio-fr li { height: 31px; line-height: 31px; float: left }
.mio-ashare .mio-fr a { display: block; width: 30px; height: 31px; background-position: center; background-repeat: no-repeat; }
.mio-ashare .mio-fr li:nth-child(2) a { background-image: url(i_1.jpg) }
.mio-ashare .mio-fr li:nth-child(3) a { background-image: url(i_2.jpg) }
.mio-ashare .mio-fr li:nth-child(4) a { background-image: url(i_3.jpg) }

.mio-inqury { margin-top: 30px; text-align: right }
.mio-inqury a { display: inline-block; padding: 10px 50px; border-radius: 40px; background-color: #f01a36; color: #fff; font-size: 1.1em; font-weight: bold }

.mio-inquiry-msg {}
.mio-inquiry-msg li { margin-bottom: 10px }
.mio-inquiry-msg li label { display: block }
.mio-inquiry-msg li label b { font-weight: normal; color: #c00 }
.mio-inquiry-msg .ipts { border: #ddd 1px solid; background-color: #fff; height: 40px; line-height: 40px; width: 100% }
.mio-inquiry-msg .ipts2 { width: 200px }
.mio-inquiry-msg .txts { border: #ddd 1px solid; background-color: #fff; height: 120px; width: 100% }
.mio-inquiry-msg .btns { border: #ddd 1px solid; background-color: #00a0e8; color: #fff; cursor: pointer; width: 200px; height: 40px; }
.mio-inquiry-msg .mio-guojia { width: 100%; height: 40px; line-height: 40px; background-color: #fff; border: #ddd 1px solid }

.mio-page-msg {}
.mio-page-msg li { margin-bottom: 15px }
.mio-page-msg .ipts { border: #ddd 1px solid; background-color: #fff; height: 40px; line-height: 40px; width: 100% }
.mio-page-msg .ipts2 { width: 200px }
.mio-page-msg .txts { border: #ddd 1px solid; background-color: #fff; height: 120px; width: 100% }
.mio-page-msg .btns { border: #ddd 1px solid; background-color: #013763; color: #fff; cursor: pointer; width: 200px; height: 40px; border-radius: 40px }
.mio-page-msg .mio-guojia { border: #ddd 1px solid; background-color: #fff; height: 40px; line-height: 40px; width: 100% }


.mio-page-why {}
.mio-page-why li { margin-bottom: 20px }
.mio-page-why li h3 { background: #f2f2f2 url(de.png) no-repeat 20px center; padding: 15px 0 15px 70px; color: #013763; }
.mio-page-why li p { padding: 15px 0 15px 70px; }

.mio-faclist li { margin-bottom: 20px; }
.mio-faclist li .mio-txt { padding: 15px; text-align: center }

.mio-banner .swiper-slide a { width: 100%; height: 100%; display: block }

@media (min-width:320px) and (max-width:640px) {
	html,body { background-color: #fff; overflow-x: hidden; }
	img { max-width: 100% }
	.mio-navm { float: right; width: 30px; height: 30px; overflow: hidden; padding: 15px 0; cursor: pointer; display: block }
	.mio-navm span { width: 30px; height: 30px; display: block; background-position: center; background-repeat: no-repeat }
	.mio-navm span.mio-open { background-image: url(icon-menu.png) }
	.mio-navm span.mio-close { background-image: url(icon-close.png); background-size: 70% }
	
	.container { padding: 0 15px; }
	.mio-header { background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1) }
	.mio-header a.navbar-brand { width: 260px; }
	.mio-header a.navbar-brand span { width: 60px; background-size: 100% }
	.mio-header a.navbar-brand div { width: 190px; padding-top: 13px; }
	.mio-header a.navbar-brand div h2 { font-size: 1.5em; line-height: 1em; margin-bottom: 0 }
	.mio-header a.navbar-brand div h6 { font-size: .8em; line-height: 1em }

	.mio-nav { position: fixed; top: 60px; left: 0; right:0; bottom: 0; z-index: 99999; background-color: rgba(255,255,255,.9); display: none }
	.mio-nav ul { padding: 20px 15px }
	.mio-nav li { margin-bottom: 5px; padding-bottom: 5px; }
	.mio-nav li a.mio-a { display: block; color: #fff; padding: 10px 20px 10px 30px; height: 30px; line-height: 30px; background-color: #333; font-size: 1.1em }
	.mio-nav li a.mio-a span { width: 30px; height: 30px; display: block; float: right; background: url(icon-ar.png) no-repeat center; background-size: 60% }
	.mio-nav li.hover a.mio-a { background-color: #FE6601 }
	.mio-nav li.hover a.mio-a span {  }
	.mio-nav li ul { display: none; }
	
	.mio-lanm { float: right; width: 30px; height: 30px; overflow: hidden; padding: 15px 0; cursor: pointer; display: block; margin-left: 10px }
	.mio-lanm span { width: 30px; height: 30px; display: block; background: url(icon_global.jpg) no-repeat center; background-size: 90%; }

	.mio-lan { position: fixed; top: 60px; left: 0; right: 0; background-color: #fff; padding: 20px; border-top: #eee 1px solid; text-align: center; display: none }
	.mio-lan li { width: 33.33%; float: left; text-align: left }
	.mio-lan li a { padding-left: 30px; background-repeat: no-repeat; background-position: left center; }
	.mio-lan li:nth-child(1) a { background-image: url(ico_en.webp) }
	.mio-lan li:nth-child(2) a { background-image: url(ico_cn.webp) }
	.mio-lan li:nth-child(3) a { background-image: url(ico_es.webp) }
	.mio-lan li:nth-child(4) a { background-image: url(ico_fr.webp) }
	.mio-lan li:nth-child(5) a { background-image: url(ico_arab.webp) }

	
	.mio-message .mio-fl { font-size: 1.3em; line-height: 1.2em; margin-bottom: 30px; text-align: center }
	
	.mio-footer .mio-fbox { margin-bottom: 20px; border-bottom: rgba(255,255,255,.2) 1px solid; padding-bottom: 20px }
	.mio-footer .mio-fbox h3 { font-size: 1.3em; margin-bottom: 20px; font-weight: normal }
	.mio-footer .mio-fbox li { margin-bottom: 5px; }
	
	.mio-footer .mio-fbox:nth-child(2) ul li { width: 49%; float: left }
	.mio-footer .mio-fbox:nth-child(2) ul li:nth-child(2) { float: right; }
	.mio-footer .mio-fbox:nth-child(3) ul li { width: 49%; float: left }
	.mio-footer .mio-fbox:nth-child(3) ul li:nth-child(2) { float: right; }
	.mio-ewm { margin-top: 20px }
	
	.mio-footer .mio-fbox:nth-last-child(1) { border: 0; padding: 0; margin: 0 }
	
	.mio-copyright { margin-bottom: 60px }
	.mio-copyright .mio-fr { margin-top: 20px }
	
	.mio-section { padding: 20px 0 }
	
	.mio-top { display: none }

	.mio-banner { margin-top: 60px; }
	.mio-banner .swiper-slide { height: 180px; background-position: center; background-repeat: no-repeat; background-size: cover }
	
	
	
	.mio-banner .mio-txt { background-color: #013763; color: #fff; font-size: .9em }
	.mio-banner .mio-txt li { margin-top: 1px; }
	.mio-banner .mio-txt li a { color: #fff; height: 74px; line-height: 74px; display: block }
	.mio-banner .mio-txt li:nth-child(1) a { background: url(b1.png) no-repeat left center; padding-left: 120px }
	.mio-banner .mio-txt li:nth-child(1) { border-bottom: rgba(255,255,255,.1) 1px solid; height:75px; overflow:hidden }
	.mio-banner .mio-txt li:nth-child(2),
	.mio-banner .mio-txt li:nth-child(3) { width: 50%; float: left;  }
	.mio-banner .mio-txt li:nth-child(2) a { background: url(b2.png) no-repeat left center; padding-left: 40px }
	.mio-banner .mio-txt li:nth-child(3) a { background: url(b3.png) no-repeat left center; padding-left: 40px }
	
	.mio-pro-menu { padding: 0 }
	.mio-pro-menu .swiper { }
	.mio-pro-menu .swiper-slide { height: 300px }
	.mio-pro-menu .swiper-slide a { display: block; background: linear-gradient(to right, #ddd, #fafafa); height: 300px; position: relative; z-index: 1; }
	.mio-pro-menu .swiper-slide .mio-txt { border-left: #111 3px solid; padding-left: 20px; font-size: .9em; text-transform: uppercase; position: absolute; top: 50px; left: 30px; z-index: 2; }
	.mio-pro-menu .swiper-slide .mio-img { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 1; text-align: center }
	.mio-pro-menu .swiper-slide .mio-img img { width: 100% }
	.mio-pro-menu .swiper-pagination { display: none }
	.mio-pro-menu .swiper-btn-next,
	.mio-pro-menu .swiper-btn-prev { width: 48px; height: 48px; display: block; position: absolute; top: 50%; z-index: 99; margin-top:-30px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
	.mio-pro-menu .swiper-btn-next { right: 5px; background-image: url(icon_ar.png) }
	.mio-pro-menu .swiper-btn-prev { left: 5px; background-image: url(icon_al.png) }
	
	.mio-plist img { display: block }
	.mio-plist li { width: 49%; float: left; margin-bottom: 20px }
	.mio-plist li:nth-child(2n) { float: right }
	.mio-plist li .mio-img { height: 130px }
	.mio-plist li .mio-txt { padding: 10px 0 }
	
	.mio-pro-hot { padding-top: 20px }
	.mio-pro-hot .mio-plist li .mio-img { height: 130px; width: 100%; position: relative; z-index: 1; overflow: hidden; }
	.mio-pro-hot .mio-plist li .mio-img img { height: 130px; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; }
	.mio-pro-hot .mio-plist li .mio-img span { width: 55px; height: 53px; display: block; position: absolute; z-index: 2; top: 0; left: 0; background: url(hot.png) no-repeat center; background-size: 60% }
	
	.mio-section-advantage { display: none }
	
	.mio-section-cases { background-color: #efefef; padding: 25px 0 0 0 }
	.mio-section-cases img { width: 100%; display: block }
	.mio-section-cases ul { padding: 0 15px }
	.mio-section-cases li { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px }
	.mio-section-cases li:nth-child(2n) { margin-right: 0 }
	.mio-section-cases li a { display: block }
	.mio-section-cases li .mio-txt { padding: 10px 0; text-align: center; }
	.mio-section-cases li .mio-txt h3 { font-weight: normal; color: #013763; margin: 0 }
	.mio-section-cases li .mio-intro { display: none }
	
	h2.mio-h2t { font-size: 1.4em; text-align: center }
	h1.mio-h1t { font-size: 1.4em; }
	
	.mio-home-num { }
	.mio-home-num ul { padding: 30px 0; }
	.mio-home-num li { float: left; font-size: 1.1em }
	.mio-home-num li.lin { width: 17.5%; text-align: center; overflow: hidden }
	.mio-home-num li.lin div { width: 40px; height: 50px; position: relative; z-index: 1; margin: 0 auto 10px; color: #777 }
	.mio-home-num li.lin div strong { position: absolute; bottom: 0; left: 0; font-size: 1.5em; color: #023763; font-family: Impact; font-weight: normal }
	.mio-home-num li.lin div span { position: absolute; top: -5px; right: 0; }
	.mio-home-num li.lin div b { position: absolute; bottom: -10px; right: 7px; }
	.mio-home-num li.lin p { font-size: .6em; line-height: 1em }
	.mio-home-num li.lim { width: 10%; background: url(li.jpg) repeat-y center; height: 110px; overflow: hidden; }
	.mio-home-num li.lin2 div { width: 50px }
	.mio-home-num li.lin3 div { width: 60px }
	
	.mio-info .mio-about { }
	.mio-info .mio-about h2 { }
	.mio-info .mio-about .mio-intro {}
	.mio-info .mio-video { width: 100%; height: 185px; overflow: hidden; margin: 20px auto }
	.mio-info .mio-video a { width: 100%; height: 185px; padding-top: 60px; overflow: hidden; display: block; background: #333 url(a.jpg) no-repeat center; color: #fff; text-align: center; background-size: cover }
	.mio-info .mio-video a span { width: 51px; height: 44px; background: url(icon_play.png) no-repeat center; display: block; margin: 0 auto 10px }
	
	.mio-nlist li { }
	.mio-nlist li:nth-child(3n) { }
	.mio-nlist li .mio-img { height: 220px; width: 100%; overflow: hidden; position: relative; z-index: 1; }
	.mio-nlist li .mio-img img { position: absolute; top: 0; left: 0; z-index: 1; }
	.mio-nlist li .mio-img .mio-pdate { width: 40px; height: 40px; background-color: #043d92; color: #fff; position: absolute; top: 30px; left: 30px; z-index: 2; text-align: center; padding: 15px; }
	.mio-nlist li .mio-img .mio-pdate b { font-size: 2em; display: block; }
	.mio-nlist li .mio-txt { padding: 20px 0 }
	.mio-nlist li .mio-txt h3 { margin-bottom: 20px; }
	.mio-nlist li .mio-txt .mio-intro { color: #777 }
	
	.mio-pbanner { height: 160px; margin-top: 60px; background-size: cover }
	
	#certify {position: relative;width: 320px;margin: 0 auto}
	#certify .swiper-container {padding-bottom: 60px;}
	#certify  .swiper-slide {width: 320px;height: 400px;background: #fff;box-shadow: 0 8px 30px #ddd;}
	#certify  .swiper-slide img{display:block;}
	#certify .swiper-pagination {width: 100%;bottom: 20px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
	#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
	#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
	#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
	#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
	
	.mio-position { background: none }
	.mio-position .mio-smenu { margin: 20px 0 0 0 }
	.mio-position .mio-smenu li { float: left; width: 49%; margin-right: 2%; margin-bottom: 5px; }
	.mio-position .mio-smenu li:nth-child(even) { margin-right: 0 }
	.mio-position .mio-smenu li a { padding: 10px 20px; display: block; background-color: #eee }
	.mio-position .mio-smenu li.hover a { background-color: #fd6802; color: #fff; }
	
	.mio-page-ai { background-color: #f3f3f3; padding: 30px 0; font-size: .7em; text-align: center }
	.mio-page-ai li span { width: 60px; height: 50px; background-position: center; background-repeat: no-repeat; display: block; margin: 0 auto }
	.mio-page-ai li { width: 25%; float: left; line-height: 50px }
	.mio-page-ai li:nth-child(1) span { background-image: url(ai4.webp) }
	.mio-page-ai li:nth-child(2) span { background-image: url(ai3.webp) }
	.mio-page-ai li:nth-child(3) span { background-image: url(ai2.webp) }
	.mio-page-ai li:nth-child(4) span { background-image: url(ai1.webp) }
	
	.mio-page-about .mio-txt { padding: 20px 0 }
	.mio-page-about .mio-txt h1 { font-size: 1.3em; margin-bottom: 20px; color: #013763; text-transform: uppercase; }
	
	.mio-page-wrap { padding-top: 20px; }
	.mio-page-wrap .mio-img { }
	.mio-page-wrap .mio-txt { padding-top: 20px }
	.mio-page-wrap .mio-txt h2 { font-size: 1.1em; color: #013763; text-transform: uppercase; margin-bottom: 20px; text-align: center }
	
	.picMarquee-left{ }
	.picMarquee-left .hd{ display: none }
	.picMarquee-left .bd{}
	.picMarquee-left .bd ul{ }
	.picMarquee-left .bd ul li{ width: 49%; float: left  }
	.picMarquee-left .bd ul li:nth-child(even) { float: right }
	.picMarquee-left .bd ul li img { width: 100%; height: 130px; border: #eee 1px solid }
	
	.mio-advantages { display: none }
	
	.mio-honor { padding: 20px 0 }
	
	.mio-page-why2 li { background-color: #f3f3f3; padding: 20px; }
	.mio-page-why2 li:nth-child(2n) { background-color: #e3e3e3 }
	.mio-page-why2 li p { font-size: .9em; line-height: 1.3em }
	
	.mio-side { margin-top: 20px; }
	
	.mio-pro-article { overflow-x: scroll }
	
	.mio-pro-article ul.mio-aplist { margin-left: 0 }
	.mio-pro-article ul.mio-aplist li { list-style: none; margin-bottom: 10px; float: left; width: 49% }
	.mio-pro-article ul.mio-aplist li:nth-child(2n) { float: right }
	.mio-pro-article ul.mio-aplist li img { display: block; height: 120px; width: 100% }
	.mio-pro-article ul.mio-aplist li .mio-txt { background-color: #013763; color: #fff; padding: 10px; text-align: center }
	
	
	.mio-alist li { margin-bottom: 20px }
	.mio-alist li .mio-img { height: 220px; width: 100%; overflow: hidden; position: relative; z-index: 1; }
	.mio-alist li .mio-img img { position: absolute; top: 0; left: 0; z-index: 1; }
	.mio-alist li .mio-img .mio-pdate { width: 40px; height: 40px; background-color: #043d92; color: #fff; position: absolute; top: 30px; left: 30px; z-index: 2; text-align: center; padding: 15px; }
	.mio-alist li .mio-img .mio-pdate b { font-size: 2em; display: block; }
	.mio-alist li .mio-txt { padding: 10px 0 }
	.mio-alist li .mio-txt h3 { margin-bottom: 20px; font-weight: normal; font-size: 1.2em; line-height: 1.3em; }
	.mio-alist li .mio-txt .mio-intro { color: #777 }
	
	.mio-article .mio-nt h1 {font-size: 1.4em; }
	.mio-hot { padding: 20px 5px; }
	.mio-hot h3 { font-size: 1.3em; margin-bottom: 10px; font-weight: normal; color: #013763; text-transform: uppercase; background: url(icon_hot.jpg) no-repeat 110px 0; padding-top: 10px }
	.mio-hot ul {}
	.mio-hot li { border-bottom: #ddd 1px dashed; padding: 10px 0; }
	
	.mio-page-contact h1,
	.mio-page-msg h2 { font-size: 1.5em; margin-bottom: 20px; font-weight: bold; color: #013763; text-transform: uppercase }
	.mio-page-contact h3 { font-size: 1.4em; color: #000; margin: 20px 0; font-weight: normal; text-transform: uppercase }
	.mio-page-contact li { margin: 6px 0; }
	.mio-page-contact li span { display: inline-block; width: 20px; height:25px; background-repeat: no-repeat; background-image: url(icon_ct.jpg); margin-right: 10px; float: left }
	.mio-page-contact li:nth-child(1) span { background-position: 0 4px }
	.mio-page-contact li:nth-child(2) span { background-position: 0 -32px }
	.mio-page-contact li:nth-child(3) span { background-position: 0 -66px }
	.mio-page-contact li:nth-child(4) span { background-position: 0 -102px }
	.mio-page-msg { margin-top: 30px }
	.mio-faq h2 { font-size: 1.5em; margin-bottom: 0; line-height: 1em }
	.mio-faq ul.mio-faq-ul { margin: 0 }
	
	
	.mio-pbanner-case { background-size: cover; height: auto }
	.mio-pbanner-case .mio-pbg { padding: 80px 0; }
	.mio-pbanner-case .container { padding: 0 }
	.mio-pbanner-case .mio-vmore a { margin: 0 auto }
	.mio-pbanner-case h1 { font-size: 1.5em; color: #fff; padding: 0; margin: 0 }
	.mio-pbanner-case p { padding: 0 20px; margin: 30px 0; }
	
	.mio-cases-pro .swiper .swiper-slide { height: 490px }

	.mio-cases-show .container { padding: 30px 0 }
	.mio-cases-show { }
	.mio-cases-show ul { }
	.mio-cases-show ul li { margin-top: 20px }
	.mio-cases-show ul li img { border: #fff 10px solid; width: 90%; margin: 0 auto; display: block }


	.mio-rbtn a { display: block; height: 60px; line-height: 60px; background-color: #013763; color: #fff; position: fixed; left: 0; bottom: 0; z-index: 1; width: 25% }
	.mio-rbtn a span { width: 60px; height: 60px; display: block; background-position: center; background-repeat: no-repeat; background-size: 50%; margin: 0 auto }
	.mio-rbtn a.mio-a-whatapp { }
	.mio-rbtn a.mio-a-email { left: 25%; border-left: rgba(255,255,255,.1) 1px solid; }
	.mio-rbtn a.mio-a-tel { left: 50%; border-left: rgba(255,255,255,.1) 1px solid; }
	.mio-rbtn a.mio-a-top { display: none }
	.mio-rbtn a.mio-a-inq {left: 75%; border-left: rgba(255,255,255,.1) 1px solid;}
	.mio-rbtn a.mio-a-top span { background-image: url(icon-top.png) }
	.mio-rbtn a.mio-a-tel span { background-image: url(icon-tel.png) }
	.mio-rbtn a.mio-a-email span { background-image: url(icon-email.png) }
	.mio-rbtn a.mio-a-whatapp span { background-image: url(icon-whatsapp.png) }
	.mio-rbtn a.mio-a-inq span { background-image: url(icon_inq.png) }

	.mio-page-about .mio-img {}
	.mio-page-about .mio-img iframe { width: 100%; height: auto }
	
	.mio-section-msgform { background-color: #edeff4 }
	.mio-section-msgform iframe { width: 99%; height: 1500px }
}

@media (min-width:641px) {
	.container { width: 1550px; padding: 0 25px; margin: 0 auto }
	img { max-width: 100% }
	.tc { text-align: center }
	.mio-fl { float: left }
	.mio-fr { float: right }
	
	.mio-section-msgform { background-color: #edeff4 }
	.mio-section-msgform iframe { width: 99%; height: 1300px }
	
	.mio-header { height: 80px; }
	.mio-header a.navbar-brand { height: 80px; overflow: hidden }
	.mio-header a.navbar-brand span { display: block; height: 80px; }
	.mio-header a.navbar-brand div { padding-top: 18px; }

	.mio-nav { float: left }
	.mio-nav ul li { float: left; position: relative; z-index: 100; margin-left: 80px; }
	.mio-nav ul li a.mio-a { display: block; height: 80px; line-height: 80px; font-size: 1em; }
	.mio-nav ul li a.mio-a:hover { }
	.mio-nav ul li.hover a.mio-a { color: #013763; border-bottom: #013763 3px solid; height: 77px; }
	.mio-nav ul li .mio-snav { width: 200px; position: absolute; top: 77px; left: -70px; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: none; border-top: #013763 3px solid; }
	.mio-nav ul li .mio-snav ul {}
	.mio-nav ul li .mio-snav li { float: none; margin: 0; border-bottom: #ddd 1px dashed }
	.mio-nav ul li .mio-snav li a { display: block; padding: 10px 20px; }
	.mio-nav ul li .mio-snav li a:hover { background-color: #013763; color: #fff }
	.mio-nav ul li:hover .mio-snav { display: block }
	
	.mio-top { float: right; height: 20px; line-height: 20px; padding: 28px 0; font-size: .95em  }
	.mio-top a { float: left; display: block; border-left: #eee 1px solid; padding: 0 20px }
	.mio-top a span { width: 24px; height: 24px; display: block; float: left; background-size: 100%; margin-right: 10px; background-position: center; background-repeat: no-repeat }
	.mio-top a:nth-child(1) span { background-image: url(icon_global.jpg) }
	.mio-top a:nth-child(2) span { background-image: url(icon_search.jpg); margin: 0; background-size: auto; }
	.mio-top a:nth-child(3) span { background-image: url(icon_add.jpg) }
	
	.mio-top { position: relative; z-index: 100 }
	.mio-top ul { position: absolute; top: 80px; left: 0; width: 80px; padding: 10px 30px; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: none }
	.mio-top ul li { padding-bottom: 5px; margin-bottom: 5px; }
	.mio-top ul li a { display: block; float: none; border: none; height: 20px; line-height: 20px; padding: 0 0 0 40px; background-position: left center; background-repeat: no-repeat; }
	.mio-top ul li:nth-child(1) a { background-image: url(ico_en.webp) }
	.mio-top ul li:nth-child(2) a { background-image: url(ico_cn.webp) }
	.mio-top ul li:nth-child(3) a { background-image: url(ico_es.webp) }
	.mio-top ul li:nth-child(4) a { background-image: url(ico_fr.webp) }
	.mio-top ul li:nth-child(5) a { background-image: url(ico_arab.webp) }
	
	.mio-top .mio-search-top { position: absolute; top: 80px; left: 0; width: 280px; padding: 10px; background-color: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); display: none; }
	.mio-top .mio-search-top .ipts { width: 200px; padding: 0 15px; height: 40px; line-height: 40px; float: left; border: 0; background-color: #efefef }
	.mio-top .mio-search-top .btns { width: 50px; height: 40px; line-height: 40px; float: left; background-color: #013763; color: #fff; cursor: pointer; border: 0; }

	.mio-footer .mio-fbox { width: 13%; float: left }
	.mio-footer .mio-fbox h3 { font-size: 1.3em; margin-bottom: 20px; font-weight: normal }
	.mio-footer .mio-fbox:nth-child(4) { width: 31% }
	.mio-footer .mio-fbox:nth-child(5) { width: 30% }
	.mio-footer .mio-fbox li { margin-bottom: 5px; }
	
	.mio-footer .mio-ewm { width: 250px; margin-top: 30px; }

	.mio-section { padding: 50px 0 }
	/*.mio-section h2.h2t { font-size: 4em; font-family: impact; text-align: center; margin-bottom: 30px; font-weight: normal }*/

	.mio-info { height: 760px; width: 100%; position: relative; z-index: 1; overflow: hidden; background-color: #f4f4f4 }
	.mio-info .mio-img { width: 60%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; }
	.mio-info .mio-img img { width: 100% }
	.mio-info .mio-txt { width: 100%; height: 100%; position: absolute; left: 0; top: 53px; z-index: 2; }
	.mio-info .mio-about { width: 760px; background-color: rgba(255,255,255,.8); padding: 50px; }
	.mio-info .mio-about h2 { font-size: 3em; font-family: impact; margin-bottom: 20px; font-weight: normal }
	.mio-info .mio-about .mio-intro {}
	.mio-info .mio-video { width: 60%; height: 185px; overflow: hidden; position: absolute; bottom: 0; right: 0; z-index: 3; }
	.mio-info .mio-video a { width: 340px; height: 125px; padding-top: 60px; overflow: hidden; display: block; background: #333 url(a.jpg) no-repeat center; color: #fff; text-align: center }
	.mio-info .mio-video a span { width: 51px; height: 44px; background: url(icon_play.png) no-repeat center; display: block; margin: 0 auto 10px }
	
	.mio-nlist li { width: 32%; float: left; margin-right: 2% }
	.mio-nlist li:nth-child(3n) { margin-right: 0 }
	.mio-nlist li .mio-img { height: 400px; width: 100%; overflow: hidden; position: relative; z-index: 1; }
	.mio-nlist li .mio-img img { position: absolute; top: 0; left: 0; z-index: 1; }
	.mio-nlist li .mio-img .mio-pdate { width: 40px; height: 40px; background-color: #043d92; color: #fff; position: absolute; top: 30px; left: 30px; z-index: 2; text-align: center; padding: 15px; }
	.mio-nlist li .mio-img .mio-pdate b { font-size: 2em; display: block; }
	.mio-nlist li .mio-txt { padding: 20px 0 }
	.mio-nlist li .mio-txt h3 { margin-bottom: 20px; }
	.mio-nlist li .mio-txt .mio-intro { color: #777 }
	
	.mio-alist li { width: 32%; float: left; margin-right: 2%; margin-bottom: 30px }
	.mio-alist li:nth-child(3n+1) { margin-right: 0 }
	.mio-alist li .mio-img { height: 400px; width: 100%; overflow: hidden; position: relative; z-index: 1; }
	.mio-alist li .mio-img img { position: absolute; top: 0; left: 0; z-index: 1; }
	.mio-alist li .mio-img .mio-pdate { width: 40px; height: 40px; background-color: #043d92; color: #fff; position: absolute; top: 30px; left: 30px; z-index: 2; text-align: center; padding: 15px; }
	.mio-alist li .mio-img .mio-pdate b { font-size: 2em; display: block; }
	.mio-alist li .mio-txt { padding: 10px 0 }
	.mio-alist li .mio-txt h3 { margin-bottom: 20px; font-weight: normal; font-size: 1.2em; line-height: 1.3em; }
	.mio-alist li .mio-txt .mio-intro { color: #777 }
	.mio-alist li:nth-child(1) { margin-right: 0; width: 100%; margin-bottom: 40px }
	.mio-alist li:nth-child(1) .mio-img { width: 50%; float: left; height: 580px; }
	.mio-alist li:nth-child(1) .mio-img img { width: 100% }
	.mio-alist li:nth-child(1) .mio-txt { width: 45%; float: right; padding: 0 }
	.mio-alist li:nth-child(1) .mio-txt h3 { font-size: 2em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: uppercase }
	.mio-alist li:nth-child(n+2) .mio-txt h3 { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	
	.mio-side { width: 290px; float: left }
	.mio-main { width: 1230px; float: right }
	
	.mio-aside { width: 428px; float: right }
	.mio-amain { width: 1000px; float: left }
	
	.mio-plist {}
	.mio-plist li { width: 32%; float: left; margin-right: 2% }
	.mio-plist li:nth-child(3n) { margin-right: 0 }
    .mio-plist li .mio-img { height: 303px; overflow: hidden }
	.mio-plist li .mio-img img { height: 100%; width: 100% }
	
	.mio-pro-hot .mio-plist li .mio-img { height: 372px; width: 100%; position: relative; z-index: 1; overflow: hidden; }
	.mio-pro-hot .mio-plist li .mio-img img { height: 372px; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; }
	.mio-pro-hot .mio-plist li .mio-img span { width: 55px; height: 53px; display: block; position: absolute; z-index: 2; top: 30px; left: 30px; background: url(hot.png) no-repeat center}
	
	.mio-comlist li { width: 23.5%; margin-right: 2%; float: left; }
	.mio-comlist li:nth-child(4n) { margin-right: 0 }
	
	.mio-proview .mio-img { width: 49%; float: left }
	.mio-proview .mio-txt { width: 49%; float: right }
	
	
	.mio-page-contact { width: 800px; float: left }
	.mio-page-msg { width: 560px; float: right }
	.mio-page-contact h1,
	.mio-page-msg h2 { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: uppercase }
	.mio-page-contact h3 { font-size: 1.4em; color: #000; margin: 20px 0; font-weight: normal; text-transform: uppercase }
	.mio-page-contact li { margin: 6px 0; }
	.mio-page-contact li span { display: inline-block; width: 20px; height:25px; background-repeat: no-repeat; background-image: url(icon_ct.jpg); margin-right: 10px; float: left }
	.mio-page-contact li:nth-child(1) span { background-position: 0 4px }
	.mio-page-contact li:nth-child(2) span { background-position: 0 -32px }
	.mio-page-contact li:nth-child(3) span { background-position: 0 -66px }
	.mio-page-contact li:nth-child(4) span { background-position: 0 -102px }
	
	.mio-hot { padding: 20px 5px; margin-top: 30px }
	.mio-hot h3 { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: uppercase; background: url(icon_hot.jpg) no-repeat 180px 0; padding-top: 10px }
	.mio-hot ul {}
	.mio-hot li { border-bottom: #ddd 1px dashed; padding: 20px 0; }
	
	.mio-position { background: url(li.jpg) repeat-x 0 60px; height: 70px; padding: 0 }
	.mio-crumb { float: right; height: 60px; line-height: 60px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; background: url(home.png) no-repeat left 
	center; padding-left: 30px; }
	.mio-crumb strong { color: #333; font-weight: normal }
	.mio-position .mio-smenu { margin-top: -5px; float: left }
	.mio-position .mio-smenu li { float: left; }
	.mio-position .mio-smenu li a { height: 70px; line-height: 70px; padding: 0 20px; display: block }
	.mio-position .mio-smenu li.hover a { background-color: #013763; color: #fff; }
	
	
	.mio-page-about { padding-top: 50px }
	.mio-page-about .mio-img { width: 49%; float: right; height: 540px; border: #fff 1px solid }
	.mio-page-about .mio-img iframe { width: 100%; height: 100% }
	.mio-page-about .mio-img img { display: block }
	.mio-page-about .mio-txt { width: 45%; float: left; padding-top: 40px }
	.mio-page-about .mio-txt h1 { font-size: 3.5em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: uppercase; margin-bottom: 40px }
	
	.mio-page-wrap { margin-bottom: 40px; }
	.mio-page-wrap .mio-img { width: 55%; float: left }
	.mio-page-wrap .mio-txt { width: 40%; float: right; padding-top: 60px }
	.mio-page-wrap .mio-txt h2 { font-size: 3em; font-family: impact; margin-bottom: 30px; font-weight: normal; color: #013763; text-transform: uppercase; margin-bottom: 40px }
	.mio-page-wrap2 .mio-img { float: right }
	.mio-page-wrap2 .mio-txt { float: left; }
	
	.picMarquee-left{ width: 1550px; overflow:hidden; position:relative; }
	.picMarquee-left .hd{ display: none }
	.picMarquee-left .bd{}
	.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
	.picMarquee-left .bd ul li{ margin:0 15px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
	.picMarquee-left .bd ul li img { width: 210px; height: auto; border: #eee 1px solid }

	.mio-advantages li { width: 23.5%; float: left; margin-right: 2% }
	.mio-advantages li:nth-child(4) { margin-right: 0 }
	
	#certify {position: relative;width: 1500px;margin: 0 auto}
	#certify .swiper-container {padding-bottom: 60px;}
	#certify  .swiper-slide {width: 520px;height: 700px;background: #fff;box-shadow: 0 8px 30px #ddd;}
	#certify  .swiper-slide img{display:block;}
	#certify .swiper-pagination {width: 100%;bottom: 20px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
	#certify .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
	#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
	#certify .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
	#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
	
	.mio-cases-pro {}
	.mio-cases-pro .swiper { }
	.mio-cases-pro .swiper-slide { height: 450px }
	.mio-cases-pro .swiper-slide h3 { font-weight: normal; margin-bottom: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
	.mio-cases-pro .swiper-slide .mio-txt { padding: 15px 0 }
	.mio-cases-pro .swiper-slide .mio-intro { font-size: .95em; color: #777; line-height: 1.3em }
	
	.mio-pro-menu { padding: 0 }
	.mio-pro-menu .swiper { }
	.mio-pro-menu .swiper-slide { height: 480px }
	.mio-pro-menu .swiper-slide a { display: block; background: linear-gradient(to right, #ddd, #fafafa); height: 480px; position: relative; z-index: 1; }
	.mio-pro-menu .swiper-slide .mio-txt { border-left: #111 3px solid; padding-left: 20px; font-size: .9em; text-transform: uppercase; position: absolute; top: 50px; left: 30px; z-index: 2; }
	.mio-pro-menu .swiper-slide .mio-img { position: absolute; bottom: 30px; left: 30px; right: 30px; z-index: 1; text-align: center }
	.mio-pro-menu .swiper-pagination { display: none }
	.mio-pro-menu .swiper-btn-next,
	.mio-pro-menu .swiper-btn-prev { width: 48px; height: 48px; display: block; position: absolute; top: 50%; z-index: 99; margin-top:-30px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
	.mio-pro-menu .swiper-btn-next { right: 5px; background-image: url(icon_ar.png) }
	.mio-pro-menu .swiper-btn-prev { left: 5px; background-image: url(icon_al.png) }
	
	
	.mio-pro-hot { padding-top: 30px }
	
	.mio-section-advantage { background-color: #eee }
	.mio-section-advantage li { height: 275px; background-color: #fff; width: 32%; float: left; margin-right: 2%; margin-top: 20px;-webkit-transition:all .3s ease; cursor: pointer }
	.mio-section-advantage li:nth-child(3n) { margin-right: 0 }
	.mio-section-advantage li .mio-img { width: 40%; float: left }
	.mio-section-advantage li .mio-img .mio-ico { width: 95px; height: 95px; background-position: center; background-repeat: no-repeat; margin: 35px auto }
	.mio-section-advantage li .mio-img .mio-anum { text-align: center; color: #eee; font-size: 1.4em }
	.mio-section-advantage li .mio-img .mio-anum span { width: 4px; height: 20px; border-radius: 16px; display: block; background-color: #eee; margin: 0 auto 10px }
	.mio-section-advantage li .mio-txt { width: 50%; float: left; padding-top: 35px; padding-right: 10% }
	.mio-section-advantage li .mio-txt h3 { font-size: 1.2em; margin-bottom: 20px }
	.mio-section-advantage li .mio-txt p { font-size: .95em; line-height: 1.5em }
	.mio-section-advantage li:nth-child(1) .mio-img .mio-ico { background-image: url(index1icon1-r.png) }
	.mio-section-advantage li:nth-child(2) .mio-img .mio-ico { background-image: url(index1icon2-r.png) }
	.mio-section-advantage li:nth-child(3) .mio-img .mio-ico { background-image: url(index1icon3-r.png) }
	.mio-section-advantage li:nth-child(4) .mio-img .mio-ico { background-image: url(index1icon4-r.png) }
	.mio-section-advantage li:nth-child(5) .mio-img .mio-ico { background-image: url(index1icon5-r.png) }
	.mio-section-advantage li:nth-child(6) .mio-img .mio-ico { background-image: url(index1icon6-r.png) }
	.mio-section-advantage li:hover { background-color: #023763; color: #fff }
	.mio-section-advantage li:nth-child(1):hover .mio-img .mio-ico { background-image: url(index1icon1-w.png) }
	.mio-section-advantage li:nth-child(2):hover .mio-img .mio-ico { background-image: url(index1icon2-w.png) }
	.mio-section-advantage li:nth-child(3):hover .mio-img .mio-ico { background-image: url(index1icon3-w.png) }
	.mio-section-advantage li:nth-child(4):hover .mio-img .mio-ico { background-image: url(index1icon4-w.png) }
	.mio-section-advantage li:nth-child(5):hover .mio-img .mio-ico { background-image: url(index1icon5-w.png) }
	.mio-section-advantage li:nth-child(6):hover .mio-img .mio-ico { background-image: url(index1icon6-w.png) }
	
	
	.mio-section-cases {}
	.mio-section-cases li { width: 23.5%; float: left; margin-right: 2% }
	.mio-section-cases li:nth-child(4n) { margin-right: 0 }
	.mio-section-cases li a { display: block }
	.mio-section-cases li .mio-txt { padding: 15px; text-align: center; }
	.mio-section-cases li .mio-txt h3 { font-weight: normal; color: #013763 }
	
	.mio-banner { height: 760px; width: 100%; position: relative; z-index: 1; }
	.mio-banner .mio-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;  }
	.mio-banner .mio-txt { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; height: 74px; background: url(bbg.png) no-repeat center }
	.mio-banner .swiper-slide { height: 760px; background-position: center; background-repeat: no-repeat; }
	
	.mio-banner .swiper-pagination { text-align: right }
	.mio-banner .mio-txt li { float: left; margin-right: 30px }
	.mio-banner .mio-txt li a { color: #fff; height: 74px; line-height: 74px; display: block }
	.mio-banner .mio-txt li:nth-child(1) a { background: url(b1.png) no-repeat left center; padding-left: 120px }
	.mio-banner .mio-txt li:nth-child(2) a { background: url(b2.png) no-repeat left center; padding-left: 40px }
	.mio-banner .mio-txt li:nth-child(3) a { background: url(b3.png) no-repeat left center; padding-left: 40px }
	
	.mio-message .mio-fl { padding: 20px 0 0 50px }
	.mio-fmsg { width: 600px; }
	.mio-fmsg ul { width: 80%; float: left }
	.mio-fmsg p { width: 18%; float: right }
	.mio-fmsg li:nth-child(1) { width: 49%; float: left }
	.mio-fmsg li:nth-child(2) { width: 49%; float: right }
	.mio-fmsg .btns { height: 170px; }
	
	.mio-category li:nth-child(1) a.mio-a span { transform: rotate(0); }
	.mio-category li:nth-last-child(1) a.mio-a span { transform: rotate(0); }

	.mio-pro-article ul.mio-aplist li { width: 23.5%; float: left; margin-right: 2% }
	.mio-pro-article ul.mio-aplist li:nth-child(4n) { margin-right: 0 }
	.mio-pro-article ul.mio-aplist li img { height: 193px; width: 100% }
	
	.mio-inquiry-msg li:nth-child(1) { width: 49%; float: left; height: 70px; }
	.mio-inquiry-msg li:nth-child(2) { width: 49%; float: right; height: 70px; }
	.mio-inquiry-msg li:nth-child(3) { width: 49%; float: left; height: 70px; }
	.mio-inquiry-msg li:nth-child(4) { width: 49%; float: right; height: 70px; }
	.mio-inquiry-msg .ipts2 { width: 400px }
	
	.mio-page-why2 { width: 100%; height: 600px; background: url(why.jpg) no-repeat center; position: relative; z-index: 1; }
	.mio-page-why2 li { position: absolute; z-index: 2; width: 210px; text-align: center }
	.mio-page-why2 li h3 {}
	.mio-page-why2 li p { font-size: .95em; }
	.mio-page-why2 li:nth-child(1) { left: 20px; top: 480px }
	.mio-page-why2 li:nth-child(2) { left: 220px; top: 60px }
	.mio-page-why2 li:nth-child(3) { left: 470px; top: 480px }
	.mio-page-why2 li:nth-child(4) { left: 680px; top: 20px }
	.mio-page-why2 li:nth-child(5) { left: 930px; top: 480px }
	.mio-page-why2 li:nth-child(6) { left: 1110px; top: 20px }
	.mio-page-why2 li:nth-child(7) { left: 1350px; top: 480px }

	.mio-faclist li { width: 23.5%; margin-right: 2%; float: left }
	.mio-faclist li:nth-child(4n) { margin-right: 0 }
	
	.mio-page-ai { background-color: #f3f3f3; height: 50px; padding: 30px 0 }
	.mio-page-ai li span { width: 60px; height: 50px; background-position: left center; background-repeat: no-repeat; display: block; float: left; border-right: #ddd 1px solid; margin-right: 20px }
	.mio-page-ai li { width: 25%; float: left; line-height: 50px }
	.mio-page-ai li:nth-child(1) span { background-image: url(ai4.webp) }
	.mio-page-ai li:nth-child(2) span { background-image: url(ai3.webp) }
	.mio-page-ai li:nth-child(3) span { background-image: url(ai2.webp) }
	.mio-page-ai li:nth-child(4) span { background-image: url(ai1.webp) }
	
	.mio-cases-show ul {}
	.mio-cases-show ul li { width: 31%; float: left; margin-right: 3%; margin-top: 20px }
	.mio-cases-show ul li:nth-child(3n) { margin-right: 0 }
	.mio-cases-show ul li img { border: #fff 10px solid }
	.mio-cases-show ul li:nth-child(4) { margin-left: 16% }
	
	.mio-rbtn a { display: block; height: 60px; line-height: 60px; background-color: #013763; color: #fff; position: fixed; right: 0; top: 50%; z-index: 999; }
	.mio-rbtn a span { width: 60px; height: 60px; float: left; display: block; background-position: center; background-repeat: no-repeat; background-size: 50% }
	.mio-rbtn a.mio-a-whatapp { margin-top: -61px; width: 220px; right: -160px }
	.mio-rbtn a.mio-a-email { width: 220px; right: -160px;  }
	.mio-rbtn a.mio-a-tel { margin-top: 61px; width: 220px; right: -160px }
	.mio-rbtn a.mio-a-top { margin-top: 122px }
	.mio-rbtn a.mio-a-top span { background-image: url(icon-top.png) }
	.mio-rbtn a.mio-a-tel span { background-image: url(icon-tel.png) }
	.mio-rbtn a.mio-a-email span { background-image: url(icon-email.png) }
	.mio-rbtn a.mio-a-whatapp span { background-image: url(icon-whatsapp.png) }
	.mio-rbtn a.mio-a-whatapp:hover,
	.mio-rbtn a.mio-a-email:hover,
	.mio-rbtn a.mio-a-tel:hover { right: 0 }
	.mio-rbtn a:hover { background-color: #FF6600 }
	.mio-rbtn a.mio-a-inq { display: none }
}

.mio-banner .swiper-slide1 { background-image: url(/upfile/banner/banner1.webp) }
.mio-banner .swiper-slide2 { background-image: url(/upfile/banner/banner2.webp) }
.mio-banner .swiper-slide3 { background-image: url(/upfile/banner/banner3.webp) }
.mio-banner .swiper-slide4 { background-image: url(/upfile/banner/banner4.webp) }
	
.clear { clear: both }
.container::before,
.container::after,
.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}