@charset "utf-8";
body {
  font-family: "microsoft yahei";
}
.pageContent {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}



.introduction .title {
  font-size: 22px;
  color: #222222;
}
.introduction .title:hover{
  font-size: 22px;
  color: #3971ec;
}
.introduction .introductioContent {
  margin-top: 40px;
  font-size: 16px;
  line-height: 34px;
  color: #888888;
  text-align: justify;
}
.moreBtn {
  height: 40px;
  width: 150px;
  margin-top: 40px;
  margin-left: 41.3%;
  border: 1px solid #888888;
  line-height: 40px;
  font-size: 12px;
  color: #888888;
}

.news .container {
  width: 60%;
  margin-left: 20%;
}
.news .title {
  font-size: 22px;
  color: #222222;
}
.news .title:hover {
  font-size: 22px;
  color: #3971ec;
}
ul > li {
  list-style: none;
  padding: 0px;
}
.news .left > ul > li > .tzspan2 {
  font-size: 16px;
  color: #888888;
}
ul > li > .img {
  margin-right: 12px;
}
ul li a:hover span:first-child{color: #2c70db;}
.contentOther ul li a:hover span:first-child{color: #2c70db;}
.news .right .img {
  width: 100%;
}
.news .more {
  clear: both;
  margin-top: 100px;
  overflow: hidden;
}
.other {
  padding-top: 40px;
  padding-bottom: 40px;
}
.other .experience {
  border-bottom: 1px solid #c3c3c3;
  padding: 20px 0px;
}
.other .request {
  border-bottom: 1px solid #c3c3c3;
}
@media (min-width: 768px) {
  .other .request {
    height: 136px;
  }
}
@media (min-width: 992px) {
  .other .request {
    height: 175.66666667px;
  }
}
@media (min-width: 1200px) {
  .other .request {
    height: 212.5px;
  }
}
@media (min-width: 1300px) {
  .other .request {
    height: 230.20833333px;
  }
}
@media (min-width: 1400px) {
  .other .request {
    height: 247.91666667px;
  }
}
@media (min-width: 768px) {
  .other .request {
    padding-top: 32px;
  }
}
@media (min-width: 992px) {
  .other .request {
    padding-top: 41.33333333px;
  }
}
@media (min-width: 1200px) {
  .other .request {
    padding-top: 50px;
  }
}
@media (min-width: 1300px) {
  .other .request {
    padding-top: 54.16666667px;
  }
}
@media (min-width: 1400px) {
  .other .request {
    padding-top: 58.33333333px;
  }
}
@media (min-width: 768px) {
  .other .request {
    padding-bottom: 25.6px;
  }
}
@media (min-width: 992px) {
  .other .request {
    padding-bottom: 33.06666667px;
  }
}
@media (min-width: 1200px) {
  .other .request {
    padding-bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .other .request {
    padding-bottom: 43.33333333px;
  }
}
@media (min-width: 1400px) {
  .other .request {
    padding-bottom: 46.66666667px;
  }
}
.other .policy {
  border-bottom: 1px solid #c3c3c3;
}
@media (min-width: 768px) {
  .other .policy {
    height: 136px;
  }
}
@media (min-width: 992px) {
  .other .policy {
    height: 175.66666667px;
  }
}
@media (min-width: 1200px) {
  .other .policy {
    height: 212.5px;
  }
}
@media (min-width: 1300px) {
  .other .policy {
    height: 230.20833333px;
  }
}
@media (min-width: 1400px) {
  .other .policy {
    height: 247.91666667px;
  }
}
@media (min-width: 768px) {
  .other .policy {
    padding-top: 32px;
  }
}
@media (min-width: 992px) {
  .other .policy {
    padding-top: 41.33333333px;
  }
}
@media (min-width: 1200px) {
  .other .policy {
    padding-top: 50px;
  }
}
@media (min-width: 1300px) {
  .other .policy {
    padding-top: 54.16666667px;
  }
}
@media (min-width: 1400px) {
  .other .policy {
    padding-top: 58.33333333px;
  }
}
@media (min-width: 768px) {
  .other .policy {
    padding-bottom: 25.6px;
  }
}
@media (min-width: 992px) {
  .other .policy {
    padding-bottom: 33.06666667px;
  }
}
@media (min-width: 1200px) {
  .other .policy {
    padding-bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .other .policy {
    padding-bottom: 43.33333333px;
  }
}
@media (min-width: 1400px) {
  .other .policy {
    padding-bottom: 46.66666667px;
  }
}
.other .achievement {
  border-bottom: 1px solid #c3c3c3;
}
@media (min-width: 768px) {
  .other .achievement {
    height: 136px;
  }
}
@media (min-width: 992px) {
  .other .achievement {
    height: 175.66666667px;
  }
}
@media (min-width: 1200px) {
  .other .achievement {
    height: 212.5px;
  }
}
@media (min-width: 1300px) {
  .other .achievement {
    height: 230.20833333px;
  }
}
@media (min-width: 1400px) {
  .other .achievement {
    height: 247.91666667px;
  }
}
@media (min-width: 768px) {
  .other .achievement {
    padding-top: 32px;
  }
}
@media (min-width: 992px) {
  .other .achievement {
    padding-top: 41.33333333px;
  }
}
@media (min-width: 1200px) {
  .other .achievement {
    padding-top: 50px;
  }
}
@media (min-width: 1300px) {
  .other .achievement {
    padding-top: 54.16666667px;
  }
}
@media (min-width: 1400px) {
  .other .achievement {
    padding-top: 58.33333333px;
  }
}
@media (min-width: 768px) {
  .other .achievement {
    margin-bottom: 84.8px;
  }
}
@media (min-width: 992px) {
  .other .achievement {
    margin-bottom: 109.53333333px;
  }
}
@media (min-width: 1200px) {
  .other .achievement {
    margin-bottom: 132.5px;
  }
}
@media (min-width: 1300px) {
  .other .achievement {
    margin-bottom: 143.54166667px;
  }
}
@media (min-width: 1400px) {
  .other .achievement {
    margin-bottom: 154.58333333px;
  }
}
.other .moreBtn1 {
  width: 100px;
  height: 30px;
  border: 1px solid #c3c3c3;
  line-height: 30px;
  font-size: 12px;
  color: #c3c3c3;
}
.other .contentOther > ul {
  width: 610px;
}
.other .contentOther > ul > li {
  line-height: 36px;
}
.other .contentOther > ul > li .otherSpan1 {
  font-size: 16px;
  color: #fe8a8a!important;
}
.other .contentOther > ul > li .otherSpan2 {
  color: #444444;
  font-size: 16px;
}
.other .contentOther > ul > li .otherSpan3 {
  color: #888888;
  font-size: 16px;
  line-height: 36px;
}
/**
  * 驱动中心栏目列表
 */
.tit-div {
  padding-top: 20px;
  padding-bottom: 55px;
}


.direction-div-click {
  background: #ffffff;
  border: 1px solid #bebebe
}

/*.direction-div:hover{*/
/*  border-left: 4px solid #3971ec;*/
/*}*/

/*.direction-div-click:hover a {*/
/*  font-size: 14px;*/
/*  font-weight: bold;*/
/*  color: #3971ec;*/
/*}*/
/*.direction-div-click:hover {*/
/*  background-color: #f0f6ff;*/
/*}*/

.direction-Font {
  font-weight: 100;
  font-size: 14px;
  color: #565c74;
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
}
.tit-div-mid-1 {
  width: 100%;
  margin-top: 40px;
  line-height: 40px;
  font-size: 12px;
}
.tit-div-mid-2 {
  width: 100%;
  padding-top: 65px;
  line-height: 40px;
  font-size: 12px;
}
.tzTitle {
  color: #222222;
  font-size: 16px;
  text-align: justify;
}

.navbar-nav {
  float: left;
  margin: 0;
}
.icon {
  padding-top: 2px;
  font-size: 22px;
  color: #888888;
}

.experience a b{
  float: left;
}
.experience a b img:first-child{
  display: block;
}
.experience a b img:last-child{
  display: none;
}
.experience a .icon{
  float: left;
  color: #555;
  line-height: 46px;
  margin-left: 22px;
}
.experience a>div:hover b img:first-child{
  display: none;
}
.experience a>div:hover b img:last-child{
  display: block;
}
.experience a>div:hover .icon{
  float: left;
  color: #000348;
  line-height: 46px;
  margin-left: 22px;
}

.achievement a b{
  float: left;
}
.achievement a b img:first-child{
  display: block;
}
.achievement a b img:last-child{
  display: none;
}
.achievement a .icon{
  float: left;
  color: #555;
  line-height: 46px;
  margin-left: 22px;
}
.achievement a>div:hover b img:first-child{
  display: none;
}
.achievement a>div:hover b img:last-child{
  display: block;
}
.achievement a>div:hover .icon{
  float: left;
  color: #11c8e7;
  line-height: 46px;
  margin-left: 22px;
}

.policy a b{
  float: left;
}
.policy a b img:first-child{
  display: block;
}
.policy a b img:last-child{
  display: none;
}
.policy a .icon{
  float: left;
  color: #555;
  line-height: 46px;
  margin-left: 22px;
}
.policy a>div:hover b img:first-child{
  display: none;
}
.policy a>div:hover b img:last-child{
  display: block;
}
.policy a>div:hover .icon{
  float: left;
  color: #2a71d9;
  line-height: 46px;
  margin-left: 22px;
}

.request a b{
  float: left;
}
.request a b img:first-child{
  display: block;
}
.request a b img:last-child{
  display: none;
}
.request a .icon{
  float: left;
  color: #555;
  line-height: 46px;
  margin-left: 22px;
}
.request a>div:hover b img:first-child{
  display: none;
}
.request a>div:hover b img:last-child{
  display: block;
}
.request a>div:hover .icon{
  float: left;
  color: #045692;
  line-height: 46px;
  margin-left: 22px;
}
.cyjd_block2 .wrap .cyjd_block2_t h2:hover{
  color:#2c70db;
}