@charset "utf-8";
 #container{
     width:6.9rem;
     overflow:hidden;
     clear:both;
     text-align:left;
}
 #header{
     width:6.9rem;
     height:1.06rem;
     clear:both;
     display:inline-block;
     text-align:left;
}
 #logo{
     width:2rem;
     height:0.81rem;
     margin-top:0.12rem;
     float:left;
     display:inline;
     text-align:left;
}
 #index-banner{
     width:6.9rem;
     height:5rem;
     clear:both;
     display:inline-block;
     text-align:left;
}
 .flexslider{
     position:relative;
     height:5rem;
     overflow:hidden;
}
 .slides{
     position:relative;
     z-index:1;
}
 .slides li{
     height:5rem;
}
 .flex-control-nav{
     display:none;
}
 .flex-direction-nav{
     position:absolute;
     z-index:3;
     width:100%;
     top:2.3rem;
}
 .flex-direction-nav li a{
     display:block;
     width:0.41rem;
     height:0.4rem;
     overflow:hidden;
     cursor:pointer;
     position:absolute;
}
 .flex-direction-nav li a.flex-prev{
     left:0;
     background:url(../images/prev.png) center center no-repeat;
}
 .flex-direction-nav li a.flex-next{
     right:0;
     background:url(../images/next.png) center center no-repeat;
}
 #index_7{
     width:11rem;
     height:1.19rem;
     clear:both;
     display:inline-block;
     text-align:center;
     background: url(../images/bg-1.png) no-repeat center center;
     font-size:0.15rem;
     color:#d6d6d6;
     padding-top:0.06rem;
}
 #index_7 h2{
     color:#666;
     font-size:0.28rem;
}
 #index_8{
     width:11rem;
     height:3.87rem;
     clear:both;
     display:inline-block;
     text-align:left;
}
 .index_9{
     width:2.57rem;
     height:3.87rem;
     float:left;
     display:inline-block;
     text-align:left;
     margin-right:0.24rem;
}
 .index_9.s{
     margin:0;
}
 .index_10{
     width:2.55rem;
     height:2.47rem;
     clear:both;
     display:inline-block;
     text-align:center;
     border:0.01rem solid #ccc;
     position:relative;
}
 .index_10 span{
     background: url(../images/icon.jpg) no-repeat;
     position:absolute;
     left:0;
     width:0.7rem;
     height:0.26rem;
     display:block;
     z-index:1;
}
 .index_10 p{
     width:2.55rem;
     height:2.47rem;
     line-height:2.47rem;
}
 .index_10 p:before{
     content:".";
     margin-left:-0.05rem;
     font-size:0.1rem;
     visibility:hidden;
}
 .index_10 p img{
     max-width:2.53rem;
     max-height:2.43rem;
   
     vertical-align:middle;
}
 .index_11{
     width:2.57rem;
     height:0.78rem;
     clear:both;
     display:inline-block;
     text-align:left;
     position:relative;
     font-size:0.13rem;
     padding-top:0.12rem;
}
 .index_11 span{
     display:block;
     color:#666;
     line-height:0.22rem;
     font-size:0.16rem;
}
 .index_11 a.more{
     position:absolute;
     right:0;
     bottom:0;
     width:0.53rem;
     height:0.18rem;
     background:#d6d6d6;
     font-size:0.14rem;
     color:#fff;
     text-align:center;
     text-decoration:none;
}
 #footer{
     width:100%;
     height:1.02rem;
     clear:both;
     text-align:center;
     border-top:0.01rem solid #ccc;
     background:#fbfbfb;
}
 .footer-main{
     width:6.9rem;
     height:0.83rem;
     display:inline-block;
     text-align:left;
     padding-top:0.19rem;
}
 .footer-main .lf{
     width:3rem;
     float:left;
}
 .footer-main .lf ul li{
     width:3rem;
     float:left;
     color:#aeaeae;
     line-height:0.3rem;
}
 .footer-main .lf ul li img{
     padding-right:0.11rem;
}
 .footer-main .rt{
         float: right;
    color: #aeaeae;
    line-height: 0.3rem;
    margin-top: 0.3rem;
}
 .footer-main .rt a{
     color:#aeaeae;
}
 .footer-main .rt a:hover{
     color:#b50065;
}

