html,
body { color: #444; line-height: 2em; background: #f4f4f4; position: relative; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; overflow-x: hidden; font-size:0.9em; background-color:#fff;  }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.5em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

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

::-moz-selection {  color: #ffffff;  background: #ec3e01;  text-shadow: none;}
::selection {  color: #ffffff;  background: #ec3e01;  text-shadow: none;}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

ul,ol { list-style: none; margin:0; padding:0; }
.tl  { text-align:left; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }


.mio-section {
 /*min-height: 100%;*/
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
}


select{
	/*border: none;
	outline: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 60px;*/
	height:40px; line-height:40px;
}
			
			
			
/*=============================================================================== All Style */
.mio-header { height:800px; background-image:url(a.jpg); min-height:100%; position:relative }

.mio-navbar { background: transparent; min-height: 120px; margin:0; border:0; border-radius:0; }
.mio-navbar a.navbar-brand { width: 200px; min-height: 120px; background: url(logo.png) no-repeat 20px center; text-indent:-99999999px; overflow:hidden }
.mio-navbar .navbar-nav {  }
.mio-navbar .navbar-nav li { }
.mio-navbar .navbar-nav li a { color:#fff; padding: 0 20px; line-height:120px; }
.mio-navbar .navbar-nav li a:hover { color:#fff; }
.mio-navbar .navbar-nav li.hover a span { border-bottom:#fc0 1px solid; padding-bottom:5px; color:#fc0 }
.mio-navbar .navbar-nav .mio-tel { color:#fc0; font-size: 1.6em; }
.mio-navbar .navbar-nav .mio-tel i { margin: 0 10px 0 30px; }

.mio-navbar-top { min-height:60px; width:100%; overflow:hidden; box-shadow: 0 0 5px #ccc; }
.mio-navbar-top a.navbar-brand { width: 130px; min-height: 70px; background: url(logo2.png) no-repeat 20px center }
.mio-navbar-top { background-color:#fff; }
.mio-navbar-top .navbar-nav li a { color:#333; padding: 15px 20px 0 20px; line-height:40px; }
.mio-navbar-top .navbar-nav li a:hover { color:#111; }
.mio-navbar-top .navbar-nav li.hover a span { border-bottom:#f1592a 1px solid; padding-bottom:5px; color:#f1592a }
.mio-navbar-top .navbar-nav .mio-tel { color:#f1592a; }


.mio-banner { text-align:center; color:#fff; top:50%; position:absolute; width:100%; margin-top:-100px; }
.mio-banner h2 { font-size:3em; text-align:center }
.mio-banner h3 { margin-bottom:30px; text-align:center }
.mio-banner .mio-vmore a { color:#fff; background-color:#f1592a; border-radius:20px; width:160px; height:40px; line-height:40px; display:block; text-align:center; margin: 0 auto }

h2.mio-h2t { font-size:2.5em; color:#000; text-align:center }
h6.mio-h6t { line-height:2em; margin: 15px 0 30px 0; color:#888; text-align:center }


/*.mio-section { padding:50px 0; text-align:center }
.mio-section h2 { font-size:2.5em; color:#000; }
.mio-section h6 { line-height:2em; margin: 15px 0 30px 0; color:#888; }
.mio-section span.mio-s i { font-size:5em; color:#f1592a; }
.mio-section h3 { color:#f1592a; font-weight:bold }
.mio-section .col-md-4 { margin-bottom:30px; }
.mio-section .col-md-4 p { color:#888; }*/


.mio-gongneng { padding:50px 0; text-align:center }
.mio-gongneng h3 { color:#f1592a; font-weight:bold; margin:10px 0 }
.mio-gongneng .row span { width:60px; height:60px; display:block; margin: 0 auto }
.mio-gongneng .col-md-4 { margin-bottom:30px; }
.mio-gongneng .col-md-4 p { color:#888; }
.mio-gongneng .row span.mio-s1 { background: url(g1.png) no-repeat center }
.mio-gongneng .row span.mio-s2 { background: url(g2.png) no-repeat center }
.mio-gongneng .row span.mio-s3 { background: url(g3.png) no-repeat center }
.mio-gongneng .row span.mio-s4 { background: url(g4.png) no-repeat center }
.mio-gongneng .row span.mio-s5 { background: url(g5.png) no-repeat center }
.mio-gongneng .row span.mio-s6 { background: url(g6.png) no-repeat center }




.mio-advantage { padding:50px 0; text-align:center; color:#fff; background-image:url(b.jpg); }
.mio-advantage h2.mio-h2t { color:#fff; }
.mio-advantage h6.mio-h6t { color:#ccc; margin-bottom:60px; }
.mio-advantage .row span { width:60px; height:60px; display:block; margin: 0 auto 10px }
.mio-advantage .row span.mio-s1 { background: url(a1.png) no-repeat center }
.mio-advantage .row span.mio-s2 { background: url(a2.png) no-repeat center }
.mio-advantage .row span.mio-s3 { background: url(a3.png) no-repeat center }
.mio-advantage .row span.mio-s4 { background: url(a4.png) no-repeat center }


.mio-xiaoguo { padding:50px 0; text-align:center }
.mio-xiaoguo span.mio-s i { font-size:5em; color:#f1592a; }
.mio-xiaoguo .col-md-4 p { color:#888; }
.mio-xiaoguo .col-md-4 p span{ display:block}
.mio-xiaoguo h3 { color:#f1592a; font-weight:bold }
.mio-xiaoguo .row span.mio-s1,
.mio-xiaoguo .row span.mio-s2,
.mio-xiaoguo .row span.mio-s3,
.mio-xiaoguo .row span.mio-s4 { width:60px; height:60px; display:block; margin: 0 auto 10px }
.mio-xiaoguo .row span.mio-s1 { background: url(x1.png) no-repeat center }
.mio-xiaoguo .row span.mio-s2 { background: url(x2.png) no-repeat center }
.mio-xiaoguo .row span.mio-s3 { background: url(x3.png) no-repeat center }
.mio-xiaoguo .row span.mio-s4 { background: url(x4.png) no-repeat center }
.mio-xiaoguo .row p span { display:block }

.mio-partners { padding:50px 0; text-align:center;background-image:url(c.jpg); }
.mio-partners .col-md-4 { padding:10px 0; }

.mio-footer { background-color:#222; text-align:center; padding:15px 0; color:#aaa; }

.mio-content { padding:30px 0 }
.mio-content img { max-width:100%; }

.mio-pbanner { height:400px; background:#333; margin-top:60px; background-size:cover; text-align:center; color:#fff; }
.mio-pbanner h2 { font-size:3em; padding: 120px 0 20px 0; }
#p4 { background: url(nbg.jpg) no-repeat top center; }
#p2 { background: url(zbg.jpg) no-repeat top center; }

.mio-cmenu { width:540px; margin: 0 auto}
.mio-cmenu li { float: left; }
.mio-cmenu li a { background: url(w2.png); display:block; float:left; width:160px; text-align: center; line-height:40px; margin:0 10px; border-radius:2px; color:#fff; }
.mio-cmenu li a:hover,
.mio-cmenu li.hover a { background:#f1592a; }


.mio-zhaoshang { text-align:center; padding:20px 0 0 0; }
.mio-zhaoshang .row { margin-top:30px; }
.mio-zhaoshang .row .col-md-4 { margin-bottom:30px; }
.mio-zhaoshang h3 { color:#f16235; font-weight:bold; margin: 10px }
.mio-zhaoshang p { color:#999; }
.mio-zhaoshang span { width:60px; height:60px; display:block; margin:0 auto; }
.mio-zhaoshang span.mio-z1 { background: url(z1.png) no-repeat center; }
.mio-zhaoshang span.mio-z2 { background: url(z2.png) no-repeat center; }
.mio-zhaoshang span.mio-z3 { background: url(z3.png) no-repeat center; }
.mio-zhaoshang span.mio-z4 { background: url(z4.png) no-repeat center; }
.mio-zhaoshang span.mio-z5 { background: url(z5.png) no-repeat center; }
.mio-zhaoshang span.mio-z6 { background: url(z6.png) no-repeat center; }


.mio-zbox img { width:100%; }
.mio-zbox .mio-c { background-color:#6cbfaa; padding:30px; min-height:260px; color:#fff; border-bottom:#61b09c 4px solid }
.mio-zbox h2 { margin: 0 0 20px 0; font-weight:bold; text-align:center }
.mio-zbox p { margin:0; }
.mio-zbox2 .mio-c { background-color:#64c283; border-bottom-color:#58b175 }
.mio-zbox ol { list-style: decimal-leading-zero; margin-left:2em;  }

.mio-msg { padding:30px; margin:30px auto; background-color:#f3f3f3; border-bottom:#efefef 4px solid }
.mio-msg h3 { font-weight:bold; margin: 0 0 20px 0; text-align:center; font-size:2em }
.mio-msg p { margin-bottom:30px; text-align:center }
.mio-msg p strong { color:#f16235; }
.mio-msg .ipts { width:100%; border:#999 1px solid; padding:5px; height:40px; line-height:40px; text-align:center }
.mio-msg .ipts:focus { border-color:#f16235; color:#f16235; }
.mio-msg .btns { width:100%; border:0; height:40px; background:#f16235; color:#fff; cursor: pointer }


.mio-alist {}
.mio-alist .mio-img { height:210px; overflow:hidden }
.mio-alist .mio-pdate { color:#999; }
.mio-alist a { display:block; margin-bottom:30px; border-bottom:#efefef 1px solid; padding-bottom:20px; }


.list_page{text-align:center;margin:0 auto;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.mio-article {}
.mio-article h1 { text-align:center; margin: 0 0 30px 0; }
.mio-article img { display:block; max-width:800px; margin: 20px auto; }
.mio-article p { text-indent:2em; }

a.mio-back { display:block; margin:20px auto; width:160px; height:40px; line-height:40px; background-color:#666; color:#fff; text-align:center; border-radius:2px; }
a.mio-back:hover { background-color:#f1592a; }

.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:100%; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:8px; height:8px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 0 0 5px; cursor: pointer; }
.slideBox .hd li.on{ background:#f16235;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; }
.slideBox .bd li .mio-img { height:320px; overflow:hidden}
.slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .mio-intro { color:#888; }
.slideBox .bd li span { width:160px; height:40px; display:block; text-align:center; line-height:40px; background-color:#aaa; color:#fff; margin-top:20px; }
.slideBox .bd li a:hover { color:#444; }	
.slideBox .bd li a:hover span { background-color:#f16235; }

.mio-news {}
.mio-news h2 { margin:0 0 20px 0; height:40px; line-height:40px; background-color:#f3f3f3; }
.mio-news h2 span { display:block; line-height:40px; padding:0 20px; background-color:#f16235; color:#fff; float:left; }
.mio-news ul {}
.mio-news li { padding:15px 0; border-bottom:#eee 1px dotted; }
.mio-news li a { font-size:1.2em; }


.mio-contact { height:100%; background-image: url(ct.jpg); position:relative; color:#fff; }
.mio-contact .mio-cbox { height:240px; padding:30px 0; text-align:center; position:absolute; top:50%; margin-top:-100px; width:1170px; background: url(w.png) }
.mio-contact .mio-cbox img { height:120px; display:block; margin: 0 auto 10px; }
.mio-contact span { width: 60px; height:100px; display:block; margin: 0 auto 20px; }
.mio-contact span.s1 { background: url(c1.png) no-repeat center}
.mio-contact span.s2 { background: url(c2.png) no-repeat center}
.mio-contact strong { font-size:1.6em; color:#ff0; font-weight:normal }	
	
	
	
.mio-lightbox { position:fixed; top:0; left:0; z-index:9999999; background: url(w.png); width:100%; height:100%; display:none }
.mio-lightbox .ipts { width:100%; border:#999 1px solid; padding:5px; height:40px; line-height:40px; text-align:center }
.mio-lightbox .ipts:focus { border-color:#f16235; color:#f16235; }
.mio-lightbox .btns { width:100%; border:0; height:40px; background:#f16235; color:#fff; cursor: pointer }
.mio-pform { width:600px; height:400px; margin: 0 auto; background:#fff; padding:50px; position:fixed; top:50%; margin-top:-200px; left:50%; margin-left:-300px; }
.mio-pform div { margin-bottom:15px; }
.mio-pform h2 { text-align:center; margin: 0 0 20px 0; }
.btn-close { width:60px; height:60px; display:block; position:fixed; top:30px; right:10px; z-index: 999999999999; color:#fff; font-size:3em; cursor: pointer;  }	
	
	
	
	
	
	
	
	
@media (min-width:320px) and (max-width:767px) {
	img { max-width:100%; }


	.mio-navbar .navbar-toggle { background:transparent; border:0; margin-top:40px; }
	.mio-navbar  .navbar-toggle span.icon-bar { background-color:#fff; }

	.mio-navbar { }
	.mio-navbar .navbar-nav li { padding:0; margin:0;}
	.mio-navbar .navbar-nav li a { color:#333; padding:0 10px; margin:0; text-align:center; height:40px; line-height:40px; background-color:#fff }
	.mio-navbar .navbar-nav li a:hover { color:#fff; background-color:#f1592a; }
	.mio-navbar .navbar-nav li.hover a { color:#fff; background-color:#f1592a; display:block }
	.mio-navbar .navbar-nav li a span {}
	.mio-navbar .navbar-nav li.hover a span { padding:0; border:0; color:#fff; }
	.mio-navbar .navbar-nav .mio-tel { color:#f1592a; }
	#navbar { background-color:#fff}
	
	.mio-navbar-top .navbar-toggle { margin-top:20px; }
	.mio-navbar-top .navbar-toggle span.icon-bar { background-color:#222; }


	.mio-banner h2 { font-size:1.8em; }

	h6.mio-h6t span { display:block}


	.mio-contact { height: auto; background-image: url(ct.jpg); position: inherit; color:#fff; }
	.mio-contact .mio-cbox { height: auto; padding:30px 0 0 0; text-align:center; position: inherit; top: 0; margin-top:100px; width: auto; background: url(w.png) }
	.mio-contact .mio-cbox img { height:120px; display:block; margin: 0 auto 10px; }
	.mio-contact span { width: 60px; height:50px; display:block; margin: 0 auto 20px; }
	.mio-contact span.s1 { background: url(c1.png) no-repeat center}
	.mio-contact span.s2 { background: url(c2.png) no-repeat center}
	.mio-contact strong { font-size:1.2em; color:#ff0; font-weight:normal }	
	.mio-contact .col-md-4 { margin-bottom:30px; }
	
	.mio-pbanner { height:300px; background:#333; margin-top:60px; background-size:cover; text-align:center; color:#fff; }
	.mio-pbanner h2 { font-size:1.6em; padding: 100px 0 0 0; }
	.mio-pbanner h3 { font-size:1em; }

	.mio-msg div { margin-top:10px; }
	
	.mio-cmenu { width:90%; }
	.mio-cmenu li { float: left; width:33.33% }
	.mio-cmenu li a { width:90%; }

	.slideBox .bd li .mio-img { height:180px; overflow:hidden}
	
	.mio-news { margin-top:30px; }
	.mio-news li a { font-size:1em}
	
	.mio-article h1 { font-size:1.4em; text-align:left; border-left:#f80 2px solid; padding-left:10px; }
	
	
	.mio-pform { width:90%; left: auto; margin-left:0; }
	.mio-pform div { margin-bottom:15px; }
	.mio-pform h2 { text-align:center; margin: 0 0 20px 0; }
	.btn-close { width:60px; height:60px; display:block; position:fixed; top:30px; right:10px; z-index: 999999999999; color:#fff; font-size:3em; cursor: pointer;  }	

	.mio-partners .tl,
	.mio-partners .tc,
	.mio-partners .tr { text-align:center}
	
	.mio-article img { width:100% }


}