﻿/*------------------------底部---------------*/
.footer{ background:url("https://www.mark-barnett.com/Content/Areas/Common/images/footer_bg.png") repeat-x 0 0px; border-top:solid 4px #0c905a;}
.footer_con{ width:955px; margin:0px auto}
.linkBox{ width:955px; background:url("https://www.mark-barnett.com/Content/Areas/Common/images/footer_line.png") no-repeat center bottom; height:40px; margin:0 0 20px 0px;}
.link_title{ margin:20px 0 0 0px; overflow:hidden; height:30px;}
.link_title span, .link_title a{ float:left; font-size:14px; font-weight:bold; color:#0c905a; display:block; margin:0 45px 0 0px; height:30px; line-height:30px;}
.link_title a{ color:#333; font-weight:normal;}
.link_title span{margin:0 20px 0 0px;}
.link_title a.hover{ color:#0c905a;}
.linkList{ margin:10px 0 0 90px;height:50px; overflow:hidden}
/*.linkList li{ float:left; margin:0 38px 0 0px; line-height:24px; display:inline; white-space:nowrap}*/
.linkList li{ float:left; margin:0 35px 0 0px; line-height:24px; display:inline; white-space:nowrap}

.bottom_left{ width:320px; height:90px; border-right:solid 1px #cccccc; padding:20px 0px; float:left}
.bottom_left img{ width: 300px;}
.bottom_right{ float:left; padding:0 0 0 15px; line-height:24px; color:#333; width:580px;}
.bottom_right a{ margin:0 5px;}
.wsj_logo{ float:right; margin:30px 0 0 0px!important; text-align:center; width:90px;}
.wsj_logo img{ display:block;}
.adsdRgt2{ right:0px;/* left:50%; margin-left:492px;*/ bottom:185px;}
.adsdRgt2{font-size:12px;position:fixed;_position:absolute; bottom:160px; }
.adsdRgt2 a.back2{ color:#07519A;  width:36px; height:60px; font-size:14px; text-indent:-9999px;  display:block; }
.adsdRgt2 p.back_top2, .adsdRgt2 p.back_top2 a{ color:#07519A; width:36px; height:50px; font-size:14px; text-indent:-9999px; cursor:pointer;  display:block;}
*html #dlAdsRgt2{ top:eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.ads_bg2{ width:36px; height:110px; background:url("https://www.mark-barnett.com/Content/Areas/Common/images/topAndBack.jpg") no-repeat;}

/*事业单位标识样式*/
.bottom_right{position: relative;}

/*----------------------------------------------响应式-------------------------------------------------------*/

@media only screen and (max-width:768px){
.footer_con{ width:96%; padding:0 2%;}
.linkBox , .bottom_right{ display:none;}
.bottom_left{ padding:15px 0; width:307px; border-right:none; margin:0 auto; float:none;}
}
@media only screen and (max-width:480px){
.bottom_left{ width:80%}
.bottom_left img{ width:100%;}
}


/*头*/
.logo_search{position: relative;}
.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;}

/*列表*/
.newlist2 li { height:32px; line-height: 30px; font-size: 14px; border-bottom: dotted 1px #d4d4d4; overflow: hidden; margin:0 10px;background: url("https://www.mark-barnett.com/Sites/Uploaded/UserUpLoad/20160505/20160505153622.png") no-repeat 0 14px; }
.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; }
.s1 .title_type{position: relative;display: block;}

/*轮播图*/
.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: auto;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;}

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


@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;}
.home{  display: none; }
}
@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%}
}
@media only screen and (max-width: 400px){
.scro_box, .scro_box, .scro_box ul li a img, .flashBox {  height: auto;}

}



 