* {
	margin: 0;
	padding: 0;
}

html {
	color: #000;
	background: #FFF;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.home {
	width: 100%;
	height: 640px;
	background: url("https://pigmcsdotcom.pigcms.com/kjqywx/hujiao/images/bannar-bg.png") no-repeat;
	background-size: 100% 100%;
}

.home-content {
	position: relative;
	width: 1200px;
	left: 50%;
	transform: translateX(-50%);
}

.home-content-title {
	position: absolute;
	top: 245px;
}
.home-content-btn {
	position: absolute;
	top: 460px;
	cursor: pointer;
}
.home-right {
  position: absolute;
  top: 50px;
  margin-left: 36%;
  width: 86%;
}
@keyframes swing1 {
  from {
      transform: rotate(45deg);
  }

  to {
      transform: rotate(-45deg);
  }
}
@keyframes swing {
  from {
      transform: rotate(10deg);
  }

  to {
      transform: rotate(-10deg);
  }
}

.call-bannar-center1{
  width: 350px;
  position: absolute;
  right: 16%;
  top: 26%;
  animation: swing1 1s infinite alternate;
  transform-origin: center;
}

.call-bannar-center2{
  position: absolute;
  top: 33%;
  right: 40%;
  animation: icon-top 4s infinite;
}

.call-bannar-center3{
  position: absolute;
  top: 41%;
  right: 0%;
  animation: icon-top 4s infinite;
}

.call-bannar-center4{
  position: absolute;
  top: 8%;
  right: 15%;
  animation: icon-top 4s infinite;
}


.bannar-center-box{
  width:483px;
  height:600px;
  position: absolute;
  right:0px;
}

.related {
	height: 850px;
	background-color: #FFFFFF;
	min-width: 1200px;
	padding-top: 70px;
	box-sizing: border-box;
}

.related-part {
	width: 1200px;
	margin: auto;
	height: 740px;
  margin-top: 90px;
}

.related-card {
  width: 270px;
  height: 280px;
  background-color: #FFFFFF;
  border-radius: 6px;
  float: left;
  margin-right: 38px;
  margin-bottom: 34px;
  box-sizing: border-box;
  border: 2px solid #FFFFFF;
  box-shadow: 1px 10px 43px 0px rgba(71, 71, 71, 0.1);
  padding: 26px 20px 0px 20px;
}

.related-card:nth-child(4), .related-card:nth-child(8) {
	margin-right: 0;
}

.related-card:hover {
	box-shadow: 2px 19px 40px 0px rgba(75, 149, 252, 0.13);
    transform: scale(1.1);
    transition: all 1s;
    /*border: 2px solid rgb(75, 149, 252);*/
}

.related-card-img {
	text-align: center;
	margin-bottom: 21px;
  margin-top: 57px;
}

.related-card-title1 {
	font-size: 20px;
	font-weight: bold;
	color: #141E38;
	line-height: 25px;
	text-align: center;
	margin-bottom: 14px;
}

.related-card-title2 {
	text-align: left;
	font-size: 15px;
	color: #666;
	line-height: 28px;
}

.related-card-text {
	font-size: 14px;
	font-weight: 400;
	color: #5C6276;
	line-height: 22px;
  text-align: center;
}

.related-card:hover .related-card-img > img {
	transform: scale(1.2);
	transition: all 1s;
}

.action-p1 {
	text-align: center;
	font-size: 32px;
	color: #000;
}

.action-p2 {
	text-align: center;
	margin: 13px 0 92px;
	font-size: 18px;
	color: #54545A;
}

