/* CSS Document */

@font-face{ 
  font-family:'Roboto';
  src:url(../font/ROBOTO-REGULAR.TTF);
}
@font-face{ 
  font-family:'RobotoB';
  src:url(../font/ROBOTO-BLACK.TTF);
}
@font-face{ 
  font-family:'BEBAS';
  src:url(../font/BEBAS.ttf);
}
@font-face{ 
  font-family:'ROBOTO-MEDIUM';
  src:url(../font/ROBOTO-MEDIUM.TTF);
}

/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100%; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
h1{ font-weight: normal;}
input::-ms-input-placeholder{font-size: 16px; color:#999;}
input::-webkit-input-placeholder{ font-size: 16px; color:#999;}
input::-moz-placeholder{ font-size: 16px; color:#999;}
input:-moz-placeholder{ font-size: 16px; color:#999;}
textarea::-ms-input-placeholder{font-size: 16px; color:#999;}
textarea::-webkit-input-placeholder{ font-size: 16px; color:#999;}
textarea::-moz-placeholder{ font-size: 16px; color:#999;}
textarea:-moz-placeholder{ font-size: 16px; color:#999;}
.fl{ float:left;}
.fr{ float:right;}



:hover{transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}


@font-face{ 
  font-family:'ab';
  src:url(https://www.medicilon.com.cn/public/skin/images/ab.OTF);
}






.drugService{ width: 100%;  padding-top:50px; }
.drugService .drugServiceBox{ width: 100%; max-width: 1480px; display: flex;margin:0 auto; }

.drugServiceLeft{ width: 280px; flex-shrink:0; padding-bottom:75px;}
.drugServiceLeft .pageTitle{ widht:100%; height:185px; padding-top: 95px; }
.drugServiceLeft .pageTitle div{ font-size: 38px; color:#156aa9; font-weight: bolder; }

.pageMenu{ width: 100%; padding:30px 30px 30px 0px; }
.pageMenu .pageMenuBox{ width:100%; display: flex; flex-direction: column; }
.pageMenu .pageMenuBox .pageMenuItem{ width:100%; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle{ width:100%; display: flex; justify-content: space-between; align-items: center;  height:60px; border-bottom:#b5b5b5 solid 1px; padding-left:10px;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle a{ font-size: 18px; color:#333; font-weight:600;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle .zk{ color:#c1c1c1; font-size:20px; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle .sq{ color:#ffffff; font-size:20px; display: none; }

.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown{ background: #fbfcfe; display: none; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div{ display: flex; flex-direction: column;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a{ height: 48px; line-height: 48px; padding-left: 30px; background: url(../image/service6.png) no-repeat 0 50%; font-size: 16px; color:#666; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a:hover{ background: url(../image/service7.png) no-repeat 0 50%; color: #156aa9;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a.curr_on{ background: url(../image/service7.png) no-repeat 0 50%; color: #156aa9;}

.drugServiceRigth{ width: calc(100% - 320px); flex: 1; margin-left:30px;}

.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div ul li a{ height: 38px; line-height: 38px; padding-left: 30px; background:none; font-size: 14px;  }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div ul li a:hover{ background:none; color: #156aa9; padding-left: 40px; transition: padding ease-in .1s; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div ul li a.cur_on{ background:none; color: #156aa9; padding-left: 40px; transition: padding ease-in .1s; }
.pageMenu .pageMenuBox .pageMenuItem.on .pageMenuTitle{ background:#333; padding:0 20px; transition: padding ease-in .1s; }
.pageMenu .pageMenuBox .pageMenuItem.on .pageMenuTitle a{ color: #fff;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle:hover{ background:#333; padding:0 20px; transition: padding ease-in .1s; }
.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle:hover a{ color: #fff; }




.serviceContent{ padding-left:40px; padding-bottom: 50px; }
.serviceContent .contentTop .contentLeft .contentTitle{ margin-bottom: 30px; }

.serviceContent h1{font-size: 22px; line-height: 45px; margin-bottom:15px; text-align:center; font-weight:600; color:#333;}
.serviceContent h2{font-size: 18px; line-height: 35px; margin-bottom:15px; font-weight:600; color:#333;}
.serviceContent p{font-size: 16px;line-height: 30px; margin-bottom:10px;  color:#333; }




@media screen and (min-width:1200px){

}

@media screen and (max-width:1750px){

} 

@media screen and (max-width:1600px){

}

@media screen and (max-width:1440px){
.drugService { width: 100%; background: url(../image/pagebg.jpg) no-repeat calc(50% - -50px) 0;}

.serviceContent { padding-left: 25px;}


.pageMenu .pageMenuBox .pageMenuItem .pageMenuTitle a{ font-size:16px;}
.pageMenu .pageMenuBox .pageMenuItem .pageMenuDown div a{ font-size:14px;}



.drugServiceLeft .pageTitle div{ font-size:26px;}
}


@media screen and (max-width:1360px){
.indexBanner .textBox li:before{left: -182.4vw;}
.menuBack{bottom: 25px;}

}

@media screen and (max-width:1280px){
.indexBanner .textBox li:before{left: -197.2vw; top: -62%;}


.menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw{ /* margin-top:7vw; */}
.menuDown .menuDownTop .menuDownBox:nth-child(3) .yffw .yffwLinkBox{ height:100%; overflow:auto;}






}
.mo_banner{ display:none;}

@media screen and (max-width:1200px){

.serviceContent{ padding:0; padding-top:25px;}

.drugService{ background:none;}
.drugService .drugServiceBox{ flex-direction:column-reverse;}
.drugServiceLeft { width: 94%;  margin: 2% auto; margin-top: -90px;}
.drugServiceRigth { width: 94%;  margin: 0% auto; border:none;}

.drugServiceLeft .pageTitle{ height:125px; padding-top: 60px;}



.drugServiceLeft{ display:none;}


}
.down_list ul li{
float:left; border-bottom:1px #e1e1e1 dotted; padding:0.8em 0; width:47%;}
.down_list ul li:nth-child(2n){
float:right;}
.down_list_mid{
position:relative; padding-left:2.125em; padding-right:2.125em;}
.down_list_mid_left{
position:absolute; left:0; top:0;}
.down_list_mid_right{
position:absolute; right:0; top:0;}
.down_list_mid_mid{
color:#030303; font-size:1.125em;}
.down_list{
margin-top:4.125em; margin-bottom:7.5em;}
@media screen and (max-width:1100px){
.down_list{
margin-top:2em; margin-bottom:3em;}
.down_list_mid_mid{
font-size:1em;}
}
@media screen and (max-width:770px){

.down_list ul li{
width:100%;}

}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){

}