﻿@charset "utf-8";
/*全局样式*/
*{ padding:0px; margin:0px; list-style:none;
  font-family: Microsoft YaHei;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight: normal;}
select,input,img,select{vertical-align:middle; margin:0;padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
img{vertical-align:middle; border:none}
body{color:#333;font-family:'Microsoft YaHei';font-size: 14px;margin:0;padding:0;background:#fff;}
a{color: #333;text-decoration:none;cursor: pointer;}
a:hover{color:#165837 ;text-decoration:none;}
.clearit,.clearb{clear:both;margin:0;padding:0;}
.overflow{ overflow:hidden; height:1%;}
.fl{ float:left}
.fr{ float:right}
/*------错误提示------*/
.field-validation-error{color:red}

/*文章、栏目、站点、二级页面主体宽度*/
.w1200{width: 1200px;margin:0 auto;}
/*左右布局样式*/
.Min_L{width:850px;height: auto !important;}
.Min_R{width:330px;}

/*板块布局样式*/
.col-md-12{width:100%;} 
.col-md-10{width:83%;} 
.col-md-9{width:75%;}
.col-md-8{width:67%;}
.col-md-7{width:59%;}
.col-md-6{width:50%;}
.col-md-5{width:41%;}
.col-md-4{width:33%;}
.col-md-3{width:25%;}
.col-md-2{width:17%;}
.mrg{margin:0 2%;}
/*外边距像素*/
.mt10{margin-top: 10px;}   
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mg0-10{ margin:0 10px;}
.mg20-0{ margin:20px 0;}
.mg25-0{ margin:25px 0;}
.mt60{margin-top: 60px;}
/*内边距像素*/
.pd10{padding:10px}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px}
.pr10{padding-right: 10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 15px;}
.pd0-10{padding:0px 10px;}
.pd0-15{padding:0px 15px}
.pd0-20{padding:0px 20px}
.pd5-0{padding:5px 0px}
.pd10-0{padding:10px 0px}
.pd15-0{padding:15px 0px}
.pd20-0{padding:20px 0px}
.pd5-15{padding:5px 15px}
.pd0-15{padding:0px 15px}
.pd0-10{padding:0px 10px}
.pd0-20{padding:0px 20px}
/*边框样式*/
.border_T{border-top:1px solid #ededed;}
.border_B{border-bottom:1px solid #ededed;}
.border_L{border-left:1px solid #ededed;}
.border_R{border-right:1px solid #ededed;}
.border{border:1px solid #ededed;border-top:2px solid #165837 ;}
/*渐变样式*/
.transition{
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s ;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;  
}
/*输入框样式*/
input,textarea,select{
  font-size: 14px;
  color: #555;
  background-image: none;
  border:1px solid #ccc;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input:focus,textarea:focus,select:focus{
  border-color: #165837!important;
  outline: 0!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*公用标题样式*/
h2.title_header,h2.Com_tit{height:45px;line-height:45px;color:#165837 ;font-size: 20px; }
h2.title_header a.more{
  color: #999999;
display: block;float: right;font-size: 12px;font-weight: normal;height: 16px;line-height: 16px;margin-top: 18px;}
h2.title_header a.more:hover{font-weight: bold; font-size:14px;}
h2.title_header span,h2.Com_tit span{border-left:3px solid #165837 ;padding-left: 10px;}
h2.title_header span a{color: #165837 }

.h2_tit {
  padding-left: 44px;
  margin-bottom: 14px;
}
.h2_tit .tit_span{
  font-size: 24px;
  color: #337353;
  line-height: 30px;
}
.h2_tit .tit_more{
  width: 100px;
  display: block;
  text-align: center;
  float: right;
  height: 30px;
  border: 1px solid #DBDBDB;
  border-radius: 15px;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  box-sizing: border-box;
}
.h2_tit .tit_more:hover{
  border: 1px solid #337353;
  color: #337353;
}

/*字体颜色*/
.blue{ color:#0573be !important}
.blue span a{ color:#0573be !important}
.red{ color:#e23838 !important}
.red span a{color:#e23838 !important}
.green{ color:#178601 !important}
.green span a{ color:#178601 !important}
.dark_blue{ color:#005087 !important;}
.dark_blue span a{ color:#005087 !important;}
.blue span{border-left:3px solid #0573be !important;}
.red span{border-left:3px solid #e23838 !important;}
.green span{border-left:3px solid #178601 !important;}
.dark_blue span{border-left:3px solid #005087 !important;}
.red a.more{ background-position: right -16px !important;}
.green a.more{ background-position: right -32px !important;}
.dark_blue a.more{ background-position: right -48px !important;}
/*文章列表插件样式*/
ul.article_list li{padding-left:15px;background:url(/Content/Areas/Common/images/Article/icon_2.png) no-repeat 0px 12px;line-height: 32px;}
ul.article_list li span.span_date{float: right}
ul.article_list li a.columnName{float: left;color: #165837 ; margin-right: 4px;}
ul.article_list li a.columnName:hover{font-weight: 600;}
.btn_list li a span {
 line-height: 27px;
}
/*公用读取一篇文章*/
.article_box{overflow:hidden}
.article_box img{float: left;margin-right:20px;}
.article_box h2{font-size: 18px;color: #333;font-weight: normal; margin-bottom:5px;}
.article_box p{font-size: 14px;line-height: 28px;color: #999999;}
.article_box .details {float: right;font-size: 12px;overflow: hidden;color: #165837 ; +float: none;}
.article_box .details:hover{ font-weight: 700; font-size:14px;}
.detail {color: #165837 ;}
.detail:hover{ font-weight: 700; font-size:14px;}

/*article_list_1样式*/
ul.article_list_1 li{overflow: hidden;margin-bottom: 14px;line-height:23px;}
ul.article_list_1 li span.span_date{float: left;width:65px;height:45px;line-height: 23px;background:#165837 ;color: #fff;text-align: center;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-right:15px;display: inline-block;}
ul.article_list_1 li span.span_date i{display: block;font-style: normal;text-align: center;font-size: 20px;}
ul.article_list_1 li span.span_date p{ font-size:12px;}
ul.article_list_1 li a.title_type{display: block;color: #666;font-size: 14px;_margin-top:-25px}
ul.article_list_1 li a.columnName{color: #ababab;}
ul.article_list_1 li a.columnName:hover,ul.article_list_1 li a.title_type:hover{color: #165837 ;}

/*背景渐变样式*/
h2.title_header a.more:hover,p a.more:hover,p a.details:hover
{transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}

/*错误提示*/
.patient_ask_form .submit_cont{ margin: 50px auto 90px !important;}
/*专家介绍弹窗样式*/
div.speac_div{background: #fff;border: solid 1px #d9d9d9;width: 316px;clear: both;height: 138px;padding: 10px 10px 12px 10px;
left: 0px;position: absolute;text-align: left;top: 25px;z-index: 10000;line-height: 22px!important;font-size: 12px;color: #333;}
div.speac_div img{float: left;margin: 0 10px 0 0;width: 99px;height: 134px;line-height: 20px;}
div.speac_div h2 a {float: none!important;font-size: 14px;}


@keyframes icon-bounce {
  0%,
  100% {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  25% {
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  }
  50% {
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  }
  75% {
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  85% {
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
 }
 
@media only screen and (max-width: 1024px){
.main,.main_content{width:1200px;}
}

@media only screen and (max-width: 768px){
.main{margin:20px 0;width:100%;box-sizing:border-box;padding:0 0.3rem;}
.main_content{width:100%;}

.w1200{width: 100%;}
.main_content{width:100%;margin:10px auto}
.banner img{ width:100%;}
/*板块布局样式*/
.col-sm-12{width:100%;float: none;margin-bottom: 20px;}
.col-sm-6{width:50%;}
.col-sm-hid{display: none}
.speac_div{display:none;}
.h2_tit{
  padding-left: 0;
  background: none !important;
  margin-bottom: 0.2rem;
}
.h2_tit .tit_span{
  font-size: 0.35rem;
  line-height: 0.48rem;
}
.h2_tit .tit_more{
  width: 1.6rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border-radius: 0.24rem;
  font-size: 0.24rem;
}
.mt60{
  margin-top: 0.4rem;
}
}
@media only screen and (max-width:640px){
/*板块布局样式*/
.col-sm-6{width: 100%;float: none;margin-bottom: 20px;}
.col-md-7{width: 100%;float: none}
.col-md-5{width: 100%;float: none}
.col-xs-hid{display: none}
.mrg{margin:0 0 20px 0;}
.main{margin:10px 0;}
}
  