/*banner*/
.slide_banner {
  margin: 0;
}

.slide_banner .slick-slide {
  width: 100%;
  padding: 0;
}

.slide_banner img {
  width: 100%;
}

.slide_banner .slick-dots {
  bottom: 50px;
  height: 18px;
}

.slide_banner .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 5px 11px;
  border: solid 2px #fff;
  background: #fff;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.slide_banner .slick-dots li::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
  border: 2px solid #fff;
  filter: alpha(opacity=00);
  opacity: 0;
  width: 18px;
  height: 18px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.slide_banner .slick-dots li button {
  display: none;
}

.slide_banner .slick-dots li.slick-active::after {
  filter: alpha(opacity=100);
  opacity: 1;
}

@media screen and (max-width:767px) {
  .slide_banner .slick-dots {
    bottom: 15px;
    height: 10px;
  }

  .slide_banner .slick-dots li {
    width: 4px;
    height: 4px;
    margin: 3px 5px;
  }

  .slide_banner .slick-dots li::after {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    border: 1px solid #fff;
  }
}

/* 内页 banner */
.nyBan {
  float: left;
  width: 100%;
  position: relative;
}

.nyBan img {
  float: left;
  width: 100%;
  display: block;
}

.nyBan .nyBanTit {
  position: absolute;
  left: 0;
  width: 100%;
  top: 60%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.nyBan .nyBanTit h2 {
  float: left;
  width: 100%;
  line-height: 58px;
  height: 58px;
  font-size: 46px;
  color: #fff;
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.nyBan .nyBanTit span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  line-height: 29px;
  height: 29px;
  font-size: 14px;
  color: #fff;
}

.nyBan .nyBanTit span a {
  padding: 0 5px;
  color: #fff;
  font-size: 14px;
}

.nyBan .nyBanTit span a:hover {
  color: #ff0000;
}

@media screen and (max-width:1199px) {
  .nyBan .nyBanTit h2 {
    line-height: 48px;
    height: 48px;
    font-size: 32px;
  }
}

@media screen and (max-width:991px) {
  .nyBan .nyBanTit h2 {
    line-height: 38px;
    height: 38px;
    font-size: 26px;
  }
}

@media screen and (max-width:767px) {
  .nyBan .nyBanTit h2 {
    line-height: 30px;
    height: 30px;
    font-size: 20px;
    letter-spacing: 3px;
  }

  .nyBan .nyBanTit span {
    display: none;
  }
}

/*down*/
.homeDown {
  float: left;
  width: 100%;
  background: #10223a;
}

.downTop {
  float: left;
  width: 100%;
  padding: 62px 0;
}

.downTop .downNav {
  float: left;
  width: 56.785714%;
}

.downTop .downNav ul {
  float: left;
  width: 25%;
}

.downTop .downTit {
  float: left;
  width: 100%;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 23px;
}

.downTop .downTit a {
  color: #fff;
}

.downTop .downNav ul li {
  float: left;
  width: 100%;
  padding-right: 10px;
}

.downTop .downNav ul li a {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 30px;
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, .6);
}

.downTop .downNav ul li a:hover {
  color: #fff;
}

.downTop .downContact {
  float: left;
  width: 15.571429%;
}

.downTop .downContact ul {
  float: left;
  width: 100%;
}

.downTop .downContact ul li {
  float: left;
  width: 100%;
  padding-left: 35px;
  font-size: 14px;
  color: rgba(255, 255, 255, .6);
  line-height: 30px;
  position: relative;
}

.downTop .downContact ul li i {
  position: absolute;
  left: 0;
  top: 7px;
  width: 18px;
  display: block;
}

.downTop .downContact ul li i img {
  float: left;
  width: 100%;
  display: block;
}

.downTop .downMa {
  float: right;
  width: 19.857143%;
  margin-top: 12px;
}

.downTop .downMa .img01 {
  float: left;
  width: 50%;
  padding-right: 10px;
  display: block;
}

.downTop .downMa .img02 {
  float: right;
  width: 50%;
  padding-left: 10px;
  display: block;
}

.downTop .downMa .downMaTxt {
  float: left;
  width: 100%;
  line-height: 30px;
  margin-top: 16px;
  color: #fff;
  font-size: 14px;
}

.downTop .downMa .downMaTxt span {
  float: left;
  width: 100%;
  display: block;
  line-height: 30px;
  color: rgba(255, 255, 255, .6);
}

.downBq {
  float: left;
  width: 100%;
  background: #09172a;
  padding: 15px 0;
}

.downBq .bq {
  float: left;
  max-width: 70%;
  line-height: 32px;
  font-size: 14px;
  color: #b6b6b6;
}

.downBq .bq a {
  float: left;
  width: 100%;
  display: block;
  color: #b6b6b6;
}

.downBq .bq a:hover {
  color: #fff;
}

.downBq .downLink {
  float: right;
  color: #b6b6b6;
  font-size: 16px;
}

.downBq .downLink a {
  padding: 0 10px;
  color: #b6b6b6;
  font-size: 14px;
  line-height: 32px;
  height: 32px;
}

.downBq .downLink a:hover {
  color: #fff;
}

@media screen and (max-width:1199px) {
  .downTop {
    padding: 40px 0;
  }

  .downTop .downContact {
    width: 18%;
  }

  .downTop .downMa {
    width: 20%;
  }

  .downTop .downMa .img01 {
    padding-right: 5px;
  }

  .downTop .downMa .img02 {
    padding-left: 5px;
  }
}

@media screen and (max-width:991px) {
  .homeDown {
    text-align: center;
  }

  .downTop {
    padding: 30px 0;
  }

  .downTop .downTit {
    margin-bottom: 15px;
  }

  .downTop .downNav {
    width: 100%;
  }

  .downTop .downNav ul {
    width: 25%;
  }

  .downTop .downNav ul li {
    display: none;
  }

  .downTop .downContact {
    width: 56%;
    text-align: left;
    padding-left: 8%;
  }

  .downTop .downMa {
    width: 36%;
    padding-right: 8%;
    margin-top: 20px;
  }

  .downTop .downMa .img01 {
    padding-right: 5px;
  }

  .downTop .downMa .img02 {
    padding-left: 5px;
  }

  .downTop .downMa .downMaTxt {
    line-height: 24px;
    margin-top: 5px;
    font-size: 14px;
  }

  .downTop .downMa .downMaTxt span {
    line-height: 24px;
  }

  .downBq {
    text-align: center;
  }

  .downBq .bq {
    width: 100%;
    text-align: center;
    max-width: none;
  }

  .downBq .downLink {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
  }
}

@media screen and (max-width:767px) {
  .downTop {
    padding: 20px 0;
  }

  .downTop .downTit {
    margin-bottom: 10px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
  }

  .downTop .downContact {
    width: 100%;
    text-align: left;
    padding: 0 5%;
  }

  .downTop .downContact h4 {
    display: none;
  }

  .downTop .downContact ul li {
    font-size: 13px;
    line-height: 24px;
  }

  .downTop .downContact ul li i {
    width: 15px;
    top: 4px;
  }

  .downTop .downMa {
    width: 100%;
    padding: 0 10%;
    margin-top: 20px;
  }

  .downTop .downMa .downMaTxt {
    margin-top: 10px;
    font-size: 13px;
  }

  .downBq .bq {
    line-height: 22px;
    font-size: 12px;
  }

  .downBq .downLink {
    font-size: 14px;
  }

  .downBq .downLink a {
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
  }
}

/*main*/
.homeTit {
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
  margin-top: 94px;
  position: relative;
}

.homeTit::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  margin-left: -19px;
  width: 38px;
  height: 2px;
  background: #ff0000;
}

.homeTit h3 {
  float: left;
  width: 100%;
  line-height: 50px;
  font-size: 30px;
  color: #484848;
  letter-spacing: 3px;
}

.homeTit h4 {
  float: left;
  width: 100%;
  line-height: 44px;
  font-size: 16px;
  color: #737373;
}

.homePro {
  float: left;
  width: 100%;
  padding-bottom: 102px;
}

.homePro .homePro_m {
  margin: 0 -20px;
}

.homePro .homePro_s {
  float: left;
  width: 100%;
  margin-top: 35px;
  position: relative;
  overflow: hidden;
  padding-bottom: 25px;
}

.homePro .homePro_s .slick-slide {}

.homePro .homePro_s .li_hp {
  float: left;
  padding: 15px 20px;
}

.homePro .homePro_s .li_hp a {
  float: left;
  width: 100%;
  background: #f3f3f3;
  display: block;
  padding: 88px 0 63px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
}

.homePro .homePro_s .li_hp a>img {
  float: left;
  width: 42%;
  display: block;
  margin-top: 40px;
}

.homePro .homeProIntr {
  float: left;
  width: 58%;
  padding: 0 26px;
  border-left: 1px solid #e8e8e8;
  position: relative;
}

.homePro .homeProIntr::before {
  position: absolute;
  left: -1px;
  top: 50%;
  height: 30px;
  width: 1px;
  background: #ff0000;
  margin-top: -15px;
  content: "";
}

.homePro .homeProIntr .homeProLogo {
  float: left;
  width: 100%;
}

.homePro .homeProIntr .homeProLogo img {
  float: left;
  display: block;
  max-width: 90%;
}

.homePro .homeProIntr .homeProTxt {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 90px;
  overflow: hidden;
  font-size: 16px;
  color: #8c8c8c;
  margin-top: 25px;
}

.homePro .homeProIntr .homeProBtn {
  float: left;
  width: 100px;
  line-height: 28px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  color: #8d8d8d;
  border: 1px solid #c8c8c8;
  margin-top: 30px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.homePro .homePro_s .li_hp a:hover .homeProBtn {
  color: #fff;
  background: #ff0000;
  border-color: #ff0000;
}

.homePro .homePro_s .slick-dots {
  bottom: 0;
  height: 13px;
}

.homePro .homePro_s .slick-dots li {
  width: 13px;
  height: 13px;
  margin: 0 9px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #d3d3d3;
}

.homePro .homePro_s .slick-dots li button {
  display: none;
}

.homePro .homePro_s .slick-dots li.slick-active {
  background: #ff0000;
}

@media screen and (max-width:1429px) {
  .homePro .homePro_s .li_hp a {
    padding: 68px 0 43px 0;
  }

  .homePro .homeProIntr .homeProTxt {
    line-height: 30px;
    height: 120px;
    font-size: 14px;
    margin-top: 10px;
  }

  .homePro .homeProIntr .homeProBtn {
    margin-top: 15px;
  }
}

@media screen and (max-width:1199px) {
  .homeTit {
    margin-top: 64px;
  }

  .homeTit h3 {
    line-height: 40px;
    font-size: 26px;
  }

  .homeTit h4 {
    line-height: 34px;
    font-size: 16px;
  }

  .homePro {
    padding-bottom: 72px;
  }

  .homePro .homePro_m {
    margin: 0 -15px;
  }

  .homePro .homePro_s .li_hp {
    float: left;
    padding: 15px 15px;
  }

  .homePro .homePro_s .li_hp a {
    padding: 40px 0 30px 0;
  }

  .homePro .homeProIntr {
    padding: 0 20px;
  }

  .homePro .homeProIntr .homeProTxt {
    line-height: 24px;
    height: 120px;
  }

  .homePro .homeProIntr .homeProBtn {
    margin-top: 15px;
  }
}

@media screen and (max-width:991px) {
  .homeTit {
    margin-top: 44px;
  }

  .homeTit h3 {
    line-height: 34px;
    font-size: 22px;
  }

  .homeTit h4 {
    line-height: 28px;
    font-size: 14px;
  }

  .homePro {
    padding-bottom: 42px;
  }

  .homePro .homePro_m {
    margin: 0;
  }

  .homePro .homePro_s .li_hp {
    padding: 10px 15px;
  }

  .homePro .homeProIntr .homeProTxt {
    line-height: 24px;
    height: 96px;
  }

  .homePro .homeProIntr .homeProBtn {
    width: 80px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
  }

  .homePro .homePro_s .slick-dots {
    bottom: 5px;
    height: 10px;
  }

  .homePro .homePro_s .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}

@media screen and (max-width:767px) {
  .homeTit {
    margin-top: 30px;
    padding-bottom: 10px;
  }

  .homeTit h3 {
    line-height: 26px;
    font-size: 16px;
  }

  .homeTit h4 {
    line-height: 20px;
    font-size: 12px;
  }

  .homePro {
    padding-bottom: 30px;
  }

  .homePro .homePro_s {
    margin-top: 20px;
  }

  .homePro .homePro_s .li_hp {
    padding: 10px;
  }

  .homePro .homeProIntr {
    padding: 0 15px;
  }

  .homePro .homeProIntr .homeProTxt {
    line-height: 24px;
    height: 96px;
    font-size: 13px;
  }

  .homePro .homeProIntr .homeProBtn {
    width: 80px;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
  }

  .homePro .homePro_s .slick-dots {
    height: 8px;
  }

  .homePro .homePro_s .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
}

.homeServe {
  float: left;
  width: 100%;
  padding-bottom: 90px;
}

.homeSerList {
  float: left;
  width: 100%;
  margin-top: 80px;
  text-align: center;
}

.homeSerList li {
  float: left;
  width: 25%;
  position: relative;
  padding: 0 15px;
}

.homeSerList li::after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 138px;
  background: url(images/hserbg2.png) no-repeat;
  margin-top: -64px;
  content: "";
}

.homeSerList li:last-child::after {
  display: none;
}

.homeSerList .homeSerPic {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
}

.homeSerList .homeSerPic img {
  display: block;
  margin: 0 auto;
  width: 78px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.homeSerList .homeSerPic .img02 {
  position: absolute;
  left: 50%;
  margin-left: -39px;
  top: 0;
  filter: alpha(opacity=00);
  opacity: 0;
}

.homeSerList li h4 {
  float: left;
  width: 100%;
  line-height: 40px;
  height: 40px;
  margin-top: 20px;
  font-size: 30px;
  color: #505050;
  font-weight: bold;
}

.homeSerList li h4 span {
  font-size: 16px;
  color: #d71600;
}

.homeSerList li h4 sup {
  font-size: 18px;
}

.homeSerList li h5 {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  color: #3e3e3e;
}

.homeSerList li:hover .homeSerPic .img01 {
  filter: alpha(opacity=00);
  opacity: 0;
}

.homeSerList li:hover .homeSerPic .img02 {
  filter: alpha(opacity=100);
  opacity: 1;
}

.homeMoreBtn {
  float: left;
  width: 100%;
  margin-top: 70px;
  text-align: center;
}

.homeMoreBtn a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 188px;
  height: 43px;
  line-height: 43px;
  background: #ff0000 url(images/hserbg3.png) no-repeat 135px center;
  font-size: 15px;
  color: #fff;
  padding-left: 50px;
  text-align: left;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}

