.blank_50{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgb(0,0,0,0.5);} .mCSB_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;} .mCSB_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#bb1338;} .mCSB_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#bb1338;} .padd_b50{padding-bottom: 50px;} .padd_b90{padding-bottom: 90px;} .padd_b120{padding-bottom: 120px;} .pad_100{padding: 100px 0;} @media only screen and (max-width:1660px){ .padd_b50{padding-bottom: 30px;} .padd_b90{padding-bottom: 70px;} .padd_b120{padding-bottom: 80px;} .pad_100{padding: 80px 0;} } @media only screen and (max-width:1440px){ .padd_b90{padding-bottom: 60px;} .padd_b120{padding-bottom: 70px;} .pad_100{padding: 60px 0;} } @media only screen and (max-width:1024px){ .padd_b50{padding-bottom: 20px;} .padd_b90{padding-bottom: 50px;} .padd_b120{padding-bottom: 50px;} } @media only screen and (max-width:767px){ .padd_b90{padding-bottom: 30px;} .padd_b120{padding-bottom: 30px;} .pad_100{padding: 30px 0;} } .banner li img{width: 100%;} .banner li video {position: absolute;width: 100%;height: 100%;left: 0px;top: 0;object-fit: cover;} .banner{position: relative;} .banner_text{z-index: 2;position: absolute;top:22%;left: 0;width: 100%;color: #fff;font-style: oblique;} .w_5{width:60%;padding-left: 40px;} .banner_text h2{line-height: 90px;max-height:180px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;margin-bottom: 100px;} .banner_text p{line-height: 26px;margin-bottom:10px;white-space: nowrap;overflow: hidden;margin-left: 10px;color: #fff;} .banner_text_01{ opacity: 0;left: 30%; transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s; } .bannerCover{position: absolute;right: 300px;width: 37%;top: 0;z-index: 2;transition: all .8s;height: 100%;} .bannerCover img{width: 100%;height: 100%;} .bannerCover.on{right: 0;} .banner_link a{background: url(../images/bg01.png) no-repeat;background-size: cover;width: 158px;height: 33px;line-height: 33px;text-align: center;color: #fff;display: block;} .baner_but{display: none;} .baner_but div{background: none;font-size:40px;width: 60px;height: 60px;margin-top: -30px;color: #fff;top: 43.5%;text-align: center;line-height: 60px;} .baner_but div.swiper-button-prev{left: 5%;} .baner_but div.swiper-button-next{right: 5%;} .banner li.swiper-slide-active .banner_text_01{opacity: 1;left: 0;} /*按钮定位底部*/ /*.banner_text .wrap{position:relative; padding-bottom:5%; } .banner_text p{height:26px;} .banner_text h2{ height:180px;} .banner_text .banner_link{position:absolute; lefT:40px; bottom:0;} @media only screen and (max-width:1599px) { .banner_text .banner_link{left:60px;} } @media only screen and (max-width:1279px) { .banner_text h2{ height:124px;} } @media only screen and (max-width:767px) { .banner_text .banner_link{left:40px;} }*/ @media only screen and (max-width:1380px) { .banner_text h2{line-height: inherit;max-height: inherit;} .banner_text h2{margin-bottom: 60px;} } @media only screen and (max-width:1440px) { .banner_text p{margin-bottom: 10px;} .w_5{padding-left: 60px;} .baner_but div.swiper-button-prev{left: 4%;} .baner_but div.swiper-button-next{right: 4%;} } @media only screen and (max-width:1024px) { .banner_text h2{font-size:30px;line-height: 40px;max-height:80px;} .baner_but div.swiper-button-prev{left: 3%;} .baner_but div.swiper-button-next{right: 3%;} } @media only screen and (max-width:767px) { .banner li video{display: none !important;} .banner_text p{margin-left: 0;} .w_5{width: 100%;padding-left: 40px;} .banner_text p{font-size: 14px;line-height: 20px;max-height: 40px;} .banner_text{top:15%;} .banner_text h2{font-size:16px;line-height: 24px;max-height:48px;} .banner li>img,.banner li>a>img{display: none;} .banner li{height: 170px;} .banner_text p{font-size: 14px;line-height: 20px;max-height:40px;margin-bottom:5px;} .baner_but div{font-size: 24px;top: 49.5%;width: 40px;height: 40px;line-height: 40px;} .baner_but div.swiper-button-prev{left: 5px;} .baner_but div.swiper-button-next{right: 5px;} .banner .banner_link a{width: 105px;background-size: 100% 100%;font-size: 12px;height: 24px;line-height: 24px;} } /*index01*/ .index_01{box-sizing: border-box;} .index_pro{overflow: hidden;} .index_pro-t{position: relative;overflow: hidden;margin-bottom: 30px;} .index_pro-t .wrap{position: relative;} .index_pro-t h2{float: left;font-style: oblique;font-weight: bold;color: #464646;display: none;} .index_pro-t .lhl_but{display:none; position: absolute;right: 0;width: 110px;top: 20px;} .index_pro-t .lhl_but div{background: none;font-size: 40px;} .index_pro-t ul{font-size: 0;} .index_pro-t ul li{display: inline-block;box-sizing: border-box;padding: 0 15px;position: relative;cursor: pointer;} .index_pro-t ul li p{font-size: 16px;} .index_pro-t ul li:after{content: "";display: block;width: 1px;height: 18px;background: #30416d;transform: rotate(10deg);position: absolute;right: -2px;top: 50%;margin-top: -9px;} .index_pro-t ul li:last-child:after{display: none;} .index_pro-t ul li.on p{background: #30416d;color: #fff;border-radius: 30px;padding: 5px 20px;} .index_pro-b{float: right;width: 87.5%;} .index_pro-b li{width: 85.7%;position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} .index_pro-b li:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);} .index_pro-b .btn_ll{ display: none; cursor: pointer; position: absolute; lefT:2%; top:50%; z-index: 2; widtH:60px; height: 60px; line-height: 60px; text-align: center; margin-top: -30px;} .index_pro-b .btn_rr{ cursor: pointer; position: absolute; right:16%; top:50%; z-index: 2;widtH:60px; height: 60px; line-height: 60px; text-align: center; margin-top: -30px;} .index_pro-b .btn_ll i,.index_pro-b .btn_rr i{font-size:50px; color:#E6003E; font-weight: bold;} @media only screen and (max-width:1024px) { .index_pro-b .btn_rr{ display: none;} } .content{width: 100%;z-index: 2;} .index_pro-txt{padding: 0 100px;color: #fff;} .index_pro-txt a{color:#fff;} .index_pro-txt .index_pro-txt-tit a:hover,.index_pro-txt p a:hover{color: #fff !important;} .index_pro-txt-tit{margin-bottom: 20px;position: relative;display: inline-block;} .index_pro-txt-tit h2{float: left;font-weight: 300;line-height: 70px;} .index_pro-txt-tit p{line-height: 15px;margin-left: 20px;font-weight: bold;position: absolute;left: 100%;top: 6px;width: 140px;} .index_pro-txt>p{line-height: 26px;height: 78px;overflow: hidden;} .index_pro-txt>a,.index_pro-txt>span{display: block;color: #fff;margin-top: 20px;font-size: 20px;font-weight: bold;} .index_pro-txt>span{color:#000;} .index_pro-txt>a.fnt_16{font-size: 14px;color: #fff!important; display: inline-block; padding:0 20px; height: 32px; line-height: 32px; border-radius: 30px; background: #ca1b41;} .index_pro-list{display: none;} .index_pro-list ul{width: 65%;background: url(../images/bg02.png) no-repeat right;background-size: cover;background-size: 100% 100%;padding: 10px 40px 14px 75px;box-sizing: border-box;overflow: hidden;margin-top: 50px;} .index_pro-list ul li{float: left;width: 20%;color: #fff;text-align: center;padding: 0 10px;box-sizing: border-box;} .index_pro-list ul li img{width: 70px;height: 70px;transition: all 1s;} .index_pro-list ul li a{color: #fff;display: block;} .index_pro-list ul li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .pro_02 .content,.pro_03 .content{height: 100%;} .pro_02 .index_pro-txt,.pro_03 .index_pro-txt{color: #000;position: absolute;bottom: 40px;padding: 0 60px;} .pro_02 .index_pro-txt a,.pro_03 .index_pro-txt a{color: #000;} .pro_02 .index_pro-txt-tit p,.pro_03 .index_pro-txt-tit p{top: auto;bottom: 13px;} .index_02{padding-bottom:10%;position: relative;overflow: hidden;} .index_rese-con{position: relative;z-index: 2;} .index_rese-t{margin-bottom: 50px;} .index_rese-t h2{font-style: oblique;font-weight: bold;color: #464646;width: 50%;} .index_rese-t p{color: #000;width: 50%;} .index_rese-c{margin-bottom: 35px;} .index_rese-c img{width: 100%;} .index_02-bg{position: absolute;left: 9%;top: 0;width: 61%; /*animation: zoom 1.5s;*/ } .index_02-bg img{width: 100%;} .index_02-img{position: absolute;right: 300px;width: 20%;top: 40px;z-index: 2;transition: all .8s;} .index_02-img img{width: 100%; opacity: 0.7;} /*index 03*/ .index_03{overflow: hidden;padding-bottom: 6%;} .index_03 ul{position: relative;} .index_03 li{float: left;height: 100%;overflow: hidden;width: 40%;position: relative;z-index: 3;} .index_03 li dl,.index_03 li dd{height: 100%;} .index_03 li dd{position: relative;} .index_03 li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .index_03 li dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;} .index_03 li .special_txt .text{display: none;line-height: 30px;margin-bottom: 40px;} .index_03 li .special_txt h2{margin-bottom: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .special_link a{color: #ca1b41;width: 152px;height: 40px;background: rgba(255,255,255,0.8);border-radius: 30px;line-height: 40px;text-align: center;display: block;} .special_link a i{font-size: 20px;vertical-align: middle;display: inline-block;margin-top: -3px;margin-left: 10px;} .index_03 li.index_03-01{position: absolute;left: 0;top:0;width:37.3%;} .index_03 li.index_03-02{position: absolute;right: 0;top:0;width:37.3%;} .index_03-01 .special_txt{left: 20%;right: auto;} .index_03-02 .special_txt{right: 20%;left: auto;} .img02{display: none;} .index_03 li.on .img02{display: block;} .index_03 li.on .img01{display: none;} .index_03 li.on .special_txt{width: 47%;margin: 0 auto;} .index_03 li.on dt{text-align: left;} .index_03 li.on .special_txt .text{display: block;height: 180px;overflow: hidden;} .index_03 li.on .special_link a{background: #ca1b41!important;color: #fff!important;} .index_03 li.on{width: 100%;z-index: 2;} .index_03-01.on .special_txt{left: 12.5%;} .index_03-02.on .special_txt{right: 12.5%;} .img03{display: none;} /*index 04*/ .index_04{padding-bottom: 70px;box-sizing: border-box;overflow: hidden;} .indexNew_t{margin-bottom: 10px;overflow: hidden;} .indexNew_t+p{margin-bottom: 3%;} .indexNew_t h2{float: left;color: #464646;font-style: oblique;font-weight: bold;} .indexNew_t a{float: right;margin-top: 24px;} .indexNew_b ul{margin-left: -15px;margin-right: -15px;} .indexNew_b ul li{float: left;padding: 0 15px;width: 33.3%;box-sizing: border-box;} .indexNew_b ul li a{color: #000;} .indexNew_b ul dt{padding: 30px;box-sizing: border-box;} .indexNew_b ul dt h3{font-weight: bold;line-height: 24px;height: 48px;overflow: hidden;} .indexNew_b ul dt span{font-size: 12px;border-top: 1px solid #e8e8e8;display: block;padding-top: 15px;margin-top: 15px;} .indexNew_b .swiper-button-prev,.indexNew_b .swiper-button-next{ display: none;} /*index 05*/ .index_05{background: #eeeeee;padding: 50px 0;overflow: hidden;} .index05_con{box-sizing: border-box;} .index_body .index05_con{padding:0 5%;} .index_05 .l{float: left;color: #000000;} .index_05 .l span{font-style: oblique;text-transform: uppercase;font-weight: bold;color: #000;} .index_05 .r{float: right;line-height: 30px;padding-top: 28px;} .index_05 .r span{float: left;font-weight: bold;} .d_sharecomon{float: left;} .d_sharecomon a{margin-left: 20px;font-size: 18px;} @keyframes zoom { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @media only screen and (max-width: 1900px){ .index_pro-b{width: 95%;} } @media only screen and (max-width: 1660px){ .index_pro-txt-tit p{} .index_pro-txt-tit h2{line-height: 50px;} .pro_02 .index_pro-txt-tit p{} .indexNew_t a{margin-top: 16px;} } @media only screen and (max-width: 1440px){ .indexNew_t a{margin-top: 14px;} } @media only screen and (max-width: 1024px){ .index_pro-t ul{margin-top: 0;margin-right: 120px;} .index_pro-t .lhl_but{top: 5px;} .index_pro-b{float: none;width: 100%;} .index_pro-txt{padding: 0 40px;} .index_pro-list ul{margin-top: 10px;width: 96%;} .index_pro-txt-tit{margin-bottom: 5px;} .index_pro-txt>a{margin-top: 5px;} .index_pro-list ul li img{width: 50px;height: 50px;} .index_pro-txt-tit h2{line-height: 35px;} .index_pro-txt-tit p{top: 0;} .pro_02 .index_pro-txt, .pro_03 .index_pro-txt{padding: 0 40px;} .pro_02 .index_pro-txt-tit p, .pro_03 .index_pro-txt-tit p{bottom: 3px;} .index_02-img{width: 12%;right: 150px;top: 70px;} .index_03 li .special_txt h2{margin-bottom: 10px;} .index_03 li.on .special_txt{width: 60%;} .index_03-01.on .special_txt{left: 50px;} .index_03 li.on .special_txt .text{height: 120px;margin-bottom: 30px;} .index_03-02 .special_txt{right: 10%;} .index_03-01 .special_txt{left: 10%;} .index_04{padding-bottom: 40px;} } @media only screen and (max-width: 767px){ .banner_text h2{margin-bottom: 10px;} .index_pro-t{margin-bottom: 15px;} .index_pro-t ul{width: 100%;margin-right: 0;margin-top: 10px;} .index_pro-t ul li p{font-size: 14px;} .index_pro-t ul li.on p{padding: 5px 10px;} .index_pro-t ul li{padding: 0 8px;} .index_pro-t ul li:first-child{padding-left: 0;} .index_rese-t{margin-bottom: 20px;} .index_02-img{right: 40px;} .index_02-bg{width: 90%;} .index_03 ul{height: auto!important;} .index_03 li{width: 100% !important;position: static!important;} .index_03 li img{position: static!important;} .special_txt{position: static;transform: none;width: 90%!important;margin: 0 auto;} .index_03 li .img02{display: none!important;} .index_03 li .img01{display: none!important;} .index_03 li.on .img02{display: none;} .index_03 li dl{position: relative;} .img03{display: block;} .index_03 li .special_txt{text-align: left;margin-top: 30px!important;} .index_03 li .special_txt .text{display: block!important; line-height: 22px;} .special_link a{background: #ca1b41!important;color: #fff!important;} .index_03 li .special_txt .text{max-height: 180px!important;height: auto!important;} .indexNew_b ul{margin-left: 0;margin-right: 0;} .indexNew_b ul li{width: 100%;padding: 0;} .indexNew_b ul dt{padding: 20px;} .index_05{padding: 30px 0;} .index_05 .l,.index_05 .r{width: 100%;} .index_05 .r{padding-top: 15px;} .indexNew_t a{margin-top: 5px;} .index_pro-txt-tit h2{line-height: inherit;} .index_pro-txt>p{display: none;} .index_pro-list ul{padding: 5px 10px 5px 10px;width: 98%;margin-top: 5px;} .index_pro-txt{padding: 0 30px;} .index_pro-txt>a{margin-top: 0;} .index_pro-list ul li{padding: 0;} .index_pro-list ul li img{width: 30px;height: 30px;} .index_pro-list ul li p{font-size: 12px;margin-top: 5px;} .pro_02 .index_pro-txt, .pro_03 .index_pro-txt{padding: 0 30px;bottom: 15px;} .indexNew_b .swiper-button-prev,.indexNew_b .swiper-button-next{ display: block; top:33%; background: none;} .indexNew_b .swiper-button-prev i,.indexNew_b .swiper-button-next i{ font-size: 30px;color:#fff;} } @media only screen and (min-width: 1025px){ .index_pro-list ul li a:hover img{transform: rotate(360deg);} .index_05 .l a:hover span{ color: #ca1b41 !important;} } /*视频弹窗*/ .video_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;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;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; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .special_link a{ background: rgba(255,255,255,0.5) !important; color: #ca1b41 !important;} .banner .pharmacy_more,.index_rese-b .pharmacy_more,.special_link .pharmacy_more{text-align: left;} .indexNew_t{line-height: 60px;} .indexNew_t .pharmacy_more{float: right;margin-top: 15px;} .indexNew_t .pharmacy_more a{margin: 0;} @media only screen and (max-width:1024px){ .indexNew_t{line-height: 30px;} .indexNew_t .pharmacy_more{float: right;margin-top: 0px;} } /*按钮*/ .pharmacy_more{padding-top: 20px;text-align: center;} .pharmacy_more a{display:inline-block;width:160px;height: 32px;line-height: 32px;text-align: center;color:#fff;background:#30416d;border-radius: 30px 20px 30px 20px;} .pharmacy_more a i{margin-left: 10px;} .pharmacy_more_no {padding-top: 0;} @media only screen and (min-width:1025px){ .pharmacy_more a:hover{color:#fff !important;} .pharmacy_more{height: 32px;overflow: hidden;} .pharmacy_more a{width: 40px;position: relative;overflow: hidden;} .pharmacy_more a em{position: absolute;left:-99px;top:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .pharmacy_more a i{margin-left: 0;} .pharmacy_more a:hover{width: 160px;} .pharmacy_more a:hover em{position: static;} .pharmacy_more a:hover i{margin-left: 10px;} } @media only screen and (max-width:767px){ .pharmacy_more a{width:110px} .index_pro-txt>a.fnt_16{ display: block; widtH:76px; margin-top: 10%;} } .network-part01{padding-bottom: 4% !important;}