* {
	margin: 0;
	padding: 0;
}

html {
	color: #000;
	background: #FFF;
	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)
}

body {
	/*font-family: Microsoft YaHei, Arial, Helvetica, "\534E\6587\9ED1\4F53", sans-serif;*/
	font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;
	color: #333;
    overflow-x: hidden;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

.contain {
	min-width: 1200px;
	margin: auto;
}

.swiper-container {
	width: 100%;
	height: 100%;
  background: #1e232f !important;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #FFF;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	background: #FFF;
}

.swiper-pagination-bullet-active {
	width: 30px;
	height: 9px;
	border-radius: 20px;
	background: #FFF;
}

.header1 {
	width: 100%;
	height: 630px;
	/* background: url('https://pigmcsdotcom.pigcms.com/qywxscrm/images/banner1/bg.png') no-repeat 0 center;
   */
   background: #22ad85;;/* 修改 */
	background-size: 100% 100%;
}

.banner {
	position: fixed;
	top: 0;
	width: 100%;
	height: 64px;
background:#22ad85;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	z-index: 999;
}

.logo {
	margin-top: 18px;
	float: left;
	line-height: 63px;
	font-size: 24px;
}

.tab {
	float: right;
}

.tab-link {
	padding: 0 20px;
	line-height: 63px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}

.tab-link1 {
	padding: 0 20px;
	line-height: 63px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}

.adv_active {
	border-bottom: 2px solid #FFFFFF;
}

.tab-link:hover {
	border-bottom: 2px solid #FFF;
}

.tab-btn {
	display: inline-block;
	width: 102px;
	height: 32px;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	line-height: 32px;
	margin-left: 32px;
	cursor: pointer;
}

.tab-btn2 {
	display: inline-block;
	width: 240px;
	height: 32px;
	color: #FFF;
	text-align: center;
	line-height: 32px;
	margin-left: 34px;
	display: none;
}

.tab-btn2-enter {
	display: inline-block;
	width: 90px;
	height: 32px;
	background: #E7E5EE;
	color: #0C43C0;
	border-radius: 25px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}

.tab-btn2-enter:hover {
	background: #FFF;
}

.tab-btn2-enter a {
	color: #0C43C0;
}

.header1-txt {
	/*position: absolute;*/
	/*top: 152px;*/
	/*left: 50%;*/
	/*margin-left: -359.5px;*/
}

.header1-txt-first {
	position: absolute;
	left: 0px;
	top: 168px;
}

.header1-txt-second {
	position: absolute;
	left: 0px;
	top: 320px;
}

.mainContent{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 565px;
	margin-top: 65px;
}

.hearder1-btn {
	padding:16px 58px;
	color: #2658e7;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	left: 0px;
	bottom: 90px;
}

.hearder1-btn:hover {
	background: #3078f1;
	color: #fff;
}

.header1-img {
	/*position: relative;*/
	position: absolute;
  bottom: 120px;
  right: 60px;
}

.header1-img-first {
	position: absolute;
  top: 117px;
  left: 19%;
  margin-left: -80px;
  z-index: 999;
  animation: breath 6s infinite ease-out;
}

.header1-img-second {
  position: absolute;
  top: -89px;
  left: 80%;
  margin-left: -271px;
  animation: scalebs1 4s infinite ease-out;
}

.header1-img-third {
  position: absolute;
  top: 176px;
  left: 129%;
  margin-left: -323px;
  animation: breath 6s infinite ease-out;
}
.header-img1{
  animation: scalebs1 4s infinite ease-out;
}

.header1-img-four {
  position: absolute;
  top: 41px;
  left: 174%;
  margin-left: -383px;
  animation: breath 6s infinite ease-out;
}

.header1-img-five {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -473px;
}

.header1-img-six {
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -600px;
}

.swiper-slide {
	overflow: hidden;
}

/* @keyframes bounce{
  
} */
@keyframes scale{
  0% {
    transform:scale(1);
  }
  10%{
    transform:scale(1.2);
  }
  50%{
    transform:scale(1.25);
  }
  70%{
    transform:scale(1.2);
  }
  100%{
    transform:scale(1);
  }
}

@-webkit-keyframes breath {
	0% {
		-webkit-transform: scale(0.5, 0.5);
	}
	50% {
		-webkit-transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(0.5, 0.5);
	}
}

@-webkit-keyframes breath2 {
	0% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(0.5, 0.5);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}

@-webkit-keyframes gogogo {
	0% {
		-webkit-transform: scale(1, 1);
	}
	50% {
		-webkit-transform: scale(1.05, 1.05);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}

/*鏀圭増*/
.privateAll{
  height: 610px;
  background: #EFF1F4;
}

.private {
	height: 512px;
	width: 1200px;
	margin: auto;
}

.private-title {
	margin: auto;
	padding-top:90px;
	text-align: center;
}

.private-card {
	width: 1200px;
	height: 280px;
	border-radius: 4px;
	margin-top: 90px;
	font-size: 0;
	position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.private-card-pard{
  width: 220px;
  background: #fff;
  height: 280px;
  text-align: center;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}
.private-card-pard:hover{
  transform: scale(1.05);
  transition-duration: 1.2s;
}
.private-card-pard:hover img{
  animation:bounce 1s ease 0s 1 both;
  /* animation:bounce 1s ease 0s  both ; */
  /* animation:tada 1s ease 0s infinite both;
  transform: scale(1.2) ;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1); */
}
.private-card-pard img{
  margin-top: 20%;
}
.private-card-pard p{
  width: 62%;
  margin: 25% 20% 0%;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}

/* 云通信SCRM解决方案 */
.connect{
  width: 1200px;
	margin: auto;
  padding-bottom: 30px;
  padding-top: 10px;
  box-sizing: border-box;
}
.connect_body_bg{
  width:100%;
}
.connect-title p{
  margin-top:90px;
  margin-bottom:30px;
}

/*鏀圭増缁撴潫*/

.system {
	height: 660px;
	background-color: #fff;
	box-sizing: border-box;
}

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

.system-p2 {
	font-size: 18px;
	color: #666;
	text-align: center;
	margin: 18px 0 28px;
}

.system-body {
	width: 1200px;
	height: 100%;
	margin: auto;
}

.system-body-left {
	width: 600px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.system-body-left-part {
	margin: 45px 0;
	overflow: hidden;
}

.system-body-left-text {
	width: calc(100% - 71px);
	float: left;
}

.system-body-left-btn {
	display: inline-block;
	width: 136px;
	height: 48px;
	border-radius: 4px;
	text-align: center;
	line-height: 48px;
	color: #fff;
}

.system-body-left-btn1 {
	background: linear-gradient(90deg, #018AFF, #60B4FF);
	cursor: pointer;
}

.system-body-left-btn2{
	background: transparent;
	color: #0b8eff;
	background: url("../../qywxscrm/images/btnbg.png")/*tpa=https://pigmcsdotcom.pigcms.com/qywxscrm/images/btnbg.png*/;
	background-color:#fafcff;
	cursor: pointer;
	margin-left:17px;
	/*border-image:linear-gradient(to right,#018AFF, #60B4FF) 1 10;*/
}


.dot{
	font-style: normal;
	display: inline-block;
	color: #75afff;
	margin-right: 10px;
}

/* 点击拨号-销售电话，企业付费 */
.system-body-right {
	float: left;
	width: calc(100% - 600px);
	height: 100%;
	box-sizing: border-box;
  position: relative;
  text-align: center;
}
.system-body-right-bg{
  position: absolute;
  top: 158px;
  left: 22%;
  transform: translateX(-50%);
  z-index: 5;
  animation: tada 1s ease 0s infinite both;
}
.system-body-right-circle1{
  position: absolute;
  top: 116px;
  left: 86px;
  z-index: 10;
  /* animation: rotateS 6s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.5s infinite; */
}
.system-body-right-circle2{
  position: absolute;
  top: 75px;
  left: 45px;
  z-index: 1;
  /* animation: rotateS 3s linear 0.5s infinite; */
}

.system-body-right-people1{
  position: absolute;
  top: 36px;
  right: 22%;
  z-index: 100;
  animation:pulse 1s ease 0s infinite both;
}

.system-body-right-people2{
  right: 2%;
  top: 60%;
  position: absolute;
  z-index: 100;
  animation:pulse 1s ease 0s infinite both;
}

.system-body-right-people3{
  right: 45%;
  bottom: 2%;
  position: absolute;
  z-index: 100;
  animation:pulse 1s ease 0s infinite both;
}

.system-body-right-people4{
  left: -4%;
  top: 50%;
  position: absolute;
  z-index: 100;
  animation:pulse 1s ease 0s infinite both;
}

.system-body-right-people5{
  left: 6%;
  top: 13%;
  position: absolute;
  z-index: 100;
  animation:pulse 1s ease 0s infinite both;
}

.helper-w1200, .trends-w1200 {
	width: 1200px;
	margin: auto;
}

.active {
	display: block;
}

.hide {
	display: none;
}

.helper {
	min-width: 1200px;
	height:680px;
	box-sizing: border-box;
	text-align: center;
}

.helper-p1 {
	font-size: 32px;
	color: #000;
}

.helper-p2 {
	font-size: 16px;
	color: #666;
	margin: 22px 0 70px;
}

.helper-body {
	height: 680px;
}

.helper-body-btn-group{
	margin-top:90px;
}

.helper-body-header {
	height: 40px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #E9E9E9;
}

.helper-body-header-part {
	width: 20%;
	height: 40px;
	border-right: solid 1px #E9E9E9;
	float: left;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	line-height: 40px;
	cursor: pointer;
}

.helper-body-header-part:first-child {
	background: #376EF2;
	color: #FFF;
}

.helper-body-header-part:last-child {
	border-right: 0;
}

.helper-body-content {
	height: 100%;
	box-sizing: border-box;
	color: #333;
}

.helper-body-content-left {
	padding-left: 40px;
	width: calc(100% - 660px);
	padding-top:200px;
	/* height: 100%; */
	box-sizing: border-box;
	text-align: left;
	float: right;
}

.helper-body-content-right {
	max-width: 604px;
	max-height: 528px;
}

.helper-body-content-left-p1 {
	width: 432px;
	font-size: 36px;
  font-family: PingFang SC;
  /* font-weight: 800; */
  color: #0D1426;
  /* line-height: 25px; */
}

.helper-body-content-left-p2 {
	margin-top:37px;
	width: 460px;
	height: 58px;
	font-size: 15px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #646566;
	line-height: 24px;
}

.helper-body-content-left-p2 p,.saleScrm_left_text p{
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #54545A;
  line-height: 28px;
}

.helper_Img_box{
	position: relative;
	width: calc(100% - 540px);
	height: calc(100% - 64px);
	margin-top: 64px;
}

.bottom {
	height: 232px;
	background: url("../images/bottom-bg.png")/*tpa=https://pigmcsdotcom.pigcms.com/yhjscrm/images/bottom-bg.png*/ no-repeat 0 center;
	background-size: 100% 100%;
	position: relative;
	margin-bottom: -1px;
}

.bottom-text {
  height: 37px;
	position: absolute;
	top: 67px;
	left: 50%;
	transform: translateX(-50%);
}


.bottom-btn {
	width: 165px;
	height: 38px;
	border: 1px solid #FFFFFF;
	border-radius: 2px;
	position: absolute;
	text-align: center;
	line-height: 38px;
	color: #fff;
	bottom: 45px;
	left: 50%;
	transform: translate(-50%);
}

.bottom-btn:hover {
	background: #fafcff;
	color:#00b085;
}

/* 更多功能支持 */
.moreSupport{
  margin: 0 auto;
  text-align: center;
  background: #F8FAFC;
}

.moreTitle{
  font-size: 36px;
  font-family: PingFang SC;
  /* font-weight: bold; */
  color: #0D1426;
}

.moreSupportInner{
  width:1200px;
  margin: 0 auto;
  text-align: center;
}

.moreSupportContent{
  width:100%; 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 60px;
}

.moreSupportItem{
  width:180px;
}

.moreSupportItem:hover img{
  animation:flipInY 1.5s ease 0s 1 both;
}

.moreSupportItem p{
  margin-top:15px;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}

.contact {
	position: fixed;
	right: 20px;
	top: 290px;
	z-index: 9999999;
}


@media (max-width: 1024px) {
	.contact {
		position: fixed;
		right: 20px;
		top: 250px;
		z-index: 9999999;
	}
}

.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	display: none;
}

.popupbox {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 386px;
  height: 430px;
  background: url("../images/poupBg.png")/*tpa=https://pigmcsdotcom.pigcms.com/yhjscrm/images/poupBg.png*/ no-repeat;
  background-size: contain;
}

.popupbox_title{
  position: absolute;
  font-size: 20px;
  font-family: PingFang SC;
  color: #FFFFFF;
  line-height: 60px;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  width: 266px;
  text-align: center;
}

.popup-img {
  width: 209px;
  position: relative;
  left: 50%;
  top: 40%;
  transform: translate(-50%);
}

.foot_bt {
	height: 99px;
	position: relative;
	background:#333;
	line-height: 99px;
	    text-align: center;
	    color: #999;
}
.foot_bt a{color: #999;}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.ul_server {
	margin-right: 120px;
}

.ul_server li a.ft_a {
	color: #FFF;
	line-height: 40px;
	font-size: 14px;
}

.ul_server li a.ft_a:hover {
	color: #4F87FB;
}

.ul_server li dl {
	padding: 10px 0 0 70px;
	position: relative;
	margin: 9px 0;
}

.ul_server li dl dd a {
	font-size: 14px;
	color: #FFF;
	line-height: 26px;
}

.ul_server li dl dd a:hover {
	color: #4F87FB;
}

.ul_server li dl dt {
	color: #B2B6B6;
	font-size: 12px;
}

.ul_server li dl .icon_server {
	position: absolute;
	left: 0;
	top: 10px
}

.p_til {
	color: #FFF;
	line-height: 40px;
	font-size: 14px;
}

.ul_hz {
	width: 480px;
	margin-top: 20px;
}

.ul_hz li {
	float: left;
	width: 120px;
	height: 50px;
}

.foot_line {
	border-top: 1px solid #333940;
	margin-top: 60px;
	padding: 30px 0;
	color: #B2B6B6;
	font-size: 12px;
}

.foot_line span {
	margin-right: 20px;
	padding: 10px 0;
}

.foot_line span.foot_logo {
	padding-left: 90px;
}

.rightPoupEwm {
  margin-top: 55%;
  margin-left: 24%;
  width: 90px;
  height: 90px;
  background: url("../images/ewm.png")/*tpa=https://pigmcsdotcom.pigcms.com/yhjscrm/images/ewm.png*/ no-repeat center;
}

.rightPoupText1{
  margin-top: 20px;
  margin-left: 19%;
  color: #ffffffc7;
}

.rightPoupText2{
  margin-top: 8px;
  margin-left: 33%;
  width: 64px;
  font-size: 14px;
  color: #ffffffc7;
}

.ss-ym-box {
	background: rgba(245, 248, 250, 1)
}

.ss-ym-list {
	border-right: 1px solid #FFF
}

.ss-ym-list li {
	width: 25%;
	float: left;
}

.ss-ym-list li:hover {
	background: rgba(236, 240, 250, 1)
}

.ss-ym-list-cont {
	margin-top: 3px;
}

.ss-ym-list-cont h2 {
	font-size: 18px;
	color: #333;
	padding-bottom: 5px
}

.ss-ym-list-img {
	margin-right: 5px;
	margin-left: 45px;
}

.ss-ym-list-img img {
	display: block;
	width: 50px;
	height: 50px;
}

.ss-ym-list-cont p {
	font-weight: normal;
	font-size: 12px;
	color: #999
}

.ss-ym-list-inner {
	border-left: 1px solid #FFF;
	overflow: hidden;
	padding: 25px 0px
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 20px;
	left: 0;
	width: 100%;
}

.trends-card-text-title:hover a {
	color: #22ad85;
}

.trends-card-text-title a {
	color: #454F66;
}

.rightPoup{
	position: fixed;
	right: 10px;
	bottom: 70px;
	z-index: 1000;
	width: 166px;
    height: 280px;
	background: url("../images/right_lx_bg.png")/*tpa=https://pigmcsdotcom.pigcms.com/yhjscrm/images/right_lx_bg.png*/ no-repeat center;
}

@-webkit-keyframes aLmove {
	0% {
		-webkit-transform: translateX(40px);
	}

  50%{
      -webkit-transform: translateX(-40px);
  }

	100% {
		-webkit-transform: translateX(40px);
	}
}

@-webkit-keyframes armove {
	0% {
		-webkit-transform: translateX(100px);
	}
	50% {
		-webkit-transform: translateX(50px);
	}
	100% {
		-webkit-transform: translateX(0px);
	}
}

@-webkit-keyframes  rotateS{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}

@-webkit-keyframes scalebs{
	0%{transform: scale(1);  }
	25%{ transform: scale(0.8); }
	50%{ transform: scale(1);  }
	75%{transform: scale(0.8);}
}
@-webkit-keyframes scalebs1{
	0%{transform: scale(1);  }
	25%{ transform: scale(0.96); }
	50%{ transform: scale(1);  }
	75%{transform: scale(0.96);}
}
@-webkit-keyframes  rotatey{
	0%{transform:rotate(-60deg)}
	100%{transform:rotate(60deg)}
}

/*新增修改头部*/
.contain {
	min-width: 1200px;
	margin: auto;
}

.banner {
	position: fixed;
	top: 0;
	width: 100%;
	height: 63px;
	z-index: 999;
	/*background: #1B62E1;*/
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tab {
	float: right;
}

.tab-link {
	padding: 0 20px;
	line-height: 60px;
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
}

.tab-link1 {
	padding: 0 20px;
	line-height: 63px;
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
}

.upInprove .helper-body-content-left {
	width: calc(100% - 630px);
}

.firstConnect{
  height: 600px;
}

.firstConnect_right{
  float: left;
  height: 100%;
  width: 630px;
  position: relative;
}

.firstConnect_bg{
  top: 24%;
  position: absolute;
  left: 47%;
  transform: translate(-50%);
}

.firstConnect_icon{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 58%;
  top: 15%;
  animation:heartBeat 1s ease 0s infinite both;
}

/* 实时掌控电销情况，综合衡量人员效率和水平 */
.realTime{
  height: 660px;
  background: #F7F9FF;
  width: 100%;
  margin: 0 auto;
}

.realTime-body{
  width:1200px;
  text-align: center;
  margin: 0 auto;
  height:100%;
}

.realTime-body-left{
  width: 600px;
  height: 100%;
  float: left;
}

.realTime-right{
  position: relative;
  width: calc(100% - 600px);
  height: 100%;
  float: right;
}

.realTime-body-left-title{
  text-align: left;
  width: 500px;
  height: 82px;
  font-size: 36px;
  font-family: PingFang SC;
  color: #0D1426;
  line-height: 48px;
  margin-top: 200px !important;
}

.realTime-body-left-text{
  text-align: left;
  width: 500px;
  margin-top: 40px;
  height: 46px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #54545A;
  line-height: 28px;
}

.realTime_bg{
  margin-left: 161px;
  margin-top: 14%;
  animation: backInRight 2s ease-out;
}

.realTime_icon{
  position: absolute;
  left: 0px;
  top: 38%;
  transform: translateY(-50%);
  animation: bounceIn 2s infinite ease-out;
}

/* 高效培育客户，建立客户信任 */
.buildTrust_icon3{
  position: absolute;
  top:21%;
  left: 37%;
  animation: breath 6s infinite ease-out;
}

.buildTrust_icon2{
  position: absolute;
  top: 15%;
  left: 62%;
  animation: breath 6s infinite ease-out;
}

.buildTrust_icon1{
  position: absolute;
  top: 68%;
  left: 61%;
  animation: shakeY 4s infinite ease-in-out;
}

.buildTrust_bg{
  position: absolute;
  top: 32%;
  left: 8%;
}
.saleScrm_left_text{
  margin-top: 0px;
  text-align: left;
  width: 511px;
}
.saleScrm_right_bg{
  position: absolute;
  top: 13%;
  left: 8%;
  transform: translateX(-50%);
  animation:tada 4s infinite ease-in-out;
}
.saleScrm_right_icon1{
  position: absolute;
  top: 63%;
  left: 7%;
  animation:pulse 4s infinite ease-in-out;
}
.saleScrm_right_icon2{
  position: absolute;
  top: 53%;
  left: 80%;
  animation:pulse 4s infinite ease-in-out;
}
.saleScrm_right_icon3{
  position: absolute;
  top: 18%;
  left: 71%;
  animation:pulse 4s infinite ease-in-out;
}
.saleScrm_right_icon4{
  position: absolute;
  top: 31%;
  left: 0%;
  animation:pulse 4s infinite ease-in-out;
}
.highCall_bg{
  position: absolute;
  top: 16%;
}
.highCall_icon1{
  position: absolute;
  right: 10%;
  top: 50%;
  animation:breath 3s infinite ease-in-out;
}
.highCall_icon2{
  position: absolute;
  right: 23%;
  top: 81%;
  animation:breath 3s infinite ease-in-out;
}
.wxgl_bg{
  position: absolute;
  top: 10%;
}
.refinedOperation_bg{
  position: absolute;
  z-index: 1;
  top: 8%;
  left: 30%;
  animation: scalebs1 2s infinite ease-out;
}
.refinedOperation_icon{
  position: absolute;
  top: 25%;
}
.numberic_bg1{
  position: absolute;
  top: 25%;
  animation: backInLeft 3s ease-out;
}
.numberic_bg2{
  position: absolute;
  top: 20%;
  left: 31%;
  animation: backInLeft 2s ease-out;
}
.numberic_icon1{
  position: absolute;
  top: 25%;
  left: 54%;
  animation: backInRight 1s ease-out,aLmove infinite 7s
}
.numberic_icon2{
  position: absolute;
  top: 48%;
  left: 54%;
  animation: backInRight 1.5s ease-out,aLmove infinite 7s;
}

.trends-w1200{
	width: 1200px;
    margin: auto;
}

.trends {
	height: 420px;
	background: url("../../kuaijingkaquan/images/trends/bg.png")/*tpa=https://pigmcsdotcom.pigcms.com/kuaijingkaquan/images/trends/bg.png*/ no-repeat 0 center;
	background-size: 100% 100%;
	padding-top: 79px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

.trends-card {
	width: 50%;
	height: 104px;
	float: left;
	padding: 23px 10px;
	box-sizing: border-box;
}

.trends-p1 {
	font-size: 32px;
	color: #000;
}

.trends-p2 {
	font-size: 16px;
	color: #666;
	margin: 21px 0 94px;
}

.trends-card-circle {
	width: 56px;
	height: 56px;
	background-color: #F6F9FF;
	border-radius: 50%;
	font-size: 22px;
	color: #376EF2;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 56px;
	float: left;
}

.trends-card-text {
	width: 325px;
	float: left;
	text-align: left;
	margin: 0 75px 0 6px;
}

.trends-card-text-title a {
    color: #454F66;
}

.trends-card-text-title {
	font-size: 15px;
	color: #454F66;
	margin-bottom: 18px;
}

.trends-card-text-content {
	font-size: 14px;
	color: #9AA3B7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trends-card-btn {
	width: 144px;
	height: 56px;
	background-color: #F6F9FF;
	border-radius: 28px;
	float: left;
	font-size: 14px;
	color: #22ad85;
	line-height: 56px;
	cursor: pointer;
}

.trends-card:hover {
	box-shadow: 0px 8px 29px 0px #F2F2F5;
	background: #FFF;
}

.trends-card:active .trends-card-btn {
	background-color: #F2F2F5;
}

.trends-btn {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -20px;
}

.trends-btn a {
	display: inline-block;
	height: 40px;
	border-radius: 50%;
}

.trends-btn a:hover {
	box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}

.page-icon {
	position: absolute;
	width: 84px;
	display: inline-block;
	height: 74px;
	vertical-align: top;
	line-height: 86px;
	margin-top: 300px;
	cursor: pointer;
}
.page-front {
	display: none;
}
.page-front, .page-next {
	background: url("../images/white.png")/*tpa=https://pigmcsdotcom.pigcms.com/yhjscrm/images/white.png*/ no-repeat 100% 100%;
}

.trends-btn {
	position: absolute;
	margin-top: 735px;
	left: 50%;
	margin-left: -70px;
	width: 140px;
	height: 46px;
	line-height: 45px;
	border-radius: 23px;
}
#c1, #c2 {
	margin: 0 42px;
}
.trends-btn span {
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
}

.trends-btn a:hover {
	box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}


/* 客服样式*/
.y-kefu-box { position: fixed; right: 0; bottom: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; 
background: url(../images/ico2.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #f97f0c; position: absolute; bottom:-12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #f97f0c; border-color: #f97f0c; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #f97f0c; border-color: #f97f0c;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px; }
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -151px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -151px; }


.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 

/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #f97f0c; font-size: 18px; }
.y-kefu-box .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
.y-kefu-box .right-arrow1,.y-kefu-box .right-arrow2 {width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
.y-kefu-box .right-arrow1 {left: 1px;border-left: 6px #efefef solid;}
.y-kefu-box .right-arrow2 {border-left: 6px white solid;}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #f97f0c; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }