﻿@charset "utf-8";
/* CSS Document */
/**/
@font-face {
  font-family: "AGENCYB";
  src: url("../css/font/AGENCYB.woff2") format("woff2"),
       url("../css/font/AGENCYB.woff") format("woff"),
       url("../css/font/AGENCYB.ttf") format("truetype"),
       url("../css/font/AGENCYB.eot") format("embedded-opentype"),
       url("../css/font/AGENCYB.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

*{margin: 0; padding: 0; border: 0; box-sizing: border-box }
body{font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;  margin: 0 auto;  background-color: white; }
@media screen and (max-width:320px){body{font-size:12px;}}
@media screen and (min-width:360px){body{font-size:14px;}}
@media screen and (min-width:480px){body{font-size:16px;}}
@media screen and (min-width:640px){body{font-size:18px;}}
a{ text-decoration:none; cursor:pointer; color:#000000;}
img{ display:block; width:100%; border:none;}
li{ list-style:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;/*去除input默认样式*/}
input,button,select,textarea{outline:none;}
.red{ color: red !important; }
.clear{clear:both; overflow:hidden;}
.public{display: flex;  display: -webkit-flex;/* iOS Safari Chrome */ display: -moz-flex;/* Mozilla Firefox */  display: -o-flex;   /* Opera*/
    justify-content: space-between;  -webkit-justify-content: space-between;   -moz-justify-content: space-between;  -o-justify-content: space-between;
    flex-wrap: nowrap;  -webkit-flex-wrap: nowrap;  -moz-flex-wrap: nowrap;  -o-flex-wrap: nowrap;
    flex-direction: row;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -o-flex-direction: row; }
.icon {width: 1.3em;height: 1.3em;vertical-align: -0.3em;fill: currentColor;overflow: hidden;}

@font-face {
  font-family: "AGENCYB";
  src: url("css/AGENCYB.woff2") format("woff2"),
       url("css/AGENCYB.woff") format("woff"),
       url("css/AGENCYB.ttf") format("truetype"),
       url("css/AGENCYB.eot") format("embedded-opentype"),
       url("css/AGENCYB.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/** 全局盒模型 start **/
.pc-wraper,.max-box{ width:100%; height: auto; overflow: hidden; margin: 0 auto; background-color: white;  }
/** 全局盒模型 end **/

.header{width:100%; height: auto; margin: 0 auto; overflow: hidden;  }/***头部框架***/

/** logo start **/
.logobox-pc{ width:100%; height: auto; margin: 0 auto; overflow: hidden; background-image: linear-gradient(#eeeeee, #eeeeee); background-color: #eeeeee; }
.logos{ width: 1260px; height: auto; margin:35px auto; }
.logo{}
.seek{ }
.seeki{ width: 340px; height: 50px; box-sizing: border-box; padding: 10px; color: #606060; font-size: 16px; border: 1.5px solid #606060; border-radius: 6px 0 0 6px; }
/*.seekb{ width: 130px; height: 50px; box-sizing: border-box; background-color:#2c7cbc; color: white; font-size: 18px; }*/
.seekb{ width: 130px; height: 50px; box-sizing: border-box; background: linear-gradient(to right,#5475ff,#906ff0); color: white; font-size: 18px; border-radius:0 6px 6px 0; }
/** logo end **/


/** nav start **/
.navbox{ background-image: linear-gradient(#5475ff, #906ff0); background-color: #0b82a8; }
.navs{ width:auto; max-width: 1260px; height: 60px; line-height: 60px;  margin: 0 auto; overflow: hidden; justify-content: space-around; }
.navs a{ display:block; /*width:210px;*/width:auto; max-width: 210px; text-align: center; color: white; font-size: 20px;}
/** nav end **/



/**** start banner ****/
.banner-box{   }
.swiper-container{ width: 100%; height: 100%; margin-left: auto; margin-right: auto;  }  /*
.swiper-slide{ text-align: left; font-size: 18px; background: #fff;
      /* Center slide text vertically 
      display: -webkit-box;      display: -ms-flexbox;      display: -webkit-flex;      display: flex;
      -webkit-box-pack: center;      -ms-flex-pack: center;
      -webkit-justify-content: center;      justify-content: center;
      -webkit-box-align: center;      -ms-flex-align: center;
      -webkit-align-items: center;      align-items: center;
    }*/


.swiper-pagination { bottom: 0px !important;  } /*  banner 底部原点部分样式  */
.swiper-pagination-bullet-active {   background: #1555a !important; width: 48px !important;  border-radius: 5em !important; transition: width 0.3s ease-in-out; }
/***  end banner  ***/


.con_box{ width:100%; height: auto; margin: 0 auto; overflow: hidden; background-color: #fbf6f6;  }
.cons_box1,.cons_box2,.cons_box3{ width: auto; max-width: 1272px; height: auto; margin: 20px auto 0; overflow: hidden; justify-content: space-between;   }
.con_box .con_l{ width: 435px; height: auto; }
.con_box .con_r{ width: 820px; height: auto; }
.con_box .cbox{  background-color: white;  box-sizing: border-box; padding: 1em  1em;  }
.con_box .cbox .title{ line-height: 1.8em; }
.con_box .cbox .title .tit_l{ display: inline-block; border-bottom:0.18em solid #1b96c0; color: #1b96c0; font-size: 1.35em; }
.con_box .cbox .title .tit_r{ display: inline-block; color: #2493d3; font-size: 1em; }
/*
.cons-box .title p{ font-size: 18px; font-weight: bold; color: #1b96c0; }
*/
.con_l .ksdh{ width:100%; height:auto; overflow: hidden; margin: 1em auto 0; flex-wrap: wrap;    }
.con_l .ksdh p{ width:30%; height:auto; margin: 0 auto 0.5em; overflow: hidden; background-color: #a7dced; }
.con_l .ksdh p:nth-child(n+4){ margin-bottom: 0em; }
.con_l .ksdh p img{ display: block; width: 55%; height: auto; margin: 0.5em auto 0; overflow: hidden; }
.con_l .ksdh p span{ display: inline-block; width: 100%; height: auto; line-height: 2em; text-align: center; margin: 0 auto; overflow: hidden; color: #2e3030; font-size: 1em; }

.con_r .news_article{ width:100%; height: auto; margin: 1em auto 0; }
.con_r .news_article .news_img{ width:45%;height:auto; margin:0 auto;overflow:hidden; }
/*
.con-r .news_article .news_img img{ width: auto; max-width:275px; height: auto; max-height:241px; }
*/
.con_r .news_article .news_list{ width:53%; height:auto; margin:0 auto;overflow:hidden;  }
.con_r .news_article .news_list p{ width:100%; height: 2.2em; line-height: 2.2em; text-indent: 0.9em; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; border-bottom:  1px solid #a0a0a0; color: #626262; box-shadow: 0px 1px 0px #cccccc; position: relative;  }
.con_r .news_article .news_list p::before{position: absolute; content: ""; display: inline-block; width:0.3em; height: 0.3em; background-color:#ff0000; transform: rotate(45deg); left: 0.3em; top:1em;  }
.con_r .news_article .news_list p span{ margin-right: 0.2em; }

.con_l .formbox{ width:94%; height: auto; overflow: hidden;  margin: 1em auto 0;   }
.con_l .formbox p{ line-height: 1.8em; }
.con_l .formbox p:nth-child(n+2){ margin-top: 0.7em; }
.con_l .formbox p span{ width:25%;  display: inline-block; text-align: center;   }
.con_l .formbox p input,select{ width:72%; border: 1px solid #959595; border-radius: 0.3em; box-sizing: border-box; padding: 0.1em 0.8em; color: #656565; }
/*.con_l .formbox .button input{ width:100%; line-height: 2.5em; background-color: #f7a929; border: none; color: white; font-size: 1em; border-radius: 0.3em;  }*/
.con_l .formbox .button input{ width:100%; line-height: 2.5em; background-image: linear-gradient(90deg,#fa4e58 0,#ff9c60 100%); border: none; color: white; font-size: 1em; border-radius: 0.3em;  }
/* 医生介绍部分 */
.cbox_ysjs{ background-color: #e9f0f4 !important; position: relative; }/*** cbox_ysjs 和 cbox , con_r 类同一级别 ****/
.ysbox{ width:100%; height: auto;  margin: 1em auto 0;  }
/* 医生介绍部分 css  jquery.SuperSlide 版本*/
.ysbox{ width:780px; height: auto; margin:10px auto 0; overflow: hidden; }
.cbox_ysjs .hd{  position: absolute; right: 1em; top: 1.3em;  }
.cbox_ysjs .next,.cbox_ysjs .prev{ display: inline-block; width:1.5em; height: 1.5em; margin: 0 auto 0 0.8em; overflow: hidden; }
.cbox_ysjs .next{ background:url("../images/jt_l.png")no-repeat; background-size: 99%; }
.cbox_ysjs .prev{ background:url("../images/jt_r.png")no-repeat; background-size: 99%; }

.cbox_ysjs .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.cbox_ysjs .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
.cbox_ysjs .hd ul li.on{ background-position:0 0; }

.cbox_ysjs .bd .tempWrap{ width: auto !important; }

.cbox_ysjs .bd ul{ overflow:hidden; zoom:1;}

.cbox_ysjs .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.cbox_ysjs .bd ul li .pic{ text-align:center; }
.cbox_ysjs .bd ul li .pic img{  display:block;  padding:2px;  }
.cbox_ysjs .bd ul li .title{ width:100%; height: auto; line-height: 1.3em; text-align: center; background-color: #019ace; color: white;  }
/* 医生介绍部分 css jquery.SuperSlide 版本 */

/*** 就医指南  start ****/
.jyzn{ width:100%; height: auto; overflow: hidden; margin:1em auto 0;  }
.jyzn span,.jyzn_b span{ display: inline-block; width: 100%; text-align: center; font-size: 1em; color: white; margin-top: 0.4em; }
.jyzn img,.jyzn_b img{ width: 2em; height: 2em; margin: 0 auto; }
.jyzn .jyzn_l{ width:37%; background-color: #5ac2ce; align-items: center;}
.jyzn .jyzn_l p{ width:100%; }
.jyzn .jyzn_r{ width:62%;  flex-wrap: wrap;  }
.jyzn .jyzn_r p{ width:49%; box-sizing: border-box; padding: 0.7em 0;  }
.jyzn .jyzn_r p:nth-child(1){ background-color: #4bc481;  }
.jyzn .jyzn_r p:nth-child(2){ background-color: #2493d3;  }
.jyzn .jyzn_r p:nth-child(3){ background-color: #eead12; margin-top: 0.3em; }
.jyzn .jyzn_r p:nth-child(4){ background-color: #e57f5f; margin-top: 0.3em; }

.jyzn_b{ margin-top: 0.3em; }
.jyzn_b p{ box-sizing: border-box; padding: 0.7em 0; }
.jyzn_b_l{ width: 49.5%; background-color: #12b2ee; }
.jyzn_b_r{ width: 49.5%; background-color: #ea6eba; }
/*** 就医指南  end ****/

/*** 热点关注  start ****/
.rdgz{ width:100%; height:auto; overflow: hidden; margin: 1em auto 0; flex-wrap: wrap; }
.rdgz a{ display: block; width:31.5%; height: 2em; line-height: 2em; border-bottom:1px solid #a0a0a0; color: #7d7d7d; text-indent: 0.9em; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;   position: relative; }
.rdgz a:nth-child(n+4){ margin-top: 0.6em; }
.rdgz a::before{position: absolute; content: ""; display: inline-block; width:0.3em; height: 0.3em; background-color:#ff0000; transform: rotate(45deg); left: 0.3em; top:1em;  }
/*** 热点关注  end ****/

/*** 医院风采 start ***/
.yyfcbox{ width:100%;  margin: 0 auto; overflow: hidden; background-color: #f3eded;  }
.yyfcbox .yyfc_title{width:100%; max-width: 1272px; margin: 0.8em auto; overflow: hidden; box-sizing: border-box; padding: 0 1em;  }
.yyfcbox .yyfc_title span{ display: inline-block;  border-bottom:0.18em solid #1b96c0; color: #1b96c0; font-size: 1.35em;  }
.yyfcbox_c{ width:100%; max-width: 1272px; margin: 0 auto 1.2em; overflow: hidden; flex-wrap: wrap;  }
.yyfcbox_c img{ display: inline-block; width:20%;   }

/*** 医院风采 end ***/

/*** page  footer   start ***/
.footer_box{ width:100%; margin: 0 auto; overflow:hidden; 
	background-image: url("../images/footer_back.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.foot{ width:100%; max-width: 1272px; height: auto; margin: 0 auto; color:white; font-size: 1.05em; box-sizing: border-box; padding: 1em; overflow: hidden; 
	justify-content:center; -webkit-justify-content: center;  -moz-justify-content: center;  -o-justify-content: center;
	flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -o-flex-wrap: wrap;  
	align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center; 
}
.foot .foot_l{ width:auto;  align-items: center; text-align: center;  }
.foot .foot_l .foot_l_l{  margin-right: 1.8em; }
.foot .foot_l .foot_l_l img{  min-width: 3.3em; min-height: 3.3em; }
.foot .foot_l .foot_l_r p:nth-child(1){ font-size: 1.4em; }
.foot .foot_l .foot_l_r p:nth-child(2){ line-height: 1.6em;  }
.foot .foot_c{ width:auto; margin: 1em auto; text-align: center; line-height: 1.6em;   }
.foot .foot_c p a{ color: white; }
.foot .foot_r{ width:auto; align-items: center;     }
.foot .foot_r .foot_r_l{ min-width:65%; margin-right: 1.5em; }
.foot .foot_r .foot_r_l img{ display: block; min-width: 5em; min-height: 5em;  }
.foot .foot_r .foot_r_c{ margin-right: 0.8em  }
/*** page  footer   end ***/

/*** list start ***/
.list_box,.positioning{ width:100%; max-width: 1272px; height: auto; overflow: hidden; margin: 0 auto 1em;  }
.positioning{margin: 0 auto 1em auto; font-size: 0.8em; color: #999; line-height: 3em; border-bottom: 1px solid #f0f0f0; }
.positioning a{ display: inline-block; color: #999; }

.list_box{ justify-content: space-between; box-shadow: 0px 0px 50px 0px #f3eded; box-sizing: border-box; padding: 0.6em; }
.list_box .h4{ line-height: 2em; color: #1b96c0; border-bottom: 2px solid #f4f4f4; margin-bottom: 0.8em;  }
.list_box .h4 span{ display: inline-block; border-bottom: 2px solid #999999; margin-bottom: -2px; }
.list_left{ width: 100%; max-width:340px; height: auto; overflow: hidden;    }

.list_l_news{}
.list_l_news_con{ width:100%; height: auto; margin: 0 auto; overflow: hidden; }
.list_l_news_con a{ display: block; width:100%; height: 2em; line-height: 2em; border-bottom: 1px dashed #cccccc; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size: 0.9em; color: #444444; margin-bottom: 0.2em; }
.list_l_news_con a span{ display: inline-block; width:1.4em; height: 1.4em; line-height: 1.4em; text-align: center; font-size: 0.8em; color: white; margin: auto 0.3em auto auto;  background-color: #979797; }
.list_l_news_con a:nth-child(1) span{ background-color:#fc6c6c;  }
.list_l_news_con a:nth-child(2) span{ background-color:#fea069;  }
.list_l_news_con a:nth-child(3) span{ background-color:#fcc660;  }

.list_l_ystd{ width:100%; height: auto; margin: 1em auto auto auto; }
.list_l_ystds{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; }
.list_l_ystds .slide_box{ align-items: center; }
.list_l_ystds .slide_box .slide_l{ width:60%; height: auto; }
.list_l_ystds .slide_box .slide_r{ width:38%; height: auto; }
.list_l_ystds .slide_box .slide_r p:nth-child(1){ font-size: 1.1em; font-weight: bold; color: #666666; margin-bottom: 0.5em; }
.list_l_ystds .slide_box .slide_r p:nth-child(2){ font-size: 0.8em; color: #9b9b9b; line-height: 1.2em; }
.list_l_ystds .slide_box .slide_r a{ display: inline-block; margin-top: 0.8em; border: 1px solid #ff6600; border-radius: 1em; font-size: 0.8em; color: #ff6600; line-height: 1.6em; box-sizing: border-box; padding: 0 0.5em; }

.list_l_bmfw{width:100%; height: auto; margin: 1em auto auto auto;  }
.list_l_bmfw .bm_box{ width: 90%; height: auto; overflow: hidden; margin: 0 auto; }
.list_l_bmfw .bm_box .bm1{ align-items: center; margin-bottom: 1em; }
.list_l_bmfw .bm_box .bm1_l{ width:35%;  }
.list_l_bmfw .bm_box .bm1_l img{ max-width:4em;  height: auto; }
.list_l_bmfw .bm_box .bm1 .bm1_r{ width:60%;  }
.list_l_bmfw .bm_box .bm1_r span{ display: block; color: #666 }
.list_l_bmfw .bm_box .bm1_r span:nth-child(1){ font-size: 0.9em;  }
.list_l_bmfw .bm_box .bm1_r span:nth-child(2){ font-size: 1.4em; font-family: "AGENCYB";  }




.list_right{ width: 100%; max-width:872px; height: auto; overflow: hidden;  }
.lists_box{ width:100%; height: auto; margin: 0 auto; overflow: hidden; }
.lists_box .lists{ width:100%; height: auto; margin: 0 auto; overflow: hidden; box-sizing: border-box; padding: 0.3em 0; border-bottom: 1px solid #f0f0f0;  }
.lists .lists_l img{ width:5.5em; height: auto; margin-right: 1em; }
.lists .lists_r{ width: 100%; height: auto; overflow: hidden; }
.lists .lists_r .list_r_title a{ width: 100%; display:inline-block; height: auto; line-height: 1.6em; font-size: 0.95em; color: #333333;  text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-weight: bold; }
/*.lists .lists_r .list_r_text{ text-indent: 2em; line-height: 1.5em; font-size: 0.9em; color: #7d7d7d; }*/
.lists .lists_r .list_r_text{ line-height: 1.5em; font-size: 0.9em; color: #7d7d7d; }
.lists .lists_r .list_r_info{line-height: 1.3em; margin: 0.5em 0 0;  }
.lists .lists_r .list_r_info span{ display:inline-block;  line-height: 1.6em; font-size: 0.8em; color: #999; }
.lists .lists_r .list_r_info a{ margin: 0em 1em 0; border: 1px solid #fea069; border-radius: 0.9em; color: #fc6c6c; font-size: 0.75em; box-sizing: border-box; padding: 0 0.4em; }

.pagelist{ width:100%; height: auto; line-height: 1.6em; overflow: hidden; margin: 1em auto 0; }
.pagelist ul{ justify-content: center; }
.pagelist ul li{ margin: 0 0.3em; color: #999; }
.pagelist ul .thisclass{ box-sizing: border-box; padding: 0 0.5em; background-color:#fc6c6c;  color: white; }
.pagelist ul .thisclass a{ color: white; }
.pagelist ul li a{  color: #999; }
/*** list end***/

/****** article start ******/
.conts{ width:100%; height: auto; overflow: hidden; margin: 1em auto;  }
.conts h4{ text-align: center; font-size: 1.5em; color: #1b96c0; }
.conts_info{ text-align: center; margin:1em auto; line-height: 2em; border-bottom: 1px solid #f4f4f4; font-size: 0.8em; color: #666; }
.content p{ text-indent: 2em; line-height: 1.8em; margin-bottom: 1em; font-size: 0.95em; color: #444444; }
.content img{ display: block; width: auto; height: auto; margin: 1em auto; }

.conts_ghxx{ width: 100%; height: auto; overflow: hidden; margin: 1.5em auto 0 auto; justify-content:center;   }
.conts_ghxx a{ display: block; width: auto; height: auto; line-height: 2em; color: white; font-size: 1em; box-sizing: border-box; padding: 0em 0.8em; margin: 0.2em; border-radius: 0.5em; }
.conts_ghxx a:nth-child(1){ background-color: #ff6600; }
.conts_ghxx a:nth-child(2){ background-color: #1993d6; }
.conts_ghxx a:nth-child(3){ background-color: #fea069; }
.conts_ghxx a:nth-child(4){ background-color: #d29474; }
/****** article end ******/

.tuijian_box{ width:100%; height: auto; overflow: hidden; margin: 0 auto; }
.tuijian_list{ justify-content: space-around; flex-wrap: wrap; }
.tuijian_list a{ display: block; width: 46%; height: auto; line-height: 1.8em; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size: 0.9em; color: #444444; }
