@charset "utf-8";

/* CSS Document */

.warp { width: 1210px; margin: 0 auto; position: relative; }
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }


/*safe*/

.safe{}

.safe .bannar{ height:422px; background-position:center top; background-repeat:no-repeat; padding-top:140px;}

.safe .bannar .cont{ width:660px; background:url(../image/fuwu/bannar_cont_bg.png) 0 0 no-repeat; padding-top:65px; color:#FFF;margin-left:30px;}

.safe .bannar .cont .h1{ font-size:28px; line-height:44px;}

.safe .bannar .cont .p{ font-size:14px; line-height:22px; margin-bottom:28px;}

.safe .bannar .cont .link{ font-size:12px; color:#FFF; display:inline-block;}

.safe .bannar .cont .link:hover{ color:#00a0e9;}



.safe .head{ position:relative; padding:30px 0; text-align:center;}

.safe .head .h1{ font-size:30px; line-height:62px; color:#474747;}

.safe .head .p{ font-size:12px; color:#707070; line-height:18px; padding:0 160px;}



.safe .block1{}

.safe .block1 .list{ overflow:hidden;}

.safe .block1 .list li{ width:392px; margin-left:17px; float:left; margin-bottom:30px;}

.safe .block1 .list li.first{ margin-left:0;}

.safe .block1 .list li a{}

.safe .block1 .list li .t_imgWarp{ height:220px; margin-bottom:12px;}

.safe .block1 .list li .t_imgWarp img{ width:100%; height:auto;}

.safe .block1 .list li .cont{}

.safe .block1 .list li .cont .h3{ font-size:16px; color:#474747; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.safe .block1 .list li .cont .p{ font-size:12px; color:#707070; line-height:18px; height:36px; overflow:hidden;}

.safe .block1 .list li a:hover .cont .h3{ color:#204798;}



.safe .block2 .list li{ float:left; text-align:center; opacity:0;

	-webkit-transition:all .5s;

	-moz-transition:all .5s;

	-ms-transition:all .5s;

	-o-transition:all .5s;

	transition:all .5s;

	}

.safe .block2.s .list li.r{ opacity:1;

	-webkit-transform:rotateY(360deg);

	-moz-transform:rotateY(360deg);

	-ms-transform:rotateY(360deg);

	-o-transform:rotateY(360deg);

	transform:rotateY(360deg);

	}

.safe .block2 .list li span{ display:block; width:26px; height:140px; background:url(../image/fuwu/safe_block2_arr.png) center no-repeat;}

.safe .block2 .list li a{ width:140px; height:140px; margin:0 auto 15px; border-radius:50%; background:#FFF; display:block; font-size:65px; line-height:140px; font-weight:bold; color:#707070; cursor:default;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-ms-transition:all .3s;

	-o-transition:all .3s;

	transition:all .3s;

	}

.safe .block2 .list li .cont{ width:180px;}

.safe .block2 .list li .h3{ font-size:18px; line-height:28px; color:#474747;}

.safe .block2 .list li .h4{ font-family:Arial; text-transform:uppercase; font-size:14px; color:#707070; line-height:22px;}

.safe .block2 .list li .p{ margin:0 auto; font-size:12px; line-height:20px; color:#474747;}

.safe .block2 .list li a:hover{ background:#204798; color:#FFF;}



.safe .block3{ height:380px; background:url(../image/fuwu/safe_block3_bg.jpg) center top no-repeat;}

.safe .block3 ul{ overflow:hidden; padding-top:94px;}

.safe .block3 ul li{ float:left; width:350px; color:#FFF; text-align:center;}

.safe .block3 ul li.c{ margin:0 80px;}

.safe .block3 ul li .h1{ font-size:24px; line-height:36px;}

.safe .block3 ul li .h2{ font-family:Arial; font-weight:bold; text-transform:uppercase; font-size:16px; line-height:22px; margin-bottom:10px;}

.safe .block3 ul li .p{ font-size:12px; line-height:20px; margin-bottom:14px;}

.safe .block3 ul li .more{ font-size:16px; color:#FFF; line-height:28px; padding-right:30px; background:url(../image/fuwu/safe_block3_more.png) right no-repeat; display: inline-block;}

.safe .block3 ul li .more:hover{ color:#204798;}



.safe .block4{ overflow:hidden;margin: 0 auto;position: relative;width:1210px;}

.safe .block4 .left{ width:50%; float:left; overflow:hidden;height:340px;}

.safe .block4 .left img{ float:right;}

.safe .block4 .right{ width:50%;float:right; background:#f6f6f6;}

.safe .block4 .right .cont{ padding-top:-20px; padding-left:50px;}

.safe .block4 .right .cont .h1{ font-size:22px; color:#474747; line-height:20px; margin-bottom:25px;}
.safe .block4 .right .cont ul{ height: 270px;overflow: auto;}

.safe .block4 .right .cont .h2{ font-size:16px; color:#474747; line-height:20px; margin-bottom:10px;}

.safe .block4 .right .cont .p{ font-size:12px; color:#707070; line-height:20px; margin-bottom:20px;}



.safe .block4 .right .cont li{ padding-left:12px; margin-bottom:18px;position: relative;}
.safe .block4 .right .cont li .more{ position: absolute;right:0;top:0;color:#44ccd0;line-height:24px;cursor: pointer; }

.safe .block4 .right .cont li a{ font-size:16px; line-height:24px; color:#44ccd0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.safe .block4 .right .cont li p{ font-size:14px; line-height:20px; color:#666;margin-bottom: 10px; 
    overflow: hidden;
    text-overflow: ellipsis;}
.safe .block4 .right .cont li p.on{ height:auto !important;white-space: normal !important;}


.safe .block5{ overflow:hidden;width: 1210px;margin: 0 auto;position: relative;}

.safe .block5 .left{ width:50%; height:540px; float:left; overflow:hidden; background:#f6f6f6;}

.safe .block5 .left .cont{ width:580px; padding-top:20px; float:right;}

.safe .block5 .left .cont .h1{ font-size:20px; line-height:24px; color:#474747; margin-bottom:25px;}

.safe .block5 .left .cont ul{}

.safe .block5 .left .cont li{ padding-left:12px; background:url(../image/fuwu/safe_block5_arr.png) left no-repeat; margin-bottom:18px;}

.safe .block5 .left .cont li a{ font-size:14px; line-height:18px; color:#707070;}

.safe .block5 .left .cont li a:hover{ color:#204798;}

.safe .block5 .right{ width:50%; height:540px; float:right; overflow:hidden;}

.safe .block5 .right img{ float:left;}



.safe .block6{ padding-bottom:80px;}

.safe .block6 .scrollWarp{ overflow:hidden; position:relative;}

.safe .block6 .scrollWarp ul{ position:relative;}

.safe .block6 .scrollWarp ul li{ float:left;}

.safe .block6 .scrollWarp ul li img{ width:100%; height:auto;}

.safe .block6 .scrollWarp ul li p{ font-size:14px; padding:18px 0;text-align: center;}

.safe .block6 .scrollWarp ul li a{ color:#474747;}

.safe .block6 .scrollWarp ul li a:hover{ color:#204798;}

.safe .block6 .scrollWarp .prev{ width:60px; height:60px; position:absolute; left:0; top:50%; margin-top:-50px; z-index:1; background:url(../image/fuwu/safe_block6_prev.png) center top;}

.safe .block6 .scrollWarp .next{ width:60px; height:60px; position:absolute; right:0; top:50%; margin-top:-50px; z-index:1; background:url(../image/fuwu/safe_block6_next.png) center top;}

.safe .block6 .scrollWarp .prev:hover,.safe .block6 .scrollWarp .next:hover{ background-position:center bottom;}

/* 医生科室*/
.wrapper04 {position:relative;height: 50px;width: 100%;overflow: hidden;margin:0 auto;background:#ddd}
.wrapper04 .scroller {position:absolute}
.wrapper04 .scroller li {height: 50px;color:#333;float: left;line-height: 50px;font-size: 16px;text-align: center}
.wrapper04 .scroller li a{color:#333;display:block;margin:0 20px;font-size: 16px;text-decoration: none;}
.wrapper04 .scroller li.cur{background:#1cbb9b}
.wrapper04 .scroller li.cur a{color:#fff;}

.con_box .item_expert_wrap.none{display:none;}

@media screen and (max-width:750px) {
    html,body{min-width:320px !important;}
        /** 鎵嬫満绔牱寮� **/
    body{position: relative;overflow-x: hidden;}
    body .box-warp{width: 100%;}
    body .img-warp img{width: 100%;}

    body header{height: 60px;position: fixed;top:0;left:0;width: 100%;z-index: 98;}
    body header img{height: 50px;margin:5px;}
    body header div.menu-btn{width: 60px;color:#fff;float:right;height:100%;line-height: 60px;text-align: center;font-size: 16px;position: relative;}
    body header div.menu-btn:before{content:"鈥�";position: absolute;left:0;top:10px;display: block;text-align: center;height: 30px;line-height: 30px;width: 100%;}
    body header div.menu-btn:after{content:"鈥�";position: absolute;left:0;bottom:10px;display: block;text-align: center;height: 30px;line-height: 30px;width: 100%;}
    body div.menu{width: 40%;height: 100%;position: fixed;top:0;right:0;background-color:#41ad9f;padding:40px 0 0;box-shadow: 1px 0px 1px rgba(0,0,0,.3) inset;z-index: 100;transition: transform 0.4s;transform: translate3d(100%, 0, 0);}
    body div.menu.show{transform: translate3d(0, 0, 0);}
    body div.menubg{width: 100%;height:100%;position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.5);position: fixed;top:0;right:0;z-index: 99;display: none}
    body div.menu a{width:100%;box-sizing: border-box;line-height: 60px;padding:0 10px;font-size: 14px;color:#fff;width: 100%;display: inline-block;text-align: center;}
    body div.menu a.sel{background-color: #00d5b6}
    body div.menu a.show{}

    body footer{padding-top:10px;}
    body footer .fl{display: none;}
    body footer .fr{width: 80%;margin-right:10%;}
    body footer .fr h3{font-size:14px;}
    body footer .fr .ewm-box{margin-top:10px;}
    body footer .fr .ewm-box img{width: 40%;margin:20px 30%;}
    body footer .fr h3:nth-child(3){display:none;}
    body footer .fr .gywm{text-align: center;display:none;}
    body footer .copyright{margin-top:0;}

    body banner{height: auto !important;padding-top:0px !important;}
    body banner .box-warp{padding:25px 0;}
    body banner .box-warp .msg{height: auto !important;width: 90%!important;padding-top:25px;}
    body banner .box-warp .msg b{font-size:28px!important;line-height: 45px;}
    body banner .box-warp .msg p{font-size: 14px!important;line-height: 26px;padding:0 0 !important;}

    body banner.swiper{height:auto;}
    body banner.swiper .img-bg{display: none;}
    body banner.swiper img{display: block;width: 100%;}

    body .table table{background-color: #eee;width: 100%;}
    body .table table th,.table table td{line-height: 20px;padding:16px 12px;text-align:center;background-color: #fff;font-size: 15px;}
    body .table table td{font-size: 13px;color:#5a5a5a;vertical-align: middle;}
    body .table table tr.h70 th{line-height: 50px;}

    body .line-title{line-height: 30px;margin:30px 0;font-size: 18px;padding:0 20px;}
    body .line-title span{font-size: 18px;}
    body .line-title p{line-height: 24px;margin-top:10px;}

    body .line-title2{line-height: 30px;margin: 30px 0;font-size: 18px;padding:0 20px;}
    body .line-title2 span{font-size: 20px;}
    body .line-title2 span.white{font-size: 16px;}
    body .line-title2 p{margin-top:20px;font-size: 16px;}

    body .jiuzheng{padding:0 10px;padding-bottom:40px;}
    body .jiuzheng div{width: 48%;margin:1%;}
    body .jiuzheng div img{width: 60%;}
    body .jiuzheng div p{line-height: 24px;margin-top:10px;margin-bottom:10px;}
    body .jiuzheng div b{font-size: 14px;margin-right:6px;}

    body.shuimian .list1{padding:30px 10%;}
    body.shuimian .list1 div{width: 40%;}
    body.shuimian .list3 td.zongji{line-height: 40px;}
    body.shuimian .list3-box .title{height: 40px;line-height: 50px;}
    body.shuimian .list3-box .line{line-height: 24px;padding:12px 0;font-size: 13px;margin:0 30px;}
    body.shuimian .list3-box .line.hot:before{width: 30px;left:-30px;background-size: 16px;}
    body.shuimian .list4{padding:0 4px;}
    body.shuimian .list4 div{width: 49%;margin-bottom:10px;}
    body.shuimian .list4 div p{height: 36px;line-height: 36px;letter-spacing: 0;font-size: 12px;}
    body.shuimian .list5{width: 100%;}
    body.shuimian .list5 div{width: 100%;margin-bottom:10px;}
    body.shuimian .list5.f{margin: 0;}
    body.shuimian .list5 div img{width: 96%;margin-left:2%;}
    body.shuimian .list5 div p{left: 2%;line-height: 36px;height: 36px;font-size: 13px;}

    body.jiankang .list1{padding:24px 0;}
    body.jiankang .list1 .text{width: 100%;padding:0 30px;}
    body.jiankang .list1 .text b{margin:0;margin-bottom:12px;}
    body.jiankang .list1 .text p{padding:10px 0;line-height: 20px;}
    body.jiankang .img{width: 100%;padding:10px;}
    body.jiankang .img img{width: 100%;}
    body.jiankang .list1.t .text{margin-top:20px;}
    body.jiankang .list1.t .img{width:100%;padding:10px;}
    body.jiankang .list2 img{margin:0;width: 100%;}
    body.jiankang .list2 p{width: 100%;padding:0 16px;box-sizing: border-box;font-size: 15px;line-height: 24px;}
    body.jiankang .list2 div.msg{margin:20px 16px;box-sizing:border-box;padding:16px;box-shadow: 0 0 24px 4px rgba(251,103,83,0.2);background: none;height: auto;width: auto;line-height: 26px;}
    body.jiankang .list3 p{width: 100%;padding:0 16px;box-sizing: border-box;}
    body.jiankang .list4 img{width: 100%;}
    body.jiankang .list4 p{width:auto;margin:0 16px;}
    body.jiankang .list-xiangmu{width:auto;margin:20px; }
    body.jiankang .list-xiangmu td{vertical-align: middle;font-size: 14px;line-height: 24px;}
    body.jiankang .grey-line{width: 90%;margin:0 5%;}
    body.jiankang .taocan-price{font-size: 16px;margin-top:10px;}
    body.jiankang .taocan-price s{font-size: 14px;margin-left:12px;}
    body.jiankang .taocan-box{margin:10px;width: auto;padding:20px;font-size: 15px;}
    body.jiankang .taocan-box.b{width: auto;}

    body.user .list1 th.icon{padding:0 4px 40px;background: #fff;width: 20%;}
    body.user .list1 th.icon span{width: 90%;left:5%;font-size: 10px;height: 26px;line-height: 26px;}
    body.user .list2{padding:0 30px 60px;}
    body.user .list2 div{width: 50%;padding:10px;box-sizing: border-box;}
    body.user .list2 div img{width: 80%;margin-left:10%;margin-bottom:10px;}
    body.user .list2 div b{font-size:18px;}
    body.user .list3{padding-bottom:20px;}
    body.user .list3 .card{width: 100%;margin:0px;}
    body.user .list3 .card:before{display: none;}
    body.user .list3 .card img{width: 90%;margin:0 auto !important;display:block;}
    body.user .list3 ul{width: 100%;box-sizing: border-box;padding:0 10px;margin:0;}
    body.user .list3 ul li{width: 33.3%;height: 110px;padding-top: 80px;margin-bottom:10px;background-size: 32px;}
    body.user .list3 ul li p{font-size: 14px;}
    body.user .list3 ul li:nth-child(1){background-image: url(../images/hy-list3-img1.png);}
    body.user .list3 ul li:nth-child(2){background-image: url(../images/hy-list3-img2.png);background-size: 26px;}
    body.user .list3 ul li:nth-child(3){background-image: url(../images/hy-list3-img3.png);}
    body.user .list3 ul li:nth-child(4){background-image: url(../images/hy-list3-img4.png);}
    body.user .list3 ul li:nth-child(5){background-image: url(../images/hy-list3-img5.png);}
    body.user .list3 ul li:nth-child(6){background-image: url(../images/hy-list3-img6.png);}
    body.user .list3 ul li:nth-child(7){background-image: url(../images/hy-list3-img7.png);background-size: 30px;}
    body.user .list3 ul li:nth-child(8){background-image: url(../images/hy-list3-img8.png);background-size:auto 12px;}
    body.user .list3 ul li:nth-child(9){background-image: url(../images/hy-list3-img9.png);}
    body.user .list4{padding-bottom:20px;}
    body.user .list4 .card{width: 100%;margin:0px;background-color:none !important;}
    body.user .list4 .card:before{display: none;}
    body.user .list4 .card img{width: 90%;margin-left:2%;}
    body.user .list4 ul{width: 100%;box-sizing: border-box;padding:0 10px;margin:0;}
    body.user .list4 ul li{width: 33.3%;height: 110px;padding-top: 80px;margin-bottom:10px;background-size: 32px;}
    body.user .list4 ul li p{font-size: 14px;}
    body.user .list4 ul li:nth-child(1){background-image: url(../images/hy-list4-img1.png);}
    body.user .list4 ul li:nth-child(2){background-image: url(../images/hy-list4-img2.png);background-size: 26px;}
    body.user .list4 ul li:nth-child(3){background-image: url(../images/hy-list4-img3.png);}
    body.user .list4 ul li:nth-child(4){background-image: url(../images/hy-list4-img4.png);background-size: 26px;}
    body.user .list4 ul li:nth-child(5){background-image: url(../images/hy-list4-img5.png);}
    body.user .list4 ul li:nth-child(6){background-image: url(../images/hy-list4-img6.png);}
    body.user .list4 ul li:nth-child(7){background-image: url(../images/hy-list4-img7.png);}
    body.user .list4 ul li:nth-child(8){background-image: url(../images/hy-list4-img8.png);background-size: 30px;}
    body.user .list4 ul li:nth-child(9){background-image: url(../images/hy-list4-img9.png);background-size:auto 12px;}
    body.user .list4 ul li:nth-child(10){background-image: url(../images/hy-list4-img10.png);background-size:auto 12px;}
    body.user .list4 ul li:nth-child(11){background-image: url(../images/hy-list4-img11.png);background-size:auto 12px;}
    body.user .list4 ul li:nth-child(12){background-image: url(../images/hy-list4-img12.png);}

    body.jieshao banner .box-warp .msg p{margin-top:12px;}
    body.jieshao .list1{width: 100%;margin:0 0 50px;padding:0 10px;}
    body.jieshao .list1 img{width: 100%;position: relative;}
    body.jieshao .list1 p{width: 100%;line-height: 28px;}
    body.jieshao .list2 div.box{width: 96%;margin:10px 2%;padding-bottom:40px;float:left;}
    body.jieshao .list2-warp{background-repeat:repeat-y; }
    body.jieshao .box-list3{background: #fff;}
    body.jieshao .list3{padding:10px 12px;}
    body.jieshao .list3 div{line-height: 36px;margin-bottom:30px;}
    body.jieshao .list3 div span{font-size: 15px;margin:10px 0;display: inline-block;}
    body.jieshao .list3 div span.t{padding:10px 30px;margin-right:10px;}
    body.jieshao .list4 th.icon{padding:0 4px 40px;background: #fff;width: 20%;}
    body.jieshao .list4 th.icon span{width: 90%;left:5%;font-size: 10px;height: 26px;line-height: 26px;}


    .warp{width:100%;}
    .safe .bannar{
        padding-top:80px;
        height:360px;
    }
    .safe .bannar .cont{
        width:auto;
        margin-left:20px;
        padding-right:20px;
        background-size: 60%;
        padding-top: 50px;
    }
    .safe .block4{
        width:100%;
    }
    .safe .bannar .cont .h1{
        font-size:20px;
    }
    .safe .bannar .cont .p{
        margin-bottom: 20px;
    }

    .safe .head{
        padding:0px 0 30px;
    }
    .safe .head .h1{
        font-size: 16px;
        line-height:40px;
    }
    .safe .head .p{
        padding:0 20px;
        text-align: left;
    }

    .safe .block1 .list li,
    .safe .block1 .list li.first{
        margin:20px 10px 30px;
        width:auto;
    }
    
    .safe .block2{height:auto;padding-bottom: 20px;}
    .safe .block2 .list li{
        width:100%;
        float: none;
    }

    .safe .block2 .list li .cont{
        position: relative;
        width:100%;
        height:100px;

    }
    .safe .block2 .list li a{
        width: 100px;
        height: 100px;
        line-height: 100px;
        position: absolute;
        left: 20px;
        top:0;
        font-size: 40px;
        margin: 0;
    }

    .safe .block2 .list li .h3 {
        font-size: 18px;
        margin-left: 160px;
        text-align: left;
        padding-top: 20px;
    }

    .safe .block2 .list li .h4 {
        font-size: 14px;
        margin-left: 160px;
        text-align: left;
    }

    .safe .block2 .list li span {
        width: 26px;
        height: 25px;
        transform: rotate(90deg);
        margin-left: 55px;
    }

    .safe .block3 {
        height: auto;
        background: #fff;
    }
    .safe .block3 ul{
        padding-top: 0;
    }
    .safe .block3 ul li{
        float: none;
        width:100%;
        padding: 0 20px;
        padding-bottom: 30px;
        color: #333;

    }
    .safe .block3 ul li.c{margin:0;}

    .safe .block4 .left,
    .safe .block4 .right,
    .safe .block5 .left,
    .safe .block5 .right{
        width:100%;
        height:auto;
        float: none;
    }

    .safe .block4 .right .cont,
    .safe .block5 .left .cont{
        width:100%;
        padding:20px;
    }

    body.tel .banner{height:auto;margin:0;}
    body.tel .main-box{width:100%;}
    .about-main .main, .news-main .main, .pay-main .main, .plan-main .main, .service-main .main, .team-main .main, .treatment-main .main, .user-main .main, .order-main .main, .visit-main .main{padding:0 !important;}
    .about-main .list_content_title{    margin-top: 20px;}
    body.tel .about-main .list_content_con{padding:20px;}
    body.tel #about_env .sp-caption-container{display: none;}
    body.tel #about_env{margin-top:30px;}

    body.tel .list_content_con table tr td{width:100% !important;display: block;    margin-bottom: 20px;}
    body.tel .list_content_con.list_4 table tr td:nth-child(1){display:none;}


    .wrapper04 {height: 30px;}
    .wrapper04 .scroller li {height: 30px;line-height:30px;}
    .wrapper04 .scroller li a{font-size:12px;margin:0 10px;}

}