.radius {
     border-radius:0.05rem;
}
/*HTML 5*/
 header {
}
 nav small {
     display:block;
     color:#999;
     font-size:0.13rem;
}
 footer {
     background:#304d66;
     border-top:0.08rem solid #42698a;
     padding:0.2rem 0 0.1rem 0;
     color:#666;
}
 footer a {
     color:#fff;
     padding:0 0.05rem 0.05rem 0.05rem;
}
 footer .copyright, footer a:hover {
     color:#a4bbce;
     padding-left:0.05rem;
}
 aricle {
}
 small {
     font-size:90%;
}
/*layout*/
 .sub-link {
     background:#42698a;
}
 .sub-link ul {
     border-radius: 0.25rem;
     display:inline-block;
     background:#00a395;
     padding:0.05rem 0.2rem;
}
 .sub-link li {
     background: url(../images/w-arrow.gif) no-repeat left center;
     padding-left:0.15rem;
}
 .sub-link a {
     color:#fff;
}
 .sub-link a:hover {
     color:#97ECE3 
}
 .index h4 {
     color:#42698a;
     font-weight:bolder 
}
 .index .content {
     margin:0.2rem 0;
}
 .hot-p img {
     margin:0 auto;
}
 .index .hot-p p, .news .hot-p p {
     height:2.6em;
     overflow:hidden;
}
 .index-news .date {
     background:#EEE;
     border-radius: 0.25rem;
     padding:0 0.05rem;
     color:#333;
     font-size:0.12rem;
}
 .index-news ul {
     padding:0.1rem 0;
}
 .index-news li {
     margin-bottom:0.15rem;
}
 .index-hot-p , .index-news {
     overflow:hidden;
}
 .index .test-logo {
     padding:0.1rem 0;
}
/*------------------------------------ common style ------------------------------------*/
 .btn-more {
     background: #00a395;
     border-radius: 0.25rem;
     padding:0 0.15rem;
     color:#fff;
     float:right;
}
 .content {
     margin: 0.5rem 0;
     position:relative;
}
 .tab-bar {
     background:#f2f2f2;
}
 .tab-bar a {
     font-weight: bold;
     font-size:0.16rem;
}
 .html-editor {
     padding:0.1rem 0.15rem;
}
/*------------------------------------ about ------------------------------------*/
 .about .title {
     border-radius: 0.25rem;
     background:#45aaff url(../images/foot.png) 0.1rem bottom no-repeat;
     padding:0.05rem 0.2rem;
     color:#fff;
     padding-left:0.5rem;
     display:inline-block;
}
 .about .text {
     padding:0.2rem 0 0.2rem 0.5rem;
     font-size:0.16rem;
}
/*------------------------------------ product ------------------------------------*/
 .category-bar {
     border-bottom:#EEE 0.01rem solid;
}
 .p-category > li {
     float:left;
     padding:0.1rem 0;
}
 .p-category > li.dropdown {
     padding:0.1rem 0.2rem 0.1rem 0;
}
 .p-category > li.dropdown > a {
     color:#000;
}
 .p-category > li.dropdown:before, .p-category > li.first:before {
     content: "";
}
 .p-category > li:before {
     content: " / ";
     color:#CCC;
}
 .p-category > li > a {
     color:#008bff;
     text-decoration:none;
     padding:0.1rem;
     font-size:0.16rem;
}
 .p-category > li > a:hover, .p-category > li > a:focus {
     border-bottom:0.04rem solid #008bff;
}
 .p-category > li.active > a, .p-category > li.active > a:hover, .p-category > li.active > a:focus {
     border-bottom:0.04rem solid #008bff;
}
/*------------------------------------ news ------------------------------------*/
 .table th, .news .hot-p .panel-heading, .news .other-news .panel-heading, .news .news-list .title, .test-list .title {
     background:#a6bcce;
     color:#42698a;
     font-size:0.16rem;
     font-weight:bold;
}
 .news .other-news li {
     width:100%;
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis;
     padding:0.1rem 0;
}
 .pre-next-icon {
     background: #00a395;
     border-radius: 50%;
     padding:0.02rem 0.05rem;
     color: #fff;
     margin-right:0.05rem;
}
 article .title {
     padding:0.1rem 0.15rem;
     margin:0 
}
 .news .news-list .date {
     text-align:right;
     margin:0.1rem 0;
}
 .news .other-news .date {
     background: #eee;
     padding: 0.02rem 0.08rem;
     margin-right: 0.1rem;
     font-size: 90%;
     border-radius: 0.25rem;
}
 .pre-next-bar li {
     padding:0.1rem;
     border-top:0.01rem dashed #ccc;
     overflow: hidden;
}
 .pre-next-bar small {
     color:#666;
}
/*------------------------------------ test ------------------------------------*/
 .test-list li.current {
     background:#42698a;
}
 .test-list .current a {
     color:#fff;
}
 .test-list a {
}
 .test .logo {
     margin-bottom:0.25rem;
}
 .test-list li {
     list-style:none ;
     background:url(../images/list-arrow.jpg) no-repeat left center;
     padding:0.07rem 0 0.07rem 0.15rem;
}
 .test-step li {
     clear:both;
}
 .test-step span {
}
 .test-step .title {
     font-size:0.16rem;
     font-weight:bold;
}
 .table.test-step td {
     padding:0.2rem 0.08rem;
}
 .test-step .description {
     padding-left:0.15rem;
     color:#999;
}
 .test-step .description:before {
     content: "/ ";
}
 .html-editor {
     overflow: hidden;
}
 .html-editor .subtitle {
     font-size:0.16rem;
     margin: 0.05rem 0 0.15rem 0;
     color: #42698A;
     border-left:0.03rem solid #A4BBCE;
     padding-left:0.1rem;
}
/*------------------------------------ stray ------------------------------------*/
 .fri-link {
     margin-top:0.3rem;
}
 .fri-link li {
     display:table;
     margin:0.1rem 0;
}
 .fri-link li a{
     color:#008bff;
}
 .fri-link li img{
     max-width:0.75rem;
     max-height:0.75rem;
     margin-right:0.1rem;
     float:left;
     vertical-align:middle;
}
 .fri-link li span{
     display:table-cell;
     vertical-align:middle;
     padding-top:0.15rem;
}
/*------------------------------------ buy ------------------------------------*/
 .area-bar {
        margin: 0 0 0.2rem 0;
    font-size: 0.24rem;
}
 .buy .area {
	    font-size: 0.24rem;
	 height: 0.24rem;
     background:url(../images/map.jpg) no-repeat left bottom;
	 background-size: 0.16rem 0.23rem;
     margin:0.3rem 0;
     padding-left:0.24rem;
    
     line-height:0.24rem;
}
 .nav-pills > li.active:after{
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(66, 105, 138, 0);
     border-top-color: #008bff;
     border-width: 0.07rem;
     margin-left: -0.07rem;
}
 .table.clinic td {
     padding:0.05rem;
}
/*------------------------------------ contact ------------------------------------*/
 .form-contact {
     padding:0.3rem;
     width:80% 
}
 .btn-bar {
     margin-top:0.4rem;
}
/*------------------------------------ banner ------------------------------------*/
/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
 .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
     outline: none;
}
 .slides, .flex-control-nav, .flex-direction-nav {
     margin: 0;
     padding: 0;
     list-style: none;
}
/* FlexSlider Necessary Styles *********************************/
 .flexslider {
     margin: 0;
     padding: 0;
}
 .flexslider .slides > li {
     display: none;
     -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
 .flexslider .slides img {
     width: 100%;
     display: block;
}
 .flex-pauseplay span {
     text-transform: capitalize;
}
/* Clearfix for the .slides element */
 .slides:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 html[xmlns] .slides {
     display: block;
}
 * html .slides {
     height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
 .no-js .slides > li:first-child {
     display: block;
}
/* FlexSlider Default Theme *********************************/
 .flexslider {
     background: #fff;
     position: relative;
     -webkit-border-radius: 0.04rem;
     -moz-border-radius: 0.04rem;
     -o-border-radius: 0.04rem;
     border-radius: 0.04rem;
     box-shadow: 0 0.01rem 0.04rem rgba(0,0,0,.2);
     -webkit-box-shadow: 0 0.01rem 0.04rem rgba(0,0,0,.2);
     -moz-box-shadow: 0 0.01rem 0.04rem rgba(0,0,0,.2);
     -o-box-shadow: 0 0.01rem 0.04rem rgba(0,0,0,.2);
     zoom: 1;
}
 .flex-viewport {
     max-height: 20rem;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     transition: all 1s ease;
}
 .loading .flex-viewport {
     max-height: 3rem;
}
 .flexslider .slides {
     zoom: 1;
}
 .carousel li {
     margin-right: 0.05rem 
}
/* Direction Nav */
 .flex-direction-nav {
     *height: 0;
}
 .flex-direction-nav a {
     width: 0.3rem;
     height: 0.3rem;
     margin: -0.2rem 0 0;
     display: block;
     background: url(../images/bg_direction_nav.png) no-repeat 0 0;
     position: absolute;
     top: 90%;
     z-index: 10;
     cursor: pointer;
     text-indent: -99.99rem;
     -webkit-transition: all .3s ease;
}
 .flex-direction-nav .flex-next {
     background-position: 100% 0;
     right: 10%;
}
 .flex-direction-nav .flex-prev {
     right: 14%;
}
 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
     opacity: 1;
}
 .flex-direction-nav .flex-disabled {
     opacity: .3!important;
     filter:alpha(opacity=30);
     cursor: default;
}
 .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
     display: block;
     max-width: 100%;
     height: auto;
}
 .img-rounded {
     border-radius: 0.06rem;
}
 .img-thumbnail {
     padding: 0.04rem;
     line-height: 1.42857143;
     background-color: #ffffff;
     border: 0.01rem solid #dddddd;
     border-radius: 0.04rem;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     display: inline-block;
     max-width: 100%;
     height: auto;
}
 .img-circle {
     border-radius: 50%;
}
 hr {
     margin-top: 0.2rem;
     margin-bottom: 0.2rem;
     border: 0;
     border-top: 0.01rem solid #eeeeee;
}
 .sr-only {
     position: absolute;
     width: 0.01rem;
     height: 0.01rem;
     margin: -0.01rem;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: inherit;
     font-weight: bold;
     line-height: 1.1;
     color: inherit;
}
 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
     font-weight: normal;
     line-height: 1;
     color: #999999;
}
 h1, .h1, h2, .h2, h3, .h3 {
     margin-top: 0.2rem;
     margin-bottom: 0.1rem;
}
 h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
     font-size: 65%;
}
 h4, .h4, h5, .h5, h6, .h6 {
     margin-top: 0.1rem;
     margin-bottom: 0.1rem;
}
 h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
     font-size: 75%;
}
 h1, .h1 {
     font-size: 0.36rem;
}
 h2, .h2 {
     font-size: 0.3rem;
}
 h3, .h3 {
     font-size: 0.24rem;
}
 h4, .h4 {
     font-size: 0.18rem;
}
 h5, .h5 {
     font-size: 0.14rem;
}
 h6, .h6 {
     font-size: 0.12rem;
}
 p {
     margin: 0 0 0.1rem;
}
 .lead {
     margin-bottom: 0.2rem;
     font-size: 0.16rem;
     font-weight: 200;
     line-height: 1.4;
}
 .navbar-collapse {
     max-height: 3.4rem;
     overflow-x: visible;
     padding-right: 0.15rem;
     padding-left: 0.15rem;
     border-top: 0.01rem solid transparent;
     box-shadow: inset 0 0.01rem 0 rgba(255, 255, 255, 0.1);
     -webkit-overflow-scrolling: touch;
}
 .navbar-collapse.in {
     overflow-y: auto;
}
  .container {
         width: 6.9rem;
    padding: 0rem;
}
.page-header{padding:0.3rem 0rem;}
.tainer{width: 5rem;
    height: 1rem;
    float: right;}
