* { margin: 0; padding: 0; text-decoration: none; font-style: normal }
html,
body { color: #101622; line-height: 1.8em; font-family: "Arial Unicode MS", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 1em; background-color: #474d4d;  }
h1,h2,h3,h4,h5,h6 { font-size: 1.1em; margin: 0 0 20px 0; text-transform: capitalize }
p { margin: 0 0 20px 0 }
ul,ol,li { margin: 0; padding: 0; list-style: none }
a { color: #101622; outline: none; text-decoration: none; -webkit-transition:all .3s ease; }
a:hover { text-decoration: none; color: #006666 }
img { display: block; width: 100% }
input,textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #333; line-height: 1.8em; }

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-tbar { background-color: #1f2a41; color: #fff; padding: 15px 0; line-height: 20px; }
.mio-tbar a { color: #fff; }
.mio-tbar span { width: 20px; height: 20px; display: block; background-position: center; background-repeat: no-repeat; background-size: 100%; float: left; margin-right: 6px; }
.mio-tbar .mio-fl span.mio-mail { background-image: url(icon-email.png) }
.mio-tbar .mio-fl span.mio-tel { background-image: url(icon-tel.png) }
.mio-tbar .mio-fl span.mio-add { background-image: url(icon-add.png) }
.mio-tbar .mio-fr span { width: 30px; background-image: url(icon_language.jpg) }
.mio-tbar ul li { float: left; margin-right: 30px; }
.mio-tbar ul.mio-fr li { margin-left: 30px; margin-right: 0 }
.mio-tbar ul.mio-fr span.mio-cn { background-position: 0 -40px }
.mio-tbar ul.mio-fr span.mio-en { background-position: 0 0; }


.mio-header { height: 60px; background-color: #fff; width: 100%; box-shadow: 0 5px 5px rgba(0,0,0,.3) }
.mio-header a.navbar-brand { width: 80px; height: 60px; background: url(logoa.png) no-repeat left center; display: block; text-indent: -999999px; float: left; }

.mio-footer { background-color: #1f2a41; color: #fff; }
.mio-footer a { color: #fff; }
.mio-footer a:hover { color: #fc0; text-decoration: underline; }
.mio-footer h3 { font-size: 1.3em }

.mio-copyright { background-color: #1f2a41; color: #fff; padding: 15px 0; border-top: rgba(255,255,255,.1) 1px solid; font-size: .9em }
.mio-copyright a { color: #fff; }
.mio-copyright a:hover { color: #fc0; text-decoration: underline; }
.mio-copyright span { padding: 0 15px; }

.mio-flinks { background-color: #1f2a41; color: #fff; padding: 15px 0; border-top: rgba(255,255,255,.1) 1px solid; font-size: .9em  }
.mio-flinks a { color: #fff; }
.mio-flinks a:hover { color: #fc0; text-decoration: underline; }
.mio-flinks li { float: left }
.mio-flinks li span { padding: 15px; opacity: .2 }

.mio-fbar { background-color: #006666; color: #fff; padding: 35px 0; }
.mio-fbar a { color: #fff; text-decoration: underline }
.mio-fbar a:hover { color: #fc0; }
.mio-fbar strong { display: block; line-height: 1.2em; font-size: 1.2em }
.mio-fbar dt { font-size: 1.5em; font-weight: bold }
.mio-fbar dd { height: 50px; }
.mio-fbar dd span { width: 50px; height: 50px; border: #fff 1px solid; margin-right: 15px; float: left; background-position: center; background-repeat: no-repeat; background-size: 60% }
.mio-fbar dd div { float: left }
.mio-fbar dd span.mio-icon-add { background-image: url(icon-add.png) }
.mio-fbar dd span.mio-icon-email { background-image: url(icon-email.png) }
.mio-fbar dd span.mio-icon-tel { background-image: url(icon-tel.png) }

.mio-a-top { width: 30px; height: 30px; background: #066 url(icon-top.png) no-repeat center; background-size: 60%; position: fixed; bottom: 10px; right: 10px; z-index: 2; }

.mio-page-contact { background-color: #eee }
.mio-page-contact h2 { font-size: 1.6em }
.mio-page-contact p em { display: inline-block; width: 110px; }
.mio-page-contact p span { display: block; padding-left: 110px; }
.mio-page-contact a { text-decoration: underline; }


.mio-vmore a { width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background-color: #1f2a41; color: #fff; display: block }
.mio-vmore a:hover { background-color: #006666 }


.mio-section-pro .mio-intro { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: 20px; }


.mio-about { background-color: #1f2a41; color: #fff; }

.mio-cist { margin-top: 30px; }
.mio-cist li { margin-bottom: 8px; }
.mio-cist li a { background: url(ico2.png) no-repeat left center; padding-left: 25px; }
.mio-cist li a:hover { background: url(ico.png) no-repeat left center; }

.mio-position { padding: 25px 0; border-top: #ccc 1px solid; background-color: #e3e3e3 }
.mio-position a,.mio-position strong { margin: 0 10px; }

.mio-vlist li { margin-bottom: 15px; }
.mio-vlist li a { display: block; }
.mio-vlist li .mio-img { }
.mio-vlist li .mio-img img {}
.mio-vlist li .mio-txt { padding: 15px; }

.mio-ilist { text-transform: capitalize }
.mio-ilist li { white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin-bottom: 10px; }
.mio-ilist li a { background: url(ico2.png) no-repeat left center; padding-left: 25px; }
.mio-ilist li a:hover { background: url(ico.png) no-repeat left center; }
.mio-ilist li span { float: right; margin-left: 15px; color: #999; font-size: .9em }


.mio-video { background-color: #000; }
.mio-video video { width: 100%; height: 600px; }

.mio-prev-next { margin: 30px 0; }

h1.mio-h1t { font-size: 2em; text-align: center; line-height: 1.2em }

.mio-pro-show {}
.mio-pro-show a { display: block; background-color: #fff; }
.mio-pro-show .mio-txt { padding: 25px; }
.mio-pro-show .mio-intro { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 30px; }
.mio-pro-show u { width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background-color: #1f2a41; color: #fff; display: block; margin: 0 auto }
.mio-pro-show a:hover { background-color: #066; color: #fff; }
.mio-pro-show a:hover u { background-color: #fff; color: #066 }

.mio-wrap2 h3 { font-size: 1.8em; line-height: 1.2em; }
.mio-wrap2 .mio-intro { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 30px; }

.mio-table { background-color: #fff; padding: 50px; }
.mio-table h2 { font-size: 1.5em; margin-bottom: 40px; text-align: center }

.mio-doorw { background-color: #1f2a41; padding: 30px 30px 15px 30px; }
.mio-doorw li { width: 32%; float: left; margin-right: 2%; margin-bottom: 25px; }
.mio-doorw li:nth-child(3n) { margin-right: 0 }

.mio-page-news { background-color: #fff; padding: 50px; }
.mio-alist li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: #ccc 1px dashed }

.mio-pages { text-align: center }
.mio-pages a,
.mio-pages span,
.mio-pages strong { padding: 5px 15px; display: inline-block; color: #777 }
.mio-pages strong { color: #066; }
.mio-pages a:hover { color: #111; text-decoration: underline; }

.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-ain { margin: 20px 0 }
.mio-ain span { padding: 0 20px; color: #aaa; }
.mio-ain a { text-decoration: underline }

.mio-article h2,.mio-article h3 { text-transform: uppercase }
.mio-article a { text-decoration: underline }
.mio-article img { max-width: 600px; margin: 0 auto }
.mio-article ul,.mio-article ol { margin-bottom: 20px; }

.mio-icontact {}
.mio-icontact li a { display: block; background-color: #1f2a41; padding: 10px 20px; color: #fff; line-height: 20px; border-radius: 20px; }
.mio-icontact li a span { width: 20px; height: 20px; display: block; float: left; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-right: 10px; }
.mio-icontact li a:hover { background-color: #066; }
.mio-icontact li:nth-child(1) a span { background-image: url(icon-email.png) }
.mio-icontact li:nth-child(2) a span { background-image: url(icon-tel.png) }
.mio-icontact li:nth-child(3) a span { background-image: url(icon-whatsapp.png) }

.mio-pro-tag dt,.mio-pro-tag dd { display: inline; margin-right: 15px; }

.mio-message h2 { font-size: 1.6em; font-weight: bold; color: #131a22; margin: 0 0 20px 0; } 
.mio-message p { margin-bottom: 10px; }
.mio-message .ipts { border: #ddd 1px solid; background-color: #efefef; width: 92%; height: 32px; line-height: 32px; 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: #1f2a41; color: #fff; margin: 0 auto; display: block; font-size: 1em; -webkit-transition:all .3s ease; }
.mio-message .btns:hover { background-color: #066; -webkit-transition:all .3s ease; }
.mio-message .txts { border: #ddd 1px solid; background-color: #efefef; width: 92%; height: 150px; line-height: 30px; padding: 10px; font-size: 1em }
.mio-message .ipts:focus,
.mio-message .txts:focus { border: #066 1px solid; background-color:#f3f3f3 }
.mio-message form p { position: relative }
.mio-message .msg-box { position: absolute; top: -9px; right: 0; color: #f90; }

.mio-cmsg { background-color: #fff }


@media (min-width:320px) and (max-width:640px) {
	html,body { background-color: #fff; overflow-x: hidden; }
	h1,h2,h3,h4,h5,h6 { margin-bottom: 10px }
	.container { padding: 0 25px; }
	
	.mio-tbar { display: none }
	.mio-header { width: 100%; position: fixed; top: 0; left: 0; z-index: 100; }
	.mio-header a.navbar-brand { background-size: 70%; }
	
	.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% }
	
	.mio-nav { position: fixed; top: 60px; left: 0; width: 100%; z-index: 999; background-color: #1f2a41; padding: 25px; border-top: #066 5px solid; display: none }
	.mio-nav ul { width: 85%; }
	.mio-nav li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: rgba(255,255,255,.1) 1px dashed }
	.mio-nav li a.mio-a { display: block; color: #fff; padding: 5px 20px; background-color: #2f3748; }
	.mio-nav li.hover a.mio-a { background-color: #066 }
	.mio-nav li ul { display: none; }

	.mio-fbar dd { margin-top: 20px; }
	.mio-fbar dd div { width: 240px }
	
	.mio-footer { padding-bottom: 10px; }
	.mio-footer .mio-fbox { margin-bottom: 20px; }
	.mio-footer .mio-fbox ul li { margin-top: 5px; padding-top: 5px; border-top: rgba(255,255,255,.1) 1px dashed }
	.mio-footer .mio-ewm { text-align: center; margin: 0 auto; padding: 30px 0; }
	.mio-footer .mio-ewm img { width: 120px; margin: 0 auto }
	.mio-footer h3 { margin-bottom: 10px }
	.mio-footer ul { margin-bottom: 20px; }
	
	.mio-copyright { text-align: center }
	
	.mio-banner { margin-top: 60px; }
	.mio-banner .mio-txt { padding: 30px 10px; background-color: #066; color: #fff; }
	.mio-banner h1 { font-size: 1.3em; text-align: center }
	
	.mio-section,
	.mio-section2 { padding: 25px 0; }
	.mio-section-video-view { padding-top: 90px }
	
	.mio-icontact { margin-bottom: 30px; }
	.mio-icontact li { margin-top: 10px; }
	
	.mio-section-pro .mio-txt { padding: 25px; }
	.mio-section-pro .mio-intro { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; }
	.mio-section-pro h2 { font-size: 1.4em; text-align: center }
	
	.mio-vmore a { width: 100% }
	
	.mio-pbanner { margin-top: 60px; }
	.mio-pbanner .container { padding: 0 }
	.mio-pbanner h1,.mio-pbanner h2 { padding: 10px 25px; background-color: #066; color: #fff; margin: 0; text-align: center }
	
	.mio-wrap .mio-txt { padding: 20px 0 0 0 }
	.mio-wrap2 .mio-txt { padding: 20px 0; margin-bottom: 20px }
	.mio-wrap2 h3 { font-size: 1.4em; text-align: center }
	
	.mio-video video { height: 260px; }
	
	.mio-page-contact .mio-txt { padding: 25px; }
	.mio-page-contact h2 { font-size: 1.2em }
	
	h1.mio-h1t { font-size: 1.2em; line-height: 1.1em; margin-bottom: 20px; }
	
	.mio-section-pro-service { margin-top: 60px; }
	.mio-section2 { padding: 30px 0 10px 0; background-color: #fff }
	.mio-section3 { background-color: #1f2a41 }
	.mio-section3 h2 { color: #fff; text-align: center; font-size: 1.4em; line-height: 1.1em; margin-bottom: 30px; }
	.mio-section4 { background-color: #474d4d }
	.mio-section2 .mio-pro-show li { margin-bottom: 20px; }
	
	.mio-doorw li { margin-bottom: 5px; }
	
	.mio-table { padding: 20px 0; border-top: #ccc 1px dashed }
	.mio-table h2 { font-size: 1.2em; margin-bottom: 20px; text-align: center }
	.mio-table table { font-size: .9em }
	.mio-table th,.mio-table td { padding: 5px 1px }
	
	.mio-page-news { padding: 0 }
	.mio-page-news .mio-alist .mio-txt { padding: 20px 0 0 0; }

	.mio-news { background-color: #eee }
	
	.mio-ilist2 li:nth-child(n + 7) { display:none }
	
	.mio-cmsg .mio-txt .mio-message { padding-top: 20px; }
	
	.mio-ul03 li { margin-bottom: 20px; }
}

@media (min-width:641px) {
	.container { padding: 0 25px; width: 1150px; margin: 0 auto }
	.mio-header { height: 100px; }
	.mio-header a.navbar-brand { height: 100px; }
	.mio-header-top { position: fixed; top: 0; left: 0; z-index: 99; border-bottom: #006666 5px solid; }
	.mio-fl { float: left }
	.mio-fr { float: right }

	.mio-nav { float: right }
	.mio-nav ul li { float: left; position: relative; z-index: 999; margin-left: 30px }
	.mio-nav ul li a.mio-a { display: block; height: 100px; line-height: 100px; font-weight: bold; padding: 0 20px; }
	.mio-nav ul li a.mio-a:hover { }
	.mio-nav ul li.hover a.mio-a { color: #fff; background-color: #006666; }
	.mio-nav ul li ul { position: absolute; top: 96px; left: -100px; z-index: 999; width: 280px; background-color: #fff; padding: 25px; border-top: #006666 4px solid; box-shadow: 0 5px 5px rgba(0,0,0,.2); display: none; text-align: center }
	.mio-nav ul li li { float: none; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: #ddd 1px dashed }
	.mio-nav ul li li a { padding: 6px 15px; color: #111; display: block }
	.mio-nav ul li li a:hover { background-color: #006666; color: #fff; }
	.mio-nav ul li:hover ul { display: block }
	
	.mio-fbar dt,.mio-fbar dd { float: left; margin-right: 38px; }
	.mio-fbar dd:nth-last-child(1) { margin-right: 0; }
	
	.mio-footer { }
	.mio-footer .mio-fbox { float: left; margin-left: 80px; padding-top: 45px; }
	.mio-footer .mio-fbox li { margin-top: 5px; }
	.mio-footer .mio-ewm { width: 200px; float: left; padding: 30px; text-align: center; background-color: rgba(0,0,0,.1) }
	.mio-footer .mio-ewm img { margin-bottom: 10px; }
	
	.mio-banner { height: 660px; background-color: #ddd; width: 100%; position: relative; z-index: 1; overflow: hidden; }
	.mio-banner h1 { font-size: 3em; line-height: 1em; color: #fff; text-shadow: 2px 3px 2px rgba(0,0,0,.6); margin-bottom: 30px; }
	.mio-banner .mio-line { width: 60px; height: 5px; overflow: hidden; background-color: #fff; margin: 20px 0; }
	.mio-banner .mio-intro { width: 620px; text-shadow: 2px 2px 2px rgba(0,0,0,.6) }
	.mio-banner .mio-txt .container { padding-top: 200px; }
	.mio-banner .mio-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden }
	.mio-banner .mio-img img { min-height: 100%; min-width: 100%; width: auto }
	.mio-banner .mio-txt { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: rgba(0,0,0,.1) url(bgg.png) repeat; color: #fff; background-attachment: fixed }
	.mio-banner .mio-ivideo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden }
	.mio-banner .mio-ivideo video { width: 100%; height: auto }
	
	.mio-section { padding: 0; }
	.mio-section2 { padding: 50px 0; background-color: #fff }
	.mio-section3 { background-color: #1f2a41 }
	.mio-section3 h2 { color: #fff; text-align: center; font-size: 2.5em; margin-bottom: 40px; }
	.mio-section4 { background-color: #474d4d }
	.mio-section3 .mio-pro-show a { height: 690px; }
	.mio-section4 .mio-pro-show a { height: 600px; }
	.mio-section5 .mio-pro-show a { height: 690px; }
	
	.mio-section-pro { height: 500px; overflow: hidden; background-color: #eee; }
	.mio-section-pro h2 { font-size: 2em; line-height: 1.2em }
	.mio-section-pro .mio-img { width: 50%; height: 100%; float: right; overflow: hidden }
	.mio-section-pro .mio-img img { min-height: 100%; min-width: 100%; width: auto; }
	.mio-section-pro .mio-txt { width: 50%; height: 100%; float: left }
	.mio-section-pro .mio-c { width: 500px; float: right; padding: 120px 75px 0 0; }
	.mio-section-pro .mio-vmore a {}
	.mio-section-pro:nth-child(2n) { background-color: #ddd; }
	.mio-section-pro:nth-child(2n) .mio-img { float: left }
	.mio-section-pro:nth-child(2n) .mio-c { float: left; padding: 120px 0 0 75px; }
	.mio-section-pro .mio-intro { -webkit-line-clamp: 4; line-clamp: 4; }
	
	.mio-section-pro2 { padding: 30px; background-color: #101622 }
	.mio-section-pro2 li { width: 49%; float: left }
	.mio-section-pro2 li:nth-child(even) { margin-left: 2% }
	
	.mio-pbanner { height: 600px; width: 100%; overflow: hidden; background-color: #1f2a41; }
	.mio-pbanner .container { height: 100%; position: relative; z-index: 1; padding: 0; }
	.mio-pbanner .mio-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
	.mio-pbanner .mio-img img { width: 100%; }
	.mio-pbanner .mio-txt { width: 100%; position: absolute; bottom: 0; left: 25px; z-index: 2; }
	.mio-pbanner h1 { font-size: 2em; line-height: 1em; padding: 20px 30px; background-color: #006666; color: #fff; display: inline-block; margin: 0; }
	
	.mio-wrap { height: 520px; background-color: #fff }
	.mio-wrap:nth-child(even) { background-color: #efefef; }
	.mio-wrap .mio-img { width: 50%; height: 100%; float: left; overflow: hidden; background-color: #999; }
	.mio-wrap .mio-txt { width: 50%; height: 100%; float: left }
	.mio-wrap .mio-c { padding: 50px; }
	.mio-wrap .mio-c p { text-indent: 2em; text-align: justify; }
	.mio-wrap:nth-child(odd) .mio-img { float: right }
	
	.mio-page-contact { height: 450px; overflow: hidden }
	.mio-page-contact .mio-img { width: 50%; height: 100%; float: left }
	.mio-page-contact .mio-img img { height: 100%; }
	.mio-page-contact .mio-txt { width: 50%; height: 100%; float: left }
	.mio-page-contact .mio-c { padding: 110px 0 0 90px; }
	
	.mio-vlist li { margin-bottom: 30px; text-align: center }
	.mio-vlist li { width: 32%; float: left; margin-right: 2% }
	.mio-vlist li:nth-child(3n) { margin-right: 0 }
	
	.mio-prev-next li { width: 48%; float: left }
	.mio-prev-next li:nth-child(even) { float: right; text-align: right }
	.mio-prev-next li span,.mio-prev-next li b { display: block; font-size: 1.6em; }
	
	
	
	.mio-table table th { width: 300px; }
	
	.mio-alist li h3 { font-size: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.mio-alist li .mio-img { width: 350px; float: left }
	.mio-alist li .mio-txt { width: 670px; float: right; padding-top: 25px; }
	.mio-alist li .mio-intro { margin-bottom: 20px; }

	.mio-icontact li { float: left; margin-right: 20px; }
	
	.mio-ilist li { width: 49%; float: left; }
	.mio-ilist li:nth-child(even) { margin-left: 2% }
	.mio-ilist-home li { margin-right: 2%; width: 32%; }
	.mio-ilist-home li:nth-child(even) { margin-left: 0; margin-right: 2% }
	.mio-ilist-home li:nth-child(3n) { margin-right: 0 }
	.mio-ilist-home li:nth-child(n + 31) { display:none }
	
	.mio-wiki-show { background-color: #fff; padding: 0 50px 50px 50px; }
	.mio-lw-info { padding: 30px 0 0 0 }
	.mio-section-wiki .mio-wrap .mio-txt .mio-c { padding: 35px; }
	.mio-section-wiki .mio-wrap-lw .mio-txt .mio-c { padding: 100px; }
	
	.mio-cmsg .mio-img { width: 50%; float: right }
	.mio-cmsg .mio-txt { width: 50%; float: left }
	.mio-cmsg .mio-txt .mio-message { padding: 30px 50px; }
	
	.mio-ul03 li { width: 32%; float: left; margin-right: 2%; }
	.mio-ul03 li:nth-child(3n) { margin-right: 0; }
	
	/*关于*/
	.mio-proview1 .mio-wrap:nth-child(1) .mio-c { padding: 130px }
	.mio-proview1 .mio-wrap:nth-child(2) .mio-c { padding: 130px }
	.mio-proview1 .mio-wrap:nth-child(3) .mio-c { padding: 120px }
	
	/*夹芯板*/
	.mio-proview2 .mio-wrap:nth-child(1) .mio-c { padding: 80px }
	.mio-proview2 .mio-wrap:nth-child(2) .mio-c { padding: 120px }
	.mio-proview2 .mio-wrap:nth-child(3) .mio-c { padding: 120px }
	.mio-proview2 .mio-wrap:nth-child(4) .mio-c { padding: 110px 100px }
	.mio-proview2 .mio-wrap:nth-child(5) .mio-c { padding: 130px 120px }
	.mio-proview2 .mio-wrap:nth-child(6) .mio-c { padding: 95px }
	
	/*酚醛板*/
	.mio-proview3 .mio-wrap:nth-child(1) .mio-c { padding: 100px }
	.mio-proview3 .mio-wrap:nth-child(2) .mio-c { padding: 105px }
	.mio-proview3 .mio-wrap:nth-child(3) .mio-c { padding: 110px }
	.mio-proview3 .mio-wrap:nth-child(4) .mio-c { padding: 115px }
	.mio-proview3 .mio-wrap:nth-child(5) .mio-c { padding: 130px 120px }
	
	/*冷弯成型*/
	.mio-proview4 .mio-wrap:nth-child(1) .mio-c { padding: 90px }
	.mio-proview4 .mio-wrap:nth-child(2) .mio-c { padding: 110px }
	.mio-proview4 .mio-wrap:nth-child(3) .mio-c { padding: 70px }
	.mio-proview4 .mio-wrap2 .mio-c { padding: 110px; }
	
	/*门窗隔断*/
	.mio-proview9 .mio-wrap:nth-child(1) { height: 400px; }
	.mio-proview9 .mio-wrap:nth-child(2) { height: 640px; }
	.mio-proview9 .mio-wrap:nth-child(3) { height: 767px; }
	.mio-proview9 .mio-wrap:nth-child(1) .mio-c { padding: 110px }
	.mio-proview9 .mio-wrap:nth-child(2) .mio-c { padding: 130px }
	.mio-proview9 .mio-wrap:nth-child(3) .mio-c { padding: 80px }
	
	/*钢铁贸易*/
	.mio-proview5 .mio-wrap:nth-child(1) .mio-c { padding: 70px }
	.mio-proview5 .mio-wrap:nth-child(2) .mio-c { padding: 120px 110px }
	
	/*发泡机*/
	.mio-proview6 .mio-wrap:nth-child(1) .mio-c { padding: 90px }
	.mio-proview6 .mio-wrap:nth-child(2) .mio-c { padding: 100px }
	.mio-proview6 .mio-wrap:nth-child(3) .mio-c { padding: 110px }
	.mio-proview6 .mio-wrap:nth-child(4) .mio-c { padding: 130px }
	
	/*压瓦机*/
	.mio-proview-p1 .mio-wrap:nth-child(1) .mio-c { padding: 85px }
	.mio-proview-p1 .mio-wrap:nth-child(2) .mio-c { padding: 85px }
	.mio-proview-p1 .mio-wrap:nth-child(3) .mio-c { padding: 90px }
	.mio-proview-p1 .mio-wrap:nth-child(4) .mio-c { padding: 120px }
	
	/*CZ檩条*/
	.mio-proview-p2 .mio-wrap:nth-child(1) .mio-c { padding: 95px }
	.mio-proview-p2 .mio-wrap:nth-child(2) .mio-c { padding: 130px }
	.mio-proview-p2 .mio-wrap:nth-child(3) .mio-c { padding: 120px }
	.mio-proview-p2 .mio-wrap:nth-child(4) .mio-c { padding: 100px }
	.mio-proview-p2 .mio-wrap:nth-child(5) .mio-c { padding: 95px }
	
	/*净化板*/
	.mio-proview-p3 .mio-wrap:nth-child(1) .mio-c { padding: 115px }
	.mio-proview-p3 .mio-wrap:nth-child(2) .mio-c { padding: 115px }
	
	/*定制冷弯*/
	.mio-proview-p4 .mio-wrap:nth-child(1) .mio-c { padding: 120px }
	.mio-proview-p4 .mio-wrap:nth-child(2) .mio-c { padding: 135px }
	.mio-proview-p4 .mio-wrap:nth-child(3) .mio-c { padding: 105px }

	/*产品与服务*/
	.mio-service .mio-wrap .mio-c { padding: 100px }


}

@media (min-width:1600px) {
	.mio-section-pro { height: 620px; overflow: hidden; background-color: #eee; }
	.mio-section-pro .mio-c { padding: 180px 75px 0 0; }
	.mio-section-pro:nth-child(2n) .mio-c { padding: 180px 0 0 75px; }
}

.clear { clear: both }
.container::before,
.container::after,
.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}