/*分页*/
.pre-pages{ text-align:center; padding:20px 0px 20px 0px; overflow:hidden; font-size: 14px;}
.pre-pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px; border-radius: 5px;}
.pre-pages a.a1 {width:56px; padding:0 }
.pre-pages a:hover { background:#024999; color:#fff; text-decoration:none; border:1px solid #5a85b2; }
.pre-pages span { display:inline-block; height:30px;padding:0 10px; line-height:30px; background:#024999; border:1px solid #5a85b2; color:#fff; text-align:center;  border-radius: 5px;}

/*路径*/
.bread{ font-size: 14px; line-height: 20px; text-align: left;  margin-bottom: 10px;}
.list-bg{background-color: #f8f8f8;}

.page-container{ padding-top: 45px;}
.page-menu{ width: 142px;border-radius: 6px;background: #FFFFFF;box-shadow: 0 2px 10px 0 rgb(61 138 187 / 10%);float: left;}
.page-menu .link{line-height: 54px; font-size: 16px; text-align: center; display: block;}
.page-menu .link a{display: block;}
.page-menu .link a:hover{ background-color: #3D8ABB;color: #FFF; }
.page-menu .link a.on{background-color: #3D8ABB;color: #FFF;}
.page-content{ float: right; width: 84%;}

.equipment ul{padding: 0; display: flex;justify-content: flex-start; flex-wrap: wrap;}
.equipment ul li{ list-style: none; padding: 0; margin: 0;float: left;width: 33.3%;margin-bottom: 43px;}
.equipment ul li a {transition: ease-in-out 0.2s;width: 90%;text-align: center;display: block;border-bottom: 1px solid transparent; overflow: hidden;}
.equipment ul li a:hover {border-bottom: 1px solid #3D8ABB;background: #FAFAFA;box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);}
.equipment ul li img {display: block; width: 100%;}
.equipment ul li p {font-size: 14px;color: #555;padding: 8px 0 14px; margin-top: 5px; margin-bottom: 5px; box-sizing: border-box;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.singpage{}
.singpage p{line-height: 28px;color: #666;}
.singpage .content{ line-height: 24px;}

.doctor{}
.doctor ul{ padding-left: 0;margin-right:-20px; overflow:hidden;}
.doctor ul li a:hover{ color: #3e4252;}
.doctor ul li{ display: inline-block; border: 1px solid #EEEEEE; width: 490px; height: 200px; margin-right: 20px; margin-bottom: 20px; overflow: hidden;transition-duration: .3s;transition-property: box-shadow;}
.doctor ul li:hover{box-shadow: 0 0 15px 5px rgb(68 98 203 / 10%);color: #2563eb;}
.doctor ul li img{ width: 160px;}
.doctor ul li span{ display: block; padding: 20px; text-align: left;  margin-right: 10px; width: 300px;}
.doctor ul li span h1{ font-size: 22px;}
.doctor ul li span h1>i{ font-style: normal; font-size: 15px; margin-left: 20px; color: #666;}
.doctor ul li span p{ font-size: 15px; padding-top: 10px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;height: auto;line-height: 32px;max-height: 110px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.doctor ul li span>i{ font-style: normal; text-align: right; font-size: 13px; display: block; margin-top: 10px;}

.show-box{}
.show-box .view-title{ font-size: 30px; text-align: center; line-height: 40px;}
.show-box .view-share{ text-align: center;margin: 25px 0;}
.show-box .view-share span{ display: inline-block; margin-right: 30px; font-size: 14px;}
.show-box .view-line{ margin: 5px 0; border-top: 1px solid #ececeb}
.show-box .show-content{ padding-top: 20px; line-height: 25px;}
.show-box .show-content img{ max-width: 840px !important; height: auto !important;}
.show-box .new-cont{ padding: 20px 30px; background-color: #FFF;}

.show-btn{ padding-top: 30px;}
.show-btn a{ margin-left: 140px;}

.news{}
.news .left-box{ width: 280px; margin-right: 20px;}
.news .left-box .left-ad{}
.news .left-box .left-ad img{ width: 100%;}
.news .catid-name{position: relative;background: url("../images/dd2.png"); background-position: center center;height: 100px; }
.news .catid-name:after {background-color: rgba(32,112,175,.7);content: "";height: 100%; left: 0;position: absolute;top: 0;width: 100%;z-index: 5;}
.news .catid-name .name{text-align: center; vertical-align: middle; font-size: 26px; color: #FFF;  width: 100%; font-weight: bold; position:absolute;z-index: 10; top: 35px;}
.news .catid-name .name:before{border-top: 2px solid hsla(0,0%,100%,.5);content: "";display: inline-block;margin-right: 10px;position: relative;top: -11px;width: 30px;}
.news .catid-name .name:after{border-top: 2px solid hsla(0,0%,100%,.5);content: "";display: inline-block;margin-left: 10px;position: relative;top: -11px;width: 30px;}
.news .left-box .new-box{ background-color: #FFF; margin-top: 15px; padding: 10px; padding-top: 20px; padding-bottom: 20px;}
.news .left-box .new-box ul,.news .left-box .new-box li{ margin: 0;padding: 0; }
.news .left-box .new-box .tit{ font-size: 16px; margin-top: 10px;color: #555;}
.news .left-box .new-box li{padding: 15px 10px 0;position: relative;font-size: 14px; color: #000;}
.news .left-box .new-box li span{ float: right;}
.news .left-box .doctor-box{ background-color: #FFF; padding: 10px; margin-top: 15px; padding-top: 20px; padding-bottom: 20px;}
.news .left-box .doctor-box .swiper-slide{position: relative;}
.news .left-box .doctor-box .swiper-slide a:hover{color: initial;}
.news .left-box .doctor-box .swiper-slide .n{ font-size: 19px; font-weight: bold; text-align: center; margin-top: 10px;}
.news .left-box .doctor-box .swiper-slide .p{ font-size: 16px; margin-top: 10px;}
.news .left-box .doctor-box .swiper-slide .n .t{padding:20px;font-size:15px; padding-top: 20px; font-weight:normal;line-height:28px;max-height: 70px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: auto;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.news .left-box .doctor-box .imgs{text-align: center; margin: 0 auto; width: 200px; height: 260px; overflow: hidden;}
.news .left-box .doctor-box img{width: 100%; }
.news .left-box .doctor-box .bot{ margin-top: 30px;}
.news .left-box .doctor-box .bot a{ margin-left: 20px;}
.news .left-box .doctor-box .bot a:hover{ color: #FFF;}


.news .right-box{ width: 900px;}
.news .right-box ul{ display: block; margin: 0 10px; padding-left: 0;}
.news .right-box ul li{ display: block;  padding: 15px 10px; background-color: #FFF; margin-bottom: 10px; border-radius: 10px;}
.news .right-box ul li a{ color: #575757;}
.news .right-box ul li a:hover{color: #333333;}
.news .right-box ul li img{ width: 160px; border-radius: 5px;}
.news .right-box ul li .ctn{ width:600px; padding-left: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.3s ease-out 0s;}
.news .right-box ul li a:hover .ctn{ padding-left: 35px; width: 610px;}
.news .right-box ul li .ctn h1{ font-size: 16px;line-height:26px;max-height: 70px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: auto;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.news .right-box ul li .ctn p{ font-size: 14px; line-height: 26px; margin-bottom: 0; margin-top: 10px; display: block; color: #999999;max-height: 70px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: auto;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.news .right-box ul li .am-fr{ margin-right: 10px;}
.news .right-box ul li .am-fr span{ display: block; font-size: 20px;}
.news .right-box ul li .am-fr i{ font-style:normal; display: block; width: 90%; height: 9px; margin-top: 30px;}
.news .right-box ul li a:hover .am-fr i{ background: url(../images/arc_arrow1.png) no-repeat right center;}

.quguang{padding-bottom:20px;}
.quguang .quguang-line{ height:40px;}
.quguang img{transition: transform 2s;}
.quguang .quguang-title h1,.quguang .quguang-title h3{ font-size: 30px; margin: 0; padding: 0;}
.quguang .quguang-title h3{ font-size: 24px; font-weight: normal; margin-top: 10px;}
.quguang .quguang-content{ font-size: 16px;line-height: 24px; margin-top: 20px;}
.quguang .quguang-mt20{ margin-top: 20px;}
.quguang .quguang-mt30{ margin-top: 30px;}
.quguang .quguang-yq .cont{ position: absolute;left: 30px; top: 30px; z-index: 10;color: #000;}
.quguang .quguang-yq .cont h1{font-size: 22px; font-weight: bold; color: #000;}
.quguang .quguang-yq .cont p{ font-size: 18px;color:#000;}
.quguang .quguang-yq .cont .am-btn{ font-size: 16px;}

.quguang .quguang-yq .am-fl{ width: 800px; position: relative; overflow: hidden;}
.quguang .quguang-yq .am-fl img{ display: block; position: relative; z-index: 5;}

.quguang .quguang-yq .am-fr{ width: 390px; position: relative;}
.quguang .quguang-yq .am-fr .hd{ overflow: hidden;}
.quguang .quguang-yq .am-fr .hd a{ display:block;overflow: hidden; position: relative;}
.quguang .quguang-yq .am-fr .hd a:hover{ color: initial;}
.quguang .quguang-yq .am-fr .cont{ position: absolute;left: 30px; top: 110px; z-index: 10;}

.quguang .quguang-yq .am-fr .bt{ height: 283px; margin-top: 10px; position: relative;z-index: 20; }
.quguang .quguang-yq .am-fr .bt a{ display: block; width: 100%; height: 100%; background-color: #0e90d2;transform: translateZ(0);}
.quguang .quguang-yq .am-fr .bt a:hover{ transition: opacity .5s,background-color .5s;}
.quguang .quguang-yq .am-fr .bt .cont{ position: absolute;top: 90px; z-index: 10;width: 280px; line-height: 30px; color: #FFF; overflow: hidden;display: block; }
.quguang .quguang-yq .am-fr .bt .cont h1{font-size: 24px; font-weight: bold; color: #FFF;}
.quguang .quguang-yq .am-fr .bt .cont p{ font-size: 22px; color: #FFF;}

.quguang .quguang-ss .cont{ position: absolute;left: 30px; top: 30px; z-index: 10;}
.quguang .quguang-ss .cont h1{font-size: 18px; font-weight: bold;}
.quguang .quguang-ss .cont p{ font-size: 18px;}
.quguang .quguang-ss .cont .am-btn{ font-size: 16px;}
.quguang .quguang-ss .ss1 .am-fl{ width: 393px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss1 .am-fr{ width: 795px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss1 .am-fr .cont{ top:initial; bottom: 60px; left: 80px;}

.quguang .quguang-ss .ss2{ margin-top: 15px;}
.quguang .quguang-ss .ss2 .am-fl{ width: 795px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss2 .am-fr{ width: 393px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss2 .am-fr .cont{left: initial; right: 30px; text-align: right;}
.quguang .quguang-ss .ss2 .am-fr img{ position: relative;left: -300px; top: -10px;}

.quguang .quguang-ss .ss3{ margin-top: 15px;}
.quguang .quguang-ss .ss3 .part1{ width: 390px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss3 .part2{ width: 390px; overflow: hidden; position: relative; margin-left: 15px;}
.quguang .quguang-ss .ss3 .part2 .cont{ left: initial; right: 30px; text-align: right;}
.quguang .quguang-ss .ss3 .part3{ width: 390px; overflow: hidden; position: relative;}
.quguang .quguang-ss .ss3 .part3 .cont{ left: initial; right: 30px; text-align: right;}

.quguang .am-fl:after,.quguang .am-fr:after{ transition: background-color .5s;content: " ";left:0;top: 0; display: block; position: absolute; width: 0; height:0; z-index: 6;}
.quguang .am-fl:hover:after,.quguang .am-fr:hover:after{width: 100%; height: 100%; background-color: hsla(0,0%,100%,.5);}
.quguang .am-fl:hover img,.quguang .am-fr:hover img{transform: scale(1.06);}

@media only screen and (max-width: 992px){
    .page-container{padding: 10px;}
    .page-content{ width: 100%;}
    .page-menu{ width: 100%; text-align: center;margin-bottom: 15px;}
    .page-menu .menu-title {display: block; padding: 0 20px; background: #3D8ABB; color: #FFF; position: relative}
    .page-menu .menu-title i{ color: #FFF; position: absolute; top: 6px; right: 15px;}
    .page-menu .menu-title span{padding: 0 5px;display: block;height: 30px;line-height: 30px;text-align: center;font-size:14px;color: #fff;}
    .page-menu .link{ line-height: 40px;display: none; }
    .page-menu .link a.on{background-color: #FFF;color:#3A8EBC;}

    .singpage img{ display: block; margin: 0 5px 0 5px;  max-width: 100% !important; height: auto !important;}

    .equipment ul{}
    .equipment ul li{ width: 100%; margin-bottom: 10px;}
    .equipment ul li a{ width: 100%;}
    .equipment ul li img{ height: auto}

    .list-bg{ background-color: #FFF;}

    .doctor{}
    .doctor ul{ padding-left: 0;margin-right:0; overflow:hidden;}
    .doctor ul li{ display:block; border: 1px solid #EEEEEE; width: 100%;height: auto;}
    .doctor ul li img{ width: 25% !important;}
    .doctor ul li span{ display: block; padding: 10px; text-align: left;  margin-right: 0; width: 70%;}
    .doctor ul li span h1{ font-size: 22px; margin-bottom: 10px; margin-top: 10px;}
    .doctor ul li span p{ margin-bottom: 0;max-height:100px;line-height: 25px; padding-top: 0;}
    .doctor ul li span h1>i{ font-style: normal; font-size: 15px; margin-left: 20px; color: #666;}
    .doctor ul li span>i{ font-style: normal; text-align: right; font-size: 13px; display: block; margin-top: 10px;}

    .show-box .view-share{margin: 15px 0;}
    .show-box .view-title{ font-size: 25px;line-height: 35px;}
    .show-box .view-share span{ margin-right: 15px;}
    .show-box .show-content{ padding-top: 5px;}
    .show-box .show-content img{ width: 100% !important; height: auto !important;}
    .show-box .new-cont{ padding: 0;}
    .show-btn{ padding-top: 20px; text-align: center;}
    .show-btn a{ margin-left: 0;text-align: center; display: block; float: inherit !important;}
    .show-btn a img{ width: 260px;}

    .news .right-box{ float: inherit !important; width: 100%;}
    .news .right-box ul{ padding-left: 0; margin: 0;}
    .news .right-box ul li{ padding: 15px 10px;}
    .news .right-box ul li .am-fl{ float: inherit; display: inline-block;}
    .news .right-box ul li .am-fr{ display: none;}
    .news .right-box ul li .ctn{ width: 58%;float: right; padding-left: 5px;}
    .news .right-box ul li .ctn h1{ margin-bottom: 5px; line-height:24px;}
    .news .right-box ul li .ctn p{ line-height: 22px; margin: 0;}
    .news .right-box ul li a:hover .ctn{ padding-left:10px; width: 58%;}
    .news .right-box ul li .imgs{ width: 40%;}
    .news .right-box ul li img{ height: auto; width: 100%;}

    .pre-pages a,.pre-pages i{ display: none;}
    .pre-pages a.a1{ display: inline-block;}

    .quguang .quguang-title h1,.quguang .quguang-title h3{ font-size: 26px; margin: 0; padding: 0;}
    .quguang .quguang-title h3{ font-size: 22px; font-weight: normal; margin-top: 10px;}
    .quguang .cont .am-btn{ padding: 0.2em 0.6em; font-size: 14px !important;}
    .quguang .quguang-ss .cont{ position: absolute;left: 10px; top: 20px; z-index: 10;color: #000;}
    .quguang img{transition: transform 2s; width: 100%;}
    .quguang .quguang-line{ height: 20px;}

    .quguang .quguang-ss .cont h1{font-size: 18px; font-weight: bold;}
    .quguang .quguang-ss .cont p{ font-size: 14px;}

    .quguang .quguang-ss .ss1 .am-fl{ width: 49%; height: 260px;}
    .quguang .quguang-ss .ss1 .am-fr{ width: 49%; height: 260px;}
    .quguang .quguang-ss .ss1 .am-fr .cont{left: initial; bottom: 20px; right: 10px; text-align: right;}
    .quguang .quguang-ss .ss1 .am-fr img{ width: auto; height:260px; position: relative; left: -70px;}

    .quguang .quguang-ss .ss2 .am-fl{ width: auto; height: 260px;}
    .quguang .quguang-ss .ss2 .am-fl .cont{left: 20px;}
    .quguang .quguang-ss .ss2 .am-fr{ width: auto; height: 260px; margin-top: 20px;}
    .quguang .quguang-ss .ss2 .am-fr img{ left: 0px; top: 0;}
    .quguang .quguang-ss .ss2 .am-fr .cont{top:20px; left: 20px; text-align: left;}

    .quguang .quguang-ss .ss3 .part1,.quguang .quguang-ss .ss3 .part2,.quguang .quguang-ss .ss3 .part3{ width: 31%; }
    .quguang .quguang-ss .ss3 .cont{ top: initial; bottom: 20px;}
    .quguang .quguang-ss .ss3 .cont h1{ position: absolute; top: -100px; font-weight: normal; font-size: 13px;}

    .quguang .quguang-yq .cont{ top: 20px; left: 10px;}
    .quguang .quguang-yq .am-fl{ width: auto;}
    .quguang .quguang-yq .am-fr{ width: 100%; margin-top: 15px;}
    .quguang .quguang-yq .am-fr .hd{ width: 67%;  float: left; height: 200px;}
    .quguang .quguang-yq .cont h1{font-size: 18px;}
    .quguang .quguang-yq .am-fr .cont{ left: 10px; top: 20px;}
    .quguang .quguang-yq .am-fr .hd img{ width: auto;height: 210px; position: relative; left: -25px;}
    .quguang .quguang-yq .am-fr .bt{ height: 200px; float:right; margin-top: 0; width:30% }
    .quguang .quguang-yq .am-fr .bt .cont{ top: 90px; width: 100%; left: 0;}
    .quguang .quguang-yq .am-fr .bt .cont h1{ text-align: center; font-size: 20px;}
}