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:#f3f3f3; }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.8em;}
h3 {  font-size: 1.4em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;}

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

::-moz-selection {  color: #ffffff;  background: #f90;  text-shadow: none;}
::selection {  color: #ffffff;  background: #f90;  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; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }

em { font-style: normal }

.mio-fcus { display: none }

/*=============================================================================== All Style */

.mio-tbar { line-height:36px; background-color:#3a3f49; color:#fff; font-size:0.9em; color:#bfc2c9; }
.mio-tbar a { color:#bfc2c9; padding: 0 10px; }
.mio-tbar .tr { color:#fff; }
.mio-tbar .tr strong { color:#fc0; }

.mio-navbar { background:#fff url(line.jpg) repeat-x bottom; min-height: 100px; margin:0; border:0; border-radius:0; }
.mio-navbar a.navbar-brand { width: 410px; min-height: 80px; background: url(logo.png) no-repeat left center; text-indent:-99999999px; overflow:hidden; }
.mio-navbar .navbar-nav { }
.mio-navbar .navbar-nav li { padding: 0 0 0 20px; }
.mio-navbar .navbar-nav li a { padding:0 10px; line-height:100px; font-size:1em; color:#222; font-size:1.2em; }
.mio-navbar .navbar-nav li.hover a { color:#003597;border-bottom:2px #003597 solid;}
.mio-navbar .navbar-nav li a:hover { color:#003597;border-bottom:2px #003597 solid;}



.mio-footer { background-color:#3a3f49; color:#bfc2c9; padding: 20px 0; text-align:center }
.mio-footer .mio-copyright span { margin-left:15px; }
.mio-footer .mio-flogo { width:220px; height:80px; background: url(flogo.png) no-repeat center; margin: 0 auto 6px; }
.mio-footer a { color:#bfc2c9; }
.mio-footer .mio-fnav span { margin: 0 10px; }

.mio-flinks { background-color:#3a3f49; color:#898f9b; }
.mio-flinks .container { padding:20px 0; border-top:#5d6370 1px solid }
.mio-flinks a { color:#898f9b; }
.mio-flinks a:hover { color:#fff; }
.mio-flinks li { display: inline; padding-right:10px; }




.mio-content { padding:50px 0; background-color:#fff }

.mio-banner { max-height:660px; background-color:#333; overflow:hidden }
.rsDefault .rsFullscreenIcn{background:url('rs-default.png') 0 0;}
.rsDefault .rsArrowIcn{background:url('rs-default.png');}
#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.rsDefault .rsThumb{width:200px; height:60px;}
.rsDefault .rsBullet { padding-bottom:30px; }
.rsDefault .rsBullet.rsNavSelected span { background-color: #f90; }

.mio-section { padding:50px 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; }
.mio-section img { width: 100% }

.mio-t { text-align:center; margin-bottom:40px; }
.mio-t h1,
.mio-t h2 { font-size:2.5em; color:#222; background: url(line.png) no-repeat center bottom; padding-bottom:40px; }
.mio-t h4 { color:#888; margin:10px 0; }

a.mio-vmore { display:block; height:40px; line-height:40px; width:180px; background-color:#f90; color:#fff; border-radius:40px; text-align:center }
a.mio-vmore:hover { background-color:#f30; }

.mio-business {}
.mio-business ul { border-left:#ddd 1px solid; border-top:#ddd 1px solid; width: 1136px; margin: 0 auto }
.mio-business li { width:227px; text-align:center; float:left; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; font-weight:bold; color:#f90; padding:20px 0; }
.mio-business li.lt { margin-right:0; }
.mio-business li span { display:block; width:60px; height:60px; margin: 0 auto 10px; }
.mio-business li:hover { background-color:#f7f7f7 }
.mio-business li span.s1 { background: url(s1.png) no-repeat center }
.mio-business li span.s2 { background: url(s2.png) no-repeat center }
.mio-business li span.s3 { background: url(s3.png) no-repeat center }
.mio-business li span.s4 { background: url(s4.png) no-repeat center }
.mio-business li span.s5 { background: url(s5.png) no-repeat center }
.mio-business li span.s6 { background: url(s6.png) no-repeat center }
.mio-business li span.s7 { background: url(s7.png) no-repeat center }
.mio-business li span.s8 { background: url(s8.png) no-repeat center }
.mio-business li span.s9 { background: url(s9.png) no-repeat center }
.mio-business li span.s10 { background: url(s10.png) no-repeat center }

.mio-tese { text-align:center; background-color:#E72235; color:#fff; padding: 35px 0; }
.mio-tese span { height:80px; width: 80px; display:block; margin: 0 auto}
.mio-tese span.s1 { background: url(i1.png) no-repeat center; }
.mio-tese span.s2 { background: url(i2.png) no-repeat center; }
.mio-tese span.s3 { background: url(i3.png) no-repeat center; }
.mio-tese span.s4 { background: url(i4.png) no-repeat center; }

.mio-service { padding-bottom:20px; }
.mio-service .col-md-3 a { display:block; width: 100%; height:195px; position:relative; margin-bottom:30px; }
.mio-service .col-md-3 a .mio-img { height:195px; overflow:hidden; position:absolute; top:0; left:0; z-index:1; }
.mio-service .col-md-3 a h3 { width: 100%; height:40px; line-height:40px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:2; text-align:center; font-size:1.2em; background: url(b.png); color:#fff }
.mio-service .col-md-3 a:hover h3 { background: url(b2.png) }
.mio-service .col-md-3 a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-service .col-md-3 a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}


.mio-advantage { background-color:#333; color:#fff; background-image: url(bga.jpg) }
.mio-advantage .row { font-size:0.9em; text-align:center }
.mio-advantage .col-md-4 { margin-top:30px; }
.mio-advantage .row h3 { margin-bottom:10px; }
.mio-advantage .mio-t h2 { color:#fff; }
.mio-advantage .mio-t h4 { color:#ccc; }
.mio-advantage span { height:48px; width:48px; display:block; margin: 0 auto 20px; background-position: center; background-repeat: no-repeat }
.mio-advantage span.s1 { background-image:url(a1.png) }
.mio-advantage span.s2 { background-image:url(a2.png) }
.mio-advantage span.s3 { background-image:url(a3.png) }
.mio-advantage span.s4 { background-image:url(a4.png) }
.mio-advantage span.s5 { background-image:url(a5.png) }
.mio-advantage span.s6 { background-image:url(a6.png) }


.mio-about {}
.mio-about a.mio-vmore { margin-top:30px; }

.mio-news { background-color:#eee }
.mio-news .mio-a { display:block; margin-bottom:30px; background-color:#fff }
.mio-news .mio-a .mio-img {}
.mio-news .mio-a .mio-c { padding:15px; }
.mio-news .mio-a h3 { margin: 0; font-size:1.2em; }
.mio-news .mio-a .mio-intro { color:#888; margin:15px 0; }
.mio-news .mio-a .mio-pdate { color:#888; }
.mio-news .mio-a:hover { /*background-color:#3a3f49;*/ box-shadow:0 0 8px #aaa; }
/*.mio-news .mio-a:hover h3,
.mio-news .mio-a:hover .mio-intro,
.mio-news .mio-a:hover .mio-pdate { color:#fff; }*/
.mio-news a.mio-vmore { margin: 0 auto }


.mio-pbanner { height:400px; background-color:#eee;  }
.mio-pbanner .mio-bg { height:400px; background: url(bp.png) repeat fixed; }
.mio-pbanner .mio-t2 { width:400px; height:90px; padding:20px 30px; background: url(b2.png); color:#fff; margin-top:150px; }
.mio-pbanner .mio-t2 h2 { color:#fff; font-family:impact; text-transform: uppercase; font-size:3em; display: inline }
.mio-pbanner .mio-t2 h3 { color:#fff; font-size:2em; display: inline; padding-left:15px; }

.mio-plist {}
.mio-plist img { width: 100%; display:block; margin-bottom:30px; }

.mio-slist img { width: 100% }
.mio-slist a { display:block; width: 100%; height:191px; position:relative; margin-bottom:30px; }
.mio-slist a .mio-img { height:191px; overflow:hidden; position:absolute; top:0; left:0; z-index:1 }
.mio-slist a h3 { width: 100%; height:40px; line-height:40px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:2; text-align:center; font-size:1.2em; background: url(b.png); color:#fff }
.mio-slist a:hover h3 { background: url(b2.png) }
.mio-slist a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-slist a img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}


h1.mio-h1t { background: url(line.png) no-repeat center bottom; padding-bottom:50px; margin-bottom:30px; text-align:center; color:#222; font-size:2.5em }
h1.mio-h1title { color:#3a3f49; border-left:#3a3f49 4px solid; padding-left:15px; }

.mio-culture { margin-top:30px; }
.mio-culture h3 { margin: 0 0 10px 0; }
.mio-culture p { margin:0; }
.mio-culture .mio-c { padding:30px 0; text-align:center; color:#fff }
.mio-culture .mio-c1 { background-color:#e3bb65 }
.mio-culture .mio-c2 { background-color:#6585e3 }
.mio-culture .mio-c3 { background-color:#46d1c9 }
.mio-culture .message { padding:10px 0; text-align:center; color:#000 }


.mio-article {}
.mio-article li p { margin:0; }
.mio-article h2,
.mio-article h3 { margin:15px 0; }
.mio-article img { margin: 15px auto; max-width:100%; display:block }

.mio-category h2 { background-color:#0060C8; color:#fff; padding:30px 0; text-align:center }
.mio-category li { border-top:1px #E7E7E7 solid; font-size:15px;}
.mio-category li a { display:block; height:46px; line-height:46px; color:#424343;padding:0 35px;background: url(dian.png) no-repeat 16px center #fff; }
.mio-category li a:hover { color:#fff;background: url(dian_hov.png) no-repeat 16px center #0060C8; }
.mio-category li.hover a { color:#fff;background: url(dian_hov.png) no-repeat 16px center #0060C8;}


.list_page{text-align:center;margin:10px;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-alist {}
.mio-alist li { height:36px; line-height:36px; overflow: hidden; background: url(ic1.png) no-repeat left center; padding-left:10px; border-bottom:#eee 1px dashed }
.mio-alist li span { float:right; color:#999; margin-left:15px; }

.mio-related { margin:30px 0; }
.mio-related h2 { border-bottom:#3a3f49 1px solid; height:40px; margin-bottom:10px; font-size:1.4em }
.mio-related h2 span { background:#3a3f49; line-height:40px; display:block; padding: 0 20px; color:#fff; float:left }
.mio-related a { background: url(a3.gif) no-repeat left center; padding-left:15px; }


#dituContent { width: 100%; height:450px; }
#mio-page2 h2 { font-weight:bold; font-size:2em; margin-bottom:40px; }
#mio-page2 h3 { margin-bottom:10px; }
#mio-page2 em { font-style: normal; display: inline-block; width:70px; }
#mio-page2 p { margin:5px 0; text-indent:0 }


.mio-fbar { position:fixed; right:20px; bottom: 10px; z-index:99999; }
.mio-fbar a { width: 40px; height:40px; padding:10px 0; display:block; background-color:#f30; color:#fff; text-align:center; margin-top:1px; }
.mio-fbar a:hover { background-color:#333; }
.mio-fbar a i { display:block; font-size:1.5em; }
.mio-fbar a.mio-a-wx { background: url(fbar.png) no-repeat top center; width: 40px; height:40px; display: block; }
.mio-fbar a.mio-a-top {  background: url(fbar.png) no-repeat bottom center; width: 40px; height:40px; display:block; }

.mio-chat { width: 180px; background-color:#fff; position:fixed; right: 20px; bottom: 61px; z-index: 9999; text-align:center }
.mio-chat .mio-chat-t { line-height: 40px; padding:0 15px 0 20px; background-color:#0099CC; color:#fff; font-size:1.2em }
.mio-chat .mio-chat-t span { float:right; font-size:1.6em; margin-top:0px; cursor:pointer; }
.mio-chat .mio-chat-c { padding:20px; border:#eee 1px solid; }
.mio-chat .mio-chat-c p strong { display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#f30; }
.mio-chat .mio-wx-ewm { text-align:center; }
.mio-chat .mio-wx-ewm img { width: 90%; display:block; margin: 0 auto; }

.mio-v-a1 { display: block}
.mio-v-a2 { display: none}

@media (min-width:1600px) {

}


@media (min-width:1200px) {

}

@media (min-width:768px) and (max-width:1190px) {

}

@media (min-width:320px) and (max-width:767px) {
	.fr { float:none }
	
	.mio-fbar,
	.mio-chat,
	.mio-tbar { display:none }
	
	.mio-navbar { min-height: 60px; }
	.mio-navbar a.navbar-brand { width: 160px; min-height: 60px; background-size:100% }
	
	.mio-navbar .navbar-nav { }
	.mio-navbar .navbar-nav li { padding: 0 15px; }
	.mio-navbar .navbar-nav li a { padding:0 10px; line-height:40px; text-align:center; }
	.mio-navbar .navbar-nav li.hover a { color:#f60; }

	.navbar-toggle { border:0; margin-top:12px; }

	.mio-footer { margin-bottom:60px; }
	.mio-footer .mio-copyright span { display:block }
	.mio-footer .mio-fnav { padding-top:30px; }
	.mio-footer em { display:block; color:#fc0; }
	
	.mio-flinks { display: none }
	
	.mio-fcus { width: 100%; height:60px; position:fixed; bottom:0; left:0; z-index:999; background-color:#9a1b1b; border-top:#fff 1px solid; display:block }
	.mio-fcus a { display:block; text-align:center; color:#fff }
	.mio-fcus a i { display:block; width: 30px; height:40px; margin: 3 auto; background:url(icon1.png) no-repeat center 15px; }
	.mio-fcus a i  em { display:block; color:#fc0; }


	.mio-business ul { width: auto; border:0; }
	.mio-business li { width:50%; text-align:center; float:left; border: 0; }

	.mio-tese { padding: 50px 0 20px 0; }
	.mio-tese .col-xs-6 { margin-bottom:30px; }
	
	.mio-service { }
	.mio-service .col-md-3 a { display:block; width: 100%; height: auto; position: inherit; margin-bottom:30px; }
	.mio-service .col-md-3 a .mio-img { height: auto; overflow:hidden; position: inherit; }
	.mio-service .col-md-3 a h3 { width: 100%; height:30px; line-height:30px; overflow:hidden; position: inherit; text-align:center; background: url(b.png); color:#fff; font-size:1em }
	.mio-service .col-md-3 a:hover img {transform: scale(1); -webkit-transform: scale(1); }

	.mio-overview { margin-top:20px; }
	
	.mio-slist a { height: auto; position: inherit; }
	.mio-slist a .mio-img { height: auto; position: inherit; }
	.mio-slist a h3 { height:30px; line-height:30px; position: inherit; font-size:1em; }
	.mio-slist a:hover img {transform: scale(1); -webkit-transform: scale(1); }
	

	a.mio-vmore { margin: 0 auto; width: 100% }
	
	.mio-pbanner { height:200px; background-size:cover }
	.mio-pbanner .mio-bg { height:200px; padding:50px 0; }
	.mio-pbanner .mio-t2 { width:100%; height: auto; padding:20px 0; background: none; color:#fff; margin:0; text-align:center }
	.mio-pbanner .mio-t2 h2 { display:block}
	.mio-pbanner .mio-t2 h3 { display:block; padding:0 }

	.mio-category { margin-top:30px; }
	.mio-category h2 {  padding:15px 0; font-size:1.2em }

	#dituContent { width: 100%; height:350px; margin-top:40px; }
	#mio-page2 h2 { font-size:1.6em }
	#mio-page2 em { font-style: normal; display: block; width: auto; }
	#mio-page2 p { margin:5px 0; text-indent:0; background-color:#f3f3f3; padding:10px; }

	.rsDefault .rsBullet { padding-bottom:20px; }

	.mio-section { padding:30px 0; }
	
	.mio-t { margin-bottom:30px; }
	.mio-t h1,
	.mio-t h2 { font-size:2em; }
	.mio-t h4 { font-size:0.85em }
	
	.mio-v-a1 { display: none}
	.mio-v-a2 { display: block}

}


.pages { padding: 10px 0; text-align: center; }
.pages a,.pages span,.pages strong { padding: 5px 10px; background: #eee; margin: 0 2px; }
.pages strong { background: #999; color: #fff; }
.pages a:hover { background: #FF6600; color: #fff; }


h2.h1t { margin-top:0; font-size:2em; margin-bottom:20px; text-align:center; color:#222; }


.mio-proview {}
.mio-proview img { width: 100%; border:#ddd 1px solid; padding:4px; }
.mio-proview .pro_txt {}
.mio-proview .pro_txt h1 { font-size:1.6em; margin: 0 0 30px 0; color:#222; font-weight:bold; }

.mio-article {}
.mio-article p { margin:25px 0; }
.mio-article a { text-decoration: underline; font-weight:bold; }
.mio-article ul,
.mio-article ol { margin-left:2em; }
.mio-article li p { margin: 0; }
.mio-article img { max-width:400px; }

.mio-aimg { text-align:center; margin:20px 0; }
.mio-aimg img { width: 400px; border:#ddd 1px solid; padding:4px; }

.mio-related2 { margin-bottom:30px; }
.mio-related2 a { display:block; text-align:center; }
.mio-related2 h3 { border-bottom:#f90 1px solid; margin-bottom: 15px; margin-top:0; }
.mio-related2 h3 span { color:#ffffff; background:#f90; float: left; display:block; padding: 10px 30px; text-align:left;}

.clear { clear:both;}

.business { color:#fff; width:100%; height:70px; margin:10px auto; background-color:#25a4ff; text-align:center; line-height:10px; padding-top:10px;}

table { border-left: #ccc 1px solid; border-bottom: #ccc 1px solid; border-collapse:collapse; width: 100%; }
th { border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding: 4px; text-align: center; background: #ddd; color: #333; }
td { border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding: 4px; height:25px;}
.tb_cle { text-align:center; font-weight:bold; background-color:#6699CC; color:#FFFFFF;}


.map{float: left; width: 100%; height: 400px; overflow: hidden; position: relative;}
#bdmap img{max-width:none;}
.BMap_pop,.BMap_shadow,.anchorBL{display:none !important;}/*Òþ²Ø±êÌâ¿é*/

#bdmap label{ background: 0 !important; border: 0 !important; /*left:416px !important; ; top:200px !important;*/ max-width:initial;}
#bdmap .BMapLabel div{ width: 255px !important; height: 72px !important; padding: 5px 0 17px 0 !important; background: url("images/contact7.png") no-repeat !important;}
#bdmap .BMapLabel div a{ display: block; color: #151414; font-size: 15px; font-weight: bold; line-height: 50px; text-align: center; font-family:'Microsoft yahei' ,Arial;}