﻿@charset "utf-8";

/* CSS Document */
.col-md-2.col-sm-12.fr h2.title_header a span {
 color: #126089;
}

.col-md-2.col-sm-12.fr h2.green a span {
 color: #178601 !important
}

.col-md-2.col-sm-12.fr h2.dark_blue a span {
 color: #005087 !important
}

.col-md-2.col-sm-12.fr h2.red a span {
 color: #e23838 !important
}

.col-md-5.col-sm-6.fl h2.dark_blue a span {
 color: #005087 !important
}

.col-md-7.col-sm-6.fl h2.green a span {
 color: #178601 !important
}

.art_two .img_box img:hover {
 transform: scale(1.1);
 transition: all 0.3s ease 0s;
 -moz-transition: all 0.3s ease 0s;
 -ms-transition: all 0.3s ease 0s;
 -o-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.3s ease 0s;
}

img.pd15-0:hover {
 transform: none;
}

.H331 {
 height: 331px;
}

.article_box li {
 background: #f0f5fb url(/Sites/Uploaded/UserUpLoad/20160823/20160823132202.png) no-repeat left top;
 width: 364px;
 padding: 10px;
}

.article_box li .title_type {
 color: #2076bd;
 font-size: 18px;
}

/*轮播图*/
.SwitchImage {
 position: relative;
 width: 100%;
 height: 321px;
 margin-top: 10px;
}

.SwitchImage .swiper-box {
 height: 321px;
}

div .SwitchImage .swiper-box ul li h2 {
 height: 78px;
 line-height: 50px;
 font-size: 18px;
 text-align: center;
}

div .SwitchImage .pagination {
 right: 242px;
 bottom: 11px;
}

div .SwitchImage .pagination span {
 border-radius: 0;
 width: 15px;
 height: 4px;
}

/*简介*/
.col-md-2.col-sm-12.fr .article_box {
 background: #f2f2f2;
 padding: 14px 15px;
}

.article_box img {
 width: 100%;
 height: 102px;
}

.col-md-2.col-sm-12.fr .article_list {
 padding: 0 55px;
}

/*学术交流*/
.list_img li {
 width: 165px;
 height: 145px;
 overflow: hidden;
 margin-right: 10px;
 position: relative;
 float: left
}

.list_img li.last {
 margin-right: 0;
}

.list_img li .img_box {
 width: 182px;
 height: 145px;
 display: block
}

.list_img li .img_box img {
 width: 100%;
 height: 145px;
}

.list_img li .title_type {
 position: absolute;
 line-height: 32px;
 height: 32px;
 display: block;
 padding: 0 10px;
 width: 162px;
 background: url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
 color: #fff;
 bottom: 0
}

/*成果*/
.list_img2 li {
 width: 121px;
 overflow: hidden;
 margin-right: 8px;
 float: left;
}

.list_img2 li.last {
 margin-right: 0;
}

.list_img2 li .img_box {
 width: 100%;
 height: 170px;
 display: block;
 overflow: hidden;
}

.list_img2 li .img_box img {
 width: 100%;
 height: 170px;
}

.list_img2 li .title_type {
 line-height: 24px;
 display: block;
 text-align: center;
}

/*科研带头人*/
.Scroll_Box .swiper-box {
 width: 896px;
 height: 140px;
}

div.Scroll_Box .arrow-btn {
 top: 60px;
 font-size: 32px !important;
 display: block;
 line-height: 60px;
 background: #2076bd;
 text-align: center;
 color: #fff !important;
 width: 30px;
}

.Scroll_Box .swiper-box ul li .Img_Box .pic {
 display: inline-block;
 float: left;
}

.Scroll_Box .swiper-box ul li img {
 width: 101px;
 height: 138px;
 float: left;
 border: 1px solid #ccc;
}

.Scroll_Box .swiper-box ul li .Img_Box p {
 line-height: 24px
}

.Name {
 color: #2076bd
}

.Scroll_Box .swiper-box ul li h2 {
 line-height: 32px;
 height: 32px;
 display: inline-block;
 padding: 0 10px;
 float: left;
}

.Scroll_Box .swiper-box ul li .details {
 color: #358bc5
}

.Scroll_Box .swiper-box ul li h2 a {
 color: #333;
}

.Scroll_Box .swiper-box ul li:hover a {}

.Scroll_Box .arrow-btn:hover {
 background: #358bc5;
 color: #fff !important;
 transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 -webkit-transition: all 0.2s;
}

/*科研中心*/
.article_list_img {
 background: #f2f2f2;
 padding: 15px 15px 10px;
}

.article_list_img li {
 background: none;
 margin-bottom: 10px;
 overflow: hidden;
}

.article_list_img li a.img_box img {
 width: 170px;
 height: 44px;
 margin: 0 auto;
 display: block;
}

.article_list_img li a.title_type {
 display: none
}


.table_box {
 margin: 0px;
}

.table_box table {
 border-collapse: collapse;
}

.table_box table,
th,
td {
 border: 1px solid #ccc;
 font-size: 14px;
}

