@charset "utf-8";
/* CSS Document */
@media screen and  (max-width:1440px){
    .logo {width: 284px;}
    .logo img {width: 100%}
    .head .cont-ser p {margin-top: 8px;}
    .head .cont-ser .ser {margin-top: 17px;}
    .wx-qc {margin-top: 10px;}
    .nav a {font-size: 14px;}
    .nav a span {font-size: 18px;}
    .r-op {margin-top: 5px;}
    .nav li {margin-right: 60px !important}
    .nav li>a {padding: 0 10px;}
    .footer img {max-width: 100%;-webkit-max-width:100%}
    .sec6 .fd-link .pic-wrap .pic img {width: 100%}
    .company-ys .ys-box {padding: 19px 0;}
.head .cont-ser .tel {margin-top:8px;}
}

@media screen and  (max-width:1024px) {
    .nav {display: none}
    .menu{min-width:100px;width:70%;max-width:320px;background-color:#d9241b;color:#fff}
    .menu-fix {display: none}
    .content{width:100%}
    .menu-button{position:absolute;top:0;left:0;padding:15px;cursor:pointer;-webkit-transition:.3s;transition:.3s;background-color:#007829}
    .menu-button .bar:nth-of-type(1){margin-top:0}
    .menu-button .bar:nth-of-type(3){margin-bottom:0}
    .bar{position:relative;display:block;width:50px;height:5px;margin:10px auto;background-color:#fff;border-radius:10px;-webkit-transition:.3s;transition:.3s}
    .menu-button:hover .bar:nth-of-type(1){-webkit-transform:translateY(1.5px) rotate(-4.5deg);-ms-transform:translateY(1.5px) rotate(-4.5deg);transform:translateY(1.5px) rotate(-4.5deg)}
    .menu-button:hover .bar:nth-of-type(2){opacity:.9}
    .menu-button:hover .bar:nth-of-type(3){-webkit-transform:translateY(-1.5px) rotate(4.5deg);-ms-transform:translateY(-1.5px) rotate(4.5deg);transform:translateY(-1.5px) rotate(4.5deg)}
    .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)}
    .cross:hover .bar:nth-of-type(1){-webkit-transform:translateY(13.5px) rotate(-40.5deg);-ms-transform:translateY(13.5px) rotate(-40.5deg);transform:translateY(13.5px) rotate(-40.5deg)}
    .cross:hover .bar:nth-of-type(2){opacity:.1}
    .cross:hover .bar:nth-of-type(3){-webkit-transform:translateY(-13.5px) rotate(40.5deg);-ms-transform:translateY(-13.5px) rotate(40.5deg);transform:translateY(-13.5px) rotate(40.5deg)}
    .nav-wrap{display: none}
    .menuBtn { float:right;width:44px; height: 28px; position:absolute; right:50px;top:20px;cursor: pointer; z-index: 9999;display: block }
    .menuBtn .burger { display: block; width: 100%; height: 5px; position: absolute; left: 0; background:#d9241b;transform-origin:center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
    .menuBtn .burger-1 { top: 0; }
    .menuBtn .burger-2 { top: 12px; }
    .menuBtn .burger-3 { bottom: 0; }
    .menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
    .menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
    .menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
    .menu-mark { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
    .menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
    .menu-fix { width: 180px; position: fixed; display: none; right:2%; top:110px; background:#d9241b; z-index:1000; }
    .menu-list { padding: 40px 0 40px 30px;z-index:1000}
    .menu-list li { margin-bottom: 20px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
    .menu-list li:last-child { margin-bottom: 0; }
    .menu-list li a { display: block; color: #fff; font-size:16px; }
    @-webkit-keyframes returnToNormal {
        from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
        to { opacity: 1; -webkit-transform: none; transform: none; }
    }
    @keyframes returnToNormal {
        from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
        to { opacity: 1; -webkit-transform: none; transform: none; }
    }

    .w1200{width: 100%}
    .head {padding: 5px 0;}
    .logo {width:230px;margin-top: 0}
    .top {display: none}
    .cont-ser ,.wx-qc{display: none}
    .pic-wrap {width: 100%;}
    .pic-wrap .swiper-slide .pic{height: auto;width: 100%}
    .pic-wrap .swiper-slide .text-con p.con {font-size: 16px;}
    .list-box {width: 100%;margin-top: 20px;}
    .n-tabs a {font-size: 16px;}
    .list-wrap .swiper-slide .text {width:75%;}
    .list-wrap {width: 100%}
    .inner-wrap .i-item {width: 49.5%;padding: 10px;margin-bottom:4px;margin-right: 0}
    .inner-wrap .i-item:nth-child(2n+1) {margin-right: 1%}
    .inner-wrap .i-item i {width: 30px;height: 30px;}
    .inner-wrap .i-item span {line-height: 30px;font-size: 16px;background-size: 20px;}
    .inner-wrap {margin-top:20px}
    .news-wrapper {margin-top: 20px;}
    .i-news {padding: 0 0 20px 0}
    .n-tabs {line-height: 35px;}
    .pic-wrap .arrow-left, .pic-wrap .arrow-right {width: 25px;height: 30px;background-size: cover}
    .ks-wrap .hd .tit {font-size: 18px;}
    .ks-wrap .bd {padding-top: 20px;}
    .ks-box ,.zj-box{width: 100%}
    .ks-list {height: auto}
    .ks {padding: 10px;}
    .ks-tabs a {line-height: 36px;font-size: 16px;}
    .ks a {line-height: 20px;font-size: 14px;}
    .preview .swiper-slide {width: 80px;height:180px;border-radius: 50%}
    .zj-box .swiper-pagination2 {top:220px;}
    .preview {margin-top: 20px;}
    .preview .swiper-slide p {line-height:40px;font-size: 12px;}
    .view .swiper-slide .name h3 {font-size: 18px;}
    .view .swiper-slide .name p {font-size: 13px;}
    .view .swiper-slide .int {line-height: 26px;}
    .view .swiper-slide {padding: 15px; }
    .link .w1200 {width: 96%;margin: 0 auto}
    .link a {line-height: 24px;}
    footer .f-cen {padding: 20px 10px;box-sizing: border-box}
    footer .f-cen>div {width: 100%;}
    .text-con {padding-left: 0;padding: 10px 0;border: 0}
    .text-con>div {margin-bottom: 10px;}
    .qr-code {text-align: left}
    .news-wrapper .ctrl {top: 8px;right: 10px;}
    .news-wrapper .ctrl a {width: 20px;height: 20px;background-size: cover;}
    .nav-list {width: 100%;}

    /*内页*/
    .ny-banner {height: 130px;}
    .main {margin-top: 10px;}
    .leftmain {width: 100%;margin: 0 0 20px 0}
    .leftmain  img {max-width: 100% !important;}
    .rightmain {width: 100%;box-sizing: border-box;padding: 0 10px;}
    .leftsub {display: none}
    .leftnav-con ul:after { clear: both;display: table; content: ""; line-height: 0px; }
    .leftnav-con ul li {width: 50%;float: left;    border-right: 1px #b2b2b2 solid;box-sizing: border-box}
    .lefttel {display: none}
    .leftnav-head {padding: 10px 0 10px 20px;}
    .leftnav-head p {font-size: 18px;}
    .clinic-l {width: 100%;}
    .Section1-con ul li {width: 29%;margin: 0}
    .jianjie-head strong {font-size: 18px;}
    .clinic-ltext {width: 100%}
    .clinic-r {width: 100%}
    .jianjie-con table tbody {width: 100% !important;}
    .jianjie-con table td {width:100% !important;display: block;float: left}
    .jianjie-con table td img{width:100%;}

    .News-l {width: 125px;height: auto}
    .News-r {width: calc( 100% - 130px);}
    .News-r h1 {margin: 0 }
    #dituContent{width: 100% !important;max-width: 100% !important;}
    #dituContent,.ueditor_baidumap {width: 100% !important;max-width: 100% !important;}
    .ueditor_baidumap body>div {width: 100% !important;}
    .ueditor_baidumap *{max-width: 100% !important;}



}
@media screen  and (max-width: 768px) {
    .menuBtn { float:right;width:26px; height:15px; position:absolute; right:10px;top: 10px;cursor: pointer;display: block;z-index: 99}
    .menuBtn .burger { display: block; width: 100%; height:3px;background:#d9241b;position: absolute; left: 0;transform-origin:center;-webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
    .menuBtn .burger-1 { top: 0; }
    .menuBtn .burger-2 { top:6px; }
    .menuBtn .burger-3 { bottom: 0; }
    .menuBtn.active .burger-1 { top: 10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
    .menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background: #fff; }
    .menuBtn.active .burger-3 { top: 10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
    .menu-mark { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
    .menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
    .menu-fix {top: 50px;}
    .banner {width: 100%;}
    .banner .swiper-pagination {bottom: 10px !important;}
    .banner .swiper-pagination-bullet {width: 10px;height:2px;}
    .banner .swiper-pagination-bullet-active {width: 10px;height:3px;}
    .container>.w1200{width: 96%;margin: 0 auto}
    .w1200{width: 100%}
    .head {padding: 5px 0;}
    .logo {width:135px;margin-top: 0}
    .top {display: none}
    .cont-ser ,.wx-qc{display: none}
    .pic-wrap {width: 100%;}
    .pic-wrap .swiper-slide .pic{height: auto;width: 100%}
    .pic-wrap .swiper-slide .text-con p.con {font-size: 16px;}
    .list-box {width: 100%;margin-top: 20px;}
    .n-tabs a {font-size: 16px;}
    .list-wrap .swiper-slide .text {width:75%;}
    .list-wrap {width: 100%}
    .inner-wrap .i-item {width: 49.5%;padding: 10px;margin-bottom:4px;margin-right: 0}
    .inner-wrap .i-item:nth-child(2n+1) {margin-right: 1%}
    .inner-wrap .i-item i {width: 30px;height: 30px;}
    .inner-wrap .i-item span {line-height: 30px;font-size: 16px;background-size: 20px;}
    .inner-wrap {margin-top:20px}
    .news-wrapper {margin-top: 20px;}
    .i-news {padding: 0 0 20px 0}
    .n-tabs {line-height: 35px;}
    .pic-wrap .arrow-left, .pic-wrap .arrow-right {width: 25px;height: 30px;background-size: cover}
    .ks-wrap .hd .tit {font-size: 18px;}
    .ks-wrap .bd {padding-top: 20px;}
    .ks-box ,.zj-box{width: 100%}
    .ks-list {height: auto}
    .ks {padding: 10px;}
    .ks-tabs a {line-height: 36px;font-size: 16px;}
    .ks a {line-height: 20px;font-size: 14px;}
    .preview .swiper-slide {width: 80px;height:169px;border-radius: 50%}
    .zj-box .swiper-pagination2 {top: 210px;}
    .preview {margin-top: 20px;}
    .preview .swiper-slide p {line-height: 30px;font-size: 12px;}
    .view .swiper-slide .name h3 {font-size: 18px;}
    .view .swiper-slide .name p {font-size: 13px;}
    .view .swiper-slide .int {line-height: 26px;}
    .view .swiper-slide {padding: 15px; }
    .link .w1200 {width: 96%;margin: 0 auto}
    .link a {line-height: 24px;}
    footer .f-cen {padding: 20px 10px;box-sizing: border-box}
    footer .f-cen>div {width: 100%;}
    .text-con {padding-left: 0;padding: 10px 0;border: 0}
    .text-con>div {margin-bottom: 10px;}
    .qr-code {text-align: left}
    .news-wrapper .ctrl {top: 8px;right: 10px;}
    .news-wrapper .ctrl a {width: 20px;height: 20px;background-size: cover;}

    /*内页*/
    .ny-banner {height: 130px;}
    .main {margin-top: 10px;}
    .leftmain {width: 100%;margin: 0 0 20px 0}
    .leftmain  img {max-width: 100% !important;}
    .rightmain {width: 100%;box-sizing: border-box;padding: 0 10px;}
    .leftsub {display: none}
    .leftnav-con ul:after { clear: both;display: table; content: ""; line-height: 0px; }
    .leftnav-con ul li {width: 50%;float: left;    border-right: 1px #b2b2b2 solid;box-sizing: border-box}
    .lefttel {display: none}
    .leftnav-head {padding: 10px 0 10px 20px;}
    .leftnav-head p {font-size: 18px;}
    .clinic-l {width: 100%;}
    .Section1-con ul li {width: 29%;margin: 0}
    .jianjie-head strong {font-size: 18px;}
    .clinic-ltext {width: 100%}
    .clinic-r {width: 100%}
    .jianjie-con table tbody {width: 100% !important;}
    .jianjie-con table td {width:100% !important;display: block;float: left}
    .jianjie-con table td img{width:100%;}

    .News-l {width: 125px;height: auto}
    .News-r {width: calc( 100% - 130px);}
    .News-r h1 {margin: 0 }
    #dituContent{width: 100% !important;max-width: 100% !important;}
    #dituContent,.ueditor_baidumap {width: 100% !important;max-width: 100% !important;}
    .ueditor_baidumap body>div {width: 100% !important;}
    .ueditor_baidumap *{max-width: 100% !important;}


}

@media screen and (max-width: 414px){
    .preview .swiper-slide {height: 119px;}
    .zj-box .swiper-pagination2 {top: 160px;}
}
@media screen and (max-width:360px){
    .preview .swiper-slide {height: 112px;}
    .zj-box .swiper-pagination2 {top: 140px;}
}