.breadcrumb{color: #c4c4c4;
    margin: 0;
    background: url(../images/home.gif) no-repeat 0.2rem 0.1rem;
    background-size: 0.2rem 0.2rem;
    padding-left: 0.5rem;
    float: left!important;
    margin-top: 0.1rem;
    font-size: 0.24rem;
 }
#city{font-size: 0.24rem;
    width: 2rem;
    height: 0.5rem;}
.nav-pills > li > a {
     border-radius: 0.04rem;
    padding: 0.1rem 0.3rem;
    
    color: #000000;
    font-size: 0.24rem;
}
 
ul.nav-tabs li.current321 a, ul.nav-tabs li.current325 a {
	font-size: 0.24rem;
     color: #555555;
     background-color: #ffffff;
     border: 0.01rem solid #dddddd;
     border-bottom-color: transparent;
     cursor: default;
}
 .nav-tabs > li > a {
	 font-size: 0.24rem;
     margin-right: 0.02rem;
     line-height: 1.42857143;
     border: 0.01rem solid transparent;
     border-radius: 0.04rem 0.04rem 0 0;
     color: #008bff;
}
 .table > thead > tr > th {
	 font-size: 0.24rem;
    vertical-align: bottom;
    border-bottom: 0.01rem solid #dddddd;
}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	font-size: 0.24rem;
    border-bottom: 0.01rem dashed #999999;
    padding: 0.15rem 0.08rem;
}

.sj-img1{display: block; width: 6.9rem;}

.page-title {
     margin: 0;
     font-size: 0.21rem;
     padding-left: 0.15rem;
	float: left!important;
}