.index-banner{}
.index-banner .swiper-container{position: relative;overflow:hidden;}
.index-banner .swiper-slide img{width:100%;position: relative;left: 50%;transform: translate3d(-50%, 0, 0);height: calc(1.6*100%);}
.index-banner .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #FFF;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 20px;}

.index-child-nav{ margin-top: 15px;}
.index-child-nav>.am-cf>.am-fl{width: 79.5%;}
.index-child-nav .nav-li{ width: 16%;}
.index-child-nav>.am-cf>.am-fl a{ display: block; text-align: center; width: 100%;border: 1px solid #F3F8FF; background-color: #F3F8FF; padding: 10px 0 10px 0;transition-duration: .3s;transition-property: box-shadow,border-color,background-color;}
.index-child-nav>.am-cf>.am-fl a span{ display: block;}
.index-child-nav>.am-cf>.am-fl a .icon{ font-size: 34px; color: #204EA0;}
.index-child-nav>.am-cf>.am-fl a:hover{ border: 1px solid #299AFF; background-color: #FFF;}
.index-child-nav>.am-cf>.am-fl a:hover .icon{color: #299AFF;}
.index-child-nav>.am-cf>.am-fl a .nav-name{ font-size: 15px; line-height: 40px; color: #000;}
.index-child-nav>.am-cf>.am-fr{ position: relative; width: 20%;}
.index-child-nav>.am-cf>.am-fr .name{ font-size: 22px;}
.index-child-nav>.am-cf>.am-fr .en{ font-size: 15px; margin-top: 10px;}
.index-child-nav>.am-cf>.am-fr .yygh,.index-child-nav>.am-cf>.am-fr .mzpb{ z-index:9999;position:absolute;display:block;width: 100%; height: 112px; color: #FFF; padding-top: 35px;padding-left: 25px;}
.index-child-nav>.am-cf>.am-fr .yygh{ top:-127px; left: 0; background-color: rgba(47,123,182, .9)}
.index-child-nav>.am-cf>.am-fr .yygh:hover{background-color: #2F7BB6; }
.index-child-nav>.am-cf>.am-fr .mzpb{ top:-15px; left: 0; background-color: rgba(46,175,194, .9)}
.index-child-nav>.am-cf>.am-fr .mzpb:hover{background-color: #2EAFC2; }

.news-box{ margin-top: 50px;}
.news-box>.news-nav>.title{ font-size: 30px; font-weight: 400;margin-right: 30px; display: block; float: left;}
.news-box>.news-nav>.menu{float: left;}
.news-box>.news-nav>.menu>.menu-item{border-radius: 15px;display: inline-block;font-size: 16px;margin-right: 15px;padding: 8px 14px;transition: unset;}
.news-box>.news-nav>.menu>.menu-item.item--on{background-color:#1469AB;color: #fff;}
.news-box>.news-nav>.more{ float: right;  font-size: 14px;}
.news-box>.news-nav>.more:hover{background-color: #f59e0b;border-color: #f59e0b;color: #fff;}
.news-box>.news-content{ padding-top: 30px;}
.news-box>.news-content>.focus{ width: 52.6%;}
.news-box>.news-content>.focus .swiper-slide a{ display: block; overflow: hidden; width: 630px; height: 337px;}
.news-box>.news-content>.focus>.focus-bottom{ margin-top: 15px;}
.news-box>.news-content>.focus>.focus-bottom img{width: 100%;}
.news-box>.news-content>.focus>.focus-bottom  [class*=am-u-] {padding-left: 0;padding-right: .7rem;}
.news-box>.news-content>.focus>.focus-bottom  [class*=am-u-]+[class*=am-u-]:last-child {float: right; padding-right: 0; padding-left: .7rem;}
.news-box>.news-content>.focus>.focus-bottom a{ display: block; width: 100%;position: relative; overflow: hidden;}
.news-box>.news-content>.focus>.focus-bottom a img{ height:200px;}
.news-box>.news-content>.focus>.focus-bottom a span{ display: block; width: 100%; line-height: 35px; color: #FFF; position: absolute;left: 0; bottom: 0;background-color: rgba(0,0,0,.3); padding-left: 10px;}
.news-box>.news-content>.focus>.focus-bottom a:hover span{background-color: rgba(96,165,250,.3);}

.news-box .news-content .swiper-container{position: relative;overflow:hidden;}
.news-box .news-content .swiper-container .swiper-slide img{position: relative;left: 50%;transform: translate3d(-50%, 0, 0);height: 337px;}
.news-box .news-content .swiper-container .swiper-slide a span{display: block; position: absolute; opacity: 1;transition-duration: .3s;transition-property: background-color; left: 0;bottom: 0; color: #FFF; padding-left: 10px; line-height: 40px; background-color: rgba(0,0,0,.2); width: 100%; cursor: pointer;}
.news-box .news-content .swiper-container .swiper-slide a:hover span{ background-color: rgba(96,165,250,.3);}
.news-box .news-content .swiper-container .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #FFF;opacity:1;}
.news-box .news-content .swiper-container-horizontal .swiper-pagination-bullets{ height:40px;  line-height:40px; bottom: 0; text-align: right; padding-right: 20px;}
.news-box .news-content .swiper-container .swiper-pagination-bullet-active{ width: 32px; border-radius: 50em; background-color: #60a5fa;}

.news-box>.news-content>.lists{ width: 45%; height: 570px; overflow: hidden;}
.news-box>.news-content>.lists>.hot-line{border-bottom: 1px dashed #e6e6e7;margin-bottom: 15px;}
.news-box>.news-content>.lists>.hot-line a{font-size: 24px;font-weight: 600;line-height: 38px;max-height: 76px; -webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: auto; overflow: hidden; text-overflow: ellipsis;word-break: break-all;}
.news-box>.news-content>.lists>.hot-line p{color: #4b5563;line-height: 28px;max-height: 50px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;height: auto;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.news-box>.news-content>.lists>.news-lists .news-link{-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;font-size: 18px;height: auto;line-height: 34px;margin-bottom: 10px;max-height: 34px;overflow: hidden;padding-left: 20px;position: relative;text-overflow: ellipsis;word-break: break-all;}
.news-box>.news-content>.lists>.news-lists .news-link:before {background-color: #6b7280;border-radius: 50%;content: "";display: block;height: 4px;left: 0;position: absolute;top: 18px;width: 4px;}
.news-box .index-news-lists{ display: none;}

.space-title{ height: 140px; text-align: center; position: relative;}
.space-title>.bg{ font-size: 50px; font-weight: bold; opacity: .1;}
.space-title>.tit{ position: absolute;  width: 100%; text-align: center; top: 20px; color: #2052AD; font-weight: bold; font-size: 40px;}
.space-title>.tit>p{ font-size: 14px; padding-top: 10px; color: #0C0C0C; opacity: .3;}
.space-title.white>.bg{ color: #FFF;}
.space-title.white>.tit{ color: #FFF;}
.space-title.white>.tit>p{ color: #FFF;opacity: 1;}


.expert-box{ padding-top: 100px; position: relative; margin-bottom: 40px;}
.expert-box .swiper-button-next{ right: -60px;top: 41%;}
.expert-box .swiper-button-prev{ left: -60px;top: 41%;}
.expert-box .thumb-box{margin: 0 -9px 20px; overflow: hidden;}
.expert-box .thumb-box .swiper-wrapper{ }
.expert-box .thumb-box .swiper-slide{ cursor: pointer;width: 287px !important; height: 110px; display: inline-block; background-color: #EDF3F9; margin:0 10px;}
.expert-box .thumb-box .swiper-slide .am-fl{ margin: 20px; margin-right: 0;}
.expert-box .thumb-box .swiper-slide .am-fl .n{ font-size: 22px;}
.expert-box .thumb-box .swiper-slide .am-fl .p{ font-size: 13px; line-height: 20px; margin: 0;}
.expert-box .thumb-box .swiper-slide .am-fr{ width: 90px; height: 90px; overflow: hidden; background-color: #FFF; margin: 10px; /*padding-top: 10px;*/}
.expert-box .thumb-box .swiper-slide .am-fr img{ width: 100%;}
.expert-box .thumb-box .swiper-slide-active{ color: #FFF; background-color: #204EA0;}

.expert-box .swiper-expert{ position: relative;}
.expert-box .swiper-expert .swiper-wrapper{height: 350px;}
.expert-box .swiper-expert .slide{  display: none; width: 870px;}
.expert-box .swiper-expert .slide .am-fl{ display: block; width: 310px; height: 348px; overflow: hidden;background-color: #FFF; /*padding-top: 20px;*/}
.expert-box .swiper-expert .slide .am-fl img{ width: 100%;}
.expert-box .swiper-expert .slide .doctor-info{ width: 530px;}
.expert-box .swiper-expert .slide .doctor-info .doctor-name{display: block;font-size: 26px;font-weight: bolder; margin: 12px 0 24px;}
.expert-box .swiper-expert .slide .doctor-info .doctor-post{ margin-bottom: 24px;}
.expert-box .swiper-expert .slide .doctor-info .doctor-dep{ margin-bottom: 24px;}
.expert-box .swiper-expert .slide .doctor-info .doctor-intro-title{font-size: 18px;margin-bottom: 24px;position: relative;}
.expert-box .swiper-expert .slide .doctor-info .doctor-intro-title:after {background-color: #4462cb;bottom: -10px;content: "";display: block;height: 2px;position: absolute; width: 36px;}
.expert-box .swiper-expert .slide .doctor-info .doctor-intro-body {-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;height: auto;line-height: 32px;max-height: 96px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
.expert-box .swiper-expert .slide .doctor-info .am-btn{ margin-top: 20px;}

.expert-box .expert-link-box{ width: 302px; position: absolute; right: -7px; top: 0; z-index: 999;}
.expert-box .expert-link-box .expert-link-box-header{border-radius: 4px 4px 0 0;color: #fff;font-size: 18px; font-weight: bolder;line-height: 44px;text-align: center; width: 100%;}
.expert-box .expert-link-box .expert-link-box-list{margin: 0 -2px;box-sizing: border-box;}
.expert-box .expert-link-box .expert-link-box-list .link-item{background-color: hsla(0,0%,100%,.95);float: left;font-size: 12px;height: 90px;margin: 2px;padding: 18px 10px;text-align: center;transition-duration: .3s;transition-property: box-shadow;width: 98px;}
.expert-box .expert-link-box .expert-link-box-list .link-item:hover{box-shadow: 0 0 15px 5px rgb(68 98 203 / 10%); color: #2563eb;}
.expert-box .expert-link-box .expert-link-box-list .item__icon{color: #60a5fa;display: block; font-size: 30px;margin-bottom: 10px;transition-duration: .3s;transition-property: color;}

.department-box{ padding: 70px 0;}
.department-box .am-u-sm-6{ padding: 0;}
.department-box .box-body{transition-duration: .3s;transition-property: box-shadow;background-color: #FFF; border-radius: 10px; height: 230px; margin: 10px; padding: 30px;}
.department-box .box-body:hover{box-shadow: 0 0 15px 5px rgb(68 98 203 / 10%);}
.department-box .box-body .title{ height: 80px; background-size: auto 90%; background-repeat: no-repeat; padding-left: 120px;}
.department-box .box-body .title-body{ font-size: 33px; padding-top: 10px; font-weight: 600; color: #737272;}
.department-box .box-body .title-body p{font-size: 12px; margin-top: 10px;}
.department-box .box-body .title-icon1{ background-image: url("../images/ico_dep_1.png");}
.department-box .box-body .title-icon2{ background-image: url("../images/ico_dep_2.png");}
.department-box .box-body .title-icon3{ background-image: url("../images/ico_dep_3.png");}
.department-box .box-body .title-icon4{ background-image: url("../images/ico_dep_4.png");}
.department-box .box-body .dep-text{ color: #848484; font-size: 17px; line-height: 30px;}
.department-box .box-body .dep-text a{ display: inline-block; border:1px solid #024999; border-radius: 10px; padding: 0 15px; color: #136CAC; margin-left: 10px; }

.diopter-box{padding: 70px 0;}
.diopter-box .am-u-sm-6{ padding: 0;}
.diopter-box .diopter-list{ overflow: hidden;}
.diopter-box .diopter-list a{ display: block; margin: 10px; position: relative; overflow: hidden; border-radius: 10px;}
.diopter-box .diopter-list a img{ width: 100%; height: 313px;}
.diopter-box .diopter-list a p{ display: block; width: 30px; position: absolute;word-wrap:break-word;writing-mode:vertical-rl; font-size: 26px; color: #FFF; left: 30px; bottom: 20px;}

.equipment-box{padding: 70px 0;}
.equipment-list{ position: relative;}
.equipment-list .swiper-button-prev{ left: -60px;}
.equipment-list .swiper-button-next{ right: -40px;}
.equipment-list .swiper-slide{}
.equipment-list .swiper-slide .am-fl{ width: 50%; background-color: #1469AB; border-radius: 10px; height: 553px;}
.equipment-list .swiper-slide .am-fl a{ display: block; margin: 40px;  color: #FFF; text-align: center;}
.equipment-list .swiper-slide .am-fl a span{height: 420px; overflow: hidden; display: block; border-radius: 10px;}
.equipment-list .swiper-slide .am-fl a p{ display: block; font-size: 22px; margin-top: 30px;}
.equipment-list .swiper-slide .am-fl img{ width: 100%;}
.equipment-list .swiper-slide .am-fr{ width: 50%; margin-top: -15px; display: -moz-box; padding-top: 3px;}
.equipment-list .swiper-slide .am-fr a{ display: inline-block; width: 260px; overflow:hidden;background-color:#1469AB; margin-bottom: 15px; margin-left: 25px;}
.equipment-list .swiper-slide .am-fr a p{ font-size: 15px; color: #FFF; text-align: center; padding: 0 5px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;height: auto;line-height: 20px;overflow:hidden; }
.equipment-list .swiper-slide .am-fr img{ width: 100%; height: 220px;}
.equipment-list .equipment-mobile-swiper-container .swiper-slide{background-color: #0F3394; border-radius: 10px;}
.equipment-list .equipment-mobile-swiper-container .swiper-slide a{ display: block; margin: 20px;  color: #FFF; text-align: center;}
.equipment-list .equipment-mobile-swiper-container .swiper-slide a span{border-radius: 10px; overflow: hidden; display: block;}
.equipment-list .equipment-mobile-swiper-container .swiper-slide a p{ display: block; font-size: 17px;}
.equipment-list .equipment-mobile-swiper-container .swiper-slide img{ width: 100%;}

.special-box{padding: 70px 0;}
.special-box .special-list{ padding: 0 -10px; position: relative;}
.special-box .special-list .swiper-button-white{ display: none;}
.special-box .special-list a{ display: inline-block; margin: 0 10px; width: 375px; height:210px; position: relative; overflow: hidden;}
.special-box .special-list a span{ display: block; position: absolute; left: 0; bottom: 0; margin: 0; opacity: .5; width: 100%; line-height: 40px; text-align: center; background-color: #000; }
.special-box .special-list a p{ display: block; position: absolute; left: 0; bottom: 0; margin: 0; width: 100%; line-height: 40px; text-align: center; color: #FFF;    overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 1;display: -webkit-box;}
.special-box .special-list a img{ width: 100%;}
.special-box .special-list .swiper-slide{ width: auto;}

@media only screen and (max-width: 992px){
    .index-child-nav>.am-cf>.am-fl a:hover{ border:0;}
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px;}
    .index-child-nav>.am-cf>.am-fl{width: 100%; }
    .index-child-nav>.am-cf>.am-fl a{ background-color: inherit; border: 0;}
    .news-box{ margin-top: 10px; padding: 20px;}
    .news-box>.news-nav>.menu>.menu-item{ font-size: 15px; padding: 6px 8px;}
    .news-box>.news-content>.lists{ width: 100%; height: 200px;}
    .news-box>.news-content>.lists>.hot-line a{font-size: 1.5rem;line-height: 2rem;}
    .news-box>.news-content>.lists>.hot-line p{ margin:.8rem 0 .8rem 0;font-size: 1.4rem; line-height: 1.8rem;}
    .news-box>.news-content>.lists>.news-lists .news-link{ margin-bottom: .6rem;font-size: 1.5rem; line-height:2rem; padding-left: 13px; }
    .news-box>.news-content>.lists>.news-lists .news-link:before{ top: 10px;}
    .expert-box{ padding-top: 0;}
    .space-title{ height: 90px;}
    .space-title>.tit{ font-size: 26px;}
    .space-title>.tit>p{font-size: 10px;}

    .department-box{padding: 10px 15px 30px;}
    .department-box .box-body{ height: auto; margin: 5px; padding: 10px 15px;}
    .department-box .box-body .title{height: 40px; padding-left: 45px;background-size: auto 70%;}
    .department-box .box-body .title-body{ font-size: 15px; padding-top: 5px;}
    .department-box .box-body .title-body p{  text-align: left;zoom:0.4; font-size: 8px; width: 100%; display: block;}
    .department-box .box-body .dep-text{ font-size: 1.5rem; line-height: 20px;}
    .department-box .box-body .dep-text span{-webkit-box-orient: vertical;-webkit-line-clamp: 4;display: -webkit-box;height: auto;max-height: 126px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
    .department-box .box-body .dep-text a{ display: block; text-align: center; font-size: 12px; padding: 0 5px; margin-top: 5px;}

    .diopter-box{padding: 10px 0;}
    .diopter-box .diopter-list a p{ font-size: 12px; width: 20px; left: 10px; bottom: 10px; margin: 0;}
    .diopter-box .diopter-list a img{ height: auto;}

    .mdoctor-list{}
    .mdoctor-list .swiper-slide{ background-color: #EFF2F7;}
    .mdoctor-list .swiper-slide .am-fl{ width: 48%; overflow: hidden; height: 300px; padding-top: 20px; padding-left: 20px; text-align: center;}
    .mdoctor-list .swiper-slide .am-fl img{ width: 100%;}
    .mdoctor-list .swiper-slide .am-fr{ width: 49%; padding-top: 30px; color: #434659; padding-right: 20px;}
    .mdoctor-list .swiper-slide .am-fr .name{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
    .mdoctor-list .swiper-slide .am-fr .intor{ font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 20px;}
    .mdoctor-list .swiper-slide .am-fr .text{ font-size: 14px; line-height: 25px;-webkit-box-orient: vertical;-webkit-line-clamp: 4;display: -webkit-box;height: auto;max-height: 126px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;}
    .mdoctor-list .swiper-slide .am-fr .text p{ margin: 0;}

    .equipment-box{padding: 10px 15px; padding-bottom: 30px;}
    .equipment-box .container{ padding: 0 20px;}
    .equipment-list .swiper-button-prev{ left: -25px; height: 25px;}
    .equipment-list .swiper-button-next{ right: -25px;height: 25px;}

    .special-box{padding: 0; padding-bottom: 20px;}
    .special-box .special-list{ padding: 0; overflow: hidden;}
    .special-box .special-list .swiper-slide{ width: 100%;}
    .special-box .special-list .swiper-slide a{ margin: 0; width: 100%; height: 100%;}
    .special-box .special-list .swiper-button-white{ display: block;height: 30px;margin-top: -12px;}
}
@media only screen and (min-width: 641px){
    .index-child-nav>.am-cf>.am-fl [class*=am-u-] {padding-left: 0;padding-right: 1rem;}
}