/*2016-01-19*/
.cli_head { 
  background: #fff;
}
.cli_head_inner {
  width: 1000px;     
  margin: 0 auto;
  height: 70px;
}
@media only screen and (max-width: 991px) {
  .cli_head_inner {
    width: 100%;
  }
}
.cli_head .logo {
  display:inline-block;
  float: left;
  width: 150px;
  height: 50px;
  margin-top: 8px; 
  background: url('../images2/cli_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) {

      .cli_head .logo {
        background-image: url('../images2/cli_logo@2x.png');
      }
}
.cli_head .pb20 { padding-bottom: 20px;}
.cli_head .text-grey { color: #999;}
.cli_head .m-l { margin-left: 10px;}
.cli_head .f-12 { font-size: 12px;}
.cli_head .menu { margin-left: 280px; }
.cli_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;
}
.cli_head .arrow-in { top: 9px;}
.cli_head .arrow-out { border-bottom-color: #eee !important;}
.cli_head .menu-dropdown-pro .arrow { border-bottom-color: #FFF; left: 28px;}
.cli_head .menu-dropdown-solution .arrow { left: 35px;}
.cli_head .menu-dropdown-about .arrow { left: 38px;}
.cli_head ul, .cli_head li { margin: 0;padding:0;}
.cli_head li { list-style: none;}
.cli_head li h4 { font-size: 14px; margin: 0; color: #666;}
.cli_head_inner>ul>li { position: relative; font-size: 16px; float: left; cursor: default; height: 70px; line-height: 70px;}
.cli_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;}
.cli_head_inner>ul>li .menu-hd.active { color: #4caf50; border-bottom: 0; border-radius: 3px 3px 0 0;}
.cli_head_inner>ul>li .menu-hd:hover { color: #4caf50;}
.cli_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;
}
.cli_head .more:hover { background: #27ae60; color: #fff !important;}
.cli_head .desc { line-height: 20px; color: #999; font-size: 12px; margin-bottom: 10px;}
.cli_head a { display: inline-block; margin: 0; font-weight: normal; line-height: 1em;}
.cli_head .menu a:hover { color: #4caf50 !important; text-decoration: underline;}
.cli_head a:hover h4 { text-decoration: underline; color: #4caf50; }
.cli_head .new { word-break: initial; box-sizing: content-box; position: absolute; top: 3px; left: 90px; background-color: #f57c00; color: #fff; height: 14px; margin-left: 5px; line-height: 12px; padding: 2px 4px; border-radius: 4px; font-size: 12px; }
.cli_head .new-arrow { position: absolute; z-index: 10; top: 10px;}
.cli_head .new-arrow:after,
.cli_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: -8px; 
  margin-top: -6px;
}
.cli_head .new-arrow:before {
  border-right-color: #f57c00;
  border-left-width: 0;
}

.cli_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; }
.cli_head .menu-dropdown.animate { height: auto; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36); }
.cli_head .menu-dropdown-inner { background: #fff; margin: 0 3px 3px 3px; display: block; overflow: hidden;}
.cli_head .menu-dropdown.animate .menu-dropdown-inner { box-shadow: 0 1px 5px #dddbdb;}

.cli_head .menu-dropdown-pro { left: -5px; }
.cli_head .menu-dropdown-pro.animate { height: auto; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36);}
.cli_head .menu-dropdown-pro .menu-dropdown-inner { width: 700px; padding: 28px 28px 28px;}
.cli_head .menu-dropdown-pro-box { float: left; margin-right: 20px;}
.cli_head .menu-dropdown-pro-box.last { margin-right: 0;}
.cli_head .menu-dropdown-pro h5 { color: #999; border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; margin-bottom: 16px; line-height: 1; font-weight: normal; font-size: 14px;}
.cli_head .menu-dropdown-pro ul { float: left; margin-right: 20px;}
.cli_head .menu-dropdown-pro ul li { line-height: 20px; margin-bottom: 10px; position: relative;}
.cli_head .menu-dropdown-pro ul li.last { margin-bottom: 0;}

.cli_head .menu-dropdown-solution {left: 7px; }
.cli_head .menu-dropdown-solution.animate { height: auto; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36); }
.cli_head .menu-dropdown-solution .menu-dropdown-inner { width: 135px; padding: 28px 0 28px 28px;height: auto; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36);}
.cli_head .menu-dropdown-solution h5 { color: #999; border-bottom: 1px solid #f2f2f2; padding-bottom: 12px; margin-bottom: 16px; line-height: 1; font-weight: normal; font-size: 14px;}
.cli_head .menu-dropdown-solution ul { float: left; margin-right: 20px;}
.cli_head .menu-dropdown-solution ul li { line-height: 20px; margin-bottom: 10px; position: relative;}
.cli_head .menu-dropdown-solution ul li.last { margin-bottom: 0;}
.cli_head .menu-dropdown-solution .solution_ul{margin-left: 20px;}
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box ul.last{margin-right: 0;}
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box p{width: 204px;margin-bottom: 12px;font-size: 12px}
.cli_head .menu-dropdown-solution .menu-dropdown-inner p:nth-child(1) {font-size: 15px}
.cli_head .menu-dropdown-solution .menu-dropdown-inner p.box-a {margin-bottom: 15px;color: #999;line-height: 1.6em;}
.cli_head .menu-dropdown-solution .menu-dropdown-inner p.box-b {margin-bottom: 0}
.cli_head .menu-dropdown-solution .menu-dropdown-inner p span:first-child {width: 200px;color: #999;line-height: 1.6em;margin-bottom: 0;}
.cli_head .menu-dropdown-solution .menu-dropdown-inner p span:last-child {margin-bottom: 0;color: #999;line-height: 1.6em;}
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box p:hover,
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box p:hover span {color: #4caf50;}
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box a:hover p,
.cli_head .menu-dropdown-solution .menu-dropdown-pro-box a:hover p span {color: #4caf50;}

.cli_head .menu-dropdown-about .menu-dropdown-inner { width: 90px; padding: 28px 0 28px 28px;height: auto; z-index: 10000; transition:height .1s cubic-bezier(.17,.5,.44,.36);}
.cli_head .menu-dropdown-about ul li { line-height: 20px; margin-bottom: 10px; position: relative;}
.cli_head .menu-dropdown-about ul li.last { margin-bottom: 0;}

/*登录部分*/
#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:hover {
    color: #4caf50;
  }
.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;
}

/*其它*/
.clearfix:after, .clearfix:before {
  display: table;
  content: " ";
  clear: both;
}