.banner-t{width: 500px;}
@media (max-width: 991px) {
  .banner-t{width: 420px;}
}
@media (max-width: 767px) {
  .banner-t{width: 312px; margin-bottom: 20px;}
}

#contentBox1{ padding-top: 60px; padding-bottom: 80px;}
#contentBox1 .boxs{ position: relative; margin-top: 43px;}
#contentBox1 .box{ position: relative; text-align: center;}
#contentBox1 .box-con{ height: 610px; padding-top: 37px; background: #f5f8fa; text-align: center;}
#contentBox1 .box-title{ font-size: 28px; color: #707780; line-height: 1;}
#contentBox1 .box-bar{ width: 80%; height: 1px; margin: 0 auto; margin-top: 37px; background: #d8dfe6;}
#contentBox1 .box-pic1{ width: 363px; margin-top: 28px;}
#contentBox1 .box-pic2{ width: 510px; margin-top: 70px;}
#contentBox1 .textBtn{ position: absolute; bottom: 25px; left: 50%; margin-left: -105px; margin-top: 0;}
@media (max-width: 1199px) {
  #contentBox1 .box-con{ height: 490px;}
  #contentBox1 .box-pic1{ width: 263px; margin-top: 28px;}
  #contentBox1 .box-pic2{ width: 410px; margin-top: 50px;}
}
@media (max-width: 991px) {
  #contentBox1 .box-con{ height: 400px; padding-top: 30px;}
  #contentBox1 .box-bar{margin-top: 30px;}
  #contentBox1 .box-pic1{ width: 213px; margin-top: 28px;}
  #contentBox1 .box-pic2{ width: 310px; margin-top: 40px;}
}
@media (max-width: 767px) {
  #contentBox1{ padding-top: 50px; padding-bottom: 40px;}
  #contentBox1 .boxs{ margin-top: 40px;}
  #contentBox1 .box{ margin-bottom: 20px;}
  #contentBox1 .box-con{ height: auto; padding-top: 30px; padding-bottom: 40px;}
  #contentBox1 .box-bar{ margin-top: 30px;}
  #contentBox1 .textBtn{ margin-top: 0px;}
  #contentBox1 .box-pic1{ width: 80%; margin-top: 28px;}
  #contentBox1 .box-pic2{ width: 90%; margin: 0 auto; margin-top: 28px;}
  #contentBox1 .textBtn{ position: relative; bottom: auto; left: auto; margin: 0 auto; margin-top: 20px;}
}

#contentBox2{ padding-top: 60px; padding-bottom: 80px; background: url("../images/_pic44.jpg") center; background-size: auto 100%;}
#contentBox2 .contentName, #contentBox2 .contentTitle, #contentBox2 .contentStep{ color: #fff; }
#contentBox2 .contentTitle{ margin-bottom: 50px;}
#contentBox2 .textBtn{ margin-top: 35px; margin-bottom: 48px; color: #fff; cursor: pointer;}
#contentBox2 .box1-con{ margin-top: 35px;}
#contentBox2 .box1{ position: relative; height: 110px; border: solid 1px #fff; border-radius: 110px; padding-left: 30px; padding-right: 30px;}
#contentBox2 .box1-icon{ width: 50px; margin-top: 30px;}
#contentBox2 .box1-title{ font-size: 22px; color: #fff; line-height: 110px; margin-left: 15px;}
#contentBox2 .box1-text{ position: absolute; width: 100%; height: 100%; font-size: 16px; color: #fff; display: table; left: 0px;}
#contentBox2 .box1-txt{ height: 100%; padding-left: 153px; padding-right: 30px; display: table-cell; vertical-align: middle; }
#contentBox2 .box2-con{ margin-top: 53px;}
#contentBox2 .box2{ text-align: center;}
#contentBox2 .box2-icon{ width: 62px;}
#contentBox2 .box2-title{ font-size: 20px; color: #fff; margin-top: 20px;}
#contentBox2 .box2-txt{ display: inline-block; font-size: 16px; color: #fff; max-width: 224px; margin-top: 22px; line-height: 1.6;}
@media (max-width: 767px) {
  #contentBox2{ padding-top: 50px; padding-bottom: 32px;}
  #contentBox2 .contentTitle{ margin-bottom: 30px;}
  #contentBox2 .box1-con{ margin-top: 20px;}
  #contentBox2 .box1{ margin-bottom: 15px;}
  #contentBox2 .box1-title{ font-size: 18px;}
  #contentBox2 .box1-text{ font-size: 14px;}
  #contentBox2 .textBtn{ margin-top: 10px; margin-bottom: 30px;}
  #contentBox2 .box2-con{ margin-top: 30px;}
  #contentBox2 .box2{ margin-bottom: 30px;}
  #contentBox2 .box2-txt{ margin-top: 15px;}
}

#contentBox3{ padding-top: 60px; padding-bottom: 88px;}
#contentBox3 .contentTitle{ margin-bottom: 50px;}
#contentBox3 .pic{ width: 100%;}
@media (max-width: 767px) {
  #contentBox3{ padding-top: 50px; padding-bottom: 62px;}
  #contentBox3 .contentTitle{ margin-bottom: 25px;}
}


#openPic .float-info{ width: 800px; height: 500px; padding-top: 82px; padding-bottom: 92px; padding-left: 55px; padding-right: 55px;}