.table_box thead {
 background: #e9e9e9;
 /* font-size:14px; */
}

.table_box td {
 text-align: center;
 padding: 3px 3px;
}

.table_boxheight {
 line-height: 21px;
}

/* _____ */
.main_content {
 background: #fbf9fa;
}

.art_three,
.art_one {
 padding-left: 55px;
}

.art_one li {
 margin-left: -15px;
 background: url(/Content/Areas/Hospitals/images/Main/point.png) no-repeat 0px center;
}

.art_two {
 padding: 0 35px;
}

.art_three li {
 margin-left: -15px;
 background: url(/Content/Areas/Hospitals/images/Main/point.png) no-repeat 0px center;
}

.art_four li {
 width: 145px;
 margin-left: -15px;
 background: url(/Content/Areas/Hospitals/images/Main/point.png) no-repeat 0px center;
}

.wri_zero span a {
 color: #009933;
}

.more {
 padding: 0 10px;
}

.wri_zero .title_header {
 width: 95%;
}

.wri_zero .two .title_header {
 width: 96%;
}

.art_two h2 {
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 14px;
}

.art_two p {
 line-height: 32px;
}

.art_two .details {
 float: right;
 margin-top: 20px;
 color: #009933;
}


@media only screen and (max-width: 768px) {

 .wri_zero,
 .one,
 .two,
 .three {
 width: 100%;
 }

 .SwitchImage {
 display: none;
 }

 .col-md-5.col-sm-12.fl li {
 float: left;
 width: 50%;
 float: left;
 box-sizing: border-box;
 }

 .H331 {
 height: auto;
 }

 .article_list li {
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 div.Scroll_Box .arrow-btn {
 display: none;
 }

 .Scroll_Box {
 width: 600px;
 overflow: hidden;
 margin: 20px auto 0;
 }

 .list_img2 li.last {
 display: none
 }

 .list_img2 li {
 margin-right: 28px;
 }

 .list_img li.last {
 display: none
 }

 .list_img li {
 margin: 0 20px;
 }
}

@media only screen and (max-width: 768px) {
 div .SwitchImage .swiper-box ul li h2 {
 font-size: 14px;
 }

 .col-sm-12 {
 margin-bottom: 0
 }

 .col-sm-hid {
 display: block
 }

 .col-md-7.col-sm-6 .pr20 {
 margin-right: 0
 }

 div .SwitchImage .pagination {
 right: 128px;
 }

 .list_img li {
 width: 48%;
 }

 .list_img li.Li_Even {
 margin-right: 0;
 }

 .list_img li.last {
 display: none
 }

 .volunteer {
 display: none
 }

 img.pd15-0 {
 display: none
 }

 .col-md-2.col-sm-12 ul.article_list li {
 width: 48%;
 float: left;
 margin-right: 2%;
 box-sizing: border-box;
 }

 .col-md-2.col-sm-12 ul.article_list:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

 .list_img2 li {
 margin-right: 2px;
 width: 32%;
 }

 .list_img2 li .img_box {
 height: auto;
 }

 .list_img2 li .img_box img {
 height: auto;
 }

 .article_box img {
 width: 174px;
 height: 102px;
 float: left;
 margin-right: 15px;
 }

 .article_list_img li {
 width: 50%;
 float: left;
 }

 .article_list_img li a.img_box img {
 margin: 0 auto;
 }

 .list_img2 li.last {
 display: block
 }

 .list_img li.last {
 display: none
 }

 .list_img li .img_box {
 width: 100%
 }

 .list_img li {
 margin: 0;
 margin-right: 4%;
 }

 .list_img li .title_type {
 width: 100%
 }
 .llwy, .lcsy{
 width: 100%;
 overflow: hidden;
 float: none;
 }
 h2.title_header span{
 font-size: 22px;
 }
}

@media only screen and (max-width: 640px) {
 .col-md-5.col-sm-12.fl li {
 width: 100%;
 }

 .pr20 {
 padding-right: 0px;
 }

 .col-sm-12 {
 margin-bottom: 20px
 }

 .col-sm-hid {
 display: none
 }

 ul.article_box {
 display: none
 }

 ul.article_list li,
 .list_img li .title_type {
 white-space: nowrap;
 text-overflow: ellipsis;
 }

 .Scroll_Box {
 width: 300px;
 }

 .list_img2 li {
 width: 33%;
 }
}

@media only screen and (max-width: 420px) {
 .list_img2 li {
 margin-right: 2px;
 width: 32%;
 }

 .col-md-2.col-sm-12 ul.article_list li {
 width: 100%;
 float: none;
 margin-right: 0%;
 box-sizing: border-box;
 }
}

@media only screen and (max-width: 400px) {
 .article_list_img li {
 width: 100%;
 float: none;
 }
}

@media only screen and (max-width: 380px) {
 .Scroll_Box .swiper-box {
 width: 900px;
 }

 .Scroll_Box {
 width: 300px;
 }
}

@media only screen and (max-width: 380px) {
 .art_one li:nth-child(6) {
 display: none;
 }

 .art_one li:nth-child(7) {
 display: none;
 }
} 