* {
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  box-sizing: border-box;
}
html,
body {
  background-color: #f4f4f4;
  min-width: 1200px;
  overflow: auto;
}
li {
  list-style: none;
}
input {
  outline: none;
}
a {
  text-decoration: none;
}
img {
  border: 0;
  font-size: 0;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
}
.center {
  width: 1206px;
  margin: 0 auto;
}
.head {
  width: 100%;
  height: 69px;
  line-height: 69px;
  border-bottom: 1px solid #c9c9c9;
  background-color: #FFFFFF;
}
.head .center {
  width: 1200px!important;
}
.head .logo {
  float: left;
}
.head .logo img {
  vertical-align: middle;
}
.head .search {
  border-left: 1px solid #c9c9c9;
  float: right;
  padding-left: 22px;
}
.head .search img {
  cursor: pointer;
}
.head .menu {
  float: left;
  margin-left: 75px;
}
.head .menu a {
  font-size: 18px;
  color: #5e5e5e;
  margin: 0 20px;
  display: inline-block;
}
.head .menu .active {
  color: #315ab2;
  position: relative;
}
.head .menu .active:after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background: #315ab2;
  position: absolute;
  bottom: 0;
}
.foot {
  background-color: #333333;
  color: #FFFFFF;
}
.foot .center {
  padding: 55px 0;
}
.foot .foot-left {
  float: left;
  margin: 0 100px 0 40px;
}
.foot .foot-left .us {
  margin-top: 50px;
}
.foot .foot-left .us .us-left {
  margin-right: 30px;
  float: left;
}
.foot .foot-left .us .us-left p {
  margin-bottom: 20px;
}
.foot .foot-left .us .us-left a {
  margin-right: 12px;
}
.foot .foot-right {
  float: right;
}
.foot .foot-right .foot-li {
  float: left;
  margin-left: 45px;
}
.foot .foot-right .foot-li p {
  margin: 12px 0;
}
.foot .foot-right .foot-li > div {
  color: #adadad;
  font-size: 14px;
  margin-top: 10px;
}
.foot .foot-line {
  padding: 20px;
  border-top: 1px solid #747474;
  clear: both;
  color: #a6a6a6;
  font-size: 14px;
  text-align: center;
}
.main .title {
  color: #323232;
  font-size: 28px;
  text-align: center;
}
.main .banner {
    width: 100%;
  position: relative;
  height: 638px;
  overflow: hidden;
}
.main .banner:hover .prev,
.main .banner:hover .next {
  display: block;
}
.main .banner .bd {
  z-index: 0;
}
.main .banner .bd img,
.main .banner .bd li {
  width: 100%;
  height: 638px;
  object-fit: cover;
}
.main .banner .prev,
.main .banner .next {
  z-index: 1;
  display: block;
  width: 55px;
  height: 55px;
  filter: alpha(opacity=40);
  opacity: 0.4;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: none;
}
.main .banner .prev {
  background: url(../images/leftI_11.png) 0 0 no-repeat;
  left: 3%;
}
.main .banner .next {
  background: url(../images/rightI_14.png) right 0 no-repeat;
  right: 3%;
}
.main .news {
  background-color: #fefdff;
  padding: 30px 30px 48px 30px;
  border-radius: 4px;
  margin-top: -97px;
  z-index: 2;
  position: relative;
}
.main .news .news-con {
  margin-top: 32px;
}
.main .news .news-con .news-left {
  float: left;
  background: url(../images/newPic1_03.png) center no-repeat;
  background-size: cover;
  width: 23%;
  height: 373px;
  position: relative;
}
.main .news .news-con .news-left p {
  font-size: 24px;
  color: #ffffff;
  padding: 86px 26px  0 26px;
  line-height: 42px;
}
.main .news .news-con .news-left .news-more {
  color: #fecb02;
  border: 1px solid #fecb02;
  width: 105px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  display: block;
  position: absolute;
  right: 26px;
  bottom: 26px;
}
.main .news .news-con .news-center {
  float: left;
  width: 51%;
}
.main .news .news-con .news-center .news-center-top {
  height: 188px;
}
.main .news .news-con .news-center .news-center-top .news-li {
  float: left;
  width: 33.33333333%;
  padding: 22px;
  height: 100%;
}
.main .news .news-con .news-center .news-center-top img {
  padding: 0!important;
  height: 188px;
}
.main .news .news-con .news-center .news-center-bottom .news-li {
  float: left;
  width: 50%;
  padding: 22px;
  height: 186px;
}
.main .news .news-con .news-li {
  width: 100%;
  margin-top: -1px;
}
.main .news .news-con .news-li p {
  font-size: 18px;
  color: #313131;
  margin-bottom: 10px;
}
.main .news .news-con .news-li span {
  font-size: 14px;
  color: #8d8d8d;
}
.main .news .news-con .news-right {
  float: right;
  width: 26%;
}
.main .news .news-con .news-right img {
  width: 100%;
  height: 232px;
}
.main .news .news-con .news-right .news-time {
  color: #bcbcbc;
  font-size: 14px;
  margin: 10px 0 18px 0;
}
.main .news .news-con .news-right .news-li p {
  font-weight: bold;
}
.main .problem .problem-title {
  text-align: center;
  margin: 65px 0 85px 0;
}
.main .problem .problem-title p {
  font-size: 36px;
  color: #343333;
  font-weight: bold;
  margin-bottom: 16px;
}
.main .problem .problem-title span {
  color: 343333;
}
.main .problem .problem-con {
  overflow: hidden;
}
.main .problem .problem-con .bd li {
  width: 20%;
  height: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.main .problem .problem-con .bd li a > img {
  width: 100%;
  height: 100%;
}
.main .problem .problem-con .bd li img {
  transition: all 1s ease-out;
}
.main .problem .problem-con .bd li:hover img {
  transform: scale(1.3);
}
.main .problem .problem-con .bd .bd-con {
  color: #ffffff;
  position: absolute;
  top: 50px;
  width: 100%;
  padding: 0 20px 0 35px;
}
.main .problem .problem-con .bd .bd-con p {
  font-size: 26px;
}
.main .problem .problem-con .bd .bd-con span {
  padding: 18px 0;
  display: block;
}
.main .case .title {
  margin: 76px 0;
}
.main .case .case-con li {
  float: left;
  width: 32%;
  background-color: #FFFFFF;
  transition: all 1s ease-out;
}
.main .case .case-con li:hover {
  box-shadow: 6px 6px 13px #888888;
  transform: scale(1.1);
}
.main .case .case-con li > img {
  width: 100%;
  height: 218px;
}
.main .case .case-con li p {
  font-size: 20px;
  color: #575757;
  padding: 35px 20px 20px 20px;
}
.main .case .case-con li span {
  color: #a3a3a3;
  padding: 0 20px 35px 20px;
  display: inline-block;
}
.main .case .case-con li .look {
  border-top: 1px solid #eeeeee;
  height: 57px;
  line-height: 57px;
  text-align: right;
  padding-right: 20px;
}
.main .case .case-con li .look img {
  vertical-align: middle;
}
.main .case .case-con li .look a {
  color: #3474d0;
}
.main .about .title {
  margin: 85px 0 25px 0;
}
.main .about .about-con {
  background: url(../images/us-bg_02.png) 0 center no-repeat;
  width: 100%;
  height: 709px;
}
.main .about .about-con .center {
  position: relative;
}
.main .about .about-con .about-img {
  margin: 55px 0 -180px 89px;
  height: 372px;
  overflow: hidden;
  width: 740px;
  transition: all 0.6s;
  -ms-transition: all 0.8s;
}
.main .about .about-con .about-img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.main .about .about-con .aboutUs {
  width: 80%;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding-top: 200px;
}
.main .about .about-con .aboutUs p {
  font-size: 38px;
  color: #bcbcbc;
  font-family: 'Impact';
}
.main .about .about-con .about-more {
  margin: 15px 0 22px 0;
}
.main .about .about-con .about-more span {
  color: #403f3f;
  font-size: 22px;
  font-weight: bold;
}
.main .about .about-con .about-more a {
  color: #5559a9;
  font-size: 14px;
  border: 1px solid #5559a9;
  border-radius: 16px;
  padding: 3px 8px;
  float: right;
}
.main .about .about-con .aboutUs-left {
  float: left;
  width: 58%;
  margin-left: 45px;
}
.main .about .about-con .aboutUs-left > span {
  color: #676363;
  line-height: 24px;
}
.main .about .about-con .aboutUs-right {
  float: right;
  width: 25%;
  margin-right: 70px;
}
.main .about .about-con .aboutUs-right a {
  width: 100%;
  height: 76px;
  display: block;
  background-color: #f4f4f4;
  color: #a2a2a2;
  line-height: 76px;
  margin-bottom: 10px;
}
.main .about .about-con .aboutUs-right a img {
  vertical-align: middle;
  margin: 0 24px 0 42px;
  width: 38px;
  height: auto;
}
.main .about .about-con .aboutUs-right a:hover {
  font-size: 20px;
}
.main .about .about-con .aboutUs-right a:hover img {
  -webkit-animation: round_animate 5s linear infinite;
  animation: round_animate 5s linear infinite;
}
.main .about .about-con .about-intro {
  width: 22%;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 12px;
  overflow: hidden;
}
.main .about .about-con .about-intro p {
  font-size: 58px;
  color: #ece8e8;
  position: relative;
  letter-spacing: 3px;
  margin-bottom: 60px;
  font-family: 'Impact';
  padding-top: 10px;
}
.main .about .about-con .about-intro p:before {
  content: '';
  display: block;
  position: absolute;
  width: 76px;
  height: 9px;
  background-color: #5559a9;
  right: 0;
  top: 0px;
}
.main .about .about-con .about-intro img {
  width: 100%;
  transition: all 0.6s;
}
.main .about .about-con .about-intro img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.main .total {
  width: 100%;
  background: url(../images/footer-bg_02.png) center no-repeat;
  padding: 30px;
  text-align: center;
  clear: both;
}
.main .total .total-li {
  color: #FFFFFF;
  text-align: center;
  display: inline-block;
  margin: 0 5%;
  visibility: initial!important;
}
.main .total .total-li span {
  font-size: 18px;
}
.main .total .total-li p {
  font-family: 'Impact';
  font-size: 30px;
  margin-top: 12px;
}
.main .total .total-li:hover img {
  -webkit-animation: round_animate 5s linear infinite;
  animation: round_animate 5s linear infinite;
}
.main .about-menu {
  /* height: 73px; */
  line-height: 73px;
  background-color: #f1f5fc;
  margin-left: 100px;
}
.main .about-menu a {
  color: #959595;
  font-size: 18px;
  margin-right: 40px;
}
.main .about-menu .activeAbout-menu {
  color: #315ab2;
}
.main .about-one {
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 65px 45px;
}
.main .about-one .about-one-left {
  width: 45%;
  float: left;
}
.main .about-one .about-one-left > p {
  font-size: 48px;
  color: #101010;
  margin-bottom: 40px;
}
.main .about-one .about-one-left div > p {
  color: #000000;
  line-height: 32px;
}
.main .about-one .about-one-right {
  width: 49%;
  float: right;
  background: url(../images/about-img-pur_03.png) top right no-repeat;
}
.main .about-one .about-one-right .about-one-right-img {
  width: 83%;
  height: auto;
  margin: 127px 0 16px 0;
}
.main .about-one .about-one-right .total {
  background: #315ab2!important;
}
.main .about-one .about-one-right .total .total-li {
  margin: 0 12px!important;
}
.main .about-two .about-two-left {
  float: left;
  width: 50.95%;
}
.main .about-two .about-two-right {
  float: right;
  width: 49.05%;
  position: relative;
}
.main .about-two .about-two-right img {
  width: 100%;
}
.main .about-two .about-two-right > div {
  position: absolute;
  color: #FFFFFF;
  margin: 10% 0 0 6%;
  width: 80%;
}
.main .about-two .about-two-right > div P {
  font-size: 33px;
  margin-bottom: 15px;
}
.main .about-two .about-two-right > div span {
  font-size: 20px;
  line-height: 38px;
  display: inline-block;
}
.main .about-three {
  background-color: #FFFFFF;
  text-align: center;
  padding: 36px 0 84px 0;
  overflow: hidden;
}
.main .about-three img {
  width: 80%;
  height: auto;
  transition: all 0.6s;
}
.main .about-three img:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.main .productBg {
  background-color: #FFFFFF;
  padding: 42px 48px;
  margin-top: 97px;
}
.main .productBg .productBg-left {
  width: 50%;
  float: left;
}
.main .productBg .productBg-left p {
  font-size: 30px;
  font-weight: bold;
  color: #414141;
}
.main .productBg .productBg-left span {
  color: #414141;
  line-height: 32px;
  margin: 40px 0 20px 0;
  display: inline-block;
}
.main .productBg .productBg-left a {
  float: right;
}
.main .productBg .productBg-right {
  float: right;
  margin: -99px -133px 0 0;
  max-width: 650px;
}
.main .productBg1 {
  height: 690px;
  background: url(../images/ecology-bg_02.png) center no-repeat;
}
.main .productBg1 .productBg-left {
  float: left;
}
.main .productBg1 .productBg-center {
  float: left;
  width: 30.667%;
  background-color: #FFFFFF;
  height: 100%;
  padding: 30px;
  height: 461px;
  position: relative;
}
.main .productBg1 .productBg-center span {
  line-height: 28px;
  color: #414141;
}
.main .productBg1 .productBg-center a {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.main .productBg1 .productBg-right {
  float: right;
}
.main .interCase {
  background: url(../images/internet_06.png) center no-repeat;
  height: 773px;
  overflow: hidden;
}
.main .interCase .case-banner {
  position: relative;
  width: 80%;
  margin: 0 auto;
  padding: 0 50px;
  margin-top: 20px;
}
.main .interCase .case-banner .list {
  z-index: 0;
}
.main .interCase .case-banner .list li {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 1;
}
.main .interCase .case-banner .list .case-banner-pic {
  height: 340px;
  overflow: hidden;
}
.main .interCase .case-banner .list img {
  width: 100%;
  height: 340px;
  /* object-fit: cover; */
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  vertical-align: bottom;
  transition: all 0.6s;
}
.main .interCase .case-banner .list img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.main .interCase .case-banner .list .case-banner-text {
  background-color: #FFFFFF;
  height: 158px;
  padding: 25px 28px;
}
.main .interCase .case-banner .list .case-banner-text p {
  font-size: 23px;
  color: #0259b1;
  margin-bottom: 20px;
}
.main .interCase .case-banner .list .case-banner-text span {
  color: #484848;
  line-height: 28px;
}
.main .interCase .case-banner .content-btn {
  display: block;
  width: 55px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100px;
  height: 411px;
  z-index: 10;
  cursor: pointer;
}
.main .interCase .case-banner .prev-btn {
  left: 0;
}
.main .interCase .case-banner .prev-btn .btn-img {
  left: -60px;
}
.main .interCase .case-banner .next-btn {
  right: 0;
}
.main .interCase .case-banner .next-btn .btn-img {
  right: -60px;
}
.main .interCase .case-banner .btn-img {
  width: 23px!important;
  height: auto!important;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.main .productMode {
  background-color: #FFFFFF;
}
.main .productMode .productMode-con {
  height: 446px;
  overflow: hidden;
  background: url(../images/internet_09_03.png) center no-repeat;
  position: relative;
}
.main .productMode .productMode-con .productMode-banner {
  padding: 60px 0 0 45px;
  width: 434px;
}
.main .productMode .productMode-con .productMode-banner li {
  color: #ffffff;
}
.main .productMode .productMode-con .productMode-banner li .productMode-banner-title {
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
.main .productMode .productMode-con .productMode-banner li .productMode-banner-title:after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: -20px;
}
.main .productMode .productMode-con .productMode-banner li span {
  line-height: 36px;
  margin-top: 46px;
  display: inline-block;
}
.main .productMode .productMode-con .productMode-banner .prev,
.main .productMode .productMode-con .productMode-banner .next {
  z-index: 1;
  display: block;
  width: 15px;
  height: 25px;
  position: absolute;
  bottom: 36px;
}
.main .productMode .productMode-con .productMode-banner .prev {
  background: url(../images/arrow_03.png) 0 0 no-repeat;
  background-size: 100% 100%;
  left: 3%;
}
.main .productMode .productMode-con .productMode-banner .next {
  background: url(../images/arrow_05.png) right 0 no-repeat;
  background-size: 100% 100%;
  left: 6%;
}
.main .build {
  height: 648px;
  background: #ffffff url(../images/integrate08_03.png) top center no-repeat;
}
.main .build .build-bg {
  background: url(../images/integrate09_03.png) top left no-repeat;
  width: 672px;
  height: 650px;
  color: #FFFFFF;
  padding: 115px 188px 0 38px;
}
.main .build .build-bg .build-title {
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
.main .build .build-bg .build-title:after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background-color: #FFFFFF;
  position: absolute;
  bottom: -20px;
}
.main .build .build-bg span {
  line-height: 36px;
  margin-top: 46px;
  display: inline-block;
}
.main .award .award-con {
  margin-bottom: 62px;
}
.main .award .award-con li {
  float: left;
  width: 33.33333333%;
  text-align: center;
  transition: all 0.6s;
}
.main .award .award-con li:hover {
  box-shadow: 4px 5px 7px #928f8f;
  transform: scale(1.02);
}
.main .award .award-con li .bd-img {
  width: 95%;
  overflow: hidden;
  height: 245px;
  margin: 0 auto;
}
.main .award .award-con li img {
  width: 100%;
  height: 245px;
  transition: all 0.6s;
}
.main .award .award-con li img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.main .award .award-con li .bd-con {
  color: #293483;
  font-size: 18px;
  line-height: 76px;
  width: 95%;
  margin: 0 auto;
  background-color: #FFFFFF;
  margin-top: -3px;
}
.main .function {
  font-size: 0;
}
.main .function img {
  width: 100%;
  height: auto;
}
.main .successCase {
  background-color: #FFFFFF;
  padding-bottom: 15px;
}
.main .successCase .successCase-con .successCase-li {
  margin-bottom: 30px;
}
.main .successCase .successCase-con .successCase-li-left {
  float: left;
  width: 48%;
  font-size: 0;
  overflow: hidden;
  height: 276px;
}
.main .successCase .successCase-con .successCase-li-left img {
  width: 100%;
  height: 276px;
  transition: all 0.6s;
}
.main .successCase .successCase-con .successCase-li-left img:hover {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.main .successCase .successCase-con .successCase-li-right {
  float: right;
  width: 52%;
  background-color: #ebebeb;
  height: 276px;
  padding: 48px 44px;
  position: relative;
}
.main .successCase .successCase-con .successCase-li-right p {
  font-size: 24px;
  color: #585858;
  margin-bottom: 20px;
}
.main .successCase .successCase-con .successCase-li-right span {
  color: #585858;
  line-height: 35px;
}
.main .successCase .successCase-con .successCase-li-right a {
  position: absolute;
  right: 50px;
  bottom: 30px;
  background-color: #0d1c3c;
}
.title1 {
  font-size: 30px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding: 56px 0 40px 0;
}
.more {
  color: #FFFFFF;
  background-color: #293483;
  text-align: center;
  width: 131px;
  height: 39px;
  display: block;
  line-height: 39px;
}
.new-menu {
  background-color: #FFFFFF;
}
.new-menu .hd {
  height: 400px;
  /* background-color: #f1f5fc; */
  padding: 30px 0 0 150px;
  overflow: hidden;
}
.new-menu .hd li {
  float: left;
}
.new-menu .hd a {
  color: #959595;
  font-size: 18px;
  padding: 13px 40px;
  display: block;
}
.new-menu .hd .on a {
  background-color: #315ab2;
  color: #FFFFFF;
  position: relative;
}
.new-menu .hd .on a::after {
  content: url(../images/bottom_03.png);
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  text-align: center;
}
.new-menu .bd {
  margin-top: -280px;
}
.new-menu .bd .new-first .new-first-left {
  width: 55%;
  height: 400px;
  float: left;
  overflow: hidden;
}
.new-menu .bd .new-first .new-first-left img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: all 0.6s;
}
.new-menu .bd .new-first .new-first-left:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.new-menu .bd .new-first .new-first-right {
  width: 45%;
  height: 365px;
  border-bottom: 1px solid #e3e3e3;
  float: right;
  padding: 0 40px;
  background-color: #FFFFFF;
  margin-top: 35px;
}
.new-menu .bd .new-first .new-first-right p {
  font-size: 24px;
  color: #272727;
  margin-top: 50px;
}
.new-menu .bd .new-first .new-first-right span {
  color: #575757;
  line-height: 30px;
  margin: 25px 0;
  display: inline-block;
}
.new-menu .bd .new-first .new-first-right a {
  color: #636363;
  display: block;
  background-color: #eaeaea;
  width: 100px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  float: right;
}
.new-menu .bd .new-first .new-first-right a:hover {
  color: #FFFFFF;
  background-color: #315ab2;
}
.new-menu .bd li {
  border-bottom: 1px solid #e0e0e0;
  padding: 30px 20px;
  margin-left: 60px;
}
.new-menu .bd li:hover {
  background-color: #f1f5fc;
}
.new-menu .bd li div {
  float: left;
}
.new-menu .bd li div p {
  font-size: 18px;
  color: #2f2f2f;
  margin-bottom: 25px;
}
.new-menu .bd li div span {
  font-size: 14px;
  color: #818080;
}
.new-menu .bd li .liMore {
  color: #818080;
  font-size: 14px;
  float: right;
  margin-top: 10px;
}
.new-menu .bd li a:hover {
  color: #315ab2;
}
.new-menu .picList {
  margin-top: -280px;
}
.new-menu .picList li {
  width: 31%;
  font-size: 0;
  border: 1px solid #dbdbdb;
  margin-bottom: 50px;
  float: left;
}
.new-menu .picList li > a{
    font-size: 0;
}
.new-menu .picList li:nth-child(3n-1) {
  margin: 0 3.5%;
}
.new-menu .picList li:hover {
  box-shadow: 0px 15px 40px -10px #5f87de;
}
.new-menu .picList li img {
  width: 100%;
  height: 242px;
}
.new-menu .picList li .picList-text {
  background-color: #FFFFFF;
  padding: 0 15px;
}
.new-menu .picList li .picList-text p {
  font-size: 20px;
  color: #2e2e2e;
  text-indent: 1em;
  padding: 30px 0 20px 0;
}
.new-menu .picList li .picList-text a > span {
  color: #626262;
  line-height: 24px;
}
.new-menu .picList li .picList-text .picList-more {
  border-top: 1px solid #dbdbdb;
  line-height: 68px;
  margin-top: 40px;
  color: #626262;
}
.new-menu .picList li .picList-text .picList-more span {
  padding-left: 5px;
}
.new-menu .picList li .picList-text .picList-more .picList-morea {
  color: #d5d5d5;
  float: right;
  font-size: 18px;
}
.new-menu .picList li .picList-text .picList-more a:hover {
  color: #0259B1;
}
.service {
  background-color: #FFFFFF;
}
.service .serviceMore {
  width: 120px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #5559a9;
  font-size: 18px;
  display: block;
  border: 1px solid #5559a9;
  border-radius: 24px;
}
.service .serviceMore:hover {
  background-color: #5559a9;
  color: #FFFFFF;
}
.service .serviceTitle {
  border-bottom: 1px solid #e8e8e8;
  padding: 38px 0;
}
.service .serviceTitle .serviceTitle-left {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  display: inline-block;
  padding-left: 22px;
  position: relative;
  margin-right: 15px;
}
.service .serviceTitle .serviceTitle-left::before {
  content: '';
  display: block;
  width: 4px;
  height: 39px;
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 7px;
}
.service .serviceTitle .serviceTitle-right {
  font-size: 20px;
  font-weight: lighter;
  color: #a0a0a0;
}
.service .one {
  background-color: #FFFFFF;
}
.service .one .one-con {
  width: 100%;
  padding: 45px 0 20px 0;
}
.service .one .one-con li {
  text-align: center;
  width: 22.75%;
  background-color: #f2f2f2;
  padding: 40px 25px;
  float: left;
  margin-left: 3%;
  border-radius: 20px;
  height: 395px;
  position: relative;
}
.service .one .one-con li:first-child {
  margin-left: 0!important;
}
.service .one .one-con li:hover {
  background-color: #5559a9;
}
.service .one .one-con li:hover .one-icon {
  background-color: #ffffff!important;
}
.service .one .one-con li:hover span,
.service .one .one-con li:hover p {
  color: #FFFFFF!important;
}
.service .one .one-con li:hover a {
  background-color: #FFFFFF!important;
  color: #5559a9!important;
}
.service .one .one-con li .one-icon {
  width: 88px;
  height: 88px;
  background-color: #e2e2e2;
  text-align: center;
  border-radius: 100%;
  line-height: 88px;
  margin: 0 auto;
}
.service .one .one-con li .one-icon img {
  vertical-align: middle;
}
.service .one .one-con li span {
  color: #262626;
  font-size: 20px;
  margin-top: 20px;
  display: inline-block;
}
.service .one .one-con li p {
  color: #787878;
  margin: 35px 0;
}
.service .one .one-con li a {
  display: inline-block;
  width: 128px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #5559a9;
  color: #FFFFFF;
  border-radius: 20px;
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.service .two {
  background-color: #FFFFFF;
}
.service .two .two-con {
  font-size: 0;
  position: relative;
  height: 678px;
}
.service .two .two-con img {
  width: 100%;
  height: 678px;
  object-fit: cover;
  position: absolute;
  z-index: -1;
}
.service .three {
  background-color: #FFFFFF;
}
.service .three .three-con {
  background: url(../images/seviceBg_02.png) center right no-repeat;
  height: 370px;
}
.service .three-con-left {
  float: left;
  margin-top: 36px;
}
.service .three-con-right {
  float: right;
  width: 47%;
}
.service .three-con-right p {
  font-weight: bold;
  font-size: 30px;
  color: #535353;
  margin: 75px 0 32px 0;
}
.service .three-con-right span {
  color: #413a3a;
  line-height: 28px;
  margin-bottom: 40px;
  display: inline-block;
}
.service .three-con-right a {
  float: right;
}
.service .four {
  margin-top: 20px;
  background: url(../images/sevice-bg1_02.png) top center no-repeat;
  height: 555px;
}
.service .four .four-con li {
  float: left;
  width: 30.33333333%;
  margin-left: 3%;
  font-size: 0;
  position: relative;
  overflow: hidden;
  height: 412px;
}
.service .four .four-con li:first-child {
  margin-left: 0!important;
}
.service .four .four-con li:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.service .four .four-con li img {
  height: 367px;
  width: 100%;
  z-index: 1;
  object-fit: cover;
  transition: all 0.6s;
}
.service .four .four-con li div {
  height: 85px;
  line-height: 85px;
  background-color: #FFFFFF;
  border: 1px solid #dcdcdc;
  margin-top: -42px;
  z-index: 5;
  text-align: center;
  font-size: 20px;
  color: #3d3d3d;
  margin-left: 6.1%;
  position: absolute;
  width: 94%;
}
.service .six {
  padding: 30px 0 90px 0;
}
.acticle {
  padding: 10px 0 110px 0;
  background-color: #FFFFFF;
  min-height: 438px;
}
.acticle >p {
  font-size: 26px;
  font-weight: bold;
  color: #272727;
  text-align: center;
}
.acticle .acticle-time {
  color: #575757;
  font-size: 14px;
  text-align: center;
  margin: 36px 0;
}
.acticle .acticle-con img {
  width: 100%;
  height: auto;
}
.address-box {
  position: relative;
  height: 352px;
}
.address-box .address-text {
  position: absolute;
  font-size: 40px;
  color: #ffffff;
  top: 40%;
}
.address-box .address-text:before {
  content: '';
  display: block;
  width: 50px;
  height: 8px;
  background-color: #FFFFFF;
  position: absolute;
  top: -30px;
}
.address-box img {
  width: 100%;
  height: 352px;
  object-fit: cover;
}
.address-box .address {
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-top: 1px solid #a3a5aa;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.address-box .address a {
  color: #FFFFFF;
}
.address-box .address a:last-child {
  color: #959595;
}
.address1 {
  background-color: #FFFFFF;
  color: #959595;
  padding: 30px 0;
}
.address1 a {
  color: #959595;
}
.two-con-li{
    width: 50%;
    height: 339px;
    display: inline-block;
    z-index: 2;
}
.wp{
    width: 100%;
    background-color: #4371a5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 30px 40px;
}
.wp .so-body{
    position: relative;
}
.wp .l-input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    height: 45px;
    font-size: 14px;
    padding-left: 30px;
    border-radius: 4px;
}
.wp .l-icon{
    position: absolute;
    right: 5px;
    top: 4px;
    height: 35px;
    width: 35px;
}
@keyframes round_animate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes round_animate025 {
  to {
    transform: rotate(0.25turn);
  }
}