/*头*/
.logo_search{position: relative; height:97px;}
.home{ position: absolute; top: 10px; right: 10px;}
a.mt10 {margin-top: 10px;display: block;}
.thebox2,.thebox{border: 1px solid #7ecca5;}
.lef_cont{float:left;width:636px; margin:10px 0;}
.scro_box{width:636px;}
.right_cont{ float:right;width:304px; margin: 10px 0;}
.s1{ height:344px;}
.s2{height: 314px;}
.s3{height: 235px;}
.no_float li{
float:none;
}
/*列表*/
.common ul li{width: 45%;}
.newlist2 li a {color: #333;}
.newlist2 li span { position: absolute;
 bottom: 0;
 right: 0;
}
.one .newlist{margin: 0 10px;}
.one .newlist li{padding-bottom: 10px;margin-top:10px;overflow: hidden; border-bottom: dotted 1px #d4d4d4;}
.one .newlist li img{width:140px;height:65px;float: left;margin-right: 15px;}
.one .newlist li p{font-size:12px;line-height: 20px;margin-top: 10px; }
.one .newlist li p a.details{color: #666;}
.one .newlist li a.title_type{font-size: 14px;font-weight: bold;}
.one .newlist li a span{float: right;}

.two .title p{background: transparent url("https://www.mark-barnett.com/Sites/Uploaded/UserUpLoad/20160510/20160510170948.png") no-repeat 0 4px;}
.two .newlist li{background: url("https://www.mark-barnett.com/Sites/Uploaded/UserUpLoad/20160505/20160505153622.png") no-repeat 0 14px;padding-left: 15px;line-height: 30px;
font-size: 14px;
border-bottom: dotted 1px #d4d4d4;
overflow: hidden;
margin: 0 10px;
}
.two .newlist li p a.details{display: none!important}
.two .newlist li a span{float: right;color: #666;padding-left: 15px;font-size: 12px;}

.title_type:hover{color: #0c905a; }
.Li_Odd{float: left;}
.Li_Even{ float: right;}


/*轮播图*/
.flashBox { width: 630px; height: 340px; padding: 2px;  border: solid 1px #ababab; position: relative;}
.flashBox img {width: 630px;height:340px; z-index: 1;}
.flashBox .tit {position: absolute;bottom: 12px;left: 20px;font-size: 14px;z-index: 3;}
.flashBox .tit a {color: #FFF;}
.flashBox .num {position: absolute;bottom: 12px;right: 10px;width: 90px; z-index: 3;}
.flashBox .num li {  float: left;background: url("https://www.mark-barnett.com/Content/Areas/Common/images/banner_ico.png") no-repeat 0 0px; width: 15px; height: 15px; text-indent: -9999px; margin: 0 5px; cursor: pointer;}
.flashBox .num li.s { background: url("https://www.mark-barnett.com/Content/Areas/Common/images/banner_icoh.png") no-repeat 0 0px;}
.flashBox .boxBg { background: #000; position: absolute; z-index: 10; height: 42px; width:630px; bottom: 2px; z-index: 2; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}

/*标题*/
.title {line-height: 38px;color: #fff; font-size: 14px; padding: 0 0 0 26px; background:url("https://www.mark-barnett.com/Sites/Uploaded/UserUpLoad/20160505/20160505181431.png") repeat-x 0 0;}
.title a { font-family: "宋体"; font-size: 12px;float: right; color: #999999; font-weight: normal;margin-right: 10px;}
.title p{background: transparent url("https://www.mark-barnett.com/Sites/Uploaded/UserUpLoad/20160505/20160505181830.png") no-repeat 0 4px;margin-left: -20px;padding-left: 20px;}
.title a:hover{ color: #0c905a;}
.title_head a{ float:right;}

/**/
.thebox_div{margin:0 0 10px 0;}
.thebox_div_top{margin:10px 0;}

/*研究所导航样式*/
ul.sy1_ul .sy1_li{width:102px;}
.sy1_box ul.sy1_ul .sy1_li{width:102px;}
.sy1_box a.sy1_tit{width:102px;}
ul.sy2_ul{width:130px;padding:10px 0 0 0;}
li.navli1 .sy2_ul{left:112px;}
li.navli2 .sy2_ul{left:216px;}
li.navli3 .sy2_ul{left:316px;width:130px;overflow:auto;overflow-x:auto;padding:0;}
li.navli3 .sy2_box{display:block;}
li.navli4 .sy2_ul{left:418px;}
li.navli5 .sy2_ul{left:522px;}
li.navli6 .sy2_ul{left:624px;}
li.navli7 .sy2_ul{left:722px;}
li.navli8 .sy2_ul{left:828px;}
div.nav_content .sy1_ul .sy2_box{width:130px;height:auto;padding:0 0 10px 0;}
div.nav_content .sy1_ul .sy2_box .sy2_li{width:100%;}
li.navli3 .sy2_ul{height:auto;padding:10px 0 0 0;}
div.nav_content .sy1_ul .sy2_box .sy2_li .sy2_tit{padding:0 0 0 10px;}

/*栏目首页新增样式*/
.common{height:250px;}

/*研究队伍样式*/
ul.pic_list{padding:10px 0;}
ul.pic_list li{float:left;width:118px;margin:0 20px 20px 0;border:1px solid #ccc;}
ul.pic_list li img{width:118px;height:160px;}
ul.pic_list li img:hover{opacity:0.8;}
.pic_list li .title_type{display:block;font-size:14px;text-align: center;line-height:28px;}


@media only screen and (max-width: 768px)
{
  div.flashBox{ display:block;}
  .scro_box,.scro_box,.scro_box ul li a img,.flashBox{ width:100%; height:400px;}
  .s1,.s2,.s3{ height:auto;}
  .flashBox .boxBg{ width:100%;}
  .thebox2,.thebox{ width:100%;}
  .lef_cont,.right_cont{width: 100%;}
   .newlist2 li {height: 30px;}

ul.pic_list li{  width: 18%;  margin: 0 2% 20px 0; }
ul.pic_list li:nth-child(5n){  margin: 0 0 20px 0; }
ul.pic_list li img { width: 100%; height: auto;}

.common { height: auto;}
}
@media only screen and (max-width: 640px)
{
  .one .newlist{ clear:both; width:96%; margin:0 10px;}
  .scro_box,.scro_box,.scro_box ul li a img,.flashBox{ height:250px;}
  .one .newlist li img{display: none}
  .one .newlist li a.title_type{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%}

ul.pic_list li{  width: 23%;  }
ul.pic_list li:nth-child(5n){  margin: 0 2% 20px 0; }
ul.pic_list li:nth-child(4n){  margin: 0 0 20px 0; }
}
@media only screen and (max-width: 440px){
ul.pic_list li{  width: 31%;  }
ul.pic_list li:nth-child(5n),ul.pic_list li:nth-child(4n){  margin: 0 2% 20px 0; }
ul.pic_list li:nth-child(3n){  margin: 0 0 20px 0; }
ul.pic_list li .Ima_A{ display:block; height: 150px; overflow: hidden; }
}
@media only screen and (max-width: 380px){
   ul.pic_list li{  width: 48%;  }
ul.pic_list li:nth-child(5n),ul.pic_list li:nth-child(4n),ul.pic_list li:nth-child(3n){  margin: 0 2% 20px 0; }
ul.pic_list li:nth-child(2n){  margin: 0 0 20px 0; }
ul.pic_list li .Ima_A{ display:block; height: 180px;  }
}