/*渚ц竟鏍?/
.chnav{
  right: 0px!important;
  transition: all 1.5s;
}
/*................*/
.abt_box{
  display:inline-block;
  width:130px;
  height:130px;
  border:1px solid #666666;
  border-radius:65px;
}
.h_ad{
  background-repeat:no-repeat;
  background-position:center center;
}
/* 鍒嗘暎瀵归綈 Start */ 
.jpActive{
background-color:#004fac!important;
  color: #fff !important;
}
.cq_justify_box{
  font-size: 0;
  width: 100%;
  text-align-last: justify;
  /* 鍏煎firefox */
  -moz-text-align-last: justify;
  text-align: justify;
  /* 鍏煎ie */
  text-justify: distribute-all-lines;
  /* ie涓嬮渶璁句负block */
  display: block;
}
.cq_justify{
  display: inline-block;
  vertical-align: middle;
  text-align-last: left;
}
.cq_last_justify{
  width: 100%;
}
/* 鍒嗘暎瀵归綈 End */
/* 鍒嗘暎瀵归綈寮€濮 */
.jpJustifyBox {
  font-size: 0;
  width: 100%;
  text-align-last: justify;
  /* 鍏煎firefox */
  -moz-text-align-last: justify;
  text-align: justify;
  /* 鍏煎ie */
  text-justify: distribute-all-lines;
  /* ie涓嬮渶璁句负block */
  display: block;
}
.jpJustify {
  display: inline-block;
  vertical-align: middle;
}
.jpLastJustify {
  width: 100%;
}
/* 鍒嗘暎瀵归綈缁撴潫 */

 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 18px;
    font-family: MicrosoftYaHei;
  }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #666;
    font-size: 18px;
    font-family: MicrosoftYaHei;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #666;
    font-size: 18px;
    font-family: MicrosoftYaHei;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666;
    font-size: 18px;
    font-family: MicrosoftYaHei;
  }
@media screen and (max-width: 768px){
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: MicrosoftYaHei;
  }
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: MicrosoftYaHei;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #666;
    font-size: 16px;
    font-family: MicrosoftYaHei;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666;
    font-size: 16px;
    font-family: MicrosoftYaHei;
  }
}
.jpRelative{
  position: relative !important;
}
.jpAbsolute{
  position: absolute;
}
.jpTransition{
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition:all 0.5s;
}


/* Grid Start */
.jpCol_1 {
  display: inline-block;
  width: 10%;
}
.jpCol_2 {
  display: inline-block;
  width: 20%;
}
.jpCol_3 {
  display: inline-block;
  width: 30%;
}
.jpCol_4 {
  display: inline-block;
  width: 40%;
}
.jpCol_5 {
  display: inline-block;
  width: 50%;
}
.jpCol_6 {
  display: inline-block;
  width: 60%;
}
.jpCol_7 {
  display: inline-block;
  width: 70%;
}
.jpCol_8 {
  display: inline-block;
  width: 80%;
}
.jpCol_9 {
  display: inline-block;
  width: 90%;
}
@media only screen and (max-width: 768px){
  div[class*="jpCol_"]{
  width: 100%;
  }
}
/* Grid End */