@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
html,body,html body{ display:block; min-width:1200px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;background: #fff;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
.fl_l{float:left}
.fl_r{float:right}

.header{ overflow:hidden; padding:20px 0;}
.logo{ float:left; height:79px; width:219px; overflow:hidden;}
.nav{ float:right;}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; padding-left:20px; }
.nav ul li a{ font-size:16px; display:block;padding-top:40px;}
.nav ul li.on a{ background:url(../images/nav_hover.png) no-repeat top center; color:#84b1aa;}
.nav ul li:hover a{ background:url(../images/nav_hover.png) no-repeat top center; color:#84b1aa;}
.mtbd{ overflow:hidden; margin:50px 0;}
.title{ overflow:hidden;text-align:center; display:block;}
.title h1,.title h3{ color:#84b1aa; font-size:44px;}
.title h1 img,.title h3 img{ padding:0 30px 0 0;}
.title h2{ font-size:30px; color:#dcdcdc; text-transform:uppercase;}
.mtbd_con{ overflow:hidden; padding-top:50px;}
.mtbd_con li{ float:left; width:30%;  padding:0 20px; margin-bottom:20px; height:230px;}
.mtbd_con li img{text-align:center;}
.mtbd_con li h1,.mtbd_con li h5{ font-size:16px; color:#666666; background:url(../images/index_mtbd_bg.png) no-repeat left center; padding-left:20px; display:block; margin:10px 0;}
.mtbd_con li span{ color:#999; display:none;}
.more{ text-align:center; margin-top:10px;}
.jypx{ overflow:hidden; background:url(../images/index_jypx_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0;}
.title1{ overflow:hidden;text-align:center; display:block;}
.title1 h1,.title1 h3{ color:#fff; font-size:44px;}
.title1 h1 img,.title1 h3 img{ padding:0 30px 0 0;}
.title1 h2{ font-size:30px; color:#dcdcdc; text-transform:uppercase;}
.jypx_con{overflow:hidden; padding-top:50px;}
.jypx_con li{ width:25%; text-align:center; float:left;}
.jypx_con li h1,.jypx_con li h5{ font-size:22px; color:#fff; display:block; padding:20px 0;}
.hyfz{ overflow:hidden; margin:50px 0;}
.hyfz_con{ overflow:hidden; padding-top:50px;}
.hyfz_con li{ float:left; width:45%; border:1px solid #eaeaea; padding:10px; margin: 0 15px 30px 15px;}
.hyfz_con li img{ float:left; display:block; padding-right:20px;}
.hyfz_con li h1,.hyfz_con li h5{ font-size:18px; color:#333; padding-top:20px;}
.hyfz_con li h2{ font-size:12px; color:#999; display:block; padding:20px 0;}
.hyfz_con li h3{ color:#9bc0ba;}
.cases{ overflow:hidden; background:url(../images/index_case_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0;}
.cases_con{ overflow:hidden; padding-top:50px;}
.cases_con li{ float:left; width:25%; text-align:center; padding-bottom:15px;}
.cases_con li img{ display:block; box-shadow:#999 0 0 5px;}
.mxxy{ overflow:hidden; margin:30px 0;}
.mxxy_con{ overflow:hidden; padding-top:50px; }
.mxxy_con ul{ overflow:hidden; float:left; padding-left:20px;}
.mxxy_con ul li{ float:left; text-align:center; padding:0 5px;position: relative;}
.mxxy_con ul li h1,.mxxy_con ul li h5{ font-size:18px; font-weight:bold; background:url(../images/index_mxxy_on.png) no-repeat center bottom; position: absolute; bottom:3px; color:#fff; width:157px; height:53px; line-height:53px; right:11px;}
.mxxy_con ul li img{ border-radius:90px;width:169px; height:169px;}
.service{ overflow:hidden; padding-top: 50px;}
.service_con{ padding-top:50px;}
.service_con li{ float:left; width:50%; text-align:center; height:300px;}
.service_con li a{ display:block; font-size:46px; line-height:75px; text-align:center; color:#FFF;}
.footer{ overflow:hidden; background:url(../images/footer_bg.jpg) no-repeat center center; padding-top:50px; background-size:cover; margin-top:50px; padding-bottom:20px;}
.foot1{ overflow:hidden;}
.foot1 div{ float:left; overflow:hidden;}
.foot1 div2{ float:right; overflow:hidden;}
.foot1 .erwei{ float:left; padding-right:20px;}
.foot1 .erwei img{ float:left; display:block; padding-bottom:10px;}
.foot1 .erwei p{ font-size:22px; color:#515151; text-align:center;}
.foot1 h2{color:#fff; font-size:18px; display:block; padding-top:60px;float: left;}
.foot1 h3{  font-size:46px; color:#fff;}
.foot1 h3 span{ display:block; font-size:24px;}
.foot1 h4{ display:block; margin-top:30px;}
.foot1 h4 span1{ display:block; background:url(../images/footer_tel.png) no-repeat left center; font-size:22px; color:#515151; font-family:Century; padding-left:50px;}
.foot1 h4 span2{display:block; background:url(../images/footer_mail.png) no-repeat left center;font-size:22px; color:#515151; font-family:Century;padding-left:50px;}
.foot2{ color:#fff; font-size:16px; border-top:1px solid #fff; padding-top:20px; margin-top:20px;}
.navlist{ background:#f1f1f1; border:1px solid #eaeaea; padding:20px 0;}
.navlist li{ float: left; padding:0 10px;}
.navlist li a{ display:block; color:#666; border:1px solid #e2e2e2; padding:8px 20px; font-size:14px;}
.navlist li a:hover{ background:#e4e4e4; color:#7daaa3;}
.navlist li.on a{ background:#e4e4e4; color:#7daaa3;}
.main{ overflow:hidden;}
.title2{ text-align:center; font-weight:bold; color:#84b1aa; font-size:22px; border-bottom:1px solid #84b1aa; padding-bottom:20px; margin:50px 0;}
.content{ overflow:hidden;}
.content txt{ font-size:16px; color:#555; line-height:1.8em;}
.content ul{ overflow:hidden;}
.content ul li{ float:left; padding:5px 7px; margin-bottom:20px; width:286px;}
.content ul li img{ display:block; box-shadow:#999 0 0 5px;}
.content_d{ overflow:hidden;}
.content_d h1{ font-size:22px; text-align:center; display:block; color:#84b1aa;}
.content_d h2{ text-align:center; font-size:12px; font-weight:bold; color:#999; display:block; padding:20px 0;}
.content_d txt{ font-size:16px; line-height:1.8em; color:#555;}
.content_d txt img{ max-width:100%;}
.mzqjz_con{ overflow:hidden;}
.mzqjz_con li{ float:left; width:30%;  padding:0 20px; margin-bottom:20px; height:230px;}
.mzqjz_con li img{text-align:center;}
.mzqjz_con li h1{ font-size:16px; color:#666666; background:url(../images/index_mtbd_bg.png) no-repeat left center; padding-left:20px; display:block; margin:10px 0;}
.mzqjz_con li span{ color:#999; display:none;}
.hyfz_con1{ overflow:hidden;}
.hyfz_con1 li{ float:left; width:45%; border:1px solid #eaeaea; padding:10px; margin: 0 15px 30px 15px; height:172px; overflow:hidden;}
.hyfz_con1 li img{ float:left; display:block; padding-right:20px;}
.hyfz_con1 li h1{ font-size:18px; color:#333; padding-top:20px;}
.hyfz_con1 li h2{ font-size:12px; color:#999; display:block; padding:20px 0;}
.hyfz_con1 li h3{ color:#9bc0ba;}
.mxxy_con1{ overflow:hidden; }
.mxxy_con1 ul{ overflow:hidden; float:left; padding-left:20px;}
.mxxy_con1 ul li{ float:left; text-align:center; padding:0 63px;position: relative;margin-bottom: 40px;}
.mxxy_con1 ul li h1{ font-size:18px; font-weight:bold; background:url(../images/index_mxxy_on.png) no-repeat center bottom; position: absolute; bottom:3px; color:#fff; width:157px; height:53px; line-height:53px; right:69px;}
.mxxy_con1 ul li img{ border-radius:90px;width:169px; height:169px;}
.jypx1{ overflow:hidden;}
.jypx1 img{ max-width:100%;}
.jypx1 ul{ overflow:hidden; padding-bottom:50px;}
.jypx1 ul li{ float:left;}
.jypx1 ul li a{ display:block; color:#6d9f97; font-size:22px; border:1px solid #6d9f97; border-radius:5px; padding:15px 30px; margin:0 14px;}
.jypx1 ul li a:hover{ background:#6d9f97; color:#fff;}
.jypx1 ul li.on a{ background:#6d9f97; color:#fff;}
.jypx1 txt{ font-size:16px; color:#555; line-height:1.8em;}

.swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
    }

    .swiper-pagination-bullet-active {
      color: #fff;
      background: #84b1aa;
    }
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    
    opacity: 1;

}



.table{ display: block; width: 100%; border: 1px; }
.table tbody{ display: block; width: 100%; border: 1px; }
.table tbody tr{ display: block; width: 100%; border: 1px; }