/* 公共样式 */
* {
  margin: 0;
  padding: 0;
}
.top-banner img {
  width: 100%;
}
.w {
  width: 1100px;
  margin: 0 auto;
}
.title-1 {
  width: 486px;
}
.title-1 img {
  width: 486px;
  height: 56px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.img-box-1 img {
  width: 100%;
}
.text-box-1 {
  min-width: 1100px;
  margin-top: 20px;
}
.text-box-1 p {
  font-size: 30px;
  text-align: center;
  color: #666;
}
.banner-2 {
  margin-top: -4px;
  width: 100%;
  min-width: 1500px;
}
.banner-2 img {
  width: 100%;
}
.text-box-2 {
  width: 627px;
  height: 55px;
}
.text-box-2 p {
  text-align: center;
  font-size: 30px;
  color: #666;
  margin-top: 55px;
  margin-bottom: 15px;
}
.process {
  width: 1040px;
  height: 855px;
  margin-top: 120px;
}
.process .left {
  float: left;
}
.process .right {
  float: right;
  width: 980px;
  height: 855px;
}
.process .right .box-1 {
  height: 235px;
}
.process .right .box-1 .text-1 {
  padding-top: 2px;
  float: left;
}
.process .right .box-1 .text-1 h4 {
  font-size: 24px;
  color: #454545;
  margin-bottom: 30px;
}
.process .right .box-1 .text-1 p {
  font-size: 18px;
  color: #175ead;
  line-height: 38px;
  display: inline-block;
}
.process .right .box-1 .text-1 span {
  font-size: 18px;
  color: #454545;
  display: inline-block;
}
.process .right .box-1 .img-box {
  float: right;
}
.process .right .box-2 {
  margin-top: 28px;
}
.process .right .box-2 h4 {
  font-size: 24px;
  color: #454545;
  margin-bottom: 30px;
}
.process .right .box-3 {
  margin-top: 50px;
}
.process .right .box-3 h4 {
  font-size: 24px;
  color: #454545;
  margin-bottom: 30px;
}
.process .right .box-3 .text-2 {
  position: relative;
}
.process .right .box-3 .text-2 .l-box {
  position: absolute;
  margin-right: 20px;
}
.process .right .box-3 .text-2 .l-box p {
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding: 25px;
}
.process .right .box-3 .text-2 .r-box {
  position: absolute;
  left: 480px;
}
.process .right .box-3 .text-2 .r-box p {
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding: 25px;
}
.bgc-blue {
  background-color: #f1f9fd;
  padding-top: 40px;
  height: 545px;
}
.bgc-blue .title-4 {
  width: 189px;
  height: 59px;
  margin-bottom: 40px;
}
.bgc-blue .title-4 img {
  width: 100%;
}
.bgc-blue .ph-box {
  width: 1030px;
}
.bgc-blue .ph-r {
  background-color: #175ead;
  width: 275px;
  height: 340px;
  padding-top: 1px;
  position: relative;
}
.bgc-blue .ph-r p {
  margin-top: 40px;
  text-align: center;
}
.bgc-blue .ph-r .text-box1 {
  display: none;
  padding: 50px;
}
.bgc-blue .ph-r .text-box1 span {
  font-size: 24px;
}
.bgc-blue .ph-r .text-box1 p {
  font-size: 16px;
  text-align: left;
  color: #6a6a6a;
}
.bgc-blue .ph-r .text-box2 {
  display: none;
  padding: 50px;
}
.bgc-blue .ph-r .text-box2 span {
  font-size: 24px;
}
.bgc-blue .ph-r .text-box2 p {
  font-size: 16px;
  text-align: left;
  color: #6a6a6a;
}
.bgc-blue .ph-r .text-box3 {
  display: none;
  padding: 50px;
}
.bgc-blue .ph-r .text-box3 span {
  font-size: 24px;
}
.bgc-blue .ph-r .text-box3 p {
  font-size: 16px;
  text-align: left;
  color: #6a6a6a;
}
.bgc-blue .ph-r .text-box4 {
  display: none;
  padding: 50px;
}
.bgc-blue .ph-r .text-box4 span {
  font-size: 24px;
}
.bgc-blue .ph-r .text-box4 p {
  font-size: 16px;
  text-align: left;
  color: #6a6a6a;
}
.bgc-blue .ph-r .a1 {
  position: relative;
  margin-left: -18px;
}
.bgc-blue .ph-r .a1 img {
  display: none;
  position: absolute;
  left: 57px;
  top: 18px;
}
.bgc-blue .ph-r .a1 .move {
  font-size: 24px;
  color: #ffffff;
  margin-left: -25px;
}
.bgc-blue .ph-r .a1:hover img {
  display: block;
}
.bgc-blue .ph-r .a1:hover .text-box1 {
  display: block;
}
.bgc-blue .ph-r .a1:hover .text-box2 {
  display: block;
}
.bgc-blue .ph-r .a1:hover .text-box3 {
  display: block;
}
.bgc-blue .ph-r .a1:hover .text-box4 {
  display: block;
}
.bgc-blue .ph-r .text-box1 {
  padding: 50px;
  width: 650px;
  height: 238px;
  background-image: url(../images/laoren_03.png);
  position: absolute;
  left: 293px;
  top: -40px;
  display: block;
}
.bgc-blue .ph-r .text-box2 {
  padding: 50px;
  width: 650px;
  height: 238px;
  background-image: url(../images/bailing_03.png);
  position: absolute;
  left: 293px;
  top: -110px;
  display: none;
}
.bgc-blue .ph-r .text-box3 {
  padding: 50px;
  width: 650px;
  height: 238px;
  background-image: url(../images/yidi_03.png);
  position: absolute;
  left: 293px;
  top: -180px;
  display: none;
}
.bgc-blue .ph-r .text-box4 {
  padding: 50px;
  width: 650px;
  height: 238px;
  background-image: url(../images/shangcan_03.png);
  position: absolute;
  left: 293px;
  top: -250px;
  display: none;
}
.title-5 {
  width: 239px;
  height: 56px;
  margin-top: 150px;
}
.title-5 img {
  width: 100%;
}
.dow-p {
  text-align: center;
  font-size: 18px;
  color: #b8b8b8;
  margin-top: 20px;
  font-weight: 700;
}
.day-top {
  margin-top: 50px;
  width: 1040px;
  height: 640px;
}
.day-top2 {
  margin-top: 50px;
  width: 1040px;
  height: 640px;
  padding-bottom: 300px;
}
.down-box {
  width: 100%;
  min-width: 1100px;
  margin-top: 200px;
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 79px;
  background-image: url(../images/down_new_02.png);
}
.down-box .new {
  height: 79px;
  float: left;
}
.down-box .green-box {
  float: right;
  margin-top: 10px;
}
.footer {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 25px;
background-color: #eee;
z-index: 9999;
}