﻿/*main */
.main{ background:#fff;}
.banner{ height:385px;background:#e7e9e8}
.banner_in{ width:1200px; height:385px; overflow:hidden; margin:auto; position:relative}
.ban_img img{ display:block}
/*banner*/
.ban_btn{ position:absolute; left:525px; bottom:20px}
.ban_btn li{ width:12px; height:12px; margin-right:15px; background:url(/Sites/Uploaded/UserUpLoad/20150706/20150706144102.png) no-repeat -12px 0; float:left; cursor:pointer}
.ban_btn li.current{ background-position:0 0}

/*主体*/
.main_contentT,.main_contentB{ background:#F4F4F4}
.main_contentIn{ width:1200px; margin:auto; overflow:hidden}
/*主体--上部*/
.main_contentT{ padding:22px 0; margin-top:1px}
.main_contentT_l,.main_contentB_l{ width:380px; float:left; margin-right:35px}
.main_contentT_m,.main_contentB_m{ width:390px; float:left; margin-right:35px}
.main_contentT_r,.main_contentB_r{ width:350px; float:left}

.main_contentT_l p{ line-height:26px; text-indent:2em; color:#666}
.detail{ color:#880d3c}
.detail:hover{ color:#333}

.main_contentT_m{ width:390px; height:240px; position:relative;overflow: hidden;}
.main_contentT_m img{ width:390px; position:absolute; z-index:1}
.main_contentT_m .Num{ position:absolute; right:30px; bottom:18px; z-index:3}
.main_contentT_m .Num li{ float:left; background:#fff; width:8px; height:8px; text-indent:-9999px; margin:0 4px; cursor:pointer}
.main_contentT_m .tit{ position:absolute; bottom:12px; left:10px; font-size:14px; z-index:3; }
.main_contentT_m .tit a{color:#FFF}
.main_contentT_m .Num li.s{ background:#880d3c;}
.main_contentT_m .boxBg{ background:#c24569; position:absolute; z-index:10; height:40px; width:390px; bottom:0px; z-index:2;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;}

.newlist li{ background:url(/Sites/Uploaded/UserUpLoad/20150706/20150706164605.jpg) no-repeat 2px 14px; padding-left:12px; line-height:28px}
.newlist .columnName{ color:#92214c}
.newlist .columnName:hover{ color:#880d3c}
/*主体--中部*/
.main_contentM{ padding:30px 0;}
.tit_lan{ height:50px}
.tit_lan a{font-family:'微软雅黑'; font-size:24px; color:#880d3c; font-weight:normal;}
.tit_lan a:hover{ color:#214e55}



.scrcontBox{ width:100%;overflow:hidden;left:0;}
.scrcontBox .pcont{float:left;overflow:hidden;width:1110px;display:inline;position:relative;zoom:1;}
.scrcontBox .ScrCont{width:102766px;zoom:1}
.scrcontBox #List1_1{float:left}
.scrcontBox #List2_1{float:left}
.scrcontBox ul{float:left;margin:0px;display:inline;padding:0px;}
.scrcontBox li{width:122px; float:left;position: relative; height:151px;margin-left:36px;overflow:hidden}

.LeftBotton{ width:18px; height:34px; float:left; margin-top:70px; background:url(/Sites/Uploaded/UserUpLoad/20150706/20150706164419.jpg) no-repeat 0 0;}
.LeftBotton:hover{ background-position:0 -34px;}
.RightBotton{ width:18px;height:34px;float:right; margin-top:70px; background:url(/Sites/Uploaded/UserUpLoad/20150706/20150706164419.jpg) no-repeat -19px 0;}
.RightBotton:hover{ background-position:-19px -34px;}

.picZoom p{ position:absolute; z-index:2; bottom:0; width:120px; text-align:center; display:block;height:25px; line-height:25px;}
.bg{position:absolute; z-index:1; bottom:0; width:120px;height:25px; margin-left:1px; background:#000; opacity:0.4;filter:alpha(opacity=40);}
.picZoom p a{ color:#FFF;}
.picZoom p a:hover{ color:#d1d1d1}
.scrcontBox ul li a img{ width:120px; height:149px; display:block; border:1px solid #fff}
.scrcontBox ul li a:hover img{ border-color:#880d3c}



/*主体--下部*/
.main_contentB{ padding:35px 0;}
.main_contentB_l li{ line-height:30px;}
.main_contentB_l li a{color:#333}
.main_contentB_l li a:hover{ color:#880d3c}
.main_contentB_l .columnName{ padding:10px; background:#880d3c; color:#fff; font-size:12px; margin-right:12px}
.main_contentB_l .columnName:hover{ background:#c24569;color:#fff;}
.newlist2 li{ background:url(/Content/Areas/News/images/ShiYanShi/libg2.jpg) no-repeat 2px 9px; line-height:30px}

.getnews{ margin-bottom:9px}
.getnews img{ float:left; margin-right:20px; display:block; width:102px; height:74px; border:1px solid #f4f4f4;}
.getnews a:hover img{ border-color:#880d3c}
.getnews h2{ font-size:14px; font-weight:normal; height:22px;}
.getnews h2 a{ color:#880d3c;}
.getnews h2 a:hover{ color:#214e55}
.getnews p{ font-size:12px; line-height:20px; color:#999}
.main_contentB_m .newlist2 li a{ color:#999}
.main_contentB_m .newlist2 li a:hover{ color:#333}
.main_contentB_l .columnName{ float:left;}
.main_contentB_l ul{ overflow:hidden; margin-bottom:2px}
.main_contentB_m span{ float:left; margin-right:20px;}
@media only screen and (max-width:1024px){
	.headerTop,.headerMain,.sy_nav,.main_contentIn,.link_in,.banner_in{ width:1000px}
	.banner,.banner_in{ height:auto}
	.ban_img img{ width:1000px; height:auto;}
	.ban_img li{ display:none}
	.main_contentT_l, .main_contentB_l{ width:320px; margin-right:20px}
	.main_contentT_m, .main_contentB_m{ width:330px;margin-right:20px}
	.main_contentT_r, .main_contentB_r{ width:300px}
	.main_contentT_m img,.main_contentT_m .boxBg{ width:100%}
	.main_contentT_m .Num{ right:10px}
	.doctor_in{ width:948px}
	.toright{ margin-left:12px}
	
	.newlist li{ height:28px; overflow:hidden}
	.scrcontBox .pcont{ width:948px}
}
@media only screen and (max-width:48em){
	.banner_in{ width:100%!important}
	.ban_img img{width:100%}
	.ban_btn{ left:40%}
	.main_contentIn{ width:98%!important}
	.main_contentT_l{ float:none; width:100%; margin:0; margin-bottom:10px}
	.main_contentT_m{ width:48%; margin-right:4%}
	.main_contentT_r{ width:48%;}
	.doctor_in{ width:87%}
	.toright{ float:right; margin-left:0}
	.main_contentB_l{ width:48%; margin-right:4%}
	.main_contentB_m{width:48%; margin:0}
	.main_contentB_r{ width:100%; margin-top:20px}

	.scrcontBox{ position:relative}
	.LeftBotton{ position:absolute; float:none; left:0; top:70px; margin:0 }
	.RightBotton{ position:absolute; right:0; top:70px; margin:0}
	.scrcontBox .pcont{ width:480px; margin:auto; float:none; display:block}
}
@media only screen and (max-width:30em){
	.main_contentT_m{ float:none; width:100%; margin:0; margin-bottom:10px}
	.main_contentT_r{ float:none; width:100%; height:auto;}
	.main_contentB_l{ float:none; width:100%; margin:0; margin-bottom:20px}
	.main_contentB_m{ float:none; width:100%; margin:0;}
	.doctor_in{ width:58%}
	
	.scrcontBox .pcont{ width:194px;}
} 