.homeMoreBtn a:hover {
  background-color: #de0808;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

@media screen and (max-width:1199px) {
  .homeServe {
    padding-bottom: 60px;
  }

  .homeSerList {
    margin-top: 50px;
  }

  .homeSerList .homeSerPic img {
    width: 68px;
  }

  .homeSerList .homeSerPic .img02 {
    margin-left: -34px;
  }

  .homeSerList li h4 {
    line-height: 40px;
    height: 40px;
    margin-top: 20px;
    font-size: 26px;
  }

  .homeSerList li h4 span {
    font-size: 14px;
  }

  .homeSerList li h4 sup {
    font-size: 16px;
  }

  .homeSerList li h5 {
    line-height: 25px;
    height: 50px;
    font-size: 14px;
  }

}

@media screen and (max-width:991px) {
  .homeServe {
    padding-bottom: 40px;
  }

  .homeSerList {
    margin-top: 30px;
  }

  .homeSerList .homeSerPic img {
    width: 48px;
  }

  .homeSerList .homeSerPic .img02 {
    margin-left: -24px;
  }

  .homeSerList li h4 {
    line-height: 30px;
    height: 30px;
    margin-top: 15px;
    font-size: 20px;
  }

  .homeSerList li h5 {
    line-height: 25px;
    height: 50px;
    font-size: 14px;
  }

  .homeMoreBtn {
    margin-top: 40px;
  }

  .homeMoreBtn a {
    width: 138px;
    height: 36px;
    line-height: 36px;
    background-position: 95px center;
    font-size: 14px;
    padding-left: 30px;
  }
}

@media screen and (max-width:767px) {
  .homeServe {
    padding-bottom: 30px;
  }

  .homeSerList {
    margin-top: 20px;
  }

  .homeSerList li {
    width: 50%;
    padding: 0 10px;
  }

  .homeSerList li:nth-child(2)::after {
    display: none;
  }

  .homeSerList li h4 {
    line-height: 30px;
    height: 30px;
    margin-top: 15px;
    font-size: 15px;
  }

  .homeSerList li h4 span {
    font-size: 12px;
  }

  .homeSerList li h4 sup {
    font-size: 14px;
  }

  .homeSerList li h5 {
    line-height: 20px;
    height: 40px;
    font-size: 13px;
  }

  .homeMoreBtn {
    margin-top: 30px;
  }

  .homeMoreBtn a {
    width: 108px;
    height: 30px;
    line-height: 30px;
    background-position: 75px center;
    font-size: 13px;
    padding-left: 15px;
    background-size: 15px;
  }
}

.homeCase {
  float: left;
  width: 100%;
  padding-bottom: 92px;
}

.homeNews_m .NewsHd,
.homeCase .hd {
  float: left;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.homeNews_m .NewsHd ul,
.homeCase .hd ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  margin-top: 40px;
}

.homeNews_m .NewsHd ul::before,
.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after,
.homeCase .hd ul::before {
  position: absolute;
  content: "";
  width: 800px;
  right: 100%;
  top: 50%;
  height: 1px;
  background: #dbdbdb;
}

.homeNews_m .NewsHd ul::after,
.homeCase .hd ul::after {
  left: 100%;
  right: auto;
}

.homeNews_m .NewsHd ul li,
.homeCase .hd ul li {
  float: left;
  padding: 0 15px;
  margin: 0 20px;
  line-height: 32px;
  height: 32px;
  font-size: 16px;
  position: relative;
  color: #4c4c4c;
  cursor: pointer;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.homeNews_m .NewsHd ul li::after,
.homeCase .hd ul li::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background: #dbdbdb;
  right: -15px;
  top: 50%;
}

.homeNews_m .NewsHd ul li:last-child::after,
.homeCase .hd ul li:last-child::after {
  display: none;
}

.homeNews_m .NewsHd ul li.on,
.homeCase .hd ul li.on {
  background: #ff0000;
  color: #fff;
}

.homeCase .hd ul .slick-next,
.homeCase .hd ul .slick-prev {
  position: absolute;
  width: 14px;
  height: 25px;
  left: 3px;
  top: 50%;
  z-index: 2;
  background: url(images/hcase_le.png) no-repeat;
  cursor: pointer;
  background-size: 100%;
}

.homeCase .hd ul .slick-next {
  background: url(images/hcase_r.png) no-repeat;
  background-size: 100%;
  left: auto;
  right: 3px;
}

.homeCase .bd {
  float: left;
  width: 100%;
}

.homeCaseList {
  float: left;
  width: 100%;
  margin-top: 23px;
}

.homeCaseList ul {
  margin: 0 -30px;
}

.homeCaseList ul li {
  float: left;
  width: 33.333333%;
  padding: 0 30px;
  margin-top: 37px;
}

.homeCaseList ul li a {
  float: left;
  width: 100%;
  display: block;
}

.homeCaseList .homeCasePic {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  background: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.homeCaseList .homeCasePic img {
  float: left;
  width: 100%;
  display: block;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.homeCaseList .homeCase_h {
  position: absolute;
  left: 3%;
  top: 3%;
  width: 94%;
  height: 94%;
  border: 1px solid rgba(255, 255, 255, .8);
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.homeCaseList .homeCase_hm {
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.homeCaseList .homeCase_hm h4 {
  float: left;
  width: 100%;
  line-height: 34px;
  padding-bottom: 19px;
  font-size: 20px;
  color: #fff;
  position: relative;
}

.homeCaseList .homeCase_hm h4::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: rgba(255, 255, 255, .4);
  margin-left: -25px;
  left: 50%;
  bottom: 0;
}

.homeCaseList .homeCase_hm span {
  float: left;
  width: 100%;
  padding: 0 30px;
  line-height: 24px;
  max-height: 96px;
  font-size: 14px;
  color: rgba(255, 255, 255, .9);
  margin-top: 18px;
  overflow: hidden;
}

.homeCaseList .homeCase_hm .ico1 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 41px;
  height: 41px;
  background: url(images/hcasebg1.png) no-repeat center;
  margin-top: 32px;
}

.homeCaseList .homeCaseTit {
  float: left;
  width: 100%;
  margin-top: 18px;
  line-height: 54px;
  height: 54px;
  color: #333;
  font-size: 20px;
  border-bottom: 1px dotted #b2b2b2;
  padding-right: 42px;
  position: relative;
}

.homeCaseList .homeCaseTit .span01 {
  position: absolute;
  width: 31px;
  height: 31px;
  display: block;
  background: #626262;
  line-height: 30px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  right: 5px;
  top: 50%;
  margin-top: -16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.homeCaseIco {
  float: left;
  width: 100%;
  margin-top: 19px;
}

.homeCaseIco span {
  padding-right: 20px;
  padding-left: 30px;
  position: relative;
  float: left;
  line-height: 18px;
  height: 18px;
  font-size: 14px;
  color: #666666;
  display: inline-block;
}

.homeCaseIco span i {
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  display: block;
}

.homeCaseIco span i img {
  float: left;
  width: 100%;
  display: block;
}

.homeCaseList ul li a:hover .homeCase_h {
  filter: alpha(opacity=100);
  opacity: 1;
}

.homeCaseList ul li a:hover .homeCasePic img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.homeCaseList ul li a:hover .homeCaseTit {
  color: #f00;
}

@media screen and (max-width:1429px) {
  .homeCaseList ul {
    margin: 0 -20px;
  }

  .homeCaseList ul li {
    padding: 0 20px;
    margin-top: 30px;
  }

  .homeCaseList .homeCaseTit {
    font-size: 18px;
  }
}

@media screen and (max-width:991px) {
  .homeCase {
    padding-bottom: 42px;
  }

  .homeNews_m .NewsHd ul li,
  .homeCase .hd ul li {
    padding: 0 10px;
    margin: 0 15px;
    line-height: 28px;
    height: 28px;
    font-size: 14px;
  }

  .homeCaseList ul {
    margin: 0 -10px;
  }

  .homeCaseList ul li {
    padding: 0 10px;
    margin-top: 20px;
  }

  .homeCaseList .homeCaseTit {
    font-size: 16px;
  }

  .homeCaseIco span {
    padding-right: 15px;
    padding-left: 25px;
  }

  .homeCaseIco span i {
    width: 18px;
    margin-top: 2px;
  }

  .homeCaseList .homeCase_hm h4 {
    line-height: 24px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .homeCaseList .homeCase_hm span {
    padding: 0 15px;
    line-height: 22px;
    max-height: 88px;
    font-size: 12px;
    margin-top: 10px;
  }

  .homeCaseList .homeCase_hm .ico1 {
    width: 30px;
    height: 30px;
    background-size: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width:767px) {
  .homeCase {
    padding-bottom: 32px;
  }

  .homeCase .hd ul {
    width: 90%;
    padding: 0 5%;
    text-align: center;
  }

  .homeNews_m .NewsHd ul li,
  .homeCase .hd ul li {
    padding: 0 5px;
  }

  .homeCase .hd ul li::after {
    display: none;
  }

  .homeCaseList ul {
    margin: 0 -5px;
  }

  .homeCaseList ul li {
    padding: 0 5px;
    margin-top: 15px;
    width: 50%;
  }

  .homeCaseList .homeCaseTit {
    font-size: 14px;
    margin-top: 5px;
    line-height: 34px;
    height: 34px;
  }

  .homeCaseList .homeCaseTit .span01 {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    line-height: 24px;
    font-size: 20px;
  }

  .homeCaseIco {
    margin-top: 8px;
  }

  .homeCaseIco span {
    padding-right: 5px;
    padding-left: 15px;
    font-size: 12px;
  }

  .homeCaseIco span i {
    width: 12px;
    margin-top: 4px;
  }

  .homeCaseList .homeCase_hm h4 {
    line-height: 20px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .homeCaseList .homeCase_hm span {
    padding: 0 5px;
    line-height: 20px;
    max-height: 60px;
    margin-top: 10px;
  }

  .homeCaseList .homeCase_hm .ico1 {
    width: 24px;
    height: 24px;
    margin-top: 10px;
  }
}

.homeNews {
  float: left;
  width: 100%;
  background: url(images/hnewsbg.jpg);
  padding-bottom: 99px;
}

.homeNews_m {
  float: left;
  width: 100%;
}

.NewsBd {
  float: left;
  width: 100%;
  height: 430px;
  margin-top: 57px;
  position: relative;
  overflow: hidden;
}

.NewsBd .homeNewsBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.NewsBd .homeNewsBox.on {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 9;
}

.NewsBd .homeNews_s {
  float: left;
  width: 46.857143%;
  position: relative;
  overflow: hidden;
}

.NewsBd .homeNews_s a {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.NewsBd .homeNews_s a>img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.NewsBd .homeNews_s .homeNewsIntr {
  position: absolute;
  left: 0;
  top: 0;
  width: 50.152439%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  padding: 90px 30px 0 30px;
  color: #fff;
}

.NewsBd .homeNews_s .homeNewsIntr h4 {
  float: left;
  width: 100%;
  line-height: 32px;
  height: 32px;
  font-size: 18px;
}

.NewsBd .homeNews_s .homeNewsIntr span {
  float: left;
  width: 100%;
  line-height: 26px;
  height: 26px;
  font-size: 14px;
  display: block;
  margin-top: 17px;
}

.NewsBd .homeNews_s .homeNewsIntr .txt01 {
  float: left;
  width: 100%;
  line-height: 28px;
  height: 112px;
  overflow: hidden;
  font-size: 14px;
  margin-top: 10px;
}

.NewsBd .homeNews_s .slick-next,
.NewsBd .homeNews_s .slick-prev {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 30px;
  top: auto;
  bottom: 70px;
  z-index: 2;
  background: #333 url(images/hnews_le.png) no-repeat center;
  cursor: pointer;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.NewsBd .homeNews_s .slick-next {
  left: 80px;
  background-image: url(images/hnews_r.png);
}

.NewsBd .homeNews_s .slick-prev:hover,
.NewsBd .homeNews_s .slick-next:hover {
  background-color: #ff0000;
}

.NewsBd .homeNewsList {
  float: right;
  width: 47.142857%;
}

.NewsBd .homeNewsList ul {
  float: left;
  width: 100%;
  margin-top: -14px;
}

.NewsBd .homeNewsList ul li {
  float: left;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #eee;
}

.NewsBd .homeNewsList ul li:last-child {
  border: 0;
}

.NewsBd .homeNewsList ul li a {
  float: left;
  width: 100%;
  display: block;
}

.NewsBd .homeNewsList ul li a i {
  float: left;
  width: 24.545455%;
  display: block;
  position: relative;
  overflow: hidden;
  font-style: normal;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.NewsBd .homeNewsList ul li a i img {
  float: left;
  width: 100%;
  display: block;
}

.NewsBd .homeNewsList ul li a i .date01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  line-height: 24px;
  height: 24px;
  background: rgba(0, 0, 0, .8);
  font-size: 12px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.NewsBd .homeNewsList .homeNewsTit {
  float: right;
  width: 72.727273%;
  margin-top: 12px;
}

.NewsBd .homeNewsList .homeNewsTit h4 {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 30px;
  color: #333333;
  font-size: 16px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.NewsBd .homeNewsList .homeNewsTit span {
  float: left;
  width: 100%;
  display: block;
  line-height: 26px;
  height: 52px;
  color: #999999;
  font-size: 14px;
  margin-top: 11px;
  overflow: hidden;
}

.NewsBd .homeNewsList ul li a:hover .homeNewsTit h4 {
  color: #ff0000;
}

.NewsBd .homeNewsList ul li a:hover i .date01 {
  background: #ff0000;
}

@media screen and (max-width:1429px) {
  .NewsBd .homeNews_s .homeNewsIntr {
    width: 52%;
    padding: 70px 30px 0 30px;
  }

  .NewsBd .homeNews_s .homeNewsIntr h4 {
    font-size: 16px;
  }

  .NewsBd .homeNews_s .homeNewsIntr span {
    lfont-size: 14px;
    margin-top: 10px;
  }

  .NewsBd .homeNews_s .homeNewsIntr .txt01 {
    font-size: 14px;
    margin-top: 6px;
  }

  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev {
    bottom: 50px;
  }

  .NewsBd .homeNews_s .slick-next {
    left: 70px;
  }

  .NewsBd {
    height: 365px;
  }

  .NewsBd .homeNewsList ul {
    margin-top: -10px;
  }

  .NewsBd .homeNewsList ul li {
    padding: 10px 0;
  }
}

@media screen and (max-width:1199px) {
  .NewsBd .homeNews_s .homeNewsIntr {
    width: 52%;
    padding: 40px 15px 0 15px;
  }

  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev {
    bottom: 20px;
    left: 15px;
  }

  .NewsBd .homeNews_s .slick-next {
    left: 50px;
  }

  .NewsBd {
    height: 300px;
  }

  .NewsBd .homeNewsList {
    width: 50%;
  }

  .NewsBd .homeNewsList ul {
    margin-top: -6px;
  }

  .NewsBd .homeNewsList ul li {
    padding: 6px 0;
  }

  .NewsBd .homeNewsList .homeNewsTit {
    width: 72.727273%;
    margin-top: 8px;
  }

  .NewsBd .homeNewsList .homeNewsTit h4 {
    line-height: 26px;
    height: 26px;
    font-size: 15px;
  }

  .NewsBd .homeNewsList .homeNewsTit span {
    line-height: 24px;
    height: 48px;
    font-size: 14px;
    margin-top: 5px;
  }
}

@media screen and (max-width:991px) {
  .homeNews {
    padding-bottom: 60px;
  }

  .NewsBd .homeNews_s {
    width: 49%;
  }

  .NewsBd .homeNews_s .homeNewsIntr {
    padding: 30px 15px 0 15px;
  }

  .NewsBd .homeNews_s .homeNewsIntr h4 {
    font-size: 14px;
    line-height: 24px;
    max-height: 48px;
    height: auto;
    white-space: inherit;
    overflow: hidden;
  }

  .NewsBd .homeNews_s .homeNewsIntr span {
    font-size: 12px;
    margin-top: 5px;
    line-height: 20px;
    height: 20px;
  }

  .NewsBd .homeNews_s .homeNewsIntr .txt01 {
    font-size: 12px;
    margin-top: 6px;
    line-height: 22px;
    height: 66px;
  }

  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev {
    bottom: 20px;
    width: 25px;
    height: 25px;
  }

  .NewsBd .homeNews_s .slick-next {
    left: 45px;
  }

  .NewsBd {
    height: 242px;
    margin-top: 30px;
  }

  .NewsBd .homeNewsList {
    width: 50%;
  }

  .NewsBd .homeNewsList ul {
    margin-top: -6px;
  }

  .NewsBd .homeNewsList ul li {
    padding: 6px 0;
  }

  .NewsBd .homeNewsList ul li a i .date01 {
    width: 100%;
    line-height: 20px;
    height: 20px;
  }

  .NewsBd .homeNewsList .homeNewsTit {
    margin-top: 3px;
  }

  .NewsBd .homeNewsList .homeNewsTit h4 {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
  }

  .NewsBd .homeNewsList .homeNewsTit span {
    line-height: 20px;
    height: 40px;
    font-size: 12px;
    margin-top: 3px;
  }
}

@media screen and (max-width:767px) {
  .homeNews {
    padding-bottom: 30px;
  }

  .NewsBd .homeNews_s {
    width: 100%;
  }

  .NewsBd {
    height: 540px;
    margin-top: 30px;
  }

  .NewsBd .homeNewsList {
    width: 100%;
  }

  .NewsBd .homeNewsList ul {
    margin-top: 8px;
  }

  .NewsBd .homeNewsList ul li a i {
    width: 27%;
  }

  .NewsBd .homeNewsList .homeNewsTit {
    width: 70%;
    margin-top: 3px;
  }
}

@media screen and (max-width:429px) {
  .NewsBd {
    height: 480px;
    margin-top: 30px;
  }
}

@media screen and (max-width:329px) {
  .NewsBd {
    height: 440px;
    margin-top: 30px;
  }

  .NewsBd .homeNews_s .homeNewsIntr {
    padding: 20px 15px 0 15px;
  }

  .NewsBd .homeNews_s .homeNewsIntr h4 {
    line-height: 20px;
    max-height: 40px;
  }

  .NewsBd .homeNews_s .homeNewsIntr .txt01 {
    line-height: 20px;
    height: 40px;
    margin-top: 3px;
  }

  .NewsBd .homeNews_s .slick-next,
  .NewsBd .homeNews_s .slick-prev {
    bottom: 15px;
  }
}

.homePart {
  float: left;
  width: 100%;
  padding-bottom: 99px;
}

.homePart ul {
  float: left;
  width: 100%;
  margin-top: 52px;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}

.homePart ul li {
  float: left;
  width: 14.285714%;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.homePart ul li a {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.homePart ul li a img {
  float: left;
  width: 100%;
  display: block;
}

.homePart .homePart_h {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.homePart .homePart_h span {
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 30px;
  margin-top: -15px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  display: block;
  width: 100%;
}

.homePart ul li a:hover .homePart_h {
  height: 100%
}

@media screen and (max-width:767px) {
  .homePart {
    padding-bottom: 20px;
  }

  .homePart ul {
    margin-top: 22px;
  }

  .homePart ul li {
    width: 50%;
  }

  .homePart .homePart_h span {
    line-height: 30px;
    margin-top: -15px;
    height: 30px;
    font-size: 14px;
  }
}

/* 帮助中心-常见问答 */
.comAsk {
  float: left;
  width: 100%;
  padding-top: 42px;
}

.comAskSearch {
  float: right;
  width: 532px;
  border: 1px solid #e7e7e7;
  padding: 0 68px 0 32px;
  position: relative;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}

.comAskSearch input {
  float: left;
  width: 100%;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  color: #333;
}

.comAskSearch a {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  display: block;
  width: 68px;
  background: url(images/ask01.png) no-repeat center;
}

.comAsk ul {
  float: left;
  width: 100%;
  margin-top: 7px;
}

.comAsk ul li {
  float: left;
  width: 100%;
  margin-top: 35px;
}

.comAsk .comAskQue {
  float: left;
  width: 100%;
  padding: 11px 11px 11px 52px;
  background: #f3f3f3;
  font-size: 16px;
  color: #757575;
  line-height: 21px;
  position: relative;
  font-weight: bold;
}

.comAsk .comAskQue::before {
  position: absolute;
  content: "";
  width: 21px;
  height: 21px;
  background: url(images/ask02.png) no-repeat;
  top: 11px;
  left: 11px;
}

.comAsk .comAskAns {
  float: left;
  width: 100%;
  margin-top: 14px;
  padding: 0 52px;
  font-size: 14px;
  color: #686868;
  line-height: 26px;
  position: relative;
  letter-spacing: 1px;
}

.comAsk .comAskAns::before {
  position: absolute;
  content: "";
  width: 21px;
  height: 21px;
  background: url(images/ask03.png) no-repeat;
  top: 4px;
  left: 11px;
}

@media screen and (max-width:991px) {
  .comAsk {
    padding-top: 35px;
  }

  .comAskSearch {
    width: 332px;
    padding: 0 48px 0 20px;
  }

  .comAskSearch input {
    line-height: 40px;
    height: 40px;
  }

  .comAskSearch a {
    height: 40px;
    width: 48px;
    background-size: 100%;
  }

  .comAsk ul {
    margin-top: 0;
  }
}

@media screen and (max-width:767px) {
  .comAsk {
    padding-top: 20px;
  }

  .comAskSearch {
    width: 100%;
  }

  .comAsk ul {
    margin-top: 5px;
  }

  .comAsk ul li {
    margin-top: 15px;
  }

  .comAsk .comAskQue {
    padding: 8px 8px 8px 37px;
    font-size: 15px;
  }

  .comAsk .comAskQue::before {
    top: 8px;
    left: 8px;
  }

  .comAsk .comAskAns {
    margin-top: 10px;
    padding: 0 15px 0 37px;
    font-size: 13px;
    line-height: 22px;
  }

  .comAsk .comAskAns::before {
    top: 4px;
    left: 8px;
  }
}

/* 帮助中心-资料下载 */
.download {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.download ul {
  float: left;
  width: 100%;
  margin-top: 12px;
}

.download ul li {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.download ul li a {
  float: left;
  width: 100%;
  display: block;
  border: 1px solid #e9e9e9;
  padding: 20px 54px 20px 92px;
  position: relative;
}

.download ul li i {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 92px;
  display: block;
}

.download ul li i img {
  float: left;
  width: 100%;
  display: block;
}

.download ul li i .img02 {
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.download .downloadTit {
  float: left;
  width: 27.113238%;
  padding: 4px 20px 4px 40px;
  border-right: 1px solid #e9e9e9;
}

.download .downloadTit h4 {
  float: left;
  width: 100%;
  line-height: 36px;
  height: 36px;
  font-size: 16px;
  color: #333;
}

.download .downloadTit span {
  float: left;
  width: 100%;
  line-height: 21px;
  height: 21px;
  font-size: 12px;
  color: #888;
  display: block;
  padding-left: 18px;
  background: url(images/load01.png) no-repeat left;
}

.download .downloadIntr {
  float: right;
  width: 69.218501%;
  line-height: 24px;
  height: 48px;
  font-size: 14px;
  color: #555;
  margin-top: 6px;
  overflow: hidden;
}

.download ul li a:hover i .img02 {
  filter: alpha(opacity=100);
  opacity: 1;
}

.download ul li a:hover .downloadTit h4 {
  color: #ff0000;
}

.download ul li a:hover {
  -webkit-box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
  box-shadow: 1px 2px 20px rgba(0, 0, 0, .2);
}

@media screen and (max-width:1429px) {
  .download ul li a {
    padding: 20px 30px 20px 92px;
  }

  .download .downloadTit {
    width: 32%;
  }

  .download .downloadIntr {
    width: 65%;
  }
}

@media screen and (max-width:1199px) {
  .download ul li a {
    padding: 20px 30px 20px 92px;
  }

  .download .downloadTit {
    width: 32%;
    padding: 4px 20px 4px 20px;
  }

  .download .downloadIntr {
    width: 65%;
  }
}

@media screen and (max-width:991px) {
  .download ul li a {
    padding: 10px 20px 10px 62px;
  }

  .download ul li i {
    width: 65px;
  }

  .download .downloadTit {
    width: 32%;
    padding: 4px 20px 4px 20px;
  }

  .download .downloadTit h4 {
    line-height: 26px;
    height: 26px;
    font-size: 14px;
  }

  .download .downloadTit span {
    line-height: 20px;
    height: 20px;
    padding-left: 16px;
  }

  .download .downloadIntr {
    width: 65%;
    margin-top: 3px;
  }
}

@media screen and (max-width:767px) {
  .download ul li {
    margin-top: 15px;
  }

  .download ul li a {
    padding: 10px 15px;
  }

  .download ul li i {
    width: 40px;
    left: 15px;
    top: 14px;
  }

  .download .downloadTit {
    width: 100%;
    padding: 4px 0 8px 50px;
    border-right: 0;
    border-bottom: 1px solid #e9e9e9;
  }

  .download .downloadTit h4 {
    line-height: 26px;
    height: 26px;
    font-size: 14px;
  }

  .download .downloadTit span {
    line-height: 20px;
    height: 20px;
    padding-left: 16px;
  }

  .download .downloadIntr {
    width: 100%;
    margin-top: 8px;
    line-height: 24px;
    max-height: 96px;
    height: auto;
    font-size: 13px;
  }
}

/*  渠道合作  */
.cooperate {
  float: left;
  width: 100%;
  padding: 68px 0 80px 0;
  text-align: center;
}

.cooTit {
  float: left;
  width: 100%;
  color: #000;
  position: relative;
}

.cooTit h4 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  min-width: 468px;
  padding: 0 30px;
  border-bottom: 1px solid #e0e0e0;
  line-height: 80px;
  height: 81px;
  font-size: 28px;
  font-weight: bold;
  position: relative;
}

.cooTit h4::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -1px;
  width: 24px;
  height: 2px;
  background: #ff0000;
  margin-left: -12px;
}

.cooTit .span01 {
  float: left;
  width: 100%;
  text-align: center;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  color: #686868;
  display: block;
}

.cooTit2 h4 {
  color: #fff;
  border-color: #fff;
}

.cooTop {
  float: left;
  width: 100%;
  padding-bottom: 80px;
  text-align: center;
}

.cooTop .cooTopTxt {
  float: left;
  width: 100%;
  margin-top: 34px;
  line-height: 36px;
  font-size: 16px;
  color: #878787;
  text-align: center;
}

.cooTop .cooTopTxt img {
  display: block;
  margin: 30px auto 0 auto;
}

.cooTop .cooTopShare {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin-top: 22px;
}

.cooTop .cooTopShare span {
  float: left;
  padding-right: 15px;
  line-height: 36px;
  height: 36px;
  font-size: #3c3d3f;
  font-size: 16px;
}

.cooTop .cooTopShare .jiathis_style_32x32 {
  float: left;
}

.cooTop .cooTopShare .proLink,
.cooTop .cooTopShare .jiathis_button_weixin {
  float: left !important;
  display: block !important;
  background: url(images/img_16_3.png) no-repeat center !important;
  background-size: 100% 100% !important;
  width: 36px !important;
  height: 36px !important;
  overflow: hidden;
  position: relative;
  margin: 0 8px !important;
  padding: 0 !important;
  cursor: pointer;
}

.cooTop .cooTopShare .jtico_weixin {
  position: absolute;
  left: 9999px;
}

.cooTop .cooTopShare .jiathis_button_tsina {
  float: left !important;
  display: block !important;
  background: url(images/img_16_4.png) no-repeat center !important;
  background-size: 100% 100% !important;
  width: 36px !important;
  height: 36px !important;
  overflow: hidden;
  position: relative;
  margin: 0 8px !important;
  padding: 0 !important;
  cursor: pointer;
}

.cooTop .cooTopShare .jtico_tsina {
  position: absolute;
  left: 9999px;
}

.cooTop .cooTopShare .jiathis_button_qzone {
  float: left !important;
  display: block !important;
  background: url(images/img_16_5.png) no-repeat center !important;
  background-size: 100% 100% !important;
  width: 36px !important;
  height: 36px !important;
  overflow: hidden;
  position: relative;
  margin: 0 8px !important;
  padding: 0 !important;
  cursor: pointer;
}

.cooTop .cooTopShare .jtico_qzone {
  position: absolute;
  left: 9999px;
}

.cooTop .cooTopShare .proLink:hover,
.cooTop .cooTopShare .jiathis_style_32x32 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.cooTop .cooTopShare .proLink {
  background: url(images/pro02.png) no-repeat center !important;
  background-size: 100% 100% !important;
  margin-right: 30px !important;
}

@media screen and (max-width:991px) {
  .cooperate {
    padding: 48px 0 40px 0;
  }

  .cooTop {
    padding-bottom: 40px;
  }

  .cooTit h4 {
    min-width: 368px;
    padding: 0 20px;
    line-height: 50px;
    height: 51px;
    font-size: 20px;
  }

  .cooTop .cooTopTxt {
    margin-top: 24px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 15px;
  }

  .cooTop .cooTopTxt img {
    width: 60%;
  }

  .cooTop .cooTopShare {
    margin-top: 22px;
  }

  .cooTop .cooTopShare span {
    padding-right: 10px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
  }

  .cooTop .cooTopShare .proLink,
  .cooTop .cooTopShare .jiathis_button_tsina,
  .cooTop .cooTopShare .jiathis_button_qzone,
  .cooTop .cooTopShare .jiathis_button_weixin {
    width: 30px !important;
    height: 30px !important;
    margin: 0 5px !important;
  }

  .cooTop .cooTopShare .proLink {
    margin-right: 20px !important;
  }
}

@media screen and (max-width:767px) {
  .cooperate {
    padding: 28px 0 30px 0;
  }

  .cooTop {
    padding-bottom: 20px;
  }

  .cooTop .cooTopTxt img {
    width: 80%;
    margin: 20px auto 0 auto;
  }

  .cooTit h4 {
    min-width: 268px;
    line-height: 40px;
    height: 41px;
    font-size: 18px;
  }

  .cooTit .span01 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .cooTop .cooTopTxt {
    margin-top: 20px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 10px;
  }

  .cooTop .cooTopShare span {
    padding-right: 5px;
    line-height: 24px;
    height: 24px;
    font-size: 13px;
  }

  .cooTop .cooTopShare .proLink,
  .cooTop .cooTopShare .jiathis_button_tsina,
  .cooTop .cooTopShare .jiathis_button_qzone,
  .cooTop .cooTopShare .jiathis_button_weixin {
    width: 24px !important;
    height: 24px !important;
    margin: 0 3px !important;
  }

  .cooTop .cooTopShare .proLink {
    margin-right: 10px !important;
  }

}

.cooObject {
  float: left;
  width: 100%;
  padding: 35px 0 80px 0;
  background: #f9f9f9;
}

.cooObjList {
  margin-top: 33px;
  float: left;
  width: 100%;
}

.cooObjList ul {
  margin: 0 -11px;
}

.cooObjList ul li {
  float: left;
  width: 20%;
  padding: 0 11px;
}

.cooObjList ul li .cooObjBox {
  float: left;
  width: 100%;
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 39px 39px 28px 39px;
  text-align: center;
}

.cooObjList ul li .cooObjPic {
  padding-bottom: 18px;
  position: relative;
  width: 100%;
  float: left;
}

.cooObjList ul li .cooObjPic::after {
  position: absolute;
  content: "";
  width: 25px;
  height: 2px;
  background: #9e9e9e;
  left: 50%;
  margin-left: -12px;
  bottom: 0;
}

.cooObjList ul li .cooObjPic img {
  margin: 0 auto;
  display: block;
  width: 150px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.cooObjList ul li .cooObjPic .img02 {
  position: absolute;
  left: 50%;
  top: 0;
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.cooObjList ul li .cooObjBox h4 {
  float: left;
  width: 100%;
  line-height: 20px;
  height: 40px;
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  overflow: hidden;
}

.cooObjList ul li:hover .cooObjPic .img02 {
  filter: alpha(opacity=100);
  opacity: 1;
}

@media screen and (max-width:1429px) {
  .cooObjList ul li .cooObjPic img {
    width: 130px;
  }

  .cooObjList ul li .cooObjBox {
    padding: 30px 20px 28px 20px;
  }
}

@media screen and (max-width:1199px) {
  .cooObjList ul {
    margin: 0 -8px;
  }

  .cooObjList ul li {
    padding: 0 8px;
  }

  .cooObjList ul li .cooObjPic img {
    width: 100px;
  }

  .cooObjList ul li .cooObjBox {
    padding: 30px 15px 28px 15px;
  }
}

@media screen and (max-width:991px) {
  .cooObject {
    padding: 30px 0 50px 0;
  }

  .cooObjList {
    margin-top: 20px;
  }

  .cooObjList ul {
    margin: 0 -5px;
  }

  .cooObjList ul li {
    padding: 0 5px;
  }

  .cooObjList ul li .cooObjPic img {
    width: 80px;
  }

  .cooObjList ul li .cooObjBox {
    padding: 15px 6px 20px 6px;
  }

  .cooObjList ul li .cooObjBox h4 {
    font-size: 12px;
  }
}

@media screen and (max-width:767px) {
  .cooObject {
    padding: 30px 0 30px 0;
  }

  .cooObjList {
    margin-top: 10px;
  }

  .cooObjList ul {
    margin: 0 -5px;
  }

  .cooObjList ul li {
    padding: 0 5px;
    width: 50%;
    margin-top: 10px;
  }

  .cooObjList ul li .cooObjPic img {
    width: 80px;
  }

  .cooObjList ul li .cooObjBox {
    padding: 15px 6px 15px 6px;
  }

  .cooObjList ul li .cooObjBox h4 {
    font-size: 12px;
  }
}

.cooStyle {
  float: left;
  width: 100%;
  padding: 50px 0 80px 0;
}

.cooStyle .cooStyleBox {
  float: left;
  width: 47.928571%;
  margin-top: 107px;
  position: relative;
  background: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.cooStyle .cooStyleBox i {
  position: absolute;
  left: 50%;
  top: -51px;
  width: 103px;
  display: block;
  z-index: 9;
  margin-left: -51px;
}

.cooStyle .cooStyleBox i img {
  float: left;
  width: 100%;
  display: block;
}

.cooStyle .cooStyleBox .imgBg {
  float: left;
  width: 100%;
  display: block;
  filter: alpha(opacity=60);
  opacity: 0.6;
  height: 264px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.cooStyle .cooStyleTxt {
  position: absolute;
  top: 60%;
  left: 0;
  text-align: center;
  padding: 0 8%;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cooStyle .cooStyleTxt h4 {
  float: left;
  width: 100%;
  line-height: 42px;
  height: 42px;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.cooStyle .cooStyleTxt span {
  float: left;
  display: block;
  width: 100%;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  font-size: 15px;
  color: #fff;
  margin-top: 13px;
}

.cooServe {
  float: left;
  width: 100%;
  padding: 58px 0 66px 0;
  background: #efefef;
}

.cooServe .cooSer_m {
  float: left;
  position: relative;
  width: 100%;
}

.cooServe .cooSer_m img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cooServe .cooSerBox {
  float: right;
  width: 45%;
  margin-right: 33px;
  padding: 26px 3% 40px 8%;
  background: #fff;
  position: relative;
  text-align: left;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.cooServe .cooSerBox::before {
  position: absolute;
  right: 100%;
  top: 50%;
  background: url(images/coo11.png) no-repeat;
  width: 16px;
  height: 34px;
  content: "";
  margin-top: -17px;
}

.cooServe .cooSerBox h2 {
  float: left;
  width: 100%;
  font-size: 28px;
  color: #000;
  font-weight: bold;
}

.cooServe .cooSerBox h2 span {
  line-height: 50px;
  padding-bottom: 24px;
  position: relative;
  width: 60%;
  display: inline-block;
  border-bottom: 1px solid #bcbcbc;
}

.cooServe .cooSerBox h2 span::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 2px;
  background: #ff0000;
  left: 0;
  bottom: -1px;
}

.cooServe .cooSerTxt {
  float: left;
  width: 100%;
  margin-top: 27px;
}

.cooServe .cooSerTxt h4 {
  float: left;
  width: 100%;
  margin-bottom: 13px;
  line-height: 36px;
  height: 36px;
  font-size: 16px;
  color: #515151;
  font-weight: bold;
}

.cooServe .cooSerTxt .span02 {
  float: left;
  width: 100%;
  padding-left: 15px;
  line-height: 36px;
  font-size: 16px;
  color: #515151;
  position: relative;
}

.cooServe .cooSerTxt .span02::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #515151;
  top: 50%;
  margin-top: -2px;
  left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media screen and (max-width:1429px) {
  .cooStyle .cooStyleTxt {
    padding: 0 4%;
  }
}

@media screen and (max-width:1199px) {
  .cooStyle .cooStyleBox {
    width: 49%;
  }

  .cooStyle .cooStyleBox .imgBg {
    height: 224px;
  }

  .cooStyle .cooStyleTxt {
    padding: 0 3%;
  }

  .cooStyle .cooStyleTxt h4 {
    line-height: 32px;
    height: 32px;
    font-size: 20px;
  }

  .cooStyle .cooStyleTxt span {
    line-height: 24px;
    height: 48px;
    font-size: 14px;
    margin-top: 10px;
  }

  .cooServe .cooSerBox h2 {
    font-size: 20px;
  }

  .cooServe .cooSerBox h2 span {
    line-height: 40px;
    padding-bottom: 15px;
    width: 60%;
  }
}

@media screen and (max-width:991px) {
  .cooStyle {
    padding: 30px 0 50px 0;
  }

  .cooStyle .cooStyleBox i {
    top: -35px;
    width: 60px;
    margin-left: -30px;
  }

  .cooStyle .cooStyleBox .imgBg {
    height: 184px;
  }

  .cooStyle .cooStyleTxt {
    padding: 0 5%;
  }

  .cooStyle .cooStyleTxt h4 {
    line-height: 26px;
    height: 26px;
    font-size: 16px;
  }

  .cooStyle .cooStyleTxt span {
    line-height: 22px;
    height: 66px;
    font-size: 13px;
    margin-top: 5px;
  }

  .cooServe .cooSerBox {
    padding: 20px 2% 30px 8%;
  }

  .cooServe .cooSerBox h2 {
    font-size: 18px;
  }

  .cooServe .cooSerBox h2 span {
    line-height: 30px;
    padding-bottom: 15px;
    width: 80%;
  }

  .cooServe .cooSerTxt h4 {
    margin-bottom: 10px;
    line-height: 26px;
    height: 26px;
    font-size: 14px;
  }

  .cooServe .cooSerTxt .span02 {
    padding-left: 12px;
    line-height: 26px;
    font-size: 14px;
  }

  .cooServe .cooSerTxt .span02::before {
    width: 6px;
    height: 6px;
    margin-top: -3px;
  }
}

@media screen and (max-width:767px) {
  .cooStyle {
    padding: 30px 0;
  }

  .cooStyle .cooStyleBox {
    width: 100%;
    margin-top: 60px;
  }

  .cooStyle .cooStyleTxt span {
    line-height: 22px;
    height: auto;
    max-height: 88px;
  }

  .cooServe {
    padding: 30px 0;
  }

  .cooServe .cooSer_m img {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .cooServe .cooSerBox {
    padding: 20px 2% 20px 5%;
    width: 100%;
    margin-right: 0;
    margin-top: 25px;
  }

  .cooServe .cooSerBox::before {
    width: 12px;
    height: 26px;
    content: "";
    margin-top: -18px;
    top: 0;
    left: 50%;
    margin-left: -6px;
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -moz-transform: rotate(90deg);
    /* Firefox */
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -o-transform: rotate(90deg);
    /* Opera */
    transform: rotate(90deg);
  }

  .cooServe .cooSerTxt {
    margin-top: 20px;
  }

  .cooServe .cooSerBox h2 {
    font-size: 16px;
  }

  .cooServe .cooSerBox h2 span {
    line-height: 24px;
    padding-bottom: 10px;
  }
}

.cooSys {
  float: left;
  width: 100%;
  padding: 50px 0 80px 0;
  text-align: center;
}

.cooSys .cooSysTxt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 62%;
  line-height: 32px;
  font-size: 16px;
  color: #878787;
  margin-top: 30px;
}

.cooSys .cooSysTxt img {
  display: block;
  margin: 0 auto;
  padding-top: 46px;
}

.cooFlow {
  float: left;
  width: 100%;
  padding: 50px 0;
}

.cooFlow_m {
  margin: 0 -6px;
}

.cooFlow_s {
  float: left;
  width: 100%;
  margin-top: 70px;
  padding-bottom: 50px;
}

.cooFlow_s .li_hp {
  float: left;
  width: 100%;
  position: relative;
  height: 230px;
}

.cooFlow_s .li_hp::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  background: url(images/coo14.png) no-repeat center;
  height: 18px;
  margin-top: -9px;
  content: "";
}

.cooFlow_s .cooFlowTxt {
  position: absolute;
  top: 19px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  width: 100%;
  padding: 0 15px;
  height: 64px;
  overflow: hidden;
  text-align: left;
}

.cooFlow_s .cooFlowNum {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -29px;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 21px;
  color: #fff;
  font-family: Arial;
  font-style: italic;
  background: #d32329;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.cooFlow_s .cooFlowNum::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 55px;
  background: #d32329;
  left: 50%;
  bottom: 100%;
}

.cooFlow_s .li_hp.even .cooFlowTxt {
  bottom: 19px;
  top: auto;
}

.cooFlow_s .li_hp.even .cooFlowNum {
  bottom: auto;
  top: 0;
}

.cooFlow_s .li_hp.even .cooFlowNum::after {
  bottom: auto;
  top: 100%;
}

.cooFlow_s .slick-dots {
  bottom: 5px;
  height: 12px;
}

.cooFlow_s .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 9px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: rgba(255, 255, 255, .3);
}

.cooFlow_s .slick-dots li.slick-active {
  background: #ff0000;
}

.cooSq {
  float: left;
  width: 100%;
  padding: 50px 0 0 0;
  text-align: center;
}

.cooSq .cooSq_m {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 32.857143%;
  background: #efefef;
  margin-top: 36px;
  position: relative;
  padding-bottom: 32.857143%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.cooSq .cooSqBox {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  text-align: center;
}

.cooSq .cooSqTxt {
  font-size: 16px;
  line-height: 30px;
  color: #000;
  width: 100%;
  float: left;
  height: 120px;
  overflow: hidden;
}

.cooSq .cooSqBox img {
  margin: 0 auto;
  display: block;
  padding-top: 15px;
  width: 185px;
}

@media screen and (max-width:1429px) {
  .cooSys .cooSysTxt {
    width: 72%;
  }

  .cooSq .cooSq_m {
    width: 36%;
    padding-bottom: 36%;
  }

  .cooFlow_s .li_hp::after {
    height: 18px;
    margin-top: -9px;
    background-size: 100%;
  }
}

@media screen and (max-width:1199px) {
  .cooSys .cooSysTxt {
    width: 80%;
  }

  .cooSq .cooSq_m {
    width: 40%;
    padding-bottom: 40%;
  }

  .cooSq .cooSqBox img {
    width: 145px;
  }

  .cooFlow_s .cooFlowTxt {
    line-height: 28px;
    font-size: 14px;
    padding: 0 6px;
    height: 56px;
    ;
  }

  .cooFlow_s .cooFlowNum {
    margin-left: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }

  .cooFlow_s .cooFlowNum::after {
    height: 70px;
  }
}

@media screen and (max-width:991px) {
  .cooSys {
    padding: 30px 0 50px 0;
  }

  .cooSys .cooSysTxt {
    width: 90%;
  }

  .cooSys .cooSysTxt img {
    width: 360px;
  }

  .cooSq {
    padding: 30px 0 0 0;
  }

  .cooSq .cooSq_m {
    width: 48%;
    padding-bottom: 48%;
  }

  .cooSq .cooSqBox {
    top: 40px;
  }

  .cooSq .cooSqBox img {
    width: 145px;
  }

  .cooFlow {
    padding: 30px 0 25px 0;
  }

  .cooFlow_s {
    margin-top: 40px;
    padding-bottom: 25px;
  }

  .cooFlow_s .li_hp {
    height: 200px;
  }

  .cooFlow_s .cooFlowTxt {
    line-height: 24px;
    font-size: 14px;
    padding: 0 6px;
    height: 72px;
  }

  .cooFlow_s .cooFlowNum {
    margin-left: -23px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
  }

  .cooFlow_s .cooFlowNum::after {
    height: 50px;
  }
}

@media screen and (max-width:767px) {
  .cooSys {
    padding: 30px 0;
  }

  .cooSys .cooSysTxt {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    margin-top: 20px;
  }

  .cooSys .cooSysTxt img {
    width: 300px;
    padding-top: 26px;
  }

  .cooSq .cooSq_m {
    width: 90%;
    padding-bottom: 90%;
  }

  .cooSq .cooSqBox {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .cooSq .cooSqTxt {
    line-height: 24px;
    font-size: 14px;
    height: 96px;
  }

  .cooSq .cooSqBox img {
    width: 105px;
    margin-top: 15px;
  }

  .cooFlow_s .li_hp {
    height: 180px;
  }

  .cooFlow_s .cooFlowTxt {
    line-height: 20px;
    font-size: 13px;
    padding: 0 6px;
    height: 60px;
  }

  .cooFlow_s .slick-dots {
    bottom: 5px;
    height: 8px;
  }

  .cooFlow_s .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}

/* 人才招聘 */
.recruit {
  float: left;
  width: 100%;
  margin-top: 80px;
}

.recList {
  float: left;
  width: 100%;
  min-height: 600px;
}

.t_14 {
  float: left;
  width: 100%;
  background: #ff0000;
}

.t_14 span {
  float: left;
  width: 28.114754%;
  height: 60px;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding-left: 80px;
  line-height: 60px;
  color: #fff;
}

.t_14 ul {
  float: left;
  width: 71.885246%;
  padding-right: 10.638298%;
}

.t_14 ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 60px;
  height: 60px;
  font-weight: bold;
}

.d_14 {
  float: left;
  width: 100%;
  margin-top: 10px;
  background: #f5f5f5;
  cursor: pointer;
}

.d_14 .d_14_t {
  float: left;
  width: 28.114754%;
  display: table;
  height: 60px;
}

.d_14 .d_14_t div {
  display: table-cell;
  vertical-align: middle;
}

.d_14 .d_14_t span {
  float: left;
  width: 100%;
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
  font-size: 16px;
  padding-left: 80px;
}

.d_14 ul {
  float: left;
  width: 71.885246%;
  padding-right: 10.638298%;
  position: relative;
}

.d_14 ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 60px;
  height: 60px;
}

.d_14 ul i {
  position: absolute;
  right: 0;
  top: 0;
  width: 10.638298%;
  height: 60px;
  background: url(images/bg_14_3.png) no-repeat center;
  display: block;
  border-left: 1px solid rgba(255, 255, 255, .8);
}

.d_14.on i {
  background: url(images/bg_14_4.png) no-repeat center;
}

.d_14.on {
  background: #ff0000;
}

.d_14.on .d_14_t span {
  color: #fff;
}

.d_14.on ul li {
  color: #fff;
}

.d_14 .d_14_h {
  display: none;
  float: left;
  width: 100%;
  padding: 32px 0;
  background: #fff;
}

.d_14 .d_14_le {
  float: left;
  width: 47.340426%;
  padding-left: 140px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}

.d_14 .d_14_le .d_14_h4 {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  color: #333;
  margin-bottom: 26px;
}

.d_14 .d_14_le .recBtn {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.d_14 .d_14_le a {
  float: left;
  padding: 0 27px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #ff0000;
  background-size: 100%;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
}

.d_14 .d_14_le a:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

.d_14 .d_14_le.d_14_r {
  padding-left: 86px;
  border-left: 1px solid #e7e7e7;
  position: relative;
}

.d_14 .d_14_le.d_14_r::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 18px;
  background: #d7d7d7;
  top: 50%;
  margin-top: -9px;
  left: -1px;
}

@media screen and (max-width:1429px) {
  .d_14 .d_14_le {
    padding-left: 80px;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 40px;
  }
}

@media screen and (max-width:1199px) {
  .t_14 span {
    padding-left: 10px;
  }

  .d_14 .d_14_t span {
    font-size: 14px;
    padding-left: 10px;
  }

  .d_14 .d_14_le {
    padding-left: 20px;
  }

  .d_14 ul li {
    font-size: 14px;
  }
}

@media screen and (max-width:991px) {
  .recruit {
    margin-top: 40px;
  }

  .t_14 {
    height: 48px;
  }

  .t_14 span,
  .t_14 ul li {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
  }

  .d_14 .d_14_t {
    height: 48px;
  }

  .d_14 .d_14_t span {
    font-size: 12px;
  }

  .d_14 ul li {
    font-size: 12px;
    line-height: 48px;
    height: 48px;
  }

  .d_14 ul i {
    height: 48px;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 20px;
  }

  .d_14 .d_14_le.d_14_r .d_14_h4 {
    padding-left: 20px;
  }

  .d_14 .d_14_le a {
    line-height: 30px;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  .recruit {
    margin-top: 30px;
  }

  .recList {
    min-height: 400px;
  }

  .t_14 {
    display: none;
  }

  .d_14 .d_14_t {
    width: 80%;
  }

  .d_14 .d_14_t span {
    font-size: 14px;
  }

  .d_14 ul {
    width: 20%;
  }

  .d_14 ul i {
    width: 100%;
  }

  .d_14 ul li {
    display: none;
  }

  .d_14 .d_14_h {
    padding: 14px 0;
  }

  .d_14 .d_14_le {
    width: 100%;
    padding-top: 10px;
    padding: 10px 15px 0 15px;
  }

  .d_14 .d_14_le .d_14_h4 {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .d_14 .d_14_le.d_14_r {
    margin-left: 0;
  }

  .d_14 .d_14_le a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-top: 19px;
    margin-left: 0;
  }

  .d_14 .d_14_le.d_14_r {
    padding-left: 15px;
    border: 0;
  }

  .d_14 .d_14_le.d_14_r .d_14_h4 {
    padding-left: 0;
  }

  .d_14 .d_14_le.d_14_r::before {
    display: none;
  }
}

/* 新闻 */
.news {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.c_9 {
  float: left;
  width: 100%;
}

.c_9 .ul05 {
  float: left;
  width: 100%;
}

.c_9 .ul05 li {
  float: left;
  width: 100%;
  margin-top: 30px;
  position: relative;
  padding-left: 389px;
  background: #f6f6f6;
}

.c_9 .ul05 li a {
  float: left;
  display: block;
  width: 100%
}

.pic13 {
  position: absolute;
  left: 0;
  top: 0;
  width: 388px;
  height: 246px;
  text-align: center;
  padding-top: 31px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.c_9 .ul05 li .pic13 img {
  width: 328px;
  margin: 0 auto;
}

.text7 {
  float: left;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  border-left: 1px solid #fff;
}

.text7 .title7 {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 34px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
}

.text7 .p18 {
  float: left;
  width: 100%;
  height: 50px;
  line-height: 25px;
  margin-top: 8px;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}

.text7 .time_link {
  float: left;
  width: 100%;
  height: 71px;
  line-height: 71px;
  margin-top: 43px;
}

.text7 .time_link span {
  float: left;
  font-size: 14px;
  color: #a9a9a9;
}

.text7 .time_link i {
  display: block;
  float: right;
  font-size: 14px;
  color: #a9a9a9;
  font-style: normal;
}

.c_9 .ul05 li a:hover .text7 .title7 {
  color: #ff0000;
}

.c_9 .ul05 li a:hover .text7 .time_link i {
  color: #ff0000;
}

.c_9 .ul05 li a:hover .pic13 {
  background: #f0f0f0;
}

@media screen and (max-width:991px) {
  .c_9 .ul05 li {
    margin-top: 20px;
    padding-left: 230px;
  }

  .pic13 {
    width: 230px;
    height: auto;
    padding-top: 15px;
  }

  .c_9 .ul05 li .pic13 img {
    width: 200px;
    height: auto;
  }

  .text7 .title7 {
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }

  .text7 .p18 {
    height: 44px;
    line-height: 22px;
    margin-top: 4px;
  }

  .text7 .time_link {
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
  }
}

@media screen and (max-width:767px) {
  .news {
    margin-top: 15px;
  }

  .text7 .p18 {
    display: none;
  }

  .c_9 .ul05 li {
    margin-top: 12px;
    padding-left: 150px;
  }

  .pic13 {
    width: 150px;
    height: auto;
    padding-top: 10px;
  }

  .c_9 .ul05 li .pic13 img {
    width: 130px;
  }

  .text7 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text7 .title7 {
    height: 40px;
    line-height: 20px;
    margin-top: 15px;
    font-size: 14px;
    white-space: normal;
  }

  .text7 .time_link {
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
  }

  .text7 .time_link span {
    font-size: 12px;
  }

  .text7 .time_link i {
    font-size: 12px;
  }
}

/* 新闻详细 */
.newsDel {
  float: left;
  width: 100%;
  padding: 0 35px 52px 35px;
  margin-top: 40px;
  border: 1px solid #e1e0e0;
}

.newsDel .newsTit {
  float: left;
  width: 100%;
  padding: 32px 0 37px 0;
  border-bottom: 1px solid #e1e0e0;
  text-align: center;
}

.newsDel .newsTit .newsTit_m {
  float: left;
  width: 100%;
  line-height: 50px;
  font-size: 26px;
  color: #333;
}

.newsDel .newsTit .date02 {
  float: left;
  width: 100%;
  line-height: 24px;
  height: 24px;
  font-size: 14px;
  color: #979797;
  margin-top: 13px;
}

.newsDel .newsDel_m {
  float: left;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  margin-top: 36px;
  padding-bottom: 49px;
  border-bottom: 1px solid #e1e0e0;
}

.newsDel .newsDel_m img {
  display: block;
  margin: 0 auto;
}

.newsDel .newsDel_d {
  float: left;
  width: 100%;
  margin-top: 27px;
}

.newsDel .newsDel_d .newsShare {
  float: left;
  margin-top: 5px;
}

.newsDel .newsDel_d .newsBack {
  float: right;
  width: 116px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  background: #ff0000;
  font-size: 16px;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.newsDel .newsDel_d .newsBack:hover {
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

.newsList {
  float: left;
  width: 100%;
  margin-top: 49px;
  padding-bottom: 60px;
}

.newsList .newsListTit {
  float: left;
  width: 100%;
  line-height: 46px;
  height: 46px;
  font-size: 24px;
  color: #000;
}

.newsList .newsListTit span {
  font-size: 16px;
  color: #ff0000;
  text-transform: uppercase;
}

.newsList .newsList_m {
  float: left;
  width: 100%;
}

.newsList .newsList_m ul {
  margin: 0 -40px;
}

.newsList .newsList_m ul li {
  float: left;
  width: 50%;
  padding: 0 40px;
  margin-top: 26px;
}

.newsList .newsList_m ul li a {
  float: left;
  width: 100%;
  padding-left: 34%;
  position: relative;
}

.newsList .newsList_m ul li a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 31%;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.newsList .newsList_m ul li a i img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.newsList .newsList_m .tit01 {
  float: left;
  width: 100%;
  line-height: 42px;
  height: 42px;
  font-size: 16px;
  color: #333;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.newsList .newsList_m .span01 {
  float: left;
  width: 100%;
  line-height: 26px;
  height: 52px;
  font-size: 14px;
  color: #666;
  display: block;
  overflow: hidden;
}

.newsList .newsList_m .span02 {
  float: left;
  width: 100%;
  line-height: 22px;
  height: 22px;
  font-size: 14px;
  color: #999;
  display: block;
  margin-top: 8px;
}

.newsList .newsList_m ul li a:hover .tit01 {
  color: #ff0000;
}

@media screen and (max-width:1429px) {
  .newsList .newsList_m .tit01 {
    line-height: 32px;
    height: 32px;
  }

  .newsList .newsList_m .span02 {
    margin-top: 5px;
  }
}

@media screen and (max-width:1199px) {
  .newsList .newsList_m ul {
    margin: 0 -15px;
  }

  .newsList .newsList_m ul li {
    padding: 0 15px;
    margin-top: 26px;
  }

  .newsList .newsList_m .tit01 {
    line-height: 28px;
    height: 28px;
  }

  .newsList .newsList_m .span01 {
    line-height: 22px;
    height: 44px;
    font-size: 14px;
  }

  .newsList .newsList_m .span02 {
    line-height: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media screen and (max-width:991px) {
  .newsDel {
    padding: 0 15px 20px 15px;
    margin-top: 20px;
    border: 1px solid #e1e0e0;
  }

  .newsDel .newsTit {
    padding: 30px 0;
  }

  .newsDel .newsTit .newsTit_m {
    font-size: 22px;
    line-height: 34px;
  }

  .newsList {
    margin-top: 30px;
    padding-bottom: 40px;
  }

  .newsList .newsList_m ul {
    margin: 0 -10px;
  }

  .newsList .newsList_m ul li {
    padding: 0 10px;
    margin-top: 20px;
  }

  .newsList .newsList_m .tit01 {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
  }

  .newsList .newsList_m .span01 {
    line-height: 20px;
    height: 40px;
    font-size: 12px;
  }

  .newsList .newsList_m .span02 {
    line-height: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media screen and (max-width:767px) {
  .newsDel .newsTit {
    padding: 20px 0 10px 0;
  }

  .newsDel .newsTit .newsTit_m {
    font-size: 18px;
    line-height: 24px;
  }

  .newsDel .newsTit .date02 {
    font-size: 12px;
    line-height: 20px;
  }

  .newsDel .newsDel_m {
    line-height: 26px;
    margin-top: 20px;
    padding-bottom: 30px;
  }

  .newsDel .newsDel_d {
    margin-top: 20px;
  }

  .newsDel .newsDel_d .newsBack {
    width: 100px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
  }

  .newsDel .newsDel_d .newsShare {
    margin-top: 0;
  }

  .newsList {
    margin-top: 20px;
    padding-bottom: 30px;
  }

  .newsList .newsListTit {
    line-height: 26px;
    height: 26px;
    font-size: 18px;
  }

  .newsList .newsListTit span {
    font-size: 14px;
  }

  .newsList .newsList_m ul {
    margin: 0;
  }

  .newsList .newsList_m ul li {
    padding: 0;
    margin-top: 15px;
    width: 100%;
  }

  .newsList .newsList_m ul li a {
    padding-left: 37%;
  }

  .newsList .newsList_m ul li a i {
    width: 35%;
  }
}

/* 关于我们-资质荣誉 */
.honor {
  float: left;
  width: 100%;
  padding-top: 50px;
}

.honorList {
  float: left;
  width: 100%;
}

.honorList ul {
  margin: 0 -30px;
}

.honorList ul li {
  float: left;
  width: 25%;
  padding: 0 30px;
  margin-top: 30px;
}

.honorList ul li a {
  float: left;
  width: 100%;
  display: block;
}

.honorList .honorPic {
  float: left;
  width: 100%;
  background: #f2f2f2;
  overflow: hidden;
}

.honorList .honorPic img {
  float: left;
  width: 100%;
  display: block;
}

.honorList ul li a span {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #222222;
  line-height: 36px;
  height: 36px;
  margin-top: 20px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.honorList ul li a:hover span {
  color: #ff0000;
}

.honorTc {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  top: 0;
  left: 0;
  z-index: 1050;
}

.honorTc_m {
  position: absolute;
  width: 42%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.honorTc_m .cha {
  position: absolute;
  top: -22px;
  right: -22px;
  width: 25px;
  height: 25px;
  background: url(images/cha.png) no-repeat;
  cursor: pointer;
}

.honorTc_m ._pic {
  float: left;
  width: 100%;
}

.honorTc_m ._pic img {
  float: left;
  width: 100%;
  display: block;
}

@media screen and (max-width:1199px) {
  .honorList ul {
    margin: 0 -15px;
  }

  .honorList ul li {
    padding: 0 15px;
    margin-top: 20px;
  }

  .honorList ul li a span {
    font-size: 14px;
  }

  .honorTc_m {
    width: 60%;
  }
}

@media screen and (max-width:991px) {
  .honor {
    padding-top: 20px;
  }

  .honorList ul {
    margin: 0;
  }

  .honorList ul li {
    width: 33.333333%;
    padding: 0 8px;
    margin-top: 20px;
  }

  .honorList ul li a span {
    line-height: 26px;
    height: 26px;
    margin-top: 15px;
  }
}

@media screen and (max-width:767px) {
  .honorList ul li {
    width: 50%;
    padding: 0 5px;
    margin-top: 10px;
  }

  .honorList ul li a span {
    line-height: 24px;
    height: 24px;
    margin-top: 5px;
    font-size: 12px;
  }

  .honorTc_m {
    width: 80%;
  }
}

/* 关于我们 */
.about {
  float: left;
  width: 100%;
  padding-bottom: 80px;
}

.aboutTit {
  float: left;
  width: 100%;
  line-height: 54px;
  padding-bottom: 22px;
  margin-top: 70px;
  position: relative;
  text-align: center;
  font-size: 32px;
  color: #333;
}

.aboutTit::after {
  position: absolute;
  content: "";
  width: 28px;
  height: 3px;
  bottom: 0;
  left: 50%;
  margin-left: -14px;
  background: #ff0000;
}

.aboutTop {
  float: left;
  width: 100%;
  padding-bottom: 80px;
}

.aboutTop .aboutTop_m {
  float: left;
  width: 100%;
  margin-top: 66px;
}

.aboutTop .aboutTopPic {
  float: left;
  width: 45.714286%;
  padding: 22px;
  position: relative;
}

.aboutTop .aboutTopPic::before {
  position: absolute;
  content: "";
  width: 43.125%;
  height: 60.5%;
  background: #efefef;
  left: 0;
  bottom: 0;
}

.aboutTop .aboutTopPic::after {
  position: absolute;
  content: "";
  width: 43.125%;
  height: 60.5%;
  background: #efefef;
  right: 0;
  top: 0;
}

.aboutTop .aboutTopPic img {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  z-index: 9;
}

.aboutTop .aboutTopTxt {
  float: right;
  width: 49%;
  margin-top: 36px;
  line-height: 30px;
  height: 360px;
  overflow: hidden;
  font-size: 16px;
  color: #7c7c7c;
}

.aboutTop .aboutTopTxt .about_h4 {
  float: left;
  width: 100%;
  line-height: 30px;
  font-size: 21px;
  color: #000;
  font-weight: bold;
}

.aboutTop .aboutTop_m ul {
  float: left;
  width: 100%;
  margin-top: 48px;
  border-left: 1px solid #f4f4f4;
}

.aboutTop .aboutTop_m ul li {
  float: left;
  width: 33.333333%;
  border-right: 1px solid #f4f4f4;
  text-align: center;
}

.aboutTop .aboutTop_m ul li h2 {
  float: left;
  width: 100%;
  line-height: 58px;
  padding-bottom: 12px;
  font-size: 55px;
  color: #ff0000;
  font-weight: bold;
  position: relative;
}

.aboutTop .aboutTop_m ul li h2::after {
  position: absolute;
  content: "";
  width: 26px;
  height: 2px;
  background: #f00;
  left: 50%;
  margin-left: -13px;
  bottom: 0;
}

.aboutTop .aboutTop_m ul li span {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #646464;
  margin-top: 13px;
  display: block;
}

@media screen and (max-width:1429px) {
  .aboutTop .aboutTopTxt {
    margin-top: 0;
    line-height: 28px;
    height: 364px;
    font-size: 15px;
  }

  .aboutTop .aboutTopTxt .about_h4 {
    font-size: 20px;
  }
}

@media screen and (max-width:1199px) {
  .aboutTop .aboutTopPic {
    padding: 15px;
  }

  .aboutTop .aboutTopTxt {
    width: 52%;
    margin-top: -20px;
    line-height: 28px;
    height: auto;
    font-size: 14px;
  }

  .aboutTop .aboutTop_m ul li h2 {
    font-size: 45px;
  }
}

@media screen and (max-width:991px) {
  .about {
    padding-bottom: 50px;
  }

  .aboutTit {
    line-height: 34px;
    padding-bottom: 18px;
    margin-top: 40px;
    font-size: 22px;
  }

  .aboutTop {
    padding-bottom: 40px;
  }

  .aboutTop .aboutTop_m {
    margin-top: 36px;
  }

  .aboutTop .aboutTopPic {
    width: 60%;
    margin: 0 20%;
    padding: 12px;
  }

  .aboutTop .aboutTopTxt {
    width: 100%;
    padding: 0 15px;
    margin-top: 20px;
    line-height: 28px;
    height: auto;
    font-size: 14px;
  }

  .aboutTop .aboutTop_m ul li h2 {
    font-size: 35px;
  }

  .aboutTop .aboutTop_m ul li span {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 2px;
  }
}

@media screen and (max-width:767px) {
  .about {
    padding-bottom: 30px;
  }

  .aboutTit {
    line-height: 30px;
    padding-bottom: 15px;
    margin-top: 30px;
    font-size: 18px;
  }

  .aboutTop {
    padding-bottom: 30px;
  }

  .aboutTop .aboutTop_m {
    margin-top: 26px;
  }

  .aboutTop .aboutTopPic {
    width: 100%;
    margin: 0;
    padding: 10px;
  }

  .aboutTop .aboutTopTxt {
    padding: 0 10px;
    line-height: 25px;
  }

  .aboutTop .aboutTopTxt .about_h4 {
    line-height: 26px;
    font-size: 16px;
  }

  .aboutTop .aboutTop_m ul {
    border: 0;
    margin-top: 20px;
  }

  .aboutTop .aboutTop_m ul li {
    width: 100%;
    border: 0;
    margin-top: 5px;
  }

  .aboutTop .aboutTop_m ul li h2 {
    font-size: 25px;
    padding-bottom: 10px;
    line-height: 34px;
  }

  .aboutTop .aboutTop_m ul li span {
    line-height: 24px;
    font-size: 14px;
    margin-top: 10px;
    padding: 0 2px;
  }
}

.about .history {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding-bottom: 64px;
}

.c_12 {
  float: left;
  width: 100%;
}

.c_12 .c_12_m {
  float: left;
  padding-top: 43px;
  padding-bottom: 40px;
  position: relative;
}

.c_12 .c_12_m::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e3e3e3;
  left: 50%;
  top: 43px;
  z-index: 8;
}

.c_12 .c_12_m::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #bdbdbd;
  left: 50%;
  margin-left: -6px;
  top: 43px;
  z-index: 9;
}

.c_12 h2 {
  font-size: 30px;
  line-height: 60px;
  color: #3f3f3f;
  text-align: center;
}

.c_12 .c_12_l {
  width: 100%;
  float: left;
  padding-top: 40px;
}

.c_12 .c_12_l li {
  float: left;
  width: 50%;
  padding-right: 26px;
  position: relative;
  z-index: 9;
}

.c_12 .c_12_l li a {
  float: left;
  display: block;
  width: 100%;
  padding: 22px 24px 21px 50px;
  border: 1px solid #e3e3e3;
  background: #fff;
  border-radius: 8px;
  position: relative;
}

.c_12 .c_12_l li a .bg {
  width: 38px;
  height: 24px;
  position: absolute;
  left: 100%;
  top: 28px;
  background: url(images/bg_6_3.png) no-repeat center;
  z-index: 9;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1 {
  float: left;
  width: 58.536585%;
}

.c_12 .c_12_l li a .c_12_l_1 h2 {
  float: left;
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  color: #666;
  text-align: left;
}

.c_12 .c_12_l li a .c_12_l_1 span {
  float: left;
  display: block;
  width: 100%;
  padding-top: 3px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
}

.c_12 .c_12_l li a img {
  float: right;
  display: block;
}

.c_12 .c_12_l li a:hover {
  border: 1px solid #f00;
}

.c_12 .c_12_l li a:hover .c_12_l_1 h2 {
  color: #f00;
}

.c_12 .c_12_l li a:hover .bg {
  background: url(images/bg_6_5.png) no-repeat center;
}

.c_12 li.c_12_r {
  padding-right: 0;
  padding-left: 26px;
  margin-top: 50px;
}

.c_12 li.c_12_r a .bg2 {
  width: 38px;
  height: 24px;
  position: absolute;
  right: 100%;
  top: 28px;
  background: url(images/bg_6_4.png) no-repeat center;
  z-index: 9;
}

.c_12 li.c_12_r a:hover .bg2 {
  background: url(images/bg_6_6.png) no-repeat center;
}

.c_12 .c_12_more {
  float: left;
  font-size: 16px;
  padding-top: 40px;
  width: 100%;
  position: relative;
  z-index: 9;
}

.c_12 .c_12_more a {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 152px;
  height: 42px;
  line-height: 42px;
  background: #f00;
  border-radius: 5px;
  color: #fff;
}

.c_12 .c_12_more a:hover {
  background: #d40808;
}

@media screen and (max-width:1199px) {
  .c_12 .c_12_l li {
    padding-right: 40px;
  }

  .c_12 .c_12_l li a {
    padding: 22px 24px 21px 20px;
  }

  .c_12 .c_12_l li a .bg {
    left: auto;
    right: -53px;
    z-index: -1;
  }

  .c_12 li.c_12_r {
    padding-right: 0;
    padding-left: 40px;
  }

  .c_12 li.c_12_r a .bg2 {
    left: -53px;
    right: auto;
    z-index: -1;
  }
}

@media screen and (max-width:991px) {
  .c_12 .c_12_l li {
    padding-right: 30px;
  }

  .c_12 .c_12_l li a .bg {
    left: auto;
    right: -43px;
    z-index: -1;
  }

  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1 {
    width: 100%;
  }

  .c_12 .c_12_l li a .c_12_l_1 span {
    line-height: 24px;
  }

  .c_12 .c_12_l li a img {
    width: 120px;
    margin-top: 10px;
  }

  .c_12 li.c_12_r {
    padding-right: 0;
    padding-left: 30px;
  }

  .c_12 li.c_12_r a .bg2 {
    left: -43px;
    right: auto;
    z-index: -1;
  }
}

@media screen and (max-width:767px) {
  .c_12 .c_12_m {
    padding-top: 23px;
    padding-bottom: 20px;
  }

  .c_12 .c_12_m::before {
    width: 1px;
    top: 23px;
    left: 0;
  }

  .c_12 .c_12_m::after {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    left: -6px;
    margin-left: 0;
    top: 23px;
  }

  .c_12 .c_12_l {
    padding-top: 20px;
  }

  .c_12 .c_12_l li {
    padding-right: 0;
    padding-left: 20px;
    width: 100%;
    margin-top: 15px;
  }

  .c_12 .c_12_l li a {
    padding: 10px 15px;
  }

  .c_12 .c_12_l li a .bg {
    left: -32px;
    background: url(images/bg_6_4.png) no-repeat center;
  }

  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1 {
    width: 60%;
  }

  .c_12 .c_12_l li a .c_12_l_1 h2 {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
  }

  .c_12 .c_12_l li a .c_12_l_1 span {
    line-height: 22px;
    font-size: 12px;
  }

  .c_12 .c_12_l li a img {
    width: 35%;
    margin-top: 10px;
  }

  .c_12 li.c_12_r {
    padding-right: 0;
    padding-left: 20px;
    margin-top: 15px;
  }

  .c_12 li.c_12_r a .bg2 {
    left: -32px;
  }

  .c_12 .c_12_more {
    font-size: 14px;
    padding-top: 20px;
  }

  .c_12 .c_12_more a {
    float: left;
    width: 102px;
    height: 32px;
    line-height: 32px;
  }

  .c_12 .c_12_l li a:hover .bg {
    background: url(images/bg_6_6.png) no-repeat center;
  }

}

@media screen and (max-width:349px) {

  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1 {
    width: 100%;
  }

  .c_12 .c_12_l li a img {
    display: none;
  }
}

.aboutEnvi {
  float: left;
  width: 100%;
}

.aboutEnvi ul {
  margin: 0 -5px;
}

.aboutEnvi ul li {
  float: left;
  width: 31.928571%;
  margin-top: 34px;
  padding: 0 5px;
}

.aboutEnvi ul li .aboutEnviBox {
  width: 100%;
  float: left;
}

.aboutEnvi ul li .aboutEnvi_h {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 0, 0, .5);
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.aboutEnvi ul li .aboutEnvi_h h4 {
  position: absolute;
  width: 100%;
  line-height: 60px;
  height: 60px;
  left: 0;
  top: 50%;
  margin-top: -30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

.aboutEnvi ul li .aboutEnvi_h h4::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -12px;
  width: 24px;
  height: 4px;
  background: #fff;
  content: "";
}

.aboutEnvi ul li .img {
  float: left;
  margin-top: 10px;
  position: relative;
}

.aboutEnvi ul li .img img {
  float: left;
  width: 100%;
  display: block;
}

.aboutEnvi ul li .img01 {
  width: 100%;
}

.aboutEnvi ul li .img02 {
  width: 48.9%;
}

.aboutEnvi ul li .img:hover .aboutEnvi_h {
  filter: alpha(opacity=100);
  opacity: 1;
}

.aboutEnvi ul li.cen {
  width: 34.714286%;
}

@media screen and (max-width:991px) {
  .aboutEnvi ul li.cen {
    width: 35.2%;
  }
}

@media screen and (max-width:767px) {
  .aboutEnvi ul {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
  }

  .aboutEnvi ul li {
    width: 100%;
    margin-top: 0;
  }

  .aboutEnvi ul li.cen {
    width: 100%;
  }

  .aboutEnvi ul li .aboutEnvi_h h4 {
    line-height: 40px;
    height: 40px;
    margin-top: -30px;
    font-size: 16px;
  }

  .aboutEnvi ul li .aboutEnvi_h h4::after {
    margin-left: -10px;
    width: 20px;
    height: 2px;
  }
}

/* 客户案例 */
.case {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.case_m {
  float: left;
  width: 100%;
  margin-top: 45px;
}

.caseLe {
  float: left;
  width: 23%;
  background: #f8f8f8;
  position: relative;
  border-top: 3px solid #f00;
  padding: 5px 0;
  margin-bottom: 30px;
}

.caseLe ul {
  float: left;
  width: 100%;
  padding: 0 20px 85px 20px;
}

.caseLe ul::after {
  position: absolute;
  content: "";
  background: url(images/case01.png) no-repeat;
  width: 15px;
  height: 15px;
  bottom: 0;
  right: 0;
}

.caseLe ul li {
  float: left;
  width: 100%;
  padding-left: 20px;
  position: relative;
}

.caseLe ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  background: url(images/case02.png) no-repeat;
  width: 6px;
  height: 11px;
  margin-top: -5px;
}

.caseLe ul li a {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #d3d3d3;
  display: block;
  line-height: 30px;
  padding: 20px 0;
  font-size: 16px;
  color: #666;
}

.caseLe ul li.on a,
.caseLe ul li a:hover {
  color: #f00;
}

.case_r {
  float: right;
  width: 71.785714%;
  margin-top: -30px;
}

.case_r .homeCaseList {
  margin-top: 0;
}

.case_r .homeCaseList ul {
  margin: 0 -29px;
}

.case_r .homeCaseList ul li {
  width: 50%;
  padding: 0 29px;
}

@media screen and (max-width:991px) {
  .caseLe {
    width: 28%;
  }

  .caseLe ul {
    padding: 0 15px 50px 15px;
  }

  .caseLe ul li a {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
  }

  .case_r {
    width: 70%;
    margin-top: -20px;
  }

  .case_r .homeCaseList ul {
    margin: 0 -15px;
  }

  .case_r .homeCaseList ul li {
    width: 50%;
    padding: 0 15px;
  }
}

@media screen and (max-width:767px) {
  .case {
    margin-top: 20px;
  }

  .case_m {
    margin-top: 25px;
  }

  .caseLe {
    width: 100%;
  }

  .caseLe ul {
    padding: 0 15px 20px 15px;
    display: none;
  }

  .caseLe ul::after {
    display: none;
  }

  .caseLe ul li a {
    line-height: 24px;
    padding: 10px 0;
    font-size: 14px;
  }

  .case_r {
    width: 100%;
  }

  .case_r .homeCaseList ul {
    margin: 0 -5px;
  }

  .case_r .homeCaseList ul li {
    width: 50%;
    padding: 0 5px;
  }
}

/* 解决方案 */
.solution {
  float: left;
  width: 100%;
  margin-top: 42px;
}

.soluList {
  float: right;
  width: 100%;
  margin-top: -20px;
}

.soluList ul {
  margin: 0 -36px;
}

.soluList ul li {
  float: left;
  width: 50%;
  padding: 0 36px;
  margin-top: 50px;
}

.soluList ul li a {
  float: left;
  width: 100%;
  display: block;
  padding-bottom: 27px;
  min-height: 462px;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .soluPic {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .soluPic img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.soluList .solu_h {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, .5) url(images/sol02.png) no-repeat center;
  filter: alpha(opacity=00);
  opacity: 0;
}

.soluList ul li a h4 {
  float: left;
  width: 100%;
  line-height: 28px;
  height: 28px;
  margin-top: 26px;
  color: #666;
  font-size: 16px;
}

.soluList ul li a .soluTxt {
  float: left;
  width: 100%;
  line-height: 24px;
  height: 48px;
  margin-top: 10px;
  color: #999;
  font-size: 14px;
  overflow: hidden;
}

.soluList ul li a span {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 34px;
  margin-top: 8px;
  padding-top: 2px;
  color: #999;
  font-size: 14px;
  display: block;
  border-top: 1px solid #fff;
}

.soluList ul li a:hover {
  padding: 26px;
  border-bottom: 0;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
}

.soluList ul li a:hover .solu_h {
  filter: alpha(opacity=100);
  opacity: 1;
}

.soluList ul li a:hover h4 {
  color: #ff0000;
}

.soluList ul li a:hover span {
  color: #ff0000;
  border-color: #e5e5e5;
}

@media screen and (max-width:1429px) {
  .soluList ul li a {
    min-height: 412px;
  }
}

@media screen and (max-width:1199px) {
  .solution .caseLe {
    width: 25%;
  }

  .soluList {
    margin-top: 0;
  }

  .soluList ul {
    margin: 0 -15px;
  }

  .soluList ul li {
    padding: 0 15px;
    margin-top: 30px;
  }

  .soluList ul li a {
    min-height: 380px;
  }
}

@media screen and (max-width:991px) {
  .solution .caseLe {
    width: 25%;
  }

  .soluList ul li a {
    min-height: 309px;
    padding-bottom: 15px;
  }

  .soluList ul li a h4 {
    line-height: 28px;
    height: 28px;
    margin-top: 15px;
  }

  .soluList ul li a:hover {
    padding: 15px;
  }
}

@media screen and (max-width:767px) {
  .solution {
    margin-top: 25px;
  }

  .solution .caseLe {
    width: 100%;
  }

  .soluList ul {
    margin: 0 -8px;
  }

  .soluList ul li {
    padding: 0 8px;
    margin-top: 16px;
  }

  .soluList ul li a {
    min-height: inherit;
    padding-bottom: 15px;
  }

  .soluList .solu_h {
    background-size: 30px;
  }

  .soluList ul li a h4 {
    line-height: 24px;
    height: 24px;
    margin-top: 10px;
    font-size: 14px;
  }

  .soluList ul li a .soluTxt {
    line-height: 20px;
    height: 40px;
    margin-top: 5px;
    font-size: 12px;
  }

  .soluList ul li a span {
    line-height: 20px;
    height: 22px;
    margin-top: 5px;
    font-size: 12px;
  }

  .soluList ul li a:hover {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .soluList ul li a:hover span {
    color: #ff0000;
    border-color: #fff;
  }
}

/* 客户案例-详细 */
.caseDel {
  float: left;
  width: 100%;
  padding: 90px 0 50px 0;
}

.caseDelTop {
  float: left;
  width: 100%;
}

.caseDelTop img {
  float: left;
  width: 49.5%;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.caseDelTop .caseDelTop_r {
  float: right;
  width: 46.428571%;
  margin-top: 57px;
}

.caseDelTop .caseDelTop_r .caseH2 {
  float: left;
  width: 100%;
  line-height: 58px;
  height: 58px;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

.caseDelTop .caseDelTop_r .caseTxt01 {
  float: left;
  width: 100%;
  line-height: 32px;
  height: 128px;
  font-size: 16px;
  color: #333;
  margin-top: 26px;
  overflow: hidden;
}

.caseDelTop .caseDelTop_r .caseTxt02 {
  float: left;
  width: 100%;
  color: #959595;
  margin-top: 59px;
  padding: 37px 0 51px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.caseDelTop .caseDelTop_r .caseTxt02 .span01 {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 90px;
  overflow: hidden;
  font-size: 14px;
}

.caseDel_m {
  float: left;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e2e2e2;
}

.caseDelTit {
  float: left;
  width: 100%;
  line-height: 51px;
  height: 51px;
  font-size: 30px;
  color: #272727;
  font-weight: bold;
  overflow: hidden;
}

.caseDelTit span {
  font-size: 18px;
  font-weight: normal;
  padding: 0 15px;
  position: relative;
}

.caseDelTit span::after {
  position: absolute;
  left: 100%;
  top: 50%;
  width: 1600px;
  height: 4px;
  margin-top: -2px;
  background: #f4f4f4;
  content: "";
}

.caseDelTxt {
  float: left;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
  color: #333;
  margin-top: 28px;
}

.caseDelList {
  float: left;
  width: 100%;
  padding: 0 7%;
  margin-top: 69px;
}

.caseDelList li {
  float: left;
  width: 25%;
  padding: 0 70px;
}

.caseDelList li img {
  float: left;
  width: 100%;
  display: block;
}

.caseDelList li span {
  float: left;
  width: 100%;
  display: block;
  line-height: 36px;
  color: #272727;
  margin-top: 11px;
  font-size: 18px;
  text-align: center;
}

.caseDelPic {
  float: left;
  width: 100%;
  margin-top: 64px;
  text-align: center;
}

.caseDelPic i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  position: relative;
  background: #272727;
  width: 81.357143%;
}

.caseDelPic img {
  float: left;
  width: 100%;
  display: block;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.caseDelPic .play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75px;
  height: 75px;
  margin-top: -37px;
  margin-left: -37px;
  background: url(images/cased07.png) no-repeat;
  cursor: pointer;
}

.caseDel_d {
  float: left;
  width: 100%;
  margin-top: 17px;
}

.caseDelPage {
  float: left;
  width: 60%;
}

.caseDelPage span {
  float: left;
  width: 100%;
  display: block;
}

.caseDelPage a {
  float: left;
  max-width: 100%;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  color: #2f2925;
  display: block;
}

.caseDelPage a:hover {
  color: #ff0000;
}

.caseDelIcon {
  float: right;
}

@media screen and (max-width:1429px) {
  .caseDelTop img {
    width: 48.5%;
  }

  .caseDelTop .caseDelTop_r {
    width: 49%;
    margin-top: 30px;
  }

  .caseDelTop .caseDelTop_r .caseH2 {
    line-height: 48px;
    height: 48px;
    font-size: 28px;
  }

  .caseDelTop .caseDelTop_r .caseTxt01 {
    line-height: 30px;
    height: 120px;
    font-size: 15px;
    margin-top: 20px;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 {
    margin-top: 40px;
    padding: 30px 0 40px 0;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 .span01 {
    line-height: 28px;
    height: 84px;
    font-size: 14px;
  }
}

@media screen and (max-width:1199px) {
  .caseDelTop .caseDelTop_r {
    margin-top: 20px;
  }

  .caseDelTop .caseDelTop_r .caseH2 {
    line-height: 40px;
    height: 40px;
    font-size: 24px;
  }

  .caseDelTop .caseDelTop_r .caseTxt01 {
    line-height: 24px;
    height: 120px;
    font-size: 14px;
    margin-top: 15px;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 {
    margin-top: 30px;
    padding: 20px 0 30px 0;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 .span01 {
    line-height: 24px;
    height: 96px;
    font-size: 12px;
  }

  .caseDel_m {
    margin-top: 30px;
    padding-bottom: 40px;
  }

  .caseDelList {
    padding: 0 5%;
    margin-top: 50px;
  }

  .caseDelList li {
    padding: 0 50px;
  }
}

@media screen and (max-width:991px) {
  .caseDel {
    padding: 50px 0 40px 0;
  }

  .caseDelTop img {
    width: 70%;
    float: none;
    margin: 0 auto;
  }

  .caseDelTop .caseDelTop_r {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }

  .caseDelTop .caseDelTop_r .caseH2 {
    line-height: 30px;
    height: 30px;
    font-size: 20px;
  }

  .caseDelTop .caseDelTop_r .caseTxt01 {
    height: auto;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 {
    margin-top: 20px;
    padding: 20px 0;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 .span01 {
    height: auto;
  }

  .caseDel_m {
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .caseDelList {
    padding: 0 5%;
    margin-top: 30px;
  }

  .caseDelList li {
    padding: 0 30px;
  }

  .caseDelList li span {
    font-size: 14px;
  }

  .caseDelPic {
    margin-top: 34px;
  }

  .caseDelPic i {
    width: 85%;
  }

  .caseDelPic .play {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    background-size: 100%;
  }
}

@media screen and (max-width:767px) {
  .caseDel {
    padding: 30px 0 30px 0;
  }

  .caseDelTop img {
    width: 100%;
  }

  .caseDelTop .caseDelTop_r {
    margin-top: 20px;
  }

  .caseDelTop .caseDelTop_r .caseH2 {
    font-size: 18px;
  }

  .caseDelTop .caseDelTop_r .caseTxt01 {
    margin-top: 10px;
  }

  .caseDelTop .caseDelTop_r .caseTxt02 {
    padding: 15px 20px;
    margin-top: 15px;
  }

  .caseDelTit {
    line-height: 30px;
    height: 30px;
    font-size: 18px;
  }

  .caseDelTit span {
    font-size: 14px;
    padding: 0 10px;
  }

  .caseDelTit span::after {
    height: 2px;
    margin-top: -1px;
  }

  .caseDelTxt {
    line-height: 26px;
    font-size: 14px;
    margin-top: 20px;
  }

  .caseDelList {
    padding: 0 2%;
    margin-top: 20px;
  }

  .caseDelList li {
    padding: 0 8px;
  }

  .caseDelList li span {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }

  .caseDelPic {
    margin-top: 20px;
  }

  .caseDelPic i {
    width: 100%;
  }

  .caseDelPic .play {
    width: 34px;
    height: 34px;
    margin-left: -17px;
    margin-top: -17px;
  }

  .caseDel_d {
    margin-top: 10px;
  }

  .caseDelPage {
    width: 100%;
  }

  .caseDelPage a {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }

  .caseDelIcon {
    float: left;
  }
}


/* 联系我们 */
.contact {
  float: left;
  width: 100%;
  padding-bottom: 70px;
}

.contTop {
  float: left;
  width: 100%;
  margin-top: 80px;
  position: relative;
}

.contLe {
  float: left;
  width: 66.714286%;
  background: #ebebeb;
  padding-bottom: 60px;
}

.contLe .contTit {
  float: left;
  width: 100%;
  padding: 50px 30px 32px 80px;
}

.contLe .contTit h2 {
  float: left;
  width: 100%;
  line-height: 45px;
  height: 45px;
  font-size: 30px;
  color: #333333;
}

.contLe .contTit h4 {
  float: left;
  width: 100%;
  line-height: 36px;
  font-size: 16px;
  color: #9c9c9c;
}

.contLe ul {
  float: left;
  width: 100%;
}

.contLe ul li {
  float: left;
  width: 100%;
  background: #f6f6f6;
  padding: 35px 20px 35px 85px;
}

.contLe ul li:nth-child(2n) {
  background: none;
}

.contLe .contBox {
  float: left;
  width: 50%;
  padding-left: 62px;
  position: relative;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
}

.contLe .contBox i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  display: block;
}

.contLe .contBox i img {
  float: left;
  width: 100%;
  display: block;
}

.contLe .contBox h4 {
  float: left;
  width: 100%;
  line-height: 28px;
  height: 28px;
  font-size: 16px;
  color: #444;
}

.contLe .contBox span {
  float: left;
  width: 100%;
  display: block;
  line-height: 28px;
  height: 28px;
  font-size: 16px;
  color: #444;
}

.contLe .contBox.even {
  width: 100%;
}

.contRi {
  position: absolute;
  right: 0;
  top: 0;
  width: 30.857143%;
  background: #f6f6f6;
  padding-top: 90px;
  height: 100%;
  text-align: center;
}

.contRi h2 {
  float: left;
  width: 100%;
  line-height: 60px;
  font-size: 30px;
  color: #333333;
  height: 60px;
}

.contRi .contRiBox {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 64.583333%;
  margin-top: 36px;
}

.contRi .contRiBox img {
  float: left;
  width: 46.236559%;
}

.contRi .contRiBox h4 {
  float: left;
  width: 100%;
  line-height: 26px;
  height: 26px;
  font-size: 14px;
  color: #6d6d6d;
  margin-top: 22px;
  text-align: left;
}

.contRi .contRiBox span {
  float: left;
  width: 100%;
  display: block;
  line-height: 30px;
  height: 30px;
  font-size: 14px;
  color: #a4a4a4;
  text-align: left;
}

.map {
  float: left;
  width: 100%;
  margin-top: 32px;
  overflow: hidden;
  position: relative;
  height: 556px;
}

.BMap_pop,
.BMap_shadow,
.anchorBL,
.BMapLabel {
  display: none !important;
}

@media screen and (max-width:1199px) {
  .contLe {
    padding-bottom: 40px;
  }

  .contLe .contTit {
    padding: 40px 20px 22px 60px;
  }

  .contLe .contTit h2 {
    line-height: 40px;
    height: 40px;
    font-size: 26px;
  }

  .contLe .contTit h4 {
    line-height: 30px;
    font-size: 14px;
  }

  .contLe ul li {
    padding: 30px 20px 30px 65px;
  }
}

@media screen and (max-width:991px) {
  .contact {
    padding-bottom: 50px;
  }

  .contLe {
    padding-bottom: 30px;
  }

  .contLe .contTit {
    padding: 30px 20px 20px 20px;
  }

  .contLe .contTit h2 {
    line-height: 30px;
    height: 30px;
    font-size: 22px;
  }

  .contLe .contTit h4 {
    line-height: 20px;
    font-size: 12px;
  }

  .contLe ul li {
    padding: 20px;
  }

  .contLe .contBox {
    padding-left: 42px;
    line-height: 24px;
    height: 48px;
  }

  .contLe .contBox i {
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }

  .contLe .contBox h4 {
    line-height: 24px;
    height: 24px;
    font-size: 15px;
  }

  .contLe .contBox span {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
  }

  .contRi {
    padding-top: 60px;
  }

  .contRi h2 {
    line-height: 40px;
    font-size: 24px;
    height: 40px;
  }

  .map {
    height: 400px;
  }
}

@media screen and (max-width:767px) {
  .contTop {
    margin-top: 30px;
  }

  .contact {
    padding-bottom: 30px;
  }

  .contLe {
    padding-bottom: 30px;
    width: 100%;
  }

  .contLe .contTit {
    padding: 20px 15px;
  }

  .contLe .contTit h2 {
    line-height: 30px;
    height: 30px;
    font-size: 18px;
  }

  .contLe .contTit h4 {
    line-height: 20px;
    font-size: 12px;
  }

  .contLe ul li {
    padding: 20px 15px;
  }

  .contLe .contBox {
    padding-left: 35px;
    height: auto;
  }

  .contLe .contBox i {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }

  .contLe .contBox h4 {
    font-size: 14px;
  }

  .contLe .contBox span {
    height: auto;
    font-size: 13px;
  }

  .contRi {
    padding-top: 40px;
    padding-bottom: 30px;
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    margin-top: 20px;
    float: left;
  }

  .contRi h2 {
    line-height: 30px;
    font-size: 20px;
    height: 30px;
  }

  .contRi .contRiBox h4,
  .contRi .contRiBox span {
    text-align: center;
  }

  .map {
    height: 300px;
  }
}

@media screen and (max-width:369px) {
  .contLe .contBox {
    width: 100%;
    margin-top: 5px;
    padding-left: 35px;
    height: auto;
  }
}

/* 团队介绍 */
.team {
  float: left;
  width: 100%;
}

.teamTop {
  float: left;
  width: 100%;
  padding-bottom: 55px;
}

.teamTop_m {
  margin: 0 -13px;
}

.teamTop_s {
  float: left;
  width: 100%;
  padding-bottom: 65px;
  margin-top: 45px;
  position: relative;
  overflow: hidden;
}

.teamTop_s .li_hp {
  float: left;
  width: 100%;
  position: relative;
  padding: 109px 13px 0 13px;
}

.teamTop_s .li_hp a {
  float: left;
  width: 100%;
  display: block;
  background: #f5f5f5;
  border: 1px solid #efefef;
  padding: 78px 0 20px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.teamTop_s .li_hp .teamTopPic {
  position: absolute;
  top: 0;
  left: 50%;
  width: 174px;
  margin-left: -87px;
  background: #f5f5f5;
  padding: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.teamTop_s .li_hp .teamTopPic img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.teamTop_s .li_hp .teamTopTxt {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0 20px;
}

.teamTop_s .li_hp .teamTopTxt .name {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 75.3%;
  border-bottom: 1px solid #dcdcdc;
  font-size: 18px;
  color: #333333;
  line-height: 33px;
  padding-bottom: 13px;
  height: 46px;
  position: relative;
}

.teamTop_s .li_hp .teamTopTxt .name::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -1px;
  width: 20px;
  height: 3px;
  margin-left: -10px;
  background: #d7000f;
}

.teamTop_s .li_hp .teamTopTxt h4 {
  float: left;
  width: 100%;
  line-height: 33px;
  height: 33px;
  font-size: 16px;
  color: #666;
  text-align: left;
  margin-top: 12px;
  font-weight: bold;
}

.teamTop_s .li_hp .teamTopTxt span {
  float: left;
  width: 100%;
  display: block;
  line-height: 32px;
  height: 64px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
  text-align: left;
}

.teamTop_s .li_hp a .teamTopPic,
.teamTop_s .li_hp a .teamTopTxt .name,
.teamTop_s .li_hp a .teamTopTxt .name::after,
.teamTop_s .li_hp a .teamTopTxt h4,
.teamTop_s .li_hp a .teamTopTxt span {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.teamTop_s .li_hp a:hover,
.teamTop_s .li_hp a:hover .teamTopPic {
  background: #d7000f;
}

.teamTop_s .li_hp a:hover .teamTopTxt .name {
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
}

.teamTop_s .li_hp a:hover .teamTopTxt .name::after {
  background: #fff;
}

.teamTop_s .li_hp a:hover .teamTopTxt h4,
.teamTop_s .li_hp a:hover .teamTopTxt span {
  color: #fff;
}

.teamPhoto_s .slick-dots,
.teamTop_s .slick-dots {
  bottom: 5px;
  height: 6px;
}

.teamPhoto_s .slick-dots li,
.teamTop_s .slick-dots li {
  width: 70px;
  height: 6px;
  margin: 0 5px;
  background: #c6c5c5;
}

.teamPhoto_s .slick-dots li.slick-active,
.teamTop_s .slick-dots li.slick-active {
  background: #ff0000;
}

@media screen and (max-width:1429px) {
  .teamTop_s .li_hp .teamTopTxt span {
    line-height: 26px;
    height: 78px;
  }
}

@media screen and (max-width:991px) {
  .teamTop {
    padding-bottom: 35px;
  }

  .teamTop_m {
    margin: 0 -10px;
  }

  .teamTop_s {
    padding-bottom: 45px;
    margin-top: 35px;
  }

  .teamTop_s .li_hp {
    padding: 69px 10px 0 10px;
  }

  .teamTop_s .li_hp a {
    padding: 58px 0 20px 0;
  }

  .teamTop_s .li_hp .teamTopPic {
    width: 120px;
    margin-left: -60px;
  }

  .teamPhoto_s .slick-dots,
  .teamTop_s .slick-dots {
    bottom: 5px;
    height: 4px;
  }

  .teamPhoto_s .slick-dots li,
  .teamTop_s .slick-dots li {
    width: 40px;
    height: 4px;
    margin: 0 3px;
  }
}

@media screen and (max-width:767px) {
  .teamTop {
    padding-bottom: 25px;
  }

  .teamTop_m {
    margin: 0 -5px;
  }

  .teamTop_s {
    padding-bottom: 25px;
    margin-top: 25px;
  }

  .teamTop_s .li_hp {
    padding: 39px 5px 0 5px;
  }

  .teamTop_s .li_hp a {
    padding: 38px 0 20px 0;
  }

  .teamTop_s .li_hp .teamTopPic {
    width: 80px;
    margin-left: -40px;
    padding: 3px;
  }

  .teamTop_s .li_hp .teamTopTxt {
    padding: 0 10px;
  }

  .teamTop_s .li_hp .teamTopTxt .name {
    width: 90%;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    height: 34px;
  }

  .teamTop_s .li_hp .teamTopTxt .name::after {
    width: 14px;
    height: 2px;
    margin-left: -7px;
  }

  .teamTop_s .li_hp .teamTopTxt h4 {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    margin-top: 10px;
  }

  .teamTop_s .li_hp .teamTopTxt span {
    line-height: 20px;
    height: 60px;
    font-size: 12px;
  }

  .teamPhoto_s .slick-dots,
  .teamTop_s .slick-dots {
    bottom: 5px;
    height: 2px;
  }

  .teamPhoto_s .slick-dots li,
  .teamTop_s .slick-dots li {
    width: 20px;
    height: 2px;
    margin: 0 2px;
  }
}

@media screen and (max-width:369px) {

  .teamPhoto_s .slick-dots li,
  .teamTop_s .slick-dots li {
    width: 8px;
    height: 2px;
    margin: 0 2px;
  }
}

.teamPhoto {
  float: left;
  width: 100%;
  padding-bottom: 57px;
  background: #f0f0f0;
}

.teamPhoto_m {
  margin: 0 -20px;
}

.teamPhoto_s {
  float: left;
  width: 100%;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  padding-bottom: 60px;
}

.teamPhoto_s ul {
  padding: 0 20px;
}

.teamPhoto_s ul .li2 {
  float: left;
  width: 100%;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  background: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.teamPhoto_s ul .li2 img {
  float: left;
  width: 100%;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.teamPhoto_s ul .li2 .photoTit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 48px;
  height: 48px;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  overflow: hidden;
}

.teamPhoto_s ul .li2 .photoIntr {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  filter: alpha(opacity=00);
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.teamPhoto_s ul .li2 .photoIntr h4 {
  min-width: 47.2%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 10px 0;
  font-size: 20px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, .6);
  border-bottom: 1px solid rgba(255, 255, 255, .6);
}

.teamPhoto_s ul .li2 .photoIntr h4 span {
  line-height: 30px;
  max-height: 90px;
  display: inline-block;
  overflow: hidden;
}

.teamPhoto_s ul .li2 img,
.teamPhoto_s ul .li2 .photoTit,
.teamPhoto_s ul .li2 .photoIntr {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.teamPhoto_s ul .li2:hover img {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.teamPhoto_s ul .li2:hover .photoTit {
  display: none;
}

.teamPhoto_s ul .li2:hover .photoIntr {
  filter: alpha(opacity=100);
  opacity: 1;
  top: 50%;
}

@media screen and (max-width:1199px) {
  .teamPhoto_m {
    margin: 0 -15px;
  }

  .teamPhoto_s ul {
    padding: 0 15px;
  }

  .teamPhoto_s ul .li2 {
    margin-top: 30px;
  }
}

@media screen and (max-width:991px) {
  .teamPhoto {
    padding-bottom: 30px;
  }

  .teamPhoto_s {
    padding-bottom: 30px;
  }

  .teamPhoto_m {
    margin: 0 -10px;
  }

  .teamPhoto_s ul {
    padding: 0 10px;
  }

  .teamPhoto_s ul .li2 {
    margin-top: 20px;
  }

  .teamPhoto_s ul .li2 .photoTit {
    line-height: 38px;
    height: 38px;
    font-size: 14px;
  }

  .teamPhoto_s ul .li2 .photoIntr {
    padding: 0 15px;
  }

  .teamPhoto_s ul .li2 .photoIntr h4 {
    min-width: 50%;
    padding: 5px 0;
    font-size: 14px;
  }

  .teamPhoto_s ul .li2 .photoIntr h4 span {
    line-height: 20px;
    max-height: 60px;
  }
}

@media screen and (max-width:767px) {
  .teamPhoto_s {
    padding-bottom: 20px;
  }

  .teamPhoto_m {
    margin: 0 -5px;
  }

  .teamPhoto_s ul {
    padding: 0 5px;
  }

  .teamPhoto_s ul .li2 {
    margin-top: 10px;
  }

  .teamPhoto_s ul .li2 .photoTit {
    line-height: 28px;
    height: 28px;
    font-size: 13px;
  }

  .teamPhoto_s ul .li2 .photoIntr {
    padding: 0 10px;
  }

  .teamPhoto_s ul .li2 .photoIntr h4 {
    padding: 3px 0;
    font-size: 13px;
  }

  .teamPhoto_s ul .li2 .photoIntr h4 span {
    line-height: 20px;
    max-height: 60px;
  }
}

/* 产品 */
.product {
  float: left;
  width: 100%;
}


.proTit {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 60px;
}
.cTop{
  margin-top: 140px;
}
.topProTit{
  margin-top: 307px;
  margin-bottom:17px;
}
.bsxfcjProTit{
  margin-top: 115px;
}
.bsjzxfProTit{
  margin-top: 120px;
}
.creSydcProTit{
      margin-top: 143px;
    margin-bottom: 77px;
}
.creCgalProTit{
  margin-top: 130px;
  margin-bottom: 46px;
}
.wlProTit{
    margin-top: 112px;
    margin-bottom: 50px;
}
.srsFwgfProTit{
  margin-top: 188px;
  margin-bottom: 18px;
}
.srsZxdyProTit{
  margin-top: 60px;
}
.indexProTit{
  margin-top: 130px;
  margin-bottom: 48px;
}
.indexHwhProTit{
  margin-bottom: 70px;
}
.proTit h4 {
  float: left;
  width: 100%;
  font-size: 30px;
  color: #5d5d5d;
  line-height: 42px;
  height: 42px;
  /* height: 84px; */
  font-weight: 400;
}



.proTit h5 {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #bfbfbf;
  line-height: 28px;
  font-family: Arial;
  /* text-transform: uppercase; */
  text-transform: capitalize;
}

.proTit.tit02 h4,
.proTit.tit02 h5 {
  color: #fff;
}

.proTop {
  float: left;
  width: 100%;
  background: #f8f8f8;
  padding-bottom: 0px;
}

.proTop ul {
  margin: 0 -9px;
}

.proTop ul li {
  float: left;
  width: 33.3333%;
  padding: 0 9px;
  margin-top: 0px;
  text-align: center;
}
.jzxfProTop ul li {
  padding: 0;
}
.proTop .proTopPic {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.proTop .proTopPic img {
  float: left;
  width: 100%;
  display: block;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.proTop .proTopPic .proTop_h {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  padding: 0 15px;
}

.proTop .proTopPic .proTop_h h4 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, .5);
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  min-width: 60%;
  margin-top: -25px;
}

.proTop .proTopTit {
  float: left;
  width: 100%;
  line-height: 34px;
  font-size: 15px;
  color: #333;
  margin-top: 17px;
}

.proVal {
  float: left;
  width: 100%;
  background: #fff;
}

.proVal ul {
  margin: 0 -23px;
}

.proVal ul li {
  float: left;
  width: 33.3333%;
  padding: 24px 23px 0 23px;
  margin-top: 0px;
  position: relative;
}

.proVal ul li img {
  width: 74px;
}

.proVal .proValBox {
  float: left;
  width: 100%;
  padding: 24px 32px 23px 32px;
  background: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
}

.proVal .proValBox:hover {
  float: left;
  width: 100%;
  padding: 24px 32px 23px 32px;
  background: #edecec;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.proVal .proValBox h4 {
  float: left;
  width: 100%;
  line-height: 30px;
  height: 30px;
  font-size: 18px;
  color: #4d4d4d;
  font-weight: bold;
}

.proVal .proValBox span {
  float: left;
  width: 100%;
  line-height: 24px;
  height: 80px;
  overflow: hidden;
  font-size: 14px;
  color: #4d4d4d;
  display: block;
}

.proVal .proValBox span p {
  float: left;
  width: 100%;
  line-height: 24px;
  height: 120px;
  overflow: hidden;
  font-size: 14px;
  color: #4d4d4d;
  display: block;
}


@media screen and (max-width:991px) {
  .proTit,.mt175 {
    margin-top: 50px;
  }

  .proTit h4 {
    font-size: 24px;
    line-height: 32px;
    height: 32px;
  }

  .proTit h5 {
    font-size: 14px;
    line-height: 24px;
  }

  .proTop {
    padding-bottom: 0px;
  }

  .proTop ul li {
    margin-top: 30px;
  }

  .proTop .proTopTit {
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
  }

  .proVal ul {
    margin: 0 -5px;
  }

  .proVal ul li {
    padding: 40px 5px 0 5px;
  }

}

@media screen and (max-width:767px) {
  .proTit {
    margin-top: 70px;
    margin-bottom: 40px;
  }
  .mt175{
    margin-top: 70px;
  }
  .proTit h4 {
    font-size: 24px;
    line-height: 44px;
    height: 100%;
    font-weight: 900;
    padding: 0 35px;
  }

  .proTit h5 {
    font-size: 13px;
    line-height: 20px;
  }

  .proTop ul li {
    margin-top: 0px;
    width: 100%;
    text-align: center;
  }

  .proTop .proTopTit {
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
  }

  .proVal ul {
    margin: 0;
  }

  .proVal ul li {
    padding: 30px 0 0 0;
    width: 100%;
    margin-top: 20px;
  }

  .proVal .proValBox {
    padding: 50px 15px 20px 15px;
  }

  .proVal .proValBox span {
    line-height: 22px;
    height: 88px;
  }
}

.proLight {
  float: left;
  width: 100%;
}

.proLight .proLight_m {
  float: left;
  width: 100%;
  margin-top: 40px;
  background: #f1f1f1;
}

.proLight .proLight_m ul li {
  float: left;
  width: 25%;
  text-align: center;
  background: #e6e6e6;
  padding: 49px 15px 26px 15px;
}

.proLight .proLight_m ul li:nth-child(2n) {
  background: #f4f4f4;
}

.proLight .proLight_m ul li img {
  display: block;
  margin: 0 auto;
  width: 112px;
}

.proLight .proLight_m ul li h4 {
  float: left;
  width: 100%;
  line-height: 34px;
  height: 34px;
  font-size: 18px;
  color: #000;
  margin-top: 26px;
  font-weight: bold;
}

.proLight .proLight_m ul li span {
  float: left;
  width: 100%;
  display: block;
  line-height: 26px;
  height: 156px;
  overflow: hidden;
  font-size: 14px;
  color: #494949;
  margin-top: 16px;
}

.proFlow {
  float: left;
  width: 100%;
  padding-bottom: 80px;
}

.proFlow .proFlowPic {
  display: block;
  margin: 0 auto;
  padding-top: 60px;
}

@media screen and (max-width:991px) {
  .proLight .proLight_m ul li img {
    width: 82px;
  }

  .proLight .proLight_m ul li h4 {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    margin-top: 20px;
  }

  .proLight .proLight_m ul li span {
    line-height: 24px;
    height: 144px;
    font-size: 12px;
    margin-top: 10px;
  }
}

@media screen and (max-width:767px) {
  .proLight .proLight_m {
    margin-top: 20px;
  }

  .proLight .proLight_m ul {
    margin: 0 -15px;
  }

  .proLight .proLight_m ul li {
    width: 50%;
    padding: 30px 15px 20px 15px;
  }

  .proLight .proLight_m ul li img {
    width: 62px;
  }

  .proLight .proLight_m ul li:nth-child(2n) {
    background: #e6e6e6;
  }

  .proLight .proLight_m ul li:nth-child(2),
  .proLight .proLight_m ul li:nth-child(3) {
    background: #f4f4f4;
  }

  .proFlow {
    padding-bottom: 30px;
  }

  .proFlow .proFlowPic {
    padding-top: 30px;
  }
}

@media screen and (max-width:369px) {
  .proLight .proLight_m ul li {
    width: 100%;
    padding: 30px 15px 20px 15px;
  }

  .proLight .proLight_m ul li:nth-child(2n) {
    background: #f4f4f4;
  }

  .proLight .proLight_m ul li:nth-child(3) {
    background: #e6e6e6;
  }
}

.proMod {
  float: left;
  width: 100%;
  background: #1466b0 url(images/probg.jpg);
  padding-bottom: 44px;
}

.proMod_m {
  float: left;
  width: 100%;
  margin-top: 35px;
  text-align: center;
}

.proMod_m .proModTit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 166px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  color: #4e4d4d;
  background: #fff;
  font-weight: bold;
  position: relative;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}

.proMod_m .proModTit::after {
  position: absolute;
  width: 1px;
  height: 66px;
  top: 100%;
  left: 50%;
  content: "";
  background: #fff;
}

.proMod_m .proModList {
  float: left;
  width: 100%;
  margin-top: 66px;
  padding-bottom: 40px;
}

.proMod_m .proModList .li_m {
  float: left;
  position: relative;
  padding-top: 42px;
  width: 10%;
}

.proMod_m .proModList .li_m::before {
  position: absolute;
  content: "";
  width: 50%;
  left: 0;
  top: 0;
  height: 1px;
  background: #fff;
}

.proMod_m .proModList .li_m::after {
  position: absolute;
  content: "";
  width: 50%;
  right: 0;
  top: 0;
  height: 1px;
  background: #fff;
}

.proMod_m .proModList .li_m .proModH4 {
  float: left;
  width: 90%;
  margin: 0 5%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #404040;
  position: relative;
  background: #fff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.proMod_m .proModList .li_m .proModH4::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 42px;
  bottom: 100%;
  left: 50%;
  background: #fff;
}

.proMod_m .proModList .li_m .proModBox {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  line-height: 30px;
  margin-top: 16px;
  font-size: 14px;
  color: #fff;
  text-align: left;
}

.proMod_m .proModList .li_m:first-child::before {
  display: none;
}

.proMod_m .proModList .li_m:last-child::after {
  display: none;
}

.proMod_m .proModList .slick-dots {
  width: auto;
  left: 50%;
  bottom: 0;
  height: 4px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.proMod_m .proModList .slick-dots li {
  width: 20px;
  height: 4px;
  margin: 0 5px;
  background: rgba(255, 255, 255, .3);
}

.proMod_m .proModList .slick-dots li button {
  display: none;
}

.proMod_m .proModList .slick-dots li.slick-active {
  background: white;
}

.proSoft {
  float: left;
  width: 100%;
  padding-bottom: 62px;
}

.proSoftList {
  float: left;
  width: 100%;
  padding-top: 0px;
}

.proSoftList li {
  float: left;
  width: 33.3333%;
  text-align: center;
  padding-bottom: 15px;
}
.ctmdProList li{
      margin-bottom: 70px;
}
.scbjProSoftList li{
    float: left;
    width: 22%;
    text-align: center;
    padding-bottom: 15px;
    margin-left: 17%;
}
.scbjProSoftList li:first-child{
    margin-left: 0;
}
.proSoftList li.mgleft {
  margin-left: 16.5%;
}


.proSoftList li:last-child {
  border: 0;
}

.proSoftList li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 0px;
  margin-top: 30px;
  position: relative;
}

.proSoftList .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 28px;
  height: 42px;
  font-size: 22px;
  color: #222222;
}

.proSoftList .proSoftTit h4.double {
  height: 84px;
  /* height: 48px; */
}

.proSoftList .proSoftTit h4.three {
  /* height: 126px; */
  height: 72px;
}

@media screen and (min-width: 1024px) {
  .proSoftList .proSoftTit h5 {
    width: 80%;
    line-height: 28px;
    font-size: 16px;
    color: #888888;
    padding: 24px;
    clear: both;
    margin: 0px auto;
  }
  .scbjProSoftList .proSoftTit h5{
    padding: 24px 0;
    width: 100%;
    text-align: left;
  }
  .proSoftList .top44 {
    margin-top: 44px;
  }
  .proSoftList .top35 {
    margin-top: 35px;
  }
  .proSoftList .proSoftTit h4.textleft {
    text-align: left;
  }

  .proSoftList .proSoftTit h5.textleft {
    text-align: left;
  }

  .proSoftList .proSoftTit h5.ptop12 {
    padding-top: 12px;
  }

  .proSoft .proSoftTit h5.width100 {
    width: 100%;
  }

  .proSoftList .top44 {
    margin-top: 44px;
  }

  .proSoft .proSoftList .bottom60 {
    margin-bottom: 60px;
  }
}


@media (min-width: 1200px) {
  .csghfaList{
    position: relative;
    width: 1050px;
  }
  .csghfaList li{
    width: 300px;
    margin-right: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList .proSoftTit h5 {
    width: 80%;
    line-height: 28px;
    font-size: 16px;
    color: #888888;
    padding-top: 24px;
    clear: both;
    margin: 0px auto;
  }
}

.proSoftList .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}

@media screen and (min-width: 1024px) {
  .kuandu {
    width: 700px;
  }
}

@media screen and (max-width: 1024px) {
  .kuandu {
    width: 100%;
  }
}

.proSoft02 {
  float: left;
  width: 100%;
  padding-bottom: 62px;
}

.proSoftList02 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  .proSoftList02 li {
    float: left;
    width: 31.3333%;
    text-align: center;
    padding: 44px 44px;
    margin: 0px 1%;
    height: 400px;
  }

  .proSoftList02 li.height {
    height: 500px;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList02 li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 44px 44px;
    margin: 14px 1%;
  }
}

.proSoftList02 li:last-child {
  border: 0;
}

.proSoftList02 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList02 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList02 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 24px;
  position: relative;
}

.proSoftList02 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList02 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 30px;
  font-size: 22px;
  color: #222222;
}

.proSoftList02 .proSoftTit h4.fontsize {
  /* line-height: 32px;
  height: 96px; */
  line-height: 24px;
  /* height: 72px; */
  font-size: 17px;
  text-align: center;
}

.proSoftList02 .proSoftTit h5 {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #888888;
  height: 100px;
}

.proSoftList02 .proSoftTit h5.textleft {
  text-align: left;
}
.proSoftList02 .bsProSoftTit h5.textleft {
  text-align: center;
}

.proSoftList02 .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}


.proSoft03 {
  float: left;
  width: 100%;
  padding-bottom: 62px;
}

.proSoftList03 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

.proSoftList03 li {
  float: left;
  width: 31.3333%;
  text-align: center;
  padding: 44px 44px;
  margin: 0px 1%;
}

.proSoftList03 li:last-child {
  border: 0;
}

.proSoftList03 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList03 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList03 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 49px;
  position: relative;
}

.proSoftList03 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList03 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 42px;
  font-size: 22px;
  color: #222222;
}

.proSoftList03 .proSoftTit h5 {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #888888;
  height: 100px;
}

.proSoftList03 .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}


.proSoft04 {
  float: left;
  width: 100%;
  padding-bottom: 112px;
}

.proSoftList04 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  .proSoftList04 li {
    float: left;
    width: 23%;
    text-align: center;
    padding: 4px 4px;
    margin: 0px 1%;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList04 li {
    float: left;
    width: 48%;
    text-align: center;
    padding: 4px 4px;
    margin: 0px 1%;
  }
  .proSoftList02 .proSoftTit h5{
    height:auto;
  }
}

.proSoftList04 li:last-child {
  border: 0;
}

.proSoftList04 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList04 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList04 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 14px;
  position: relative;
}

.proSoftList04 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList04 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 24px;
  font-size: 22px;
  color: #a8a8a8;
}

.proSoftList04 .proSoftTit h5 {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #888888;
  height: 100px;
}

.proSoftList04 .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}


.proSoft05 {
  float: left;
  width: 100%;
  padding-bottom: 62px;
}

.proSoftList05 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  .proSoftList05 li {
    float: left;
    width: 31.3%;
    text-align: center;
    padding: 44px 4px;
    margin: 0px 1%;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList05 li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 44px 4px;
    margin: 0px 1%;
  }

  .proSoftList05 li.mgleft {
    margin-left: 0px;
  }
}

.proSoftList05 li:last-child {
  border: 0;
}

.proSoftList05 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList05 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList05 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 24px;
  position: relative;
}

.proSoftList05 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList05 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 42px;
  font-size: 22px;
  color: #535354;
}

.proSoftList05 .proSoftTit h4.double {
  height: 48px;
}

.proSoftList05 .proSoftTit h5 {
  width: 80%;
  line-height: 24px;
  font-size: 16px;
  color: #888888;
  height: 100px;
  margin: 0px auto;
  padding-top: 30px;
  clear: both;
}

.proSoftList05 .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}
.proSoftList05{
  padding: 50px 0 100px;
}

@media screen and (max-width: 1024px) {
  .proSoftList05 li.mgleft {
    margin-left: 0px;
  }

  .proSoftList05 .proSoftTit h4.double {
    height:auto;
  }
}

.proSoft06 {
  float: left;
  width: 100%;
  padding-bottom: 0px;
}

.proSoftList06 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  .proSoftList06 li {
    float: left;
    width: 31%;
    text-align: center;
    padding: 0px 4px;
    margin: 0px 1%;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList06 li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 4px 4px;
    margin: 0px 1%;
  }
  
  .proSoftList li,.proTop ul li{
    width: 100%;
  }
  .creSydcList li{
    margin-bottom: 15px;
  }
}

.proSoftList06 li:last-child {
  border: 0;
}

.proSoftList05 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList06 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList06 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 14px;
  position: relative;
}

.proSoftList06 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList06 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 22px;
  color: #535354;
}

@media screen and (min-width: 1024px) {
  .proSoftList06 .proSoftTit h5 {
    width: 80%;
    line-height: 28px;
    font-size: 16px;
    color: #888888;
    height: 100px;
    padding-top: 24px;
    clear: both;
    margin: 0px auto;
  }

  .proSoftList06 .span01 {
    float: left;
    width: 100%;
    padding: 0 25px;
    margin-top: 17px;
    height: 46px;
    overflow: hidden;
    line-height: 23px;
    font-size: 14px;
    color: #666666;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList06 .proSoftTit h5 {
    width: 60%;
    line-height: 28px;
    font-size: 16px;
    color: #888888;
    padding-top: 24px;
    clear: both;
    margin: 0px auto;
  }

  .proSoftList06 .span01 {
    float: left;
    width: 100%;
    padding: 0 25px;
    margin-top: 17px;
    height: 46px;
    overflow: hidden;
    line-height: 23px;
    font-size: 14px;
    color: #666666;
  }
}



.proSoft {
  float: left;
  width: 100%;
  padding-bottom: 0px;
}

.proSoftList01 {
  float: left;
  width: 100%;
  padding-top: 0px;
}

@media screen and (min-width: 1024px) {
  .proSoftList01 li {
    float: left;
    width: 25%;
    text-align: center;
  }
  .proSoftList01 li h5{
    padding: 0px 40px;
    margin-top: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .proSoftList01 li {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 15px;
  }
}

.proSoftList01 li:last-child {
  border: 0;
}

.proSoftList01 li a {
  float: left;
  width: 100%;
  display: block;
  padding: 38px 30px 23px 30px;
}

.proSoftList01 li a img {
  margin: 0 auto;
  width: 140px;
  display: block;
}

.proSoftList01 .proSoftTit {
  float: left;
  width: 100%;
  padding-bottom: 24px;
  margin-top: 49px;
  position: relative;
}

.proSoftList01 .proSoftTit::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}

.proSoftList01 .proSoftTit h4 {
  float: left;
  width: 100%;
  line-height: 42px;
  height: 42px;
  font-size: 24px;
  color: #222222;
}

.proSoftList01 .proSoftTit h4.double {
  height: 48px;
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  padding: 0 30px;
}

.proSoftList01 .proSoftTit h4.textcenter {
  text-align: center;
}

.proSoftList01 .proSoftTit h5 {
  float: left;
  width: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #888888;
}

.proSoftList01 .proSoftTit h5.textleft {
  text-align: left;
}

.proSoftList01 .span01 {
  float: left;
  width: 100%;
  padding: 0 25px;
  margin-top: 17px;
  height: 46px;
  overflow: hidden;
  line-height: 23px;
  font-size: 14px;
  color: #666666;
}


@media screen and (max-width:1429px) {
  .proMod_m ul .li_m .proModBox {
    font-size: 13px;
  }

  .proSoftList li a {
    padding: 30px 20px 23px 20px;
  }

  .proSoftList .proSoftTit {
    padding-bottom: 15px;
  }

  .proSoftList .proSoftTit h4 {
    font-size: 22px;
  }

  .proSoftList .proSoftTit h5 {
    font-size: 14px;
  }

  .proSoftList .span01 {
    font-size: 13px;
  }
}

@media screen and (max-width:1199px) {
  .proSoftList .proSoftTit {
    padding-bottom: 15px;
    margin-top: 20px;
  }

  .proSoftList .proSoftTit h5 {
    font-size: 14px;
    height: 48px;
    line-height: 24px;
  }

  .proSoftList .span01 {
    padding: 0;
  }
}

@media screen and (max-width:991px) {
  .proMod {
    padding-bottom: 34px;
  }

  .proMod_m {
    margin-top: 25px;
  }

  .proMod_m ul .li_m .proModBox {
    font-size: 13px;
  }

  .proSoftList li a {
    padding: 20px 15px;
  }

  .proSoftList .proSoftTit h4 {
    font-size: 18px;
    line-height: 30px;
    height: 30px;
  }

  .proSoftList .span01 {
    line-height: 22px;
    height: 66px;
  }
}

@media screen and (max-width:767px) {
  .proMod_m .proModTit {
    width: 126px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
  }

  .proMod_m .proModTit::after {
    height: 40px;
  }

  .proMod_m .proModList {
    padding-bottom: 20px;
    margin-top: 40px;
  }

  .proMod_m .proModList .li_m .proModH4 {
    width: 60%;
    margin: 0 20%;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
  }

  .proMod_m .proModList .li_m .proModBox {
    line-height: 24px;
    font-size: 13px;
  }

  .proMod_m .proModList .slick-dots {
    height: 2px;
  }

  .proMod_m .proModList .slick-dots li {
    width: 15px;
    height: 2px;
    margin: 0 3px;
  }

  .proSoft {
    padding-bottom: 0px;
  }

  .proSoftList {
    padding-top: 0px;
    width:100%;
  }

  .proSoftList li {
    width: 100%;
    border-right: 0;
    margin-left:0;
  }

  .proSoftList li.mgleft {
    margin-left: 0px;
  }

  .proSoftList li a {
    padding: 20px 10px;
  }

  .proSoftList li a img {
    width: 140px;
  }

  .proSoftList .proSoftTit {
    padding-bottom: 10px;
  }

  .proSoftList .proSoftTit h4 {
    font-size: 18px;
    line-height: 30px;
    height: 30px;
  }
  .creWmdysProList .proSoftTit h4 {
    line-height: 30px;
    font-size: 18px;
    color: #535354;
  }
  .proSoftList .proSoftTit h4.double {
    height: auto;
    margin-bottom: 15px;
  }

  .proSoftList .proSoftTit h4.three {
    height: auto;
  }

  .dheight50 {
    height: 50px !important;
  }

  .proSoftList .proSoftTit h5 {
    font-size: 14px;
    height: auto;
    line-height: 20px;
  }

  .proSoftList .span01 {
    font-size: 12px;
    padding: 0;
    height: auto;
  }
}

/*侧导航*/
.nyNav {
  float: left;
  width: 100%;
  background: #f4f5f9;
  text-align: center;
}

.nyNavTit {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  background: #ff0000;
  position: relative;
  font-weight: bold;
  text-align: left;
}

.nyNavTit i {
  position: absolute;
  content: "";
  right: 20px;
  top: 50%;
  background: url(images/hnews_r.png) no-repeat;
  width: 10px;
  height: 16px;
  margin-top: -8px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.nyNavTit.on i {
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -o-transform: rotate(90deg);
  /* Opera */
  transform: rotate(90deg);
}

.pz_SideLayer {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

.pz_SideLayer .l1 {
  float: left;
  padding: 0 60px;
}

.pz_SideLayer .l1 a {
  float: left;
  height: 90px;
  line-height: 90px;
  color: #666;
  font-size: 16px;
  display: block;
  position: relative;
}

.pz_SideLayer .l1 a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #ff0000;
  filter: alpha(opacity=00);
  opacity: 0;
}

.pz_SideLayer .l1 a:hover {
  color: #ff0000;
}

.pz_SideLayer .l1 .hover {
  color: #ff0000;
}

.pz_SideLayer .l1 .hover::after {
  filter: alpha(opacity=100);
  opacity: 1;
}

@media screen and (max-width:1199px) {
  .pz_SideLayer .l1 {
    padding: 0 40px;
  }

  .pz_SideLayer .l1 a {
    height: 70px;
    line-height: 70px;
  }
}

@media screen and (max-width:991px) {
  .pz_SideLayer .l1 {
    padding: 0 28px;
  }

  .pz_SideLayer .l1 a {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
  }
}

@media screen and (max-width:767px) {
  .nyNav {
    padding: 0 15px;
    margin-top: 30px;
    background: none;
  }

  .pz_SideLayer {
    width: 100%;
    display: none;
  }

  .pz_SideLayer .l1 {
    padding: 0 20px;
    width: 100%;
    text-align: left;
    background: #f4f5f9;
  }

  .pz_SideLayer .l1 a {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }

  .pz_SideLayer .l1 a::after {
    display: none;
  }
}

/* 分页 */
.s_fy {
  float: left;
  width: 100%;
  padding: 48px;
  text-align: center;
}

.pz_fy {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  height: 27px;
}

.pz_fy a {
  display: block;
  float: left;
  margin: 0 3px;
  min-width: 10px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  color: #3b3b3b;
  padding: 0 2px;
}

.pz_fy a.s_prev {
  float: left;
  padding-right: 20px;
  margin-right: 30px;
  height: 27px;
  line-height: 27px;
  color: #3b3b3b;
  background: url(images/s_p1_bg03.jpg) no-repeat right;
}

.pz_fy a.s_next {
  float: left;
  padding-left: 20px;
  margin-left: 30px;
  height: 27px;
  line-height: 27px;
  color: #3b3b3b;
  background: url(images/s_p1_bg03.jpg) no-repeat left;
}

.pz_fy a:hover,
.pz_fy a.on {
  color: #ff0000;
}

.fy_phone {
  display: none;
}

@media screen and (max-width:767px) {
  .s_fy {
    padding: 24px;
  }

  .pz_fy {
    display: none;
  }

  .fy_phone {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
  }

  .fy_phone a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 80px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #e1e1e1;
    margin: 0 5px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
  }

  .fy_phone a.prve {
    background: url(images/prve_fy.png) no-repeat center;
  }

  .fy_phone a.prve:hover,
  .fy_phone a.prve.on {
    background: url(images/prve_fy_h.png) no-repeat center #ff0000;
    border: 1px solid #ff0000;
  }

  .fy_phone a.next {
    background: url(images/next_fy.png) no-repeat center;
  }

  .fy_phone a.next:hover,
  .fy_phone a.next.on {
    background: url(images/next_fy_h.png) no-repeat center #ff0000;
    border: 1px solid #ff0000;
  }

  .fy_phone span {
    padding: 0 5%;
    color: #333;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 38px;
    line-height: 38px;
  }
}


/*手机版底部菜单*/
.pf_d {
  float: left;
  width: 100%;
  height: 50px;
}

.pf_down {
  width: 100%;
  float: left;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top: solid 1px #ddd;
  height: 50px;
  z-index: 99;
}

.pf_down li {
  width: 33.3333%;
  float: left;
  text-align: center;
  padding: 5px 0 0 0;
}

.pf_down li .ico7 {
  width: 100%;
  float: left;
  height: 20px;
}

.pf_down li .name {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  font-family: "Arial";
}

.pf_down li.l1 .ico7 {
  background: url(images/btn15.png) no-repeat center;
  background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
  background: url(images/btn16.png) no-repeat center;
  background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
  background: url(images/btn18.png) no-repeat center;
  background-size: 20px 20px;
}

.pf_down li:hover .name,
.pf_down li.on .name {
  color: #e60013;
}

.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7 {
  background: url(images/btn15_1.png) no-repeat center;
  background-size: 20px 20px;
}

.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7 {
  background: url(images/btn16_1.png) no-repeat center;
  background-size: 20px 20px;
}

.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7 {
  background: url(images/btn18_1.png) no-repeat center;
  background-size: 20px 20px;
}

.elli {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tableCell {
  display: table-cell;
  vertical-align: middle;
}

.spanTxt01 {
  display: block;
}

@media screen and (max-width:1199px) {
  .spanTxt01 {
    display: inline;
  }
}

@media screen and (max-device-width: 320px) {
  body {
    -webkit-text-size-adjust: none
  }
}

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-text-size-adjust: none
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
  body {
    -webkit-text-size-adjust: none
  }
}

.hyhyy01 {
  font-size: 14px;
  color: #333;
  line-height: 140%;
  height: 170px !important;
}

.dian02 {
  color: #3e79f2;
  font-size: 20px;
}

.hyhy02 {
  width: 100%;
  text-align: center;
  color: #3f3f3f;
  font-size: 20px;
}



@media screen and (min-width: 1024px) {
  .dian03 {
    color: #4b66fb;
    font-size: 44px;
    font-weight: bold;
    line-height: 200%
  }

  .dian04 {
    color: #4688f8;
    font-size: 20px;
    font-weight: 400;
    line-height: 200%;
    text-align: justify;
    width: 500px;
  }
}

@media screen and (max-width: 1024px) {
  .dian03 {
    color: #4b66fb;
    font-size: 24px;
    font-weight: bold;
    line-height: 200%
  }

  .dian04 {
    color: #4688f8;
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    text-align: justify;
    width: 100%;
  }
}

.gfgf01 {
  height: 600px;
}

@media screen and (min-width: 1024px) {
  .gfgf02 {
    font-size: 46px;
    line-height: 1.17647;
    font-weight: 900;
  }

  .proSoftList li.mgleft {
    margin-left: 16.5%;
  }

  .topwords {
    font-size: 44px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    line-height: 1.25;
    /* color: #fff; */
  }

  .top10 {

    margin-top: 10px;
  }

  .top70 {

    margin-top: 70px;
  }

  .top100 {

    margin-top: 100px;
  }

  .top110 {

    margin-top: 110px;
  }

  .top120 {

    margin-top: 120px;
  }

  .top245 {

    margin-top: 245px;
  }

  ._top120 {
    margin-top: -120px;
  }

  ._top160 {
    margin-top: -160px;
  }

  .left30 {
    margin-left: 30px;
  }

  .left60 {
    margin-left: 60px;
  }

  .left10 {
    margin-left: 10px;
  }

  .left20 {
    margin-left: 20px;
  }
  .fontsize40 {
    font-size: 40px;
  }
  .fontsize45 {
    font-size: 45px;
    line-height: 66px;
  }
  .fs16{
    font-size: 16px;
  }
  .LH36{
    line-height: 36px;
  }
  .LH66 {
    line-height: 66px;
  }
  .left180 {
    margin-left: 180px;
  }

  .proTit h4.double {
    height: 84px;
  }

  .proSoftList .proSoftTit h4.double {
    height: 84px;
    /* height: 48px; */
  }

  .proSoftList .proSoftTit h4.three {
    height: 126px;
    /* height: 72px; */
  }

  .proSoftList01 .proSoftTit h5.textleft {
    text-align: left;
    padding: 0 30px;
  }

  .proSoftList01 .proSoftTit h4.double {
    height: 48px;
    /* height: 84px; */
    text-align: left;
  }

  .proSoftList01 .proSoftTit h4.textcenter {
    text-align: center;
  }

  .proSoftList05 li.mgleft {
    margin-left: 18%;
  }

  .proSoftList02 li.height {
    height: 500px;
  }

  .proSoftList02 .proSoftTit h4.fontsize {
    /* line-height: 32px;
  height: 96px; */
    line-height: 24px;
    height: 72px;
    font-size: 17px;
    text-align: center;
  }

  .proSoftList02 .proSoftTit h5.textleft {
    text-align: left;
  }

  .proSoftList .proSoftTit h4.textleft {
    text-align: left;
  }

  .proSoftList .proSoftTit h5.textleft {
    text-align: left;
  }

  .proSoftList05 .proSoftTit h4.double {
    height: 48px;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .gfgf02 {
    font-size: 34px;
    line-height: 1.17647;
    font-weight: 900;
  }

  .proSoftList05 li.mgleft {
    margin-left: 0px;
  }

  .mwords {
    /*全部取消加粗 常规 整百数（100-900），400=normal，700=bold */
    font-weight: normal !important;
  }

  .topwords {
    font-weight: normal !important;
  }

  .lheight {
    line-height: 1.3 !important;
  }

  .mlheight24 {
    line-height: 24px;
  }

  .proSoftList04 .proSoftTit h4 {
    font-size: 18px;
    line-height: 20px;
    height: 40px;
  }

  .mbutton32 {
    padding-bottom: 32px;
  }

  .proTop ul li.mtop10 {
    margin-top: 20px !important;
  }

  .proTop ul li.mtop10 {
    margin-bottom: 20px !important;
  }

  .mtop10 {
    margin-top: 20px !important;
  }

  .mbottom10 {
    margin-bottom: 20px !important;
  }

  *+h5.gtgt03 {
    margin-top: 15px;
  }

  h5.gtgt03 {
    line-height: 1.3;
  }
  .kkgkg02 h5.gtgt03 {
    margin-bottom: 30px;
  }
  .disinline {
    display: inline;
  }

  .top70 {

    margin-top: 40px;
  }

  .top120 {
    margin-top: 40px;
  }

}

.gfgf03 {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 74px;
}

.gfgf04 {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 244px;
}

.mmpri {
  width: 120px;
}

.mmp01 {
  color: #ff3434;
  width: 2px;
  display: inline-block;
  margin-left: 5px;
}

.mmp02 {
  margin: 40px auto;
  width: 240px;
}

.mmp03 {
  width: 81px;
}
.mmp09{
  width:81px;
}
.ftft01{
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1024px) {
  .ftft01 {
    padding-top: 160px;
  }
}

@media screen and (max-width: 1024px) {
  .ftft01 {
    margin-top: 110px;
  }
}

.sese01 {
  color: #3e79f2;
}

.sese02 {
  clear: both;
  height: 150px;
}
.ssxm_imgTipText{
  position: absolute;
  top: 47%;
  width: 93%;
  text-align: left;
}
.subTitleH1{
  font-size: 18px;
  line-height: 24px;
  color: #454545;
  margin-bottom: 15px;
  font-weight: 600;
  margin-left: 0px;
  letter-spacing: 0;
    text-align: center;
}
.subTitleItem{
  font-size: 16px;
  line-height: 34px;
  color:#7a7a7a;
  padding-left: 7%;
  font-weight: 400px;
}
.subTitleItem::before{
  display: inline-block;
    content: " ";
    width: 8px;
    height: 8px;
    background-color: #75acff;
    border-radius: 4px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.dsjfwnr{
  position: relative;
  padding: 0 10px!important;
}
.cgalBox{
  width:1000px;
  height:480px;
}
.cgalTitle{
  white-space: pre-wrap;
  text-align: left;
  font-size: 20px;
  line-height: 36px;
  font-weight: 400;
  margin-left: 70px;
  padding-top: 73px;
  margin-bottom: 18px;
  color:#fff;
}
.cgalContent{
  color:#fff;
  font-size: 14px;
  line-height: 30px;
  margin-left: 70px;
  width:556px;
  text-align: left;
  white-space: pre-wrap;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .csghfaList li {
    padding: 0px 44px;
  }
  .heading-decorate-wrap{
    padding: 0 15px;
  }
  .heading-decorate-wrap .row.row-10.p0{
    padding-top: 15px!important;
  }
  .subTitleItem{
    padding-left: 12%;
  }
}


.csghfaList .proSoftTit h4{
  font-size: 22px;
  line-height: 28px;
}
.csghfaList .proSoftTit h5{
  font-size:18px;
  line-height: 29px;
  padding:0;
  letter-spacing: 0.5px;
}
.bsProSoftList .proSoftTit{
  margin-top: 28px;
}

.bsProTit{
  margin-bottom: 80px;
  margin-top:134px;
}
@media screen and (min-width: 1024px) {
  .bsContainer .bsProTit{
    margin-bottom: 85px;
  }
  .bsContainer .bsProTit h4{
    font-size:36px;
    color:#2e2e2e;
  }
  .bsProSoftList li{
    width: 25.5%;
    margin-left: 9.5%;
  }
  .bsProSoftList li:first-child {
    margin-left: 2%;
  }
  .bsProSoftList .proSoftTit h4{
    font-size: 22px;
  }
  .bsProSoftList .proSoftTit h5 {
      width: 180px;
      line-height: 36px;
      font-size: 16px;
      padding: 24px 0;
      letter-spacing: 0px;
  }
  .bsContainer{
    width: 1180px;
  }
}
@media screen and (min-width: 1024px) {
  .bsProSoftList02 li {
      width: 30%;
      margin:0 0 0 5%;
      padding: 70px 0 0;
      height: 431px;
  }
  .bsProSoftList02 li:first-child {
    margin-left: 0;
  }
  .bsProSoftList02 .proSoftTit h4{
    font-size: 24px;
    line-height: 35px;
    color:#585659;
  }
  .bsProSoftList02 .proSoftTit{
    margin-top:28px ;
  }
  .bsProSoftList02 .proSoftTit h5{
    margin-top: 22px;
    padding: 0 40px;
    text-align: left;
    font-size: 18px;
    line-height: 29px;;
  }
}
.jzfx01_title{
  margin-top: 255px;
  font-size: 17px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 7px;
}
.jzfx01_subtitle{
	font-size:14px;
	line-height: 16px;
	margin-bottom: 45px;
}
.jzxfProTop ul li:last-child .jzfx01_subtitle{
  margin-bottom: 30px;
}
.jzfx01_description{
	font-size: 14px;
    line-height: 25px;
  padding-right: 35px;
}
.jzfx01_box{
  padding-left: 36px;
}
.jzxfProTop ul li{
	text-align: left;
	color:#fff;
  margin-left: 2%;
  width: 32%;
}
.jzxfProTop ul li:first-child{
  margin-left: 0;
}
.jzxfProTop ul li img{
  width:100%;
  height:100%;
}
@media screen and (max-width: 767px) {
  .jzxfProTop ul li {
    text-align: center;
  }
  .jzfx01_box{
    padding: 0;
  }
  .jzfx01_description{
    padding-left: 35px;
  }
  .jzfx01_title{
    margin-top: 78%;
    padding:0 15px;
  }
  .jzxfProTop ul li{
    margin: 0;
    padding: 0 15px;
  }
  .bsProSoftList02 li{
    margin: 14px 15px!important;
    width:  auto!important;
  }
}
@media screen and (min-width: 1024px){
  .scdyTitle{
    font-size: 40px;
  }
}
.scdy03Title{
  bottom:20%;
  padding: 0 15px;
}
.tc{
  text-align: center;
}
.ctdytd_left,.ctdytd_right{
  position: absolute;
}
.ctdytd_title{
  font-size:24px;
  line-height: 24px;
  color:#777778;
  text-align: center;
  font-weight: 400;
}
.ctdytd_left{
  width: 41.1%;
  left: 0;
  color:#999999;
  font-size:20px;
  line-height: 24px;
  text-align: right;
}

.ctdytd_right{
  width: 56.5%;
  left:41.1%;
  color:#9893fe;
  font-size:19px;
  line-height: 40px;
  text-align: left;
}
.ctdytd_right .ctdytd_title{
  color:#9085fd;
}
.ctdytd_left .ctdytd_title{
  margin-bottom: 29.19%;
  text-align: right;
}
.ctdytd_left .ctdytd_content{
  margin-right: 14.68%;
    margin-bottom: 16.33%;
    margin-left: 27%;
    font-size: 18px;
    text-align: left;
}
.ctdytd_right .ctdytd_title{
  margin-bottom: 13.5%;
}
.ctdytd_right .ctdytd_content{
  padding-left: 10.6%;
    padding-right: 10%;
    margin-bottom: 7.08%;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 400;
}
@media screen and (min-width: 1024px){
  .ctdytd_img{
    width: 95.4%;
  }
}
@media screen and (max-width: 767px) {
  .ctdytd_title{
    font-size:16px;
  }
  .ctdytd_left{
    font-size:12px;
  }
  
  .ctdytd_right{
    font-size:12px;
  }
  .ctdytd_left,.ctdytd_right{
    top:-20px;
  }
  .ctdytd_left .ctdytd_content{
    margin-right: 0;
    text-align: center;
    margin-bottom: 14%;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2%;
  }
  .ctdytd_left .ctdytd_title{
    padding-right: 0;
    text-align: center;
    font-size: 12px;
    line-height: 14px;        
    margin-bottom: 22%;
  }
  .ctdytd_right .ctdytd_content{
    line-height: 19px;
    zoom: 0.485;
    padding: 0 15px;
    margin-bottom: 20px;
  }
}
.ctdytd_content .keynote{
  color:#fea83d;
}
@media screen and (max-width: 368px) {
  .ctdytd_right .ctdytd_content{
    line-height: 19px;
      zoom: 0.485;
  }
}
.proSoftList02 .zxdyfw_content li p{
  letter-spacing: 0;
}
.zxdyfw_title{
  font-size: 23px;
  line-height: 26px;
  margin-top: 22.5%;
  margin-bottom: 8.5%;
  margin-left: 10%;
  text-align: left;
  font-weight: 400;
  color:#323232;
}
.zxdyfw_title.bigTitle{
  margin-top:17.5%;
  margin-bottom: 4.5%;
}
.zxdyfw_content{
  font-size:18px;
  line-height: 36px;
  font-weight: 400;
}
.zxdyfw_content li p:not(:first-child){
  letter-spacing: 0;
  font-size: 12px;
  line-height: 14px;
  margin-top: 2%;
}

.zxdyfw_content li p:nth-child(2){
  margin-top: 4%;
}
.proSoftList02 .zxdyfw_content li{
  float: initial;
  width: 93%;
  line-height: 100%;
  text-align: left;
  padding-left: 13%;
  font-size: 16px;
  position: relative;
  margin-bottom: 25px;
}

.proSoftList02 .zxdyfw_content li::before{
  content: " ";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #c7d9fe;
    border-radius: 4px;
    position: absolute;
    left: 9.8%;
    top: 9px;
}
.proSoftList02 .zxdyfw_content.bigContent li{
  line-height: 22px;
  margin-bottom: 10px;
}
.zxdyfw_title.bigTitle.bigSeoTitle{
  margin-top: 12%;
}
@media screen and (max-width: 767px) {
  .proSoftList02 li{
    position: relative;
    border-radius: 5px;
  }
  .srsProSoftList02.proSoftList02 li>img {
    position: absolute;
    top: 13px;
    right: 10px;
    object-position: top right;
    width: 128px;
    height: 260px;
    max-height: 90%;
    object-fit: cover;
  }
  .srsProSoftList02 .patl{
    position: relative;
    padding-bottom: 5%;
  }
  /* .proSoftList02 li>img {
    position: absolute;
    top: 13px;
    right: 10px;
    object-position: top right;
    width: 128px;
    height: 260px;
    object-fit: cover;
} */
  /* .patl{
    position: relative;
    padding-bottom: 5%;
  } */
  .zxdyfw_title,.zxdyfw_title.bigTitle.bigSeoTitle{
    margin-top: 5.5%;
    margin-bottom: 5.5%;
    font-size: 16px;
  }
  .proSoftList02 .zxdyfw_content li::before{
    top: 20px;
    left: 10.8%;
  }
  .proSoftList02 .zxdyfw_content li{
    margin: 0;
    padding-left: 15%;
    line-height: 22px;
  }
  .proSoftList02 .zxdyfw_content.bigContent li p{
    margin: 0 !important;
    letter-spacing: 0;
  }
  .zxdyfw_content li p:not(:first-child){
    font-size: 12px;
    line-height: 20px;
  }
  .zxdyfw_title.bigTitle{
    margin-top: 5.5%;
    margin-bottom: 3.5%;
    margin-left: 5%;
  }
}
.qdzyList{
  margin-top: 33px;
}
.qdzyList .proSoftTit h5{
  margin-top: 21px;
  letter-spacing: 0px;
}
.qdzyList .proSoftTit h4{
  font-size: 26px;
}
@media screen and (min-width: 1024px) {
  .qdzyList li {
    margin-left: 4.25%;
    width:21.8%;
  }
  .qdzyList li:first-child {
    margin-left: 0;
  }
  .qdzyList li:nth-child(2){
    margin-left: 7.1%;
    width: 16.8%;
  }
  .qdzyList li:nth-child(3){
    margin-left: 9.5%;
    width: 15%;
  }
  .qdzyList li:nth-child(4){
    margin-left: 7.6%;
  }
}
.contact-form .wow {
  position: relative;
}
.contact-form .form-label-outside{
  position: absolute;
  bottom:0;
  font-size:17px;
  color:#737272;
}
.contact-form .xqmsWrap .form-label-outside{
  position: relative;
  padding-top: 30px;
  padding-bottom: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #b1b1b1;
}
.contact-form .xqmsWrap .form-input{
  padding-left: 0;
}
.contact-form .xqmsWrap textarea.form-input{
  height:175px;
}
.contact-form .verifyImg{
  position:absolute;
  right: 0;
  bottom:1px;
}
.contact-form .form-input{
  border-color:#b1b1b1;
  padding-top: 22px;
  padding-left: 68px;
}
.contact-form .mmp01{
  margin-left: 1px;
}
@media (min-width: 1200px){
  .contact-form{
    width: 100%;
    margin: 0 auto;
  }
  .contact-form.rd-form.rd-mailforms .row.row-10 .wow-outer{
    margin-bottom: 59px;
  }
  .contact-form.rd-form.rd-mailforms .row.row-10 .xqmsWrap.wow-outer{
    margin-bottom: 40px;
  }
}
.sese100{
  clear: both;
  height: 100px;
}
.indexKVList{
      margin-left: -25px;
}
.indexKVList .wow-outer{
  padding: 0 0 0 10px;
  margin-bottom: 10px!important;
  margin-top: 0px!important;
}
.indexKVList .wow-outer:last-child{
  margin-bottom: 0;
}
@media screen and (min-width: 1024px){
  .csasTitle{
    font-size: 30px;;
  }
}