body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1230px; }
.logo{ height: 88px; line-height: 88px; }
.nav-list li{ float: left; margin-left: 10px; margin-top: 30px; }
.nav-list li a{ display: block; font-size: 16px; line-height: 33px; color: #010101; padding:0 25px; border-radius: 30px; }
.nav-list li.active a,.nav-list li a:hover{ background: #6bd2d1; color: #fff; }
.banner-img{ height: 590px; padding-top: 140px; display: block; }
.banner-tt{ font-size: 40px; color: #0787bb; font-weight: bold; }
.banner-p{ font-size: 16px; color: #3e4345; max-width: 340px; line-height: 30px; margin:20px 0 0 0; }
.banner-p-lg{ max-width: 530px; }
.banner-more{ font-size: 16px; color: #fff; display: inline-block; width: 136px; height: 46px; line-height: 46px; background: #0787bb; border-radius: 46px; text-align: center; margin-top: 45px; }
.banner{ overflow:hidden; margin:0; }
.title{ font-size: 42px; color: #010101; margin-top: 80px; }
.tt-p{ font-size: 16px; color: #9a9a9a; margin-top: 15px; text-transform:uppercase; }
.fw-list li{ float: left; width: 33.333333%; padding:0 46px; margin-top: 70px; }
.fw-list{ margin:0 -46px; }
.fw-list li a{ display: block; position: relative; }
.fw-list li a span{ position: absolute; left: 0; right: 0; top: 50px; font-size: 22px; color: #010101; }
.lc-list li{ float: left; width: 25%; padding:0 12px; margin-top: 55px; }
.lc-list{ margin:0 -12px; }
.lc-box{ border:solid 1px #eee; }
.lc-img{ position: relative; }
.lc-img span{ display: block; position: absolute; left: 50%; background: url(../images/number.png) center no-repeat; height: 54px; width: 54px; margin-left: -27px; bottom: -27px; line-height: 54px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; }
.lc-bottom{ padding:25px; }
.lc-title{ font-size: 18px; color: #010101; margin-top: 15px; }
.lc-lind{ height: 2px; width: 36px; background: #6bd2d1; margin:15px 0; }
.lc-p p{ color: #838383; padding-left: 20px; background: url(../images/li.png) left 7px no-repeat; margin-bottom: 5px; }
.lc-p{ padding-top: 10px; }
.about-back{ background: url(../images/about-back.png) center no-repeat; margin-top: 50px; background-size: cover; padding-top: 270px; }
.about-bottom{ background: #77d5d6; padding:30px 0; font-size: 16px; color: #fff; }
.about-bottom span{ font-size: 24px; font-weight: bold; display: inline-block; padding-top: 5px; }
.about-bottom .clearfix{ display: inline-block; text-align: left; }
.about-bottom img{ margin-right: 15px; }
.about-tt{ font-size: 24px; color: #000; margin:25px 0 15px 0; }
.about-width{ max-width: 1010px; margin:0 auto;}
.about-p{ line-height: 32px; text-align: justify; }
.about-more{ display: inline-block; border:solid 1px #212121; width: 120px; height: 40px; margin-top: 40px; line-height: 38px; }
.ys-back{ background: url(../images/ys-back.png) center no-repeat; background-size: cover; margin-top: 45px; padding-bottom: 80px; }
.ys-back .title{ color: #fff; margin-top: 65px; }
.ys-back .tt-p{ color: #fff; }
.ys-list li{ float: left; width: 33.333333%; padding:0 22px; margin-bottom: 35px; }
.ys-list-box{ background: #fff; position: relative; padding:25px 35px; height: 180px; }
.ys-list-tt{ font-size: 18px; color: #000; }
.ys-list-p{ color: #aaabad; margin-top: 10px; }
.ys-number{ position: absolute; left: 35px; bottom: 20px; color: #87888b; }
.ys-number:before{ display: block; content: ""; position: absolute; left: 0; bottom: 100%; height: 45px; border-right: solid 1px #eee; margin-bottom: 5px; }
.ys-icon{ position: absolute; right: 35px; bottom: 20px; }
.ys-list{ margin:70px -22px 0 -22px; }
.hz-list li{ float: left; width: 50%; padding:0 23px; margin-bottom: 45px; }
.hz-list{ margin:60px -23px 0 -23px; }
.hz-list-box{ border:solid 1px #e8e8e8; background: #fbffff; padding-right: 15px; position: relative; padding-left: 233px; height: 168px; }
.hz-list-img{ position: absolute; left: 0; top: 0; background: #fff; line-height: 166px; bottom: 0; width: 211px; border-right:solid 1px #e8e8e8; }
.hz-list-tt{ font-size: 20px; color: #000; margin-top: 35px; }
.hz-list-p{ color: #707373; line-height: 25px; height: 75px; overflow:hidden; margin-top: 10px; text-align: justify; }
.news-back{ background: url(../images/news-back.png) center no-repeat; background-size: cover; margin-top: 80px; padding-bottom: 100px; }
.news-img img{ width: 100%; }
.news-list-tt a{ font-size: 16px; color: #000; }
.news-list{ background: #fff;}
.news-list li{ padding: 15px 25px; position: relative; }
.news-list li:before{ display: block; content: ""; position: absolute; left: 25px; bottom: 0; right: 25px; border-bottom: dashed 1px #eee; }
.news-list-p{ font-size: 12px; color: #9c9c9c; line-height: 22px; height: 44px; overflow:hidden; margin:10px 0; }
.news-list-date{ font-size: 12px; color: #9c9c9c; }
.news-list li:hover{ background: #6bd2d1; }
.news-list li:hover:before{ display: none; }
.news-list li:last-child:before{ border:none; }
.news-list li:hover .news-list-p,.news-list li:hover .news-list-date,.news-list li:hover .news-list-tt a{ color: #fff; }
.footer{ background: #222323; padding-top: 50px; }
.logo-b{ margin-top: 30px; width: 280px; }
.footer-list{ width: 350px; border-left: solid 1px #2d2e2e; padding:0 60px; border-right: solid 1px #2d2e2e; height: 120px; }
.footer-list li{ float: left; width: 50%; margin-bottom: 30px; }
.footer-list li a{ color: #fff; }
.footer-p{  border-right: solid 1px #2d2e2e; height: 120px; padding-left: 50px; padding-top: 20px; width: 320px; }
.footer-p p{ color: #fff; padding-left: 30px; margin-bottom: 15px; }
.footer-p p.icon-f01{ background: url(../images/icon-f01.png) left center no-repeat; }
.footer-p p.icon-f02{ background: url(../images/icon-f02.png) left center no-repeat; }
.ewm{ margin-right: 60px; font-size: 12px; color: #7b7b7b; }
.ewm img{ margin-bottom: 10px; width: 128px;}
.footer-b{ border-top: solid 1px #2d2e2e; color: #fff; color: rgba(255,255,255,0.2); margin-top: 30px; padding:10px 15px; }
.lc-img img{ width: 100%; }
.news-back .row{ margin-top: 50px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #333; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.header{ box-shadow: 1px 2px 10px #ddd; position: relative; z-index: 100; }
/***********无创DNA***********/
.back-top{ background: url(../images/back-top.png) center top no-repeat; padding-top: 70px; }
.img-box{ width: 44.666666%; }
.img-box img{ width: 100%; }
.right-box{ width: 52%; }
.right-tt{ font-size: 36px; color: #010101; }
.right-p{ color: #4c4c4c; text-align: justify; line-height: 30px; margin:15px 0 20px 0; }
.right-txt{ font-size: 16px; color: #2d2d2d; position: relative; padding-left: 105px; line-height: 26px; margin-bottom: 18px; }
.right-txt span{ position: absolute; left: 0; top: 0; color: #179291; background: #daf4f3; border-radius: 4px; width: 90px; padding-left: 10px; }
.contact-a{ display: inline-block; width: 140px; height: 46px; margin-top: 15px; border-radius: 46px; color: #fff; line-height: 46px; background: #6bd2d1; text-align: center;  font-size: 16px; }
.fw-title{ font-size: 24px; color: #179291; padding-left: 20px; background: #e1f6f6; line-height: 66px; margin:80px 0 60px 0; }
.fw-article h2{ margin:0 0 30px 0; font-size: 20px; color: #0e0e0e; }
.fw-article p{ font-size: 16px; line-height: 25px; text-align: justify; margin-bottom: 30px; }
.fw-article h3{ font-size: 18px; margin-top: 0; }
.fw-article p span{ display: inline-block; background: #6bd2d1; margin-right: 10px; width: 24px; color: #fff; text-align: center; }
.fw-article{ padding-bottom: 50px; }
.start{ padding-left: 16px; background: url(../images/start.png) left 7px no-repeat; }
/************联系我们************/
.list-banner{ height: 450px; padding-top: 135px; }
.list-banner-tt{ font-size: 42px; color: #0787bb; }
.list-banner-tt span{ font-size: 30px; padding-left: 15px; }
.list-banner-p{ font-size: 16px; color: #58686f; line-height: 30px; max-width: 400px; margin-top: 15px; }
.title-b{ font-size: 36px; margin-bottom: 70px; color: #000; background: url(../images/title.png) bottom center no-repeat; padding-bottom: 15px; margin-top: 50px; }
.gy-img{ width: 32%; text-align: center; }
.gy-right{ width: 63%; padding-top: 15px; }
.right-p-lg{ font-size: 16px; line-height: 35px; }
.gy-icon{ margin-right: 15px; }
.gy-number{ color: #949494; margin-top: -5px; }
.gy-number span{ font-size: 24px; color: #000; }
.gy-row{ margin-top: 60px; }
.jy-back{ background: url(../images/jy-back.png) center no-repeat; background-size: cover; padding:75px 0 65px 0; margin-top: 115px;}
.jy-list li{ float: left; width: 16.666666%; padding-left: 10px; padding-right: 10px; color: #424242; padding-bottom: 30px; background: url(../images/raw.png) center bottom no-repeat; }
.jy-list li img{ margin-bottom: 35px; }
.contact-back{ background: #6bd2d1; padding:10px; margin:100px 0; }
.contact-border{ border:solid 1px #98e0df; padding:25px; }
.contact-tt{ font-size: 24px; color: #fff; margin-top: 20px; margin-bottom: 40px; }
.lx-right{ margin-left:190px; padding-top: 10px; }
.lx-right p{ font-size: 16px; color: #fff; margin-bottom: 25px; padding-left: 40px; }
.lx-right p.lx01{ background: url(../images/lx01.png) left center no-repeat; }
.lx-right p.lx02{ background: url(../images/lx02.png) left center no-repeat; }
.lx-right p.lx03{ background: url(../images/lx03.png) left center no-repeat; }
/**************问答*************/
.wd-banner-tt{ font-size: 42px; color: #fff; text-shadow: 3px 3px 3px #6da1d3; }
.wd-banner-p{ font-size: 30px; color: #fff; text-shadow: 3px 3px 3px #6da1d3; }
.wd-back{ background: #f7f7f7; padding-bottom: 50px; }
.wd-list-tt{ background: #fff; position: relative; padding-left: 110px; padding-right: 80px; padding-top: 20px; padding-bottom: 20px; font-size: 18px; color: #252525; }
.wd-list-tt span{ position: absolute; left: 0; top: 50%; height: 26px; line-height: 26px; margin-top: -13px; width: 66px; text-align: center; }
.wd-list-tt:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; background: #46c1c0; width: 66px; }
.wd-list-tt:after{ display: block; content: ""; position: absolute; right: 28px; width: 22px; height: 22px; top: 50%; margin-top: -11px; background: url(../images/raw02.png) center no-repeat; }
.wd-list li{ margin-bottom: 20px; }
.wd-list-bottom{ font-size: 16px; color: #636363; display: none; line-height: 30px; border-top: solid 1px #eee; }
.wd-list-bottom:after{ display: none; }
.wd-list-bottom::before{ background: #0787bb; }
.wd-list-tt-top.active:after{ transform: rotate(180deg); }
.wd-list-tt-top{ cursor: pointer; transition: 0.3s all; }
/************新闻资讯*************/
.nav-b{ color: #6e7373; margin-bottom: 30px; padding-left: 22px; background: url(../images/address.png) left center no-repeat; }
.news-back-c{ padding-top: 45px; }
.news-width{  background: #fff; padding:40px; } 
.news-box-left{width: 860px;}
.news-img-c img{ width: 212px; height: 136px; border-radius: 10px; }
.news-right-c{ margin-left:240px; padding-top: 10px; }
.news-right-p{ color: #aaa; margin-top: 10px; line-height: 25px; height: 50px; overflow:hidden; max-width: 470px; overflow:hidden; text-align: justify; }
.news-right-tt a{ font-size: 18px; color: #252525; }
.news-r-more{ display: inline-block; width: 27px; height: 10px; background: url(../images/more02.png) center no-repeat; margin-top: 15px; }
.news-width-list li{ border-bottom: dashed 1px #ededed; padding-bottom: 25px; margin-bottom: 25px; }
.pagination li a,.pagination li span{ padding:0; height: 28px; line-height: 28px; border-radius: 28px!important; margin:0 4px; min-width: 28px; color: #555; text-align: center; border:none; background: #eee; }
.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span{ padding:0 13px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #46c1c0; color: #fff; }
.pagination li span{ background: none; }
.news-right-box{ width: 325px;}
.news-right-sm{ background: #fff; padding:28px; margin-bottom: 30px;}
.title-sm{ font-size: 26px; color: #000; margin-bottom: 25px; }
.title-sm span{ color: #46c1c0; }
.tj-img img{ width: 100%; border-radius: 10px; }
.tj-list-tt a{ font-size: 16px; color: #252525; }
.tj-list-tt{ margin-top: 10px; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; }
.tj-list li{border-bottom: solid 1px #ededed; padding-bottom: 20px; margin-bottom: 20px; }
.tj-list li:last-child{ border:none; margin-bottom: 0; padding-bottom: 0; }
.hot-list li a{ font-size: 16px; color: #8e9096; padding-left: 25px; background: url(../images/li01.png) left center no-repeat; }
.hot-list li{ margin-bottom: 16px; }
.hot-list li a:hover{ background: url(../images/li02.png) left center no-repeat; color: #6bd2d1; }
.pagination{ margin:35px 0; }
/******************文章页***************/
.article-tt{ font-size: 22px; color: #252525; padding:20px 0; }
.article-sm{ font-size: 12px; color: #aaa; }
.article-sm span{ padding:0 10px; }
.article-txt p{ color: #838383; line-height: 25px; text-align: justify; margin-bottom: 30px; }
.article-txt{ border-top: solid 1px #eee; border-bottom: solid 1px #eee;  margin-top: 40px; margin-bottom: 40px; padding-top: 30px; }
.article-link p a{ color: #8a8a8a; }
.article-link p{ margin-bottom: 15px; }
.article-bottom{ height: auto; background: url(../images/article-bottom.png) center no-repeat; padding: 20px 0; margin-top: 20px; background-size: cover; }
.b-title{ font-size: 30px; color: #fff; font-weight: bold; }
.b-txt{ font-size: 20px; color: #fff; margin-top: 10px; }
.b-a{ display: inline-block; background: #fff; width: 130px; height: 44px; line-height: 44px; border-radius: 44px; color: #229d9c; margin-top: 20px; font-size: 18px; }
.contact-a:hover,.contact-a:focus{ color: #fff; }
.footer-list li a:hover,.tj-list-tt a:hover,.news-right-tt a:hover{ color: #229d9c; }
.b-a:hover{ background: #229d9c; color: #fff; }
@media( max-width: 1279px){
  .container{ width: 970px; }
  .nav-list li a{ padding:0 15px; }
  .fw-list li{ padding:0 20px; }
  .fw-list{ margin:0 -20px; }
  .lc-box{ height: 415px; }
  .footer-list{ width: 250px; padding:0 25px; }
  .logo-b{ width: 235px; }
  .footer-p{ padding-left: 25px; width: 300px; }
  .ewm { margin-right: 0; }
  .lx-right p{ margin-bottom: 15px; }
  .contact-tt{ margin:0 0 20px 0; }
  .news-box-left{ width: 600px; }
}
@media( max-width: 991px){
  .container{ width: 750px; }
  .nav-list li a{ font-size: 14px; padding:0 10px; }
  .logo img{ width: 150px; }
  .nav-list li{ margin-left:5px; }
  .banner-img{ height: auto; padding:60px 0; }
  .lc-list li{ width: 50%; margin-top: 25px; }
  .lc-box{ height: 450px; }
  .ys-list li{ width: 50%; }
  .hz-list li{ width: 100%; }
  .logo-b{ width: 100%; text-align: center; margin-bottom: 30px; }
  .footer{ padding-top: 30px; }
  .contact-border .col-xs-6{ width: 100%; }
  .map{ margin-top: 20px; }
  .gy-img{ display: none; }
  .gy-right{ width: 100%; }
  .news-box-left{ width: 100%; }
  .news-right-box{ display: none; }
  .article-bottom{ margin-top: 20px; }
  }
@media( max-width: 768px){
  .container{ width: 100%; }
  .logo{ height: 50px; line-height: 50px; }
  .nav-list{ position: absolute; left: 0; display: none; top: 50px; z-index: 1000; right: 0; background: #fff; border-top: solid 1px #ddd; }
  .nav-list li{ float: none; margin:0; }
  .nav-list li a{ border-radius: 0; display: block; padding:0 15px; height: 40px; line-height: 40px; }
  .banner-img{ padding:30px 0; }
  .banner-tt{ font-size: 24px; }
  .banner-p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
  .banner-more{ font-size: 14px; height: 40px; line-height: 40px; margin-top: 20px; }
  .title{ font-size: 24px; margin-top: 30px; }
  .tt-p{ font-size: 12px; margin-top: 10px; }
  .fw-list li{ padding:0 5px; margin-top: 15px; }
  .fw-list{ margin:0 -5px; }
  .fw-list li a span{ font-size: 14px; top: 20px; }
  .lc-list li{ width: 100%; }
  .lc-box{ height: auto; }
  .about-bottom{ font-size: 14px; }
  .about-tt{ font-size: 18px; }
  .about-p{ line-height: 25px; }
  .about-bottom span{ font-size: 18px; }
  .about-more{ margin-top: 20px; }
  .ys-back{ margin-top: 30px; padding-bottom: 15px; }
  .ys-back .title{ margin-top: 30px; }
  .ys-list li{ width: 100%; margin-bottom: 15px; }
  .ys-list{ margin-top: 20px; }
  .hz-list-img{ width: 100%; top: 0; padding:0 10px; height: 70px; line-height: 70px; border-bottom: solid 1px #eee; }
  .hz-list-img img{ height: 60px; }
  .hz-list-box{ padding:45px 20px 15px 20px; height: auto; }
  .hz-list-tt{ font-size: 16px; }
  .hz-list li{ margin-bottom: 15px; }
  .news-back{ margin-top: 20px; padding-bottom: 30px; }
  .news-back .col-xs-4{ width: 100%; margin-top: 15px; }
  .news-back .row{ margin-top: 0; }
  .footer-list{ width: 100%; border:none; height: auto; padding:0; text-align: center; }
  .footer-list li{ width: 33.333333%; }
  .footer-p{ width: 100%; border:none; padding:0; text-align: center; height: auto; }
  .footer-c{ display: inline-block; text-align: left; }
  .ewm{ width: 100%; margin-top: 15px; }
  .footer{ padding-top: 0; }
  .about-back{ margin-top: 20px; }
  .menu-button{ display: block; }
  .img-box{ width: 100%; margin-bottom: 15px; }
  .right-box{ width: 100%; }
  .right-tt{ font-size: 24px; }
  .right-p{ line-height: 25px; }
  .fw-title{ font-size: 18px; margin:30px 0; height: 50px; line-height: 50px; }
  .fw-article p{ font-size: 14px; margin-bottom: 15px; }
  .fw-article h2{ margin:20px 0; }
  .fw-article{ padding-bottom: 30px; }
  .back-top{ padding-top: 30px; }
  .list-banner{ padding:30px 0; height: auto; }
  .list-banner-tt{ font-size: 24px; }
  .list-banner-tt span{ font-size: 18px; }
  .list-banner-p{ font-size: 14px; }
  .title-b{ font-size: 24px; margin:30px 0; }
  .gy-right .right-tt{ font-size: 18px; }
  .gy-right{ padding-top: 0; }
  .right-p-lg{ font-size: 14px; }
  .gy-icon{ margin-bottom: 10px; }
  .gy-row{ margin-top: 20px; }
  .jy-back{ margin-top: 30px; padding:30px 0; }
  .jy-list li{ width: 50%; margin-bottom: 15px; height: 150px; }
  .jy-list li img{ height: 80px; margin-bottom: 10px; }
  .ewm-l{ width: 100%; float: none!important; }
  .lx-right{ margin:20px 0 0 0; }
  .contact-back{ margin:30px 0; }
  .wd-list-tt{ padding-left: 80px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
  .wd-list-tt:after{ right: 10px; }
  .wd-list-bottom{ font-size: 14px; line-height: 25px; }
  .news-width{ padding:15px; }
  .news-img-c img{ width: 106px; height: 68px; }
  .news-right-c{ margin-left:120px; padding-top: 0; }
  .news-right-tt a{ font-size: 16px; }
  .news-right-p{ height: 25px; margin-top: 5px; }
  .news-r-more{ margin-top: 5px; }
  .news-width-list li{ padding-bottom: 15px; margin-bottom: 15px; }
  .pagination{ margin:20px 0 10px 0; }
  .nav-b{ margin-bottom: 20px; }
  .news-back-c{ padding:30px 0; }
  .article-bottom{ height: auto; padding:20px 15px; }
  .b-title{ font-size: 18px; }
  .b-txt{ font-size: 14px; }
  .b-a{ font-size: 16px; }
  .article-tt{ font-size: 18px; padding:10px 0; }
  .article-txt p{ margin-bottom: 10px; }
  .article-txt{ padding:20px 0; margin:20px 0; }
}