@charset "utf-8";
.b_top_content {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
}
.main {
    width: 100%;
    position: relative;
    height: auto;
}

.main .main_content {
    width: 960px;
    margin: 0 auto 0;
    height: auto;
    padding-top: 30px;
    padding-bottom: 57px;
}

.c-content-title {
    font-size: 14px;
    color: #333333;
}

.c-content-health {
    margin-top: 40px;
    width: 100%;
    height: auto;
}

.product-introduction, .service-content, .service-advantage {
    text-align: center;
    color: #333333;
    font-size: 20px;
}

.service-content span {
    display: inline-block;
    margin-bottom: 41px;
}

.product-introduction span, .service-content span, .service-advantage span {
    position: relative;
}

.product-introduction span:after, .service-content span:after, .service-advantage span:after {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    background: #1d81dd;
    left: 20px;
    top: 34px;
}

.product-introduction-description {
    padding: 40px 104px 40px 105px;
    line-height: 24px;
}

.product-process-list {
    width: 100%;
    height: auto;
    list-style: none;
}

.product-process-list > li {
    float: left;
    width: 289px;
    height: 373px;
    margin-right: 39px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 14px;
    box-shadow: 0px 2px 16px 1px 
		rgba(224, 230, 238, 0.53);
    transition: all .2s linear;
}
.product-process-list > li:last-child {
    margin-right: 0;
}
.product-process-list > li:hover {
    box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
}
.product-process-list li .pic {
    width: 265px;
    height: 123px;
    overflow: hidden;
}
.product-process-list li .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 2s;
}
.product-process-list li:hover .pic img {
    transform: scale(1.1);
}
.product-process-list li .title {
    font-size: 16px;
    color: #3071b9;
    margin-top: 18px;
    margin-left: 10px;
    margin-bottom: 14px;
}
.product-process-list li .text {
    font-size: 12px;
    color: #666;
    line-height: 18px;
    margin-left: 10px;
    margin-right: 28px;
    margin-bottom: 23px;
}
.product-process-list li ul {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
.product-process-list li ul li {
    float: left;
    width: 108px;
    height: 22px;
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 22px;
    margin-bottom: 10px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.product-process-list li ul li.left {
    margin-right: 16px;
}
.list-hide-text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 282px;
    height: 132px;
    color: #ffffff;
    font-size: 16px;
    overflow: hidden;
    background: #2175cb;
    transition: all 1s ease;
    transform: translate3d(-100%, 0, 0);
}
.list-hide-text p {
    position: relative;
    float: left;
}

.list-hide-text p:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    position: absolute;
    left: -12px;
    top: 8px;
    border-radius: 50%;
}

.family {
    margin-left: 30px;
    margin-top: 21px;
}

.child {
    margin-left: 34px;
    margin-top: 21px;
}

.tel {
    margin-left: 30px;
    margin-top: 14px;
}

.oral {
    margin-left: 50px;
    margin-top: 14px;
}

.health {
    margin-left: 30px;
    margin-top: 14px;
}

.overseas {
    margin-left: 66px;
}

.intervene {
    margin-left: 34px;
}

.service-content {
    margin-top: 60px;
}

.list-hide-text.active {
    opacity: 1;
    background-color: #2175cb;
    transform: translate3d(0, 0, 0);
}

