﻿@charset "utf-8";
/* CSS Document */
.linkmap{display:none}
.hig219{ height: 219px;  }
.hig268{ height: 268px; }
/*标题*/
h2.title_header{height:45px;font-weight: bold;line-height:45px;color:#004eb6 ;font-size: 18px; padding: 0 15px;}
h2.title_header span{border-left:0px;}
.main_conten{ width:1200px; margin:0 auto;}
.main1_L{ width:893PX;}
.main1_R{ width:288PX;}
/*banner*/
.banner{ width:893px;}
.swiper-container{ height:350px !important;}
.banner img{ width:893px; height:350px;}
.banner .pagination{ display:none;}

.main ul.article_list li a{ color: #666; }
.main ul.article_list li span.span_date {float: right; color: #999; font-size: 12px;font-family: "宋体";}
.main ul.article_list li a:hover{ color:#2076bd; }

/*登陆*/
.main1_RT { width:248px; height:178px; border:1px solid #99a8c1; background:#eaf2ff; padding:20px;}
.main1_RT h2{ margin-bottom:20px;}
.main1_RT h2 span{ font-size:16px; line-height:30px; border-bottom:2px solid #1764ba; color:#1764ba; padding:3px 10px; cursor:pointer;}
.main1_RT h2 span.No_active{ border-bottom:2px solid #fff; color:#666;}
.main1_RT h2 span.span_ewm{ background:url(../images/tubiao.png) no-repeat 15px center; padding:3px 25px 3px 35px;}
.main1_RT .tab_box { border:0px;}
.main1_RT .tab_box .ewm_img img{ display:block; margin:0 auto;}
.main1_RT .LogOn_Box form{ width:248px; }
.main1_RT .LogOn_Box  input{ height:28px; border:1px solid #ccc; border-radius:5px; line-height:28px;margin-bottom:15px;}
.main1_RT .LogOn_Box  .f-text{ padding-left:10px; color:#999999;width:238px; }

.main1_RT .LogOn_Box  .logon{width:100%; text-align:center; background:#0064cb; border:none; color:#fff;margin-bottom:0px; cursor:pointer; }
.LogOn_Box input.logon:hover{ background:#00a6e2}

.main1_RT .LogOn_Box  .submitbtn2{width: 100%;text-align: center;background: #0064cb;border: none;color: #fff;margin-bottom: 0px;cursor: pointer;}
.main1_RT .LogOn_Box .submitbtn2:hover{ background: #00a6e2; }
.user_register{width: 150px;height: 28px;background: #1764ba;display: inline-block;line-height: 28px;text-align: center;color: #fff;border-radius: 5px;}
a.user_register:hover{background:#00a6e2; color:#fff;}
/*视频*/
.video_list .video_btn {
 height: 154px;
 position: absolute;
 width: 250px;
 _width: 230px;
 display: block;
 top: 0;
 left: 0px;
}
 .video_list{ background:#f2f2f2; padding:15px 20px;}
 .video_list img{width:100%;height: 154px;float:none;}
 .video_list li{position: relative;width: 100%;float: none;margin: 0px auto; }
 .video_list li.Li_Even{margin-bottom:0;}

 span.play_time {background: url(../images/btn_count.png) no-repeat left center;padding-left:15px;float: right;padding-right: 20px;}
 .video_list li h2{font-size:14px;line-height:30px;}
 .showTime{position: absolute;right: 0px;bottom: 0px;padding: 2px 4px;background: transparent url("../images/op_bg.png") repeat;color: #fff;}
/*联系*/
.main1_RB{ margin-top:20px; width:100%;}
.main1_RB li{ float:left; width:33.3%; height:110px; text-align:center;}
.main1_RB li span{ display:block; margin:25px 0px 5px;}
.main1_RB li span img{ height:30px;_height:auto;}
.main1_RB li a{ color:#fff; font-size:14px; line-height:30px;}
.main1_RB li.li1{ background:#83c131;}
.main1_RB li.li2{ background:#00a6e2;}
.main1_RB li.li3{ background:#0064cb;}
.main1_RB li:hover { opacity:0.7; transition:all 0.2s;}
/*主体2*/
.main2{ border:1px solid #ccc; border-bottom:1px solid #007dcc; }
.main2_tit{width:258px; height:105px; overflow:hidden; }
.main2_tit img{ width:258px; height:105px;}

.icon_list{ width:936px; }
.icon_list li{ float:left;height:105px; width:104px; text-align:center;}
.icon_list li span{ display:block; margin:20px auto 0px; width:42px; height:39px; overflow:hidden;}
.icon_list li a{font-size:14px; line-height:30px;}
.icon_list li a:hover span img{ transform:scale(1.1); transition:all 0.2s;}
/*主体3*/
.main3{ height:270px;}
.W228{ width:228px;border:1px solid #ccc;}
.W644{ width:644px;border:1px solid #ccc; margin:0PX 20PX;_margin:0PX 19PX;}
.W282{ width:282px; border:1px solid #ccc;}
.W348{ width:348px;}
.main3_L img:hover{ opacity:0.8; transition:all 0.2s;}
/*新闻滚动*/
.main3_C h2.tab_tit,.main4_C h2.tab_tit1 {height: 40px;line-height: 40px;border-bottom:1px solid #ccc;font-size:18px;}
.main3_C h2 .more,.main4_C h2 .more{ float:right; width:38px; height:40px; text-align:center; display:block;}
.main3_C h2 .more img,.main4_C h2 .more img{ *margin-top:15px;}
.main3_C h2 .more img:hover, .main4_C h2 .more img:hover{opacity:0.6; transition:all 0.3s;}
.main3_C h2 span,.main4_C h2 span{ display:block; float:left; position:relative; border-right:1px solid #ccc;color:#004eb6; margin-top:-1px; font-weight:bold; border-top:1px solid #007dcc;  width:146px; text-align:center; cursor:pointer;}
.main3_C h2 span b,.main4_C h2 span b{position:absolute;top: 21px;*top: 31px;display: block;width: 14px;height: 7px;left: 66px;}
.main3_C h2 span.No_active{ border-top:0px;border-top:0; color:#333; font-weight:normal;}
.main3_C h2 span.No_active b{ display:none;}
.main3_C .tab_box{ border:0px;}
.main3_C .SwitchImage{width: 250px; position:relative}
.main3_C .SwitchImage .swiper-box{width: 252px;height: 197px;}
.main3_C .SwitchImage .swiper-box ul li .Img_Box{float: left;padding: 0px !important;}
.main3_C .SwitchImage .swiper-box ul li .Img_Box .pic{width: 250px;height: 197px;margin-right: 0px;}
.main3_C .SwitchImage .swiper-box ul li img{width: 250px;height: 197px; margin:0 auto; display:block;}
.main3_C .SwitchImage .swiper-box ul li h2{ background:url(../images/op_bg_1.png) repeat; padding-left:10px;}
.main3_C .SwitchImage .swiper-box ul li h2 a{color: #fff !important;padding-left: 0px !important;font-size: 12px; font-weight: normal;}
.main3_C .SwitchImage .pagination{ right:5px !important; bottom:10px;}
.main3_C .article_box{ float:left;width: 250px;height: 197px; margin-right:0px;}
.main3_C .article_box img{width: 250px;height: 197px; margin-right:0px;}
/*科室滚动*/
.main4_L .SwitchImage{padding:0px 13px;width: 200px; position:relative}
.main4_L .SwitchImage .swiper-box{width: 200px;height: 223px;}
.main4_L .SwitchImage .swiper-box ul li .Img_Box{float: left;padding: 0px !important;}
.main4_L .SwitchImage .swiper-box ul li .Img_Box .pic{width: 200px;height: 100px;margin-right: 0px;}
.main4_L .SwitchImage .swiper-box ul li img{width: 200px;height: 100px; margin:0 auto; display:block;}
.main4_L .SwitchImage .swiper-box ul li img:hover{opacity:0.8; transition:all 0.2s;}
.main4_L .SwitchImage .content_box p{font-size: 12px;line-height: 24px;}
.main4_L .SwitchImage .swiper-box ul li h2{ position:static;*position: static!important; background:none;line-height: 26px;height: 26px;}
.main4_L .SwitchImage .swiper-box ul li h2 a{color: #333 !important;padding-left: 0px !important;font-size: 14px; font-weight:bold;}
.main4_L .SwitchImage .swiper-box ul li h2 a:hover{color:#2076bd !important; }
.main4_L .SwitchImage .pagination span{display:none}
.main4_L .SwitchImage .arrow-btn{position: absolute;z-index: 1000;font-family: "宋体";font-size: 25px;display: block !important;top: -36px;font-weight: bold;width: 25px;height: 25px;line-height: 25px;border: 1px solid #ccc;text-align: center;}
.main4_L .SwitchImage .btn-left{right: 50px;}
.main4_L .SwitchImage .btn-right{right: 15px;}
.main4_L .SwitchImage a.arrow-btn:hover{color: #0064cb; border: 1px solid #0064cb;}

/*院刊院报*/
.Journals_Img_box{ background:url(../images/yuanbao.jpg) no-repeat left center; padding-left:130px;height: 165px;}
.Journals_Img_box li{ margin:10px 0px 0px;background:url(../images/icon1.jpg) no-repeat 0px 10px;padding-left:10px;*margin:4px; }

.Journals_Img_box li img{ display:none;}
.Journals_Img li{ line-height:30px; height:30px;  background:url(../images/icon1.jpg) no-repeat 10px 15px; padding:0px 20px;}
.Journals_Img li a{ font-size:12px;}
.Journals_Img li img{ display:none;}
/*医生滚动*/
.main4_C h2 span a{color:#004eb6;}
.main4_C h2 .more{ border-left:1px solid #ccc;}
.main4_C .SwitchImage{width: 614px; position:relative; margin:0 auto; *height:147px; _overflow:auto !important}
.main4_C .SwitchImage .swiper-box{width: 564px;height: 131px; margin:8px auto;}
.main4_C .SwitchImage .swiper-box ul li .Img_Box{float: left;padding: 0px !important; width: 100%;}
.main4_C .SwitchImage .swiper-box ul li .Img_Box .pic{width: 96px;height: 130px;float: left;margin-right: 20px;}
.main4_C .SwitchImage .swiper-box ul li img{width: 96px;height: 130px;float: left;}
.main4_C .SwitchImage .content_box p{font-size: 12px;line-height: 20px; margin-bottom:5px;}
.main4_C .SwitchImage .content_box p.jieshao{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.main4_C .SwitchImage .content_box p a{font-size: 14px;}
.main4_C .SwitchImage .swiper-box ul li h2{position: static !important;*position: static !important; background:none;}
.main4_C .SwitchImage .swiper-box ul li h2 a{color: #333 !important;padding-left: 0px !important;font-size: 16px;}
.main4_C .SwitchImage .pagination span{display:none}
.main4_C .SwitchImage .arrow-btn{position: absolute;z-index: 1000;font-family: "宋体";font-size: 50px;display: block !important;top: 56px;color: #e8e8e8;}
.main4_C .SwitchImage .btn-left{left:5px;}
.main4_C .SwitchImage .btn-right{right:5px;}
.main4_C .SwitchImage a.arrow-btn:hover{color:#0064cb;}
.main4_R .article_list{ padding:7px 15px;}
.bot_box li span,.btn_more{ display:none;}
.bot_box{ margin-top:5px !important; _width:110px !important; _float:right; _padding-right:53px; position: absolute; left: 110px !important;}



@media only screen and (max-width: 768px){
 .main1_L,.banner,.banner img,.icon_list { width: 100%;}
 .main1_R,.main2_tit{ display: none; }
 .icon_list li{ width: 11%; }
 .W644{ margin: 0 2% 0 0;width: 64%; }
 .W228 { display: none; }
 .W282 {width: 33%;}
 .main4_L .SwitchImage{ width: 100%;box-sizing: border-box; }
.hig219,.hig268{ height: auto; }

.main1{ margin-top:0px !important;}
.main_conten{ width:100%;}
.banner,.main1_L,.banner img{ width:100%;}
.main1_R{ width:100%;}
.main1_RT{ display:none;}

.main3 .W282 {margin: 20px auto;}
/**/
.main3_C .article_box{ display:none;}
.W228{ display:none;}
.W644{ width:100%; margin:0 auto;}
.main4 .W282{ width:100%; margin:20px 0px 0px;}
.main4_R ul.article_list li{ width:50%; float:left; box-sizing:border-box; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.main4_C .SwitchImage .swiper-box{width: 556px;}
.W348{ width:68%;}
.main3_C .SwitchImage {width: 30%;position: relative;}
.main3 .W282{ width:100%; margin:20px auto 0px;}
.main4_L .SwitchImage{ width:90%; padding:0px 5%;}
.article_list li{box-sizing:border-box; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

.main3_C .SwitchImage .swiper-box,.main3_C .SwitchImage .swiper-box ul li img,.main3_C .SwitchImage .swiper-box ul li .Img_Box .pic {width: 100%;}

.W348{ width:58%;}
.main3_C .SwitchImage {width: 40%;position: relative;}

.swiper-container{ height:300px !important;}
.banner img,.banner{ height: 300px !important;}
.main3 .W282{ display: none; }
}
@media only screen and (max-width: 746px){
.main3_C h2 span{ width:100px;}
.main3_C h2 span b{ left:43px;}
.main3{ height:auto;}
}
@media only screen and (max-width: 680px){
.main3_C .SwitchImage{ display:none;}
.W348{ width:100%;}
.main4_C .SwitchImage{ width:262px; overflow:hidden;}
.main4_C .SwitchImage .arrow-btn{ display:none !important;}
}
@media only screen and (max-width: 640px){
.main1_R{ width:100%;}
.main1_RT{ display:block;}
.main1_RT{ width:90%; padding:5%;}
.main1_RT .LogOn_Box form{ margin:0 auto;}

.swiper-container{ height:250px !important;}
.banner img,.banner { height: 250px !important;}

/**/
.main4 .W228{ margin:0px 0px 20px;width:100%; box-sizing:border-box;}
.Journals_Img_box{ margin:0 auto;}
.icon_list li {width: 20%;}
}
@media only screen and (max-width: 500px){
.main3_C h2 span.span3,.main3_C h2 span.span4{ display:none;}
.article_list li .span_date{ display:none;}
.main4_R ul.article_list li{ width:100%; box-sizing:border-box;}
.icon_list li{ width:33.33%;}


.swiper-container{ height:200px !important;}
.banner img,.banner { height: 200px !important;}
}
@media only screen and (max-width: 350px){
.main4_C .SwitchImage .swiper-box ul li img,.main4_C .SwitchImage .swiper-box ul li .Img_Box .pic{ float:none; display:block; margin:0 auto;}
.main4_C .SwitchImage .swiper-box{ height:230px;}
.main4_C .SwitchImage .swiper-box{ width:440px;}
.main4_C .SwitchImage{ width:200px;}

.swiper-container{ height:150px !important;}
.banner img,.banner { height: 150px !important;}
}

@media only screen and (max-width: 320px){
.main3 .W228{display:block; margin:0px 0px 20px; width:100%; box-sizing:border-box;}
.W228 img{ width:100%; height:auto;}
} 