﻿ .clear{clear:both }


.mdt{
	width:1200px;
	height:700px;
	margin:0 auto;

}
.mdt_jj{
	width:1200px;
	height:370px;

}
.mdt_doctor{
	width:1200px;
	height:580px;


}
.mdt_jj h2,.mdt_article h2{
	font-size:20px;
	line-height:24px;
	color:#458fce;
    padding-top: 42px;
    padding-bottom: 17px;

}
.mdt_jj ul{

	width:1200px;
	height:290px;
	background: url(img/mdtb1.png)no-repeat;

}
.mdt_jj_left{
	width:726px;
	height:290px;
	float:left;
}
.mdt_jj_right{
	width:474px;
	height:290px;
	float:left;
}
.mdt_jj_right h3{
	font-size:18px;
	line-height:24px;
	color:#458fce;
	padding-top: 48px;
	padding-bottom:15px;
}
.mdt_jj_right p{
	font-size:14px;
	line-height:24px;
	color:#666666;
	padding-right:45px;
	text-indent: 2em;
    margin-bottom: 14px;
}
.mdt_jj_right p a{
	color:#3d95d5;

}
.mdt_yy{
	width:430px;
	height:40px;
	background:#2676c3;
    font-size: 18px;
    color: #fff;
	padding: 8px 179px;
	border-radius: 5px;
}
.mdt_yy:hover{
  color: #fff;

}
/*css动画效果*/
.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;

}

.ih-item.circle {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
	margin-top:55px;
	float: left;
}
.mdt_jg{ margin: 0 30px;}
.mdt_jgs{margin-left:62px;}
.ih-item.circle .img {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
   
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle .img img {
    border-radius: 50%;
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square {
    position: relative;
    width: 316px;
    height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect6.colored .info {
    background: #1a4a72;
}

.ih-item.circle.effect6 .info {
   background: url(img/mdtnb2.png)no-repeat;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}



.ih-item.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.ih-item.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.circle.effect6.scale_down .info {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.ih-item.circle.effect6.scale_down a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_down a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.circle.effect6.scale_down_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out 0.2s;
    -moz-transition: all 0.35s ease-in-out 0.2s;
    transition: all 0.35s ease-in-out 0.2s;
}

.ih-item.circle.effect6.scale_down_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}

.ih-item.circle.effect6.scale_down_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ih-item.circle.effect6 .info1{
background: url(img/mdtnb3.png)no-repeat;


}
.ih-item.circle.effect6 .info2{
background: url(img/mdtnb4.png)no-repeat;


}
/*css动画效果*/
.mdt_doctor_top{
width:1200px;
height:70px;
border:#e7e7e7 solid;
border-width:0 0 3px 0;

}
.mdt_doctor_top h2{
	font-size:20px;
	line-height:24px;
	color:#458fce;
	border:#3d95d5 solid;
	border-width:0 0 3px 0;
    width: 135px;
	padding-bottom:10px;
	padding-top: 36px;

}
.mdt_doctor_left{
	width:380px;
	height:507px;
	float:left;
}
.mdt_doctor_center{
	width:380px;
	height:507px;
	float:left;
	margin:0 30px;
}
.mdt_doctor_right{
	width:380px;
	height:507px;
	float:left;

} 
/*文章*/
.mdt_article img{
	width:180px;
	height:100px;

}
.mdt_article ul{
	float:left;
}
.mdt_article ul li{
	width:380px;
	position:relative;
	margin-bottom: 10px;
}
.mdt_article ul h3{
	font-size:18px;
	padding-bottom:17px;
	font-weight: normal;
}
p.mdt_article_p {
    position: absolute;
    top: 0;
    left: 190px;
	font-size:16px;
	width:190px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
p.mdt_article_span {
    width: 190px;
    font-size: 14px;
    position: absolute;
    top: 38px;
    left: 190px;
    color: #999999;
    height: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    line-height: 22px;
}
a.mdt_article_text {
    font-size: 14px;
    float: left;
	width:320px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 26px;
}
.mdt_article ul li span{
	font-size: 14px;
    float: right;
    color: #999999;
	line-height:26px;
}
.mdt_article_interval{
	margin:0 30px;
}
.mdt_article_first{
	padding-bottom:15px;
}
.mdt_banner{
    width: 100%;
    height: 275px;
    background: url(img/mdtlogo.jpg) center no-repeat;
    margin: 0 auto;


}