@charset "utf-8"; 
.latestnews-img img{max-height:100%}
.table-responsive{margin:5px 0}
.logo{height:100%}
.logo img{max-height:85%}
.highpro-l img{object-fit:cover}
.hotpro-title{max-height:42px}
.newsdetails-cont p{margin-bottom:2px}
@media(min-width:769px){.logo{margin-left:50px}}
.writetous{background:url(/js/36283/1.png) no-repeat center;background-size:cover}
.writetous h5{color:var(--color)}
.writetous h5 span{color:#000}
.write-text{color:#000}
.writetous .home-more{background:var(--color);border-color:var(--color)}
@media screen and (min-width:1025px){.foot-list>.foot-item1{width:32%}
.foot-list>.foot-item-box{width:60%}
.foot-list>.foot-item-box>div{max-width:46%}}
.Medical .page-box{background:#eee}
.medical-cases{display:flex;flex-direction:row-reverse;font-family:Oswald;max-height:450px}
.medical-tabs{width:330px}
.medical-tabs a{height:140px;display:flex;justify-content:center;align-items:center;background:#fff;font-size:22px;padding:0 70px;font-weight:600;transition:all .1s linear}
.medical-tabs a.active{background:#282828;color:#fff}
.medical-tabs a:nth-child(2){border-top:1px solid #000;border-bottom:1px solid #000}
.medical-content{width:calc(100% - 330px);padding-right:30px}
.medical-content .left{width:260px}
.medical-content .left,.medical-content>div,.swiper-medical{height:100%}
.swiper-medical .swiper-button-next,.swiper-medical .swiper-button-prev{position:absolute;background:#000;width:100%;height:32px;top:22px;left:0;display:flex;align-items:center;justify-content:center;transition:all 2s linear}
.swiper-medical .swiper-button-next:hover,.swiper-medical .swiper-button-prev:hover{opacity:.8}
.swiper-medical .swiper-button-next{top:auto;bottom:0}
.swiper-medical a{display:flex;flex-direction:column;justify-content:center}
.swiper-medical .left a img{width:100%}
.swiper-medical .left a p{font-size:16px;padding:10px}
.medical-item{display:flex}
.medical-item .right{width:calc(100% - 260px);padding-left:20px}
.swiper-content{padding-bottom:50px}
.swiper-content .swiper-button-next,.swiper-content .swiper-button-prev{position:absolute;background:#000;width:47%;height:32px;bottom:0;top:auto;left:0;display:flex;align-items:center;justify-content:center;transition:all 2s linear}
.swiper-content .swiper-button-next{left:50%}
.medical-item .right .swiper-slide p{text-align:center;font-size:16px;padding:5px 0}
@media(max-width:1300px){.medical-tabs a:nth-child(2){border:none;border-left:1px solid #000;border-right:1px solid #000}
.medical-cases{flex-direction:column;max-height:inherit}
.medical-tabs{display:flex;width:100%}
.medical-tabs a{width:33.333%;padding:0 10px;margin-bottom:10px;font-size:20px}
.medical-content{max-height:500px;width:100%}
.medical-content .left,.medical-content>div,.swiper-medical{max-height:400px}}
@media(max-width:1000px){.medical-tabs a{height:auto;padding:10px}}
@media(max-width:500px){.medical-tabs{flex-wrap:wrap}
.medical-tabs a{width:100%;margin:0}
.medical-tabs a:nth-child(2){border:none;border-top:1px solid #000;border-bottom:1px solid #000}
.medical-content{margin-top:20px}
.medical-content .medical-item .left{width:40%}
.medical-content .medical-item .right{width:60%;flex:1}
.medical-content .left,.medical-content>div,.swiper-medical{height:300px}}
.iabout-banner img{width:100%}
.common-width{width:1200px;margin:0 auto}
.iabout-up{display:flex;justify-content:space-between;flex-wrap:wrap;margin:70px 0}
.iabout-up li{width:24%;background:#000;text-align:center;transition:all .5s}
.iabout-p{font-size:20px;font-weight:700;color:#fff;padding:10px 0}
.iabout-up li:hover{cursor:pointer;background:var(--color)}
.iabout-up li:hover .iabout-p{color:#fff;font-weight:700}
.iabout-item{display:none}
.ab-title{font-size:34px;font-weight:700;color:#3a3a3a;text-transform:uppercase;position:relative}
.ab-title::after{content:'';width:3%;height:2px;background:#c7323c;display:block;position:absolute;bottom:-5px}
.ab-word{font-size:16px;color:#3b3b3b;line-height:2;margin:20px 0}
.ab-img-big{margin:25px 0}
.ab-img-big img,.ab-img-list img{max-width:100%;display:block}
.ab-img-list{display:flex;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid #e5e5e5}
.ab-img-item{width:32%;overflow:hidden}
.ab-img-item a{position:relative}
.ab-img{overflow:hidden;transition:all .5s}
.ab-img-p{width:100%;background:#1b1b1b;color:#fff;text-align:center;font-weight:700;text-transform:capitalize;padding:5px 0;position:absolute;bottom:0}
.ab-img-item:hover .ab-img{transform:scale(1.1)}
.pt{margin:50px 0}
.pt-tb{font-size:34px;font-weight:700;color:#3a3a3a;text-transform:uppercase;text-align:center;margin-bottom:10px}
.pt-ts{font-size:18px;color:#505050;text-transform:uppercase;text-align:center;position:relative;margin-bottom:60px}
.pt-ts::before{content:'';width:30px;height:1px;background:#505050;display:block;position:absolute;top:50%;left:40%}
.pt-ts::after{content:'';width:30px;height:1px;background:#505050;display:block;position:absolute;top:50%;right:40%}
.pt-art-item{display:flex;justify-content:space-between;position:relative;margin-bottom:65px}
.pt-art-item:nth-child(2n){flex-direction:row-reverse}
.pt-l{width:49%;z-index:1;overflow:hidden}
.pt-l img{max-width:100%;display:block;transition:all .5s}
.pt-l:hover img{transform:scale(1.1)}
.pt-r{width:55%;box-shadow:1px 1px 24px 0 rgba(0,0,0,.06);background:#fff;margin:20px 0;padding:55px 85px;z-index:2;position:absolute;right:0;top:44%;transform:translateY(-50%)}
.pt-r-reserve{left:0}
.pt-r-t{font-size:24px;color:#303030;padding:10px 0;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;font-weight:700;text-transform:uppercase;display:inline-block}
.pt-r-t span{color:#c8303a}
.pt-r-w{font-size:18px;color:#303030;line-height:1.8;margin-top:15px}
.iabout-item3{background:url(/js/36283/img/honoer-bg.jpg) no-repeat;background-size:cover;background-position:center}
.honoer-up{display:flex;justify-content:space-between;padding:165px 0 120px}
.honoer-up-img{overflow:hidden}
.honoer-up-img img{max-width:100%;transition:all .5s}
.honoer-up-img:hover img{transform:scale(1.1)}
.honoer-down{display:flex;justify-content:space-between;flex-wrap:wrap}
.honoer-down>div{margin-bottom:99px}
.honoer-down-img{overflow:hidden}
.honoer-down-img img{max-width:100%;transition:all .5s;-webkit-box-reflect:below 10px -webkit-linear-gradient(transparent,transparent 50%,rgba(0,0,0,.8))}
.honoer-down-img:hover img{transform:scale(1.1)}
.iabout-item4{padding-right:55px}
.for-img-box{display:flex;justify-content:space-between;margin-bottom:35px}
.for-img-box>div{width:24%}
.for-t{background:#eee;display:flex;align-items:center;text-align:center;justify-content:center}
.for-t p{font-size:20px;color:#1b1b1b;font-weight:700}
.for-t p span{color:#c8303a}
.for-img{overflow:hidden}
.for-img img{max-width:100%;display:block;transition:all .5s}
.for-img:hover img{transform:scale(1.1)}
@media(max-width:1024px){.common-width{width:100%}
.pt-ts::before{left:35%}
.pt-ts::after{right:35%}
.pt-r{padding:20px 30px;top:41%}
.pt-r-t{font-size:20px}
.pt-r-w{font-size:16px;line-height:1.6}
.iabout-item3{padding:0 20px}
.honoer-down>div{width:23%}
.honoer-up>div{width:17%}
.honoer-up>div:nth-child(1){width:38%}
.honoer-up-img img{height:100%}}
@media(max-width:768px){.ab-title::after{width:8%}
.iabout-up{margin:20px 0}
.iabout-up li{width:49%;margin-bottom:10px}
.ab-img-list{padding-bottom:30px}
.pt{margin:30px 0}
.pt-ts::before{left:31%}
.pt-ts::after{right:31%}
.pt-art-item{flex-wrap:wrap;margin-bottom:30px}
.pt-r{position:inherit;top:inherit;transform:inherit;margin:0}
.pt-l,.pt-r{width:100%}
.pt-l img{width:100%}
.iabout-item4{padding-right:0}
.for-img-box{margin-bottom:20px}}
@media(max-width:450px){.iabout-up li{width:100%}
.iabout-p{font-size:18px}
.ab-title,.pt-tb{font-size:28px}
.ab-word{line-height:1.7;text-align:justify}
.ab-img-list{flex-wrap:wrap}
.ab-img-big,.pt{margin:10px 0}
.ab-img img,.ab-img-item{width:100%}
.ab-img-item,.honoer-down>div,.pt-ts{margin-bottom:10px}
.ab-img-list{padding-bottom:10px}
.pt-r{text-align:center}
.pt-ts::before{left:19%}
.pt-ts::after{right:19%}
.honoer-up{flex-wrap:wrap;padding:30px 0}
.honoer-up>div{width:100%;margin-bottom:10px}
.honoer-down>div,.honoer-down>div img,.honoer-up-img img,.honoer-up>div:nth-child(1){width:100%}
.for-img-box{flex-wrap:wrap}
.for-img-box>div{width:49%}
.for-img-box>div{margin-bottom:10px}}
@media(max-width:320px){.ab-title::after{width:12%}
.ab-word{font-size:14px}
.pt-ts::before{left:15%}
.pt-ts::after{right:15%}
.pt-r-w,.pt-ts{font-size:14px}
.iabout-item3{padding:0 10px}
.ab-title,.pt-tb{font-size:24px}}
.hotproduct .home-title{text-align:center;margin-bottom:80px}
.hotproduct>.container{display:block}
.hotpro-list li{width:calc(25% - 16px)}
.hotpro-list li:nth-child(3n){margin-right:16px}
@media (max-width:768px){.hotproduct .home-title{margin-bottom:5%}
.hotpro-list{justify-content:space-between}
.hotpro-list li{width:48%;margin-right:0;margin-bottom:15px}
.hotpro-list li:nth-child(3n){margin-right:0;margin-bottom:15px}}
.page-r .page-tit+.protype-text{padding:0 0 15px;margin-top:-12px}
div#wmkc{padding-bottom:0;top:25%}
.swiper-content .swiper-button-prev{width:48%;left:1%}
.swiper-content .swiper-button-next{width:48%;left:51%}
.medical-item .right .swiper-slide img{padding:0 2%}
.swiper-medical a p{text-align:center;margin-top:8px}
@media (max-width:500px){.medical-content{padding-right:0}}
.iabout-item3{background:url(/js/36283/img/honoer-bg.jpg) no-repeat;background-position:center;background-size:cover}