.service-content-list {
    position: relative;
    width: 916px;
    height: auto;
    margin: 0 auto;
}
.service-content-list .s_line {
    position: relative;
    width: 908px;
    height: 2px;
    margin-top: 65px;
	background-color: #3172b9; 
}
.service-content-list .s_line:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 2px;
	height: 8px;
	background-color: #3172b9;
}
.service-content-list .s_line:after {
    content: '';
    position: absolute;
    right: -5px;
    top: -8px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 10px solid #3172b9;
    border-bottom: 9px solid transparent;
}
.service-content-list ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 133px;
}
.service-content-list ul li {
    position: relative;
    float: left;
    width: 16%;
    height: 100%;
    font-size: 16px;
    color: #3172b9;
    text-align: center;
    margin-top: -66px;
}
.service-content-list li .title {
    /* position: absolute; */
}
.service-content-list .s_pic1 .title,
.service-content-list .s_pic3 .title,
.service-content-list .s_pic5 .title {
    /* width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%); */
    width: 100%;
    margin-top: 116px;
}
.service-content-list .s_pic2 .title,
.service-content-list .s_pic4 .title,
.service-content-list .s_pic6 .title {
    width: 100%;
    margin-top: -2px;
}
.service-content-list ul li p.title {
    transition: all .3s;
}
.service-content-list ul li:hover p.title {
    transform: scale(1.05);
}
.service-content-list .s_pic1 {
    background: url(../../images/productService/hs_pic1_gray.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic1:hover {
    background: url(../../images/productService/hs_pic1_blue.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic3 {
    background: url(../../images/productService/hs_pic3_gray.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic3:hover {
    background: url(../../images/productService/hs_pic3_blue.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic5 {
    background: url(../../images/productService/hs_pic5_gray.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic5:hover {
    background: url(../../images/productService/hs_pic5_blue.png) 57px 50px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic2 {
    background: url(../../images/productService/hs_pic2_gray.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic2:hover {
    background: url(../../images/productService/hs_pic2_blue.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic4 {
    background: url(../../images/productService/hs_pic4_gray.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic4:hover {
    background: url(../../images/productService/hs_pic4_blue.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic6 {
    background: url(../../images/productService/hs_pic6_gray.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-content-list .s_pic6:hover {
    background: url(../../images/productService/hs_pic6_blue.png) 57px 22px no-repeat;
    background-size: 32px 61px;
}
.service-advantage {
    margin-top: 120px;
}

.service-advantage-con {
    width: 100%;
    height: auto;
    margin-top: 41px;
}

.advantage-con-left {
    text-align: center;
    margin-left: 50px;
    margin-right: 49px;
    width: 221px;
    float: left;
}

.chineseMedicine, .children-hospital, .fuwai-hospital {
    width: 100%;
    height: 110px;
    background: #ffffff;
    margin-top: 10px;
    position: relative;
}

.advantage-con-left .hospital-title {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    background: rgba(000, 000, 000, .45);
}

.chineseMedicine {
    margin-top: 24px;
}

.chineseMedicine,
.children-hospital,
.fuwai-hospital {
    overflow: hidden;
}

.chineseMedicine img, .children-hospital img, .fuwai-hospital img {
    width: 100%;
    height: 100%;
    transition: all 1.5s;
}

.chineseMedicine img:hover, 
.children-hospital img:hover, 
.fuwai-hospital img:hover {
    transform: scale(1.1);
}

.advantage-con-middle {
    width: 322px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    height: 408px;
    float: left;
}

.advantage-con-middle .cover {
    text-align: center;
}

.advantage-con-middle .middle-title {
    font-size: 18px;
    letter-spacing: 0px;
    color: #1d81dd;
    margin-left: 31px;
    margin-top: 24px;
}

.advantage-con-middle .middle-title-descr {
    position: relative;
    margin-left: 46px;
    margin-top: 20px;
}

.middle-title-descr:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #408cde;
    position: absolute;
    left: -14px;
    top: 7px;
    border-radius: 50%;
}

.desci-1 {
    margin-right: 53px;
}

.desci-2 {
    margin-right: 24px;
}

.middle-map {
    width: 244px;
    height: 202px;
    opacity: 0.78;
    margin-left: 36px;
    margin-top: 32px;
}
.middle-map img{
    width: 244px;
    height: 202px;
}

.advantage-con-right {
    float: left;
    height: auto;
    width: 315px;
}

.advantage-con-right .major {
    margin-left: 135px;
    width: 50px;
    height: 25px;
}

.major img {
    width: 100%;
    height: 100%;
}

.major-list {
    margin-top: 20px;
}

.major-list .major-list-title {
    font-size: 16px;
    color: #1d81dd;
    margin-left: 34px;
}

.development-ability {
    margin-top: 24px;
}

.major-list li {
    font-size: 14px;
    color: #666;
    margin-left: 46px;
    margin-top: 8px;
    line-height: 22px;
    position: relative;
}

.major-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: -12px;
    top: 8px;
    width: 4px;
    height: 4px;
    background-color: #408cde;
    border-radius: 50%;
}