@charset "UTF-8";
.fl{
  float: left;
}
.fr{
  float: right;
}
.clear { display:block;clear:both;width:0;height:0px;line-height:0;overflow:hidden;font-size:0;}/*用在浮动元素后的空内容元素上*/
input[type="text"],input[type="password"],button{ border: none;outline: none;-webkit-appearance:none;}
/*清除浮动 用在浮动元素的父盒子上 start*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
font-size: 0;
visibility: hidden;
line-height: 0;
}
.clearfix {display: inline-table;min-height: 0;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
div,h3,p,img{
  margin:0;
  padding:0;
}
ul,ol{
  list-style: none;
}
.picModule{
  position: relative;
  z-index: 999;
  width:183px;
  border:1px solid #3399FF;
  background-color: #E8F2F7;
  padding:0 1px ;
  float: right;
  font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
      font-size: 14px;
      font-weight: 400;
      color:#333;
}
.picModule .tit{
  height: 33px;
  line-height: 33px;
  text-align: center;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
   font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
      font-size: 16px;
      font-weight: 600;
      color:#333;
}
.picModule .tit-img{
  text-indent: -200%;
  overflow: hidden;
  background:  url(../images/recommenpic/GMHJ/GMHJ_l.jpg) center center no-repeat;
}
.picModule .picLink{
  display: block;
    width:183px;
  height: 113px;
}
.picModule .picLink .small-img{
  width:183px;
  height: 113px;
  text-align: center;
}
.picModule  .big-img{
    position: absolute;
    top:41px;
    left:-814px;
    width:778px;
    height: 292px;
    border: 1px solid #3399FF;
    padding:14px;
    background-color: #F4F4F4;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    visibility: hidden;
  _display:none;
}
.picModule .icon-arrow-outer,.picModule .icon-arrow-inner{
    position:absolute;
  top:70px;
  left:-7px;
  z-index: 2;
  width:0;
  height: 0;
  line-height: 0;
  border-width:20px;
  border-color: transparent  transparent   transparent  #3399FF;
  border-style: dashed dashed  dashed  solid; 
  visibility: hidden;
  _display:none;
}
.picModule .icon-arrow-inner{
    border-width:19px;
    top:-19px;
    left:-20px;
    border-color: transparent  transparent   transparent  #F4F4F4;
}
.picModule.hover .big-img{
    visibility: visible;
    _display:block;
}
.picModule.hover .icon-arrow-outer,.picModule.hover .icon-arrow-inner{
      visibility: visible;
    _display:block;
}
.picModule p{
  height: 38px;
  line-height: 34px;
  text-align: center;
    overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#3366FF;
}
/*知网节 20200904 css控制移入时显示大图*/
#recommendpic{ display: inline-block; vertical-align: top; }
#recommendpic .big-img{ position: absolute; margin-top: 100px; display: none; }
#recommendpic:hover .big-img{ z-index: 999; display: block!important; }

.recommendlogo{width:17px;height:96px;float:left;padding:1px 6px;}
.recommendlogo img{width:17px;height:96px;}
.recommendright{float:left;}
.recommendpic{padding-top:4px;}
.recommendright .recommendtitle{display:block;width:190px;font-size:12px;text-align:center;color:#38383a;line-height:24px;}

/* 大图右侧显示 */
.posBigPicRight .big-img {
    top:0;
    left: 226px;
}

.posBigPicRight .icon-arrow-outer, .posBigPicRight .icon-arrow-inner {
    border-color: transparent #3399FF transparent transparent;
    border-style: dashed solid dashed dashed;
}

.picModule .icon-arrow-outer {
    top:23px;
    left: 187px;
}

.picModule .icon-arrow-inner {
    border-color: transparent #F4F4F4 transparent transparent;
    left: -17px;
}