* {

  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 {

  0 0 no-repeat;

  left: 3%;

}

.main .banner .next {

  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;

  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 {

  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%;

  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;

  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;

  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 {

  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;

  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 {

  right 0 no-repeat;

  background-size: 100% 100%;

  left: 6%;

}

.main .build {

  height: 648px;

  background: #ffffff  top center no-repeat;

}

.main .build .build-bg {

  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 {

  

  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 {

  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;

  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);

  }

}