/*2016-01-19*/
.vpjoin_head { 
  background: #fff;
}
.vpjoin_head_inner {
  width: 1000px;     
  margin: 0 auto;
  height: 70px;
}
@media only screen and (max-width: 991px) {
  .vpjoin_head_inner {
    width: 100%;
  }
}
.vpjoin_head .logo {
  display:inline-block;
  float: left;
  width: 150px;
  height: 50px;
  background: url('../images/logo.png') no-repeat 0px 14px;
  background-size: 150px auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),   /* 注意这里的写法比较特殊 */
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {

      .vpjoin_head .logo {
        background-image: url('../images/logo.png');
      }
}
.vpjoin_head .pb20 { padding-bottom: 20px;}
.vpjoin_head .menu { margin-left: 40px; float:right;}
.vpjoin_head .arrow {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: dashed;
  border-color: transparent;
  border-top-width: 0;
  border-bottom-color: #fff;
  border-bottom-style: solid;
  top: 8px;
}
.vpjoin_head .arrow-in { top: 9px;}
.vpjoin_head .arrow-out { border-bottom-color: #eee !important;}
.vpjoin_head .menu-dropdown-pro .arrow { border-bottom-color: #fafafa; left: 28px;}
.vpjoin_head .menu-dropdown-solution .arrow { left: 35px;}
.vpjoin_head ul, .vpjoin_head li { margin: 0;}
.vpjoin_head li { list-style: none;}
.vpjoin_head li h4 { font-size: 14px; margin: 0; color: #666;}
.vpjoin_head_inner>ul>li { position: relative; font-size: 16px; float: left; cursor: default; height: 70px; line-height: 70px;}
.vpjoin_head_inner>ul>li .menu-hd { color: #666; font-weight: normal; padding: 0 20px; z-index: 999; display: block; position: relative; border-bottom: 0; line-height: 70px; font-size: 16px;}
.vpjoin_head_inner>ul>li .menu-hd.active { color: #4caf50; border-bottom: 0; border-radius: 3px 3px 0 0;}
.vpjoin_head_inner>ul>li .menu-hd:hover { color: #4caf50;}
.vpjoin_head .more { 
  color: #fff;     
  display: inline-block;
  padding: .375rem 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #4caf50;
  border-radius: .25rem;
  transition: all .50s ease-in-out;
}
.vpjoin_head .more:hover { background: #27ae60; color: #fff !important;}
.vpjoin_head .desc { line-height: 20px; color: #999; font-size: 12px; margin-bottom: 10px;}
.vpjoin_head a { display: block; margin: 0; font-weight: normal;}
.vpjoin_head a:hover { color: #4caf50;}
.vpjoin_head a:hover h4 { text-decoration: underline; color: #4caf50; }
.vpjoin_head .new { box-sizing: content-box; position: absolute; top: 1px; left: 90px; background-color: #f57c00; color: #fff; height: 14px; margin-left: 5px; line-height: 12px; padding: 2px 4px; border-radius: 4px; font-size: 12px; }
.vpjoin_head .new-arrow { position: absolute; z-index: 10; top: 10px;}
.vpjoin_head .new-arrow:after,
.vpjoin_head .new-arrow:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-color: transparent;
  border-style: solid;
  top: 50%; 
  left: -9px; 
  margin-top: -6px;
}
.vpjoin_head .new-arrow:before {
  border-right-color: #f57c00;
  border-left-width: 0;
}

.vpjoin_head .menu-dropdown { box-sizing: content-box; padding-top: 20px; overflow: hidden; height: 0; z-index: -1; color: #333; position: absolute; top: 45px; font-size: 14px; }
.vpjoin_head .menu-dropdown.animate { z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36); }
.vpjoin_head .menu-dropdown-inner { background: #fff; margin: 0 3px 3px 3px;}
.vpjoin_head .menu-dropdown.animate .menu-dropdown-inner { box-shadow: 0 1px 5px #dddbdb;}
.vpjoin_head .menu-dropdown-sidebar { float: left; padding: 20px 0;}
.vpjoin_head .menu-dropdown-sidebar li { box-sizing: content-box; padding: 0 20px; font-size: 14px; height: 36px; line-height: 36px; font-weight: normal; width: 110px; color: #666;}
.vpjoin_head .menu-dropdown-sidebar li.active { color: #4caf50; }
.vpjoin_head .menu-dropdown-sidebar li.active .icon { background-position: -8px 0;}
.vpjoin_head .menu-dropdown-sidebar li .icon { float: right; background: url(http://static.clewm.net/cli/images/clihead_arrow.png); width: 8px; height: 14px; margin-top: 11px;}
.vpjoin_head .menu-dropdown-pro { left: -5px; }
.vpjoin_head .menu-dropdown-pro.animate { height: 223px; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36);}
.vpjoin_head .menu-dropdown-pro .menu-dropdown-inner { background: #fafafa; }
.vpjoin_head .menu-dropdown-pro .menu-dropdown-content { box-sizing: content-box; background: #fff; margin-left: 150px; width: 350px; padding: 28px 20px 0; border-left: 1px solid #f1f1f1; min-height: 192px;}
.vpjoin_head .menu-dropdown-pro .menu-dropdown-content-item { display: none;}
.vpjoin_head .menu-dropdown-pro .menu-dropdown-content-item.active { display: block;}
.vpjoin_head .menu-dropdown-pro h4 { line-height: 20px; }
.vpjoin_head .menu-dropdown-pro .menu-dropdown-content-ul { line-height: 20px;}
.vpjoin_head .menu-dropdown-pro .menu-dropdown-content-ul li { position: relative; height: 48px; padding-bottom: 16px; display: inline-block; width: 170px; vertical-align: top;}

.vpjoin_head .menu-dropdown-solution { width: 185px; left: 7px; }
.vpjoin_head .menu-dropdown-solution.animate { height: 415px; }
.vpjoin_head .menu-dropdown-solution .menu-dropdown-inner { height: 410px;}
.vpjoin_head .menu-dropdown-solution ul { overflow: hidden; padding: 10px 15px 0; line-height: 20px; }
.vpjoin_head .menu-dropdown-solution ul li { position: relative; height: 36px; line-height: 36px; }
.vpjoin_head .menu-dropdown-solution ul li.first { padding-top: 0;}
.vpjoin_head .menu-dropdown-solution ul li.last { border-bottom: 0; }
.vpjoin_head .menu-dropdown-solution ul li.active a { color: #4caf50;}
.vpjoin_head .menu-dropdown-solution h4 { line-height: 36px;}
.vpjoin_head .menu-dropdown-solution h4:hover { color: #4caf50; }

/*登录部分*/
#logout a {
  color:#666666;
  font-size:14px;
}
.current {
  color:#00923f!important;
}
.logpart {
  float: right;
  display: inline-block;
  width: 150px;
  color: #666;
  line-height: 70px;
  height: 70px;
}
.logpart #myqr_out,
.logpart #login_join {
  display: none;
  width: 150px;
  float: right;
  margin-top: 19px;
}
.logpart a {
  font-size:14px;
  color:#666666;
  float: left;
  line-height: 20px;
  padding: 5px 15px;
  float: right;
}
.logpart a.first {
  border: 1px solid #4caf50;
  color: #4caf50;
  border-radius: 4px;
  }
  .logpart a.first:hover {
    background-color: #4caf50;
    color: #fff;
  }
.logpart span {
  position:relative;
  top:-2px;
  display:inline-block;
  margin:0px 10px;
}
/*登录注册*/
#login_join {
  
}


.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
    clear: both;
}