.three {
	width: 100%;
	height: 647px;
	padding-top: 100px;
	background-color: #FFFFFF;
}
.three-content {
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
.three-p1 {
	margin-bottom: 21px;
}
.three-title {
	font-size: 34px;
	font-weight: 800;
	color: #0D1426;
	margin-top: 49px;
}
.three-title2 {
	font-size: 36px;
	font-weight: 800;
	color: #0D1426;
	margin-top: 44px;
}
.three-title4 {
	font-size: 36px;
	font-weight: 800;
	color: #0D1426;
	margin-top: 103px;
}
.three-title6 {
	font-size: 36px;
	font-weight: 800;
	color: #0D1426;
	margin-top: 73px;
}

.three-desc {
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0D1426;
  line-height: 30px;
  margin-top: 37px;
  max-width: 463px;
}
.three-desc1 {
	font-size: 18px;
	font-weight: 500;
	color: #54545A;
	line-height: 28px;
	margin-bottom: 9px;
}
.three-circle {
	vertical-align: middle;
	width: 6px;
	height: 6px;
	background: #749EFF;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
}
.free-user, .ask-custom {
	display: inline-block;
	width: 134px;
	/*height: 54px;*/
	line-height: 54px;
	border-radius: 4px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.free-user {
	background: linear-gradient(90deg, #4A6EE4, #6066D3, #749EFF, #306AEE);
	color: #FFFFFF;
	text-align: center;
	margin-right: 16px;
}
.ask-custom {
	background: #FFFFFF;
	color: #306AEE;
	border: 1px solid #2563D9;

}

.four {
	width: 100%;
	height: 800px;
	padding-top: 100px;
	background-color: #FFFFFF;
}
.four-content {
	text-align: center;
	width: 1202px;
	margin: 0 auto;
}
.four-p1 {
	margin-bottom: 84px;
}
.four-list {
	height: 168px;
	margin-bottom: 68px;
}
.four-item {
	width: 122px;
	height: 168px;
	margin-right: 94px;
	float: left;
}
.four-item:last-child {
	margin-right: 0px!important;
}
.four-item-desc {
	margin-top: 28px;
	font-size: 16px;
	font-weight: 400;
	color: #515259;
}



.foot_bt {
	padding: 40px 0 10px 0;
	background: #373D44;
}

.w1200 {
	margin: 0 auto;
	background: #383D43;
	text-align: center;
}

.qr-btn {
	font-size: 14px;
	margin: 0 auto;
	width: 99px;
	height: 38px;
	line-height: 38px;
	color: #FDFDFD;
	background: linear-gradient(90deg, #437EEB, #78A1F2);
	border: 1px solid #3181F3;
	box-shadow: 0px 4px 0px 0px rgba(219, 223, 232, 0.89);
	border-radius: 4px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}
.banner {
    background: #2658e7 center !important;
}

.kjjr_box{
  position: relative;
}
.kjjr-l{
  position: absolute;
  left: -135px;
  top: 30%;
  transform: translateY(-50%);
  animation:icon-top1 4s infinite;
}
.kjjr-r{
  position: absolute;
  right: 0px;
  top: 75%;
  animation: swing 1s infinite alternate;
  transform-origin: center;
}

@keyframes icon-top {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名�?*/
	0% {
		transform: scale(1);
		/*开始为原始大�?*/
	}
	25% {
		transform: scale(0.7);
		/*放�?1.1�?*/
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(0.7);
	}
}

@keyframes icon-top1 {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名�?*/
	0% {
		transform: scale(0.7);
		/*开始为原始大�?*/
	}
	25% {
		transform: scale(1);
		/*放�?1.1�?*/
	}
	50% {
		transform: scale(0.7);
	}
	75% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.7);
	}
}

@keyframes swing {
  from {
      transform: rotate(10deg);
  }

  to {
      transform: rotate(-10deg);
  }
}
.thjl-box{
  position: relative;
}
.thjl-icon{
  position: absolute;
  top: -68px;
  right: 190px;
  width: 124px;
  animation: icon-top 4s infinite;
}
.hjtj_bg{
  width: 712px;
  margin-top: 110px;
}
.hjtj_icon{
	position: absolute;
	top: 20px;
	right: 79px;
	animation: icon-top 9s infinite;
}
.wxth_bg{
  width: 600px;
  margin-top: 30px;
}
.wxth_box{
  position: relative;
}
.wxth_tc{
  position: absolute;
  width: 200px;
  top: 37%;
  left: 10%;
  /* animation: swing 1.5s ease-in-out infinite alternate; */
  /* transform-origin: 100px 130px; */
}
.all_left__title{
  width: 480px;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  line-height: 36px;
}
.all_left__extitle{
  width: 447px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #9A9CA1;
  line-height: 24px;
  margin-top:28px;
}
.all_left_contentItem_top{
  display: flex;
}
.all_left_contentItem_top_text{
  margin-left:17px;
  font-weight: bold;
}
.all_left_contentItem{
  margin: 20px 0px;
}
.all_left_contentItem_content{
  margin-top:21px;
  width: 396px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #909399;
  line-height: 24px;
  margin-left:35px;
}
.cost {
	background-color: #F9FAFF;
	width: 100%;
	height: 1157px;
	box-sizing: border-box;
	text-align: center;
}

.cost-w1200 {
	width: 1200px;
	margin: auto;
	height: 100%;
	padding-top: 100px;
}

.cost-h854 {
	height: 854px;
	width: 100%;
}
.cost-item {
	vertical-align: top;
	width: 170px;
	height: 854px;
	display: inline-block;
}
.cost-item:last-child {
	width: 142px;
	height: 854px;
	display: inline-block;
}
.company {
	width: 142px;
	height: 142px;
	background: #FFFFFF;
	box-shadow: 0px 4px 25px 0px rgba(20, 58, 126, 0.14);
	border-radius: 6px;
	margin-top: 26px;
}
.company-name{
	font-size: 12px;
	color: #8C8C8C;
}
.gjxydBox{
  width: 1200px;
  margin: auto;
  height: 740px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wh{float: left; text-align: left; width: 535px;height: 454px; margin-top: 70px;}
.three-wh{background: #F0F5FB !important; height: 519px; padding-top: 70px;}
.wh1{float: left; text-align: left; width: 535px;height: 454px; margin-top: 70px;}
.wh2{float: left; width: 694px;}
.wh3{float: left; text-align: left; width: 506px;height: 530px; margin-top: 14px;}
.wh4{height: 597px; padding-top: 0px;}
.wh5{float: left; text-align: left; width: 506px;height: 530px; margin-top: 82px;}
.wh6{background: #F0F5FB !important; height: 519px; padding-top: 70px;}
.wh7{float: left; text-align: left; width: 506px;height:725px;background: #fff;}
.wh8{float: left; text-align: left; width: 694px;height:725px;background: #fff; visibility: visible; }
.wh9{width: 952px;margin-left: -50px;}

.cxbpc{display: block;}
.cxbmobile{display: none;}