@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}

.header{}
.header_content{ max-width:1200px; width:97%; margin:2.0rem auto; overflow:hidden;}
.header_content .header_logo{ float:left; width:30%; max-width:200px;}
.header_content .header_right{ float:right; overflow:hidden;}
.header_content .header_right .header_ico{ float:left; font-size:3.0rem; line-height:3.0rem; color:#00afdc; margin-right:1.0rem;}
.header_content .header_right .header_text{ float:right;}
.header_content .header_right .header_text h3{ font-size:1.0rem; color:#444; font-weight:bold;}
.header_content .header_right .header_text h2{ font-size:1.5rem; color:#00afdc; font-weight:bold;}

.mip-nav-wrapper .navbar-brand{ display:none;}
.logo{ float:left; margin-left:1.0rem; height:30px; margin-top:22px;}
.logo mip-img{ height:100%; width:auto;}
.logo img{ width:auto;}
/*mip-nav-slidedown #bs-navbar a{ color:#fff !important;}*/
mip-nav-slidedown .navbar-header{ margin-top:-1px}
mip-nav-slidedown #bs-navbar a:hover{ color:#00afdc; border-top:1px solid #00afdc;}
mip-nav-slidedown #bs-navbar .nav_current a{ color:#444; border-top:1px solid #fff;}
.mip-layout-container, .mip-layout-fixed-height{ max-width:1200px; margin:0 auto;}
mip-nav-slidedown .navbar-brand{ margin-left:1.0rem;}
mip-nav-slidedown #bs-navbar{ margin-right:1.0rem;}
mip-nav-slidedown #bs-navbar .nav_current a{ color:#00afdc; border-color:#00afdc;}
.mip-nav-wrapper.show{ border-top:1px solid #e5e5e5;}
.logo{ display:none;}
mip-nav-slidedown #bs-navbar{ width:100%; margin-right:0;}
mip-nav-slidedown #bs-navbar .navbar-nav li{ width:25%;}
mip-nav-slidedown #bs-navbar a{ display:block; margin:-1px auto 0 auto; padding:0; text-align:center; width:6.0rem;}
.mip-nav-wrapper{ height:3.0rem;}
mip-nav-slidedown #bs-navbar .navbar-nav{ margin-top:0;}
mip-nav-slidedown #bs-navbar .navbar-nav li{ line-height:3.0rem;}
.banner_pc{}
.banner_mo{ display:none;}
.service{ margin:4.0rem auto; max-width:1200px; width:97%;}
.service ul{ margin-top:3.0rem;}
.service ul li{ width:33.33%; float:left}
.service ul li .service_ico{ width:4.0rem; height:4.0rem; background:#fff; border-radius:50%; text-align:center; line-height:4.0rem; font-size:2.5rem; color:#00afdc; margin:0 auto;}
.service ul li h2{ text-align:center; color:#444; font-weight:bold; font-size:1.2rem; margin-top:1.8rem;}
.service ul li p{ text-align:center; width:90%; max-width:270px; margin:0.5rem auto 0 auto; color:#999; font-size:0.9rem; line-height:1.7rem;}
.title{}
.title h3{ font-weight:bold; font-size:1.5rem; text-align:center;margin-top:0.3rem;}
.title h4{ font-size:1.0rem; color:#ccc; text-align:center;}
.title h5{ width:4.0rem; height:2px; background:#00afdc; margin:0.6rem auto 0 auto;}
.service_a{ width:16rem; height:3.0rem; color:#00afdc; text-align:center; line-height:3.0rem; margin:3.0rem auto 0 auto; font-size:1.3rem; font-weight:bold;}
.service_a a{ border:1px solid #00afdc; color:#00afdc; display:block; border-radius:0.1rem; transform:}
.service_a a i{ display:inline-block; margin-right:0.6rem;}
.service_a a:hover{ background:#00afdc; color:#fff;}
.news{ background:#f3f3f3;}
.news_content{ max-width:1200px; width:97%; margin:0 auto; padding:4.0rem 0;}
.news_left{ width:40%; float:left;}
.news_right{ width:55%; float:right;}
.news_right h1{ font-size:2.0rem; color:#00afdc; font-weight:bold;}
.news_right p{ font-size:0.95rem; color:#444; text-indent:1.6rem; line-height:1.9rem; margin-top:1.6rem;}
.news_right_a{ width:16rem; height:3.0rem; color:#00afdc; text-align:center; line-height:3.0rem; margin-top:2.0rem; font-size:1.3rem; font-weight:bold;}
.news_right_a a{ border:1px solid #00afdc; color:#00afdc; display:block; border-radius:0.1rem; transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.news_right_a a i{ display:inline-block; margin-right:0.6rem;}
.news_right_a a:hover{ background:#00afdc; color:#fff;}
.flow{ max-width:1200px; width:97%; margin:0 auto; padding:4.0rem 0;}
.flow_text{ margin-top:3.0rem;}
.flow_text ul{ margin-top:2.0rem;}
.flow_text ul li{ width:25%; float:left;}
.flow_text ul li .flow_ico{ width:4.0rem; height:4.0rem; text-align:center; line-height:4.0rem; color:#fff; background:#00afdc; border-radius:50%; font-size:2.4rem; margin:0 auto;}
.flow_text ul li p{ text-align:center; color:#666; font-size:1.0rem; margin-top:1.3rem;}
.footer{ background:#444;}
.footer_content{ padding:3.0rem 0; width:97%; max-width:1200px; margin:0 auto;}
.footer_content .footer_no1{ width:30%; float:left;}
.footer_content .footer_title{ color:#fff; font-size:1.2rem;}
.footer_content .footer_no1 ul li{ margin:0.5rem 0; color:#999;}
.footer_content .footer_no1 ul li a{ color:#999;}
.footer_content .footer_no1 ul li a:hover{ text-decoration:underline; color:#fff;}
.footer_content .footer_no2{ float:left; width:40%;}
.footer_content .footer_no2 h2{ font-weight:bold; font-size:1.4rem; color:#fff; margin-top:0.3rem;}
.footer_content .footer_no2 a{ width:8.0rem; text-align:center; line-height:2.0rem; height:2.0rem; border-radius:0.1rem; background:#00afdc; color:#fff; border:1px solid #009dc5; display:block; margin-top:0.6rem;}
.footer_content .footer_no2 a i{ display:inline-block; margin-right:0.5rem;}
.footer_bottom{ width:100%; border-top:1px solid #666; padding:0.4rem 0;}
.footer_bottom p{ text-align:center; color:#ccc; line-height:1.5rem;}
.fixed{ position: fixed; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5);padding:1.0rem; display:none;}
.fixed a{ color:#fff}
.fixed_content{ background:#00afdc; width:calc(100% - 2.0rem); width:-webkit-calc(100% - 2.0rem);width:-mo-calc(100% - 2.0rem);width:-o-calc(100% - 2.0rem); height:3.0rem; line-height:3.0rem; text-align:center; border-radius:0.3rem; color:#fff; font-size:1.5rem; font-weight:bold;}
.fixed_content i{ display:inline-block; margin-right:0.8rem;}
.mip-showmore-btn{ padding:0; border:none; width:100%; text-align:0; color:#00afdc; background:none; text-align:center; display:block !important;}
.bottom{ height:3.0rem; display:none;}
@media screen and (max-width:747px) {
.header{ display:none;}
.logo{ display:block; margin-top:0.5rem;}
mip-nav-slidedown .navbar-header{ margin:0;}
mip-nav-slidedown #bs-navbar .navbar-nav li{ width:97%; margin:0 auto; border-bottom:1px solid #f5f5f5}
mip-nav-slidedown #bs-navbar .nav_current a{ border:none;}
.news_left{ display:none;}
.news_right{ width:100%; text-align:center;}
.news_right_a{ margin:2.0rem auto 0 auto;}
.footer_content .footer_no1{ width:100%; overflow:hidden;}
.footer_content .footer_no1 ul li{ width:25%; float:left;}
.footer_content .footer_no2{ margin-top:1.3rem;}
.footer_no3{ display:none;}
.banner_pc{ display:none;}
.banner_mo{ display:block;}
.fixed{ display:block;}
.service ul li p{ line-height:1.4rem;}
.bottom{ display:block;}
	}