.newsHot{margin-bottom: 80px; margin-top: 3%;} .newsHot dl dd{float: left;width: 64.4%;height: 100%;} .newsHot dl dt{float: left;width: 35.6%;background: #f4f4f4;height: 100%;padding: 6% 4%;box-sizing: border-box;} .newsHot dl dt span{color: #464646;font-size: 12px;display: block;margin-bottom: 25px;} .newsHot dl dt h2{margin-bottom: 20px;line-height: 30px;height: 60px;overflow: hidden;} .newsHot dl dt p{color: #777777;line-height: 30px;height: 150px;overflow: hidden;} .newsHot .lhl_but div{background: none;font-size: 30px;font-weight: bold;transition: all .3s;} .newsHot .lhl_but div.swiper-button-next{right:calc(35.6% + 10px);} .newsHot .swiper-pagination{float: right;width: 35.6%;right: 0;left: auto;padding: 0 4%;box-sizing: border-box;text-align: left;bottom: 10%;font-size: 16px;} .newsHot .swiper-pagination .swiper-pagination-current{color: #e6003e;font-size: 18px;} .newsList{margin-bottom: 8%;} .newsList ul{margin-bottom: 5%;} .newsList dl{padding: 40px 60px;overflow: hidden;background: #f4f4f4;border: 1px solid #f4f4f4;} .newsList dd{float: left;width: 100px;margin-right: 60px;} .newsList dd p{width: 65px;height: 38px;background: url(../images/xline.png) no-repeat bottom right;float: left;font-weight: bold;} .newsList dd span{float: left;margin-top: 18px;margin-left: -5px;} .newsList dt{float: right;width: calc(100% - 165px);} .newsList dt h2{font-weight: bold;margin-bottom: 10px;} .newsList dt p{color: #777777;line-height: 25px;height: 50px;overflow: hidden;} .newsList li:nth-child(2n) dl{border: 1px solid #fff;background: #fff;} .media_01{margin-bottom: 6%;} .media_tab{margin-bottom: 30px;} .media_tab ul{text-align: center;} .media_tab li{display: inline-block;color: #adadad;margin: 0 20px;font-style: oblique;cursor: pointer;} .media_tab li.on{color: #464646;font-weight: bold;} .tabcon-item{display: none;} .tabcon-item.on{display: block;} .media_tabcon ul{margin-left: -15px;margin-right: -15px;overflow: hidden;} .media_tabcon li{float: left;padding: 0 15px;box-sizing: border-box;width: 33.3%;} .media_tabcon li dd{overflow: hidden;} .media_tabcon li dt{padding: 30px 18px;box-sizing: border-box;} .media_tabcon li dt p{font-weight: bold;line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 15px;} .media_tabcon li dt span{font-size: 12px;border-top: 1px solid #e8e8e8;padding-top: 15px;display: block;} .media_tabcon .banner_link{margin-top: 20px;} .media_tabcon .banner_link a {margin: 0 auto;} .media_02{margin-bottom: 7%;} .media_02 ul{margin-left: -20px;margin-right: -20px;overflow: hidden;} .media_02 li{float: left;width: 50%;padding: 0 20px;box-sizing: border-box;} .media_02 li dl{position: relative;} .media_02 li dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 70px;box-sizing: border-box;color: #fff;} .media_02 li dt h2{margin-bottom: 40px;font-weight: bold;font-style: oblique;} .material_t{border: 1px solid #eeeeee;padding: 0 30px;margin-bottom: 60px; margin-top: 3%;} .material_item{box-sizing: border-box;overflow: hidden;} .material_t dl{border-bottom: 1px solid #e2e2e2;box-sizing: border-box;overflow: hidden;padding: 18px 0;} .material_t dl:last-child{border-bottom: 0;} .material_t dd{float: left;width: 96px;margin: 10px 0;} .material_t dt{float: left;width: calc(100% - 100px);padding-right: 60px;box-sizing: border-box;position: relative;height: 42px;overflow: hidden;} .material_t dt li{float: left;margin-right: 35px;line-height: 22px;cursor: pointer;margin-top: 10px;margin-bottom: 10px;} .material_t dt li em{width: 22px;height: 22px;display: inline-block;background: url(../images/box_01.png) no-repeat;background-size: cover;vertical-align: middle;margin-top: -3px;margin-right: 12px;} .material_t dt li.on em{background: url(../images/box_01_on.png) no-repeat;background-size: cover;} .material_t .lookMore{cursor: pointer;font-weight: bold;position: absolute;right: 0;width: 60px;top: 10px;} .material_t dl.on{} .material_t dl.on dt{height: auto;} .material_t dl.on dt li{} .material_tit{border-bottom: 2px solid #30416d;padding-bottom: 25px;margin-bottom: 40px;} .material_tit span{color: #ca1b41;} .material_list{margin-bottom: 7%;} .material_list ul{margin-bottom: 5%;} .material_list dl{padding: 30px 35px;box-sizing: border-box;overflow: hidden;border: 1px solid #fff;transition: all .3s;} .material_list dd{float: left;width: calc(100% - 300px);} .material_list dd h2 a{display: block;margin-bottom: 12px;font-weight: bold;text-transform: uppercase;} .material_list dd span{padding: 0 15px;box-sizing: border-box;float: left;position: relative;} .material_list dd span:after{content: "";display: block;width: 1px;height: 14px;background: #676767;right: 0;top: 50%;margin-top: -7px;position: absolute;} .material_list dd span:first-child{padding-left: 0;} .material_list dd span:last-child:after{display: none;} .material_list dt{float: right;width: 280px;margin-top: 10px;} .material_list dt p{float: left;margin-right: 20px;width: 128px;height: 36px;text-align: center;line-height: 36px;background: url(../images/material_01.png) no-repeat;background-size: cover;cursor: pointer;color: #30416d;} .material_list dt p:last-child{margin-right: 0;color: #e6003e;} .material_list dt p:last-child a{color: #e6003e;} .material_list dt p img{vertical-align: middle;margin-right: 10px;margin-top: -3px;} .material_list li:nth-child(2n) dl{border: 1px solid #f4f4f4;background: #f4f4f4;} .img_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .img_appbox.show{visibility: visible;opacity:1;} .img_appbox .img_t{ z-index:2; width: 50%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .img_appbox .img_t img{width: 100%;} .img_appbox.show .img_t{ visibility: visible;opacity:1; top:50%; } .img_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .img_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .img_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .img_close i{color: #fff;font-size:20px;font-weight: bold;} @media only screen and (min-width:1025px) { .newsList li a:hover{color: #30416d!important;} .newsList li a:hover dl{border-color: #30416d;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .newsList li a:hover dl dt h2{color: #30416d;} .newsList li a:hover dl dt p{color: #30416d;} .newsHot .lhl_but div:hover{color: #e6003e;} .material_list dt p:hover{opacity: .8;} .material_list li dl:hover{border-color: #30416d;box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;} } @media only screen and (max-width:1024px) { .newsHot dl{height: auto!important;} .newsHot dl dd,.newsHot dl dt{width: 100%;} .newsHot .lhl_but div.swiper-button-next{right: 10px;} .newsHot .swiper-pagination{width: 100%;text-align: center;bottom: 30px;} .media_02 li dt{padding: 40px;} .media_02 li dt h2{margin-bottom: 20px;} } @media only screen and (max-width:767px) { .newsHot{margin-bottom: 40px;} .newsHot .lhl_but div{top: 18%;background: #30416d;width: 40px;height: 40px;color: #fff;line-height: 40px;text-align: center;font-size: 24px;} .newsHot .lhl_but div.swiper-button-prev{left: 0;} .newsHot .lhl_but div.swiper-button-next{right: 0;} .newsHot dl dt{padding-bottom: 50px;} .newsList dl{padding: 30px 20px;} .newsList dd,.newsList dt{width: 100%;} .newsList dd{margin-bottom: 20px;} .media_01{margin-bottom: 40px;} .media_tab li{margin: 0 10px;} .media_tabcon ul{margin-left: 0;margin-right: 0;} .media_tabcon li{width: 100%;padding: 0;} .media_02 ul{margin-left: 0;margin-right: 0;} .media_02 li{width: 100%;padding: 0;margin-bottom: 30px;} .media_02 li dt{padding: 30px;} .material_t{padding: 0 20px;margin-bottom: 30px;} .material_t dl{padding: 12px 0;} .material_t dd,.material_t dt{width: 100%;} .material_t dt{padding-right: 0;height: auto;} .material_t dt li{margin-right: 10px;margin-top: 5px;margin-bottom: 5px;} .material_t .lookMore{display: none;} .material_t dt li em{width: 12px;height: 12px;background-size: 100% 100%;} .material_tit{padding-bottom: 12px;margin-bottom: 12px;} .material_list dl{padding: 30px 20px;} .material_list dd,.material_list dt{width: 100%;} .material_list dd{margin-bottom: 20px;} } .publicity-list ul{margin: 0 -1% 2%;} .publicity-list li{ float: left; width:31.33%; margin: 0 1% 2%; padding: 0;} .publicity-list li .inner{border:2px solid #E7E7E7; padding:10% 10%;} .publicity-list li span{ display: block; margin-bottom: 5%; font-size: 12px; color:#404040; font-family: Arial, Helvetica, sans-serif;} .publicity-list li h2{margin-bottom:10%;} .publicity-list li h2 a{ font-weight: bold; color:#000;} .publicity-list li .btn{ display: block; width:128px; height: 36px; line-height: 36px; text-align: center; color:#fff!important; background: url(../images/dot12.png) no-repeat;} @media only screen and (max-width:767px){ .publicity-list ul{margin: 0 0 2%;} .publicity-list li{ widtH:100%; margin: 0 0 5%;} .publicity-list li .inner{padding:5%;} .publicity-list li h2{margin-bottom: 5%;} } .media_02 li dt .pharmacy_more{text-align: left;} .media_02 li dt .pharmacy_more a{text-align: center;} /*质量方针*/ .system_01{padding: 5% 7%;box-sizing: border-box;font-style: oblique;color: #fff;} .system_01 .occ_title{text-align: left;} .system_01 .occ_title p{line-height: 30px;margin-top: 10px;} .system_02{margin: 5% 0;} .system_img{text-align: center;width: 74%;margin: 0 auto;} .system_img img{width: 100%;} .material_t02 dt li em{background:#fff; margin-right: 6px;position: relative;border-radius: 50%;border:2px solid #e1e1e1;} .material_t02 dt li em:after{content:"";transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;visibility: hidden;opacity: 0;background:#d13c5d;width:6px;height: 6px;border-radius:50%;} .material_t02 dt li.on em{border-color:#d13c5d;background:#fff;} .material_t02 dt li.on em:after{visibility: visible;opacity: 1;} .xz_box .pharmacy_tab{display: block !important;}