.section_title .top_tip {
	background-color: #FDBB0C;
    width: 72px;
    height: 6px;
    margin: 0 auto;
}
.text_area .section_title .top_tip {margin: 0;}
/*产品介绍样式*/
.section1{
	width: 100%;
	height: 565px;
	text-align: center;
	background: url(../assets/img/banner_bg.png) no-repeat center;
	background-size: cover;
}
.section1>div{
	margin-top: 100px;
	display: inline-block;
}
.section1>div>div{
	display: inline-block;
	vertical-align: top;
}
.section1 .left_msg{
	text-align: left;
	padding:100px 0 ;
}
.left_msg .title{
	height:64px;
	font-size:44px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:64px;
}
.left_msg .info{
	height:24px;
	font-size:24px;
	color:rgba(255,255,255,0.7);
	line-height:36px;
}
.left_msg .button{
	margin-top: 40px;
}
.button>div{
	display: inline-block;
	height:56px;
	border-radius:28px;
	border:2px solid rgba(255,255,255,1);
	box-sizing: border-box;
	padding: 0 10px;
}
.button>div>span{
	display: block;
	height:56px;
	font-size:18px;
	color:rgba(255,255,255,1);
	line-height:56px;
}
.section1 .right_pic{
	margin-left: 40px;
}
.section2{text-align: center;}
.section2>div{
	width: 1180px;
	height:917px;
	display: inline-block;
	position: relative;
}
.section2>div>div:nth-child(1){
	position: absolute;
	top: -60px;
	left: 0;
	width:1180px;
	height:917px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 20px 6px rgba(83,132,255,0.12);
	border-radius:20px;
	padding: 40px;
	box-sizing: border-box;
}
.section2 .section_title{
	padding: 20px 0 0;
}
.section3>div{
	height: 731px;
	background:url(../assets/img/All_channels_bg3.png) no-repeat center;
	background-size: cover;
}
.section3 .section_title{margin-top: 120px;}
.section4>div:nth-child(1){
	width: 1180px;
	height: 2100px;
	margin: 0 auto;
	position: relative;
}
.section4>div>div{
	position: absolute;
	z-index: 99;
	top: -400px;
	left: 0;
}
.section4>div>div>div{
	width:1180px;
	height:460px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 20px 6px rgba(83,132,255,0.12);
	border-radius:8px;
	padding: 40px;
	box-sizing: border-box;
}
.section4>div>div>div:not(:first-child){margin-top: 40px;}
.section4 .text_area{
	width: 545px;
	padding: 54px;
	display: inline-block;
	margin-top: 60px;
	box-sizing: border-box;
	vertical-align: top;
}
.section4 .pictures{
	display: inline-block;
	vertical-align: top;
}
.fullchannal .section4 .pictures{line-height: 380px;}
.section4 .text_area .title{
	height:24px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:24px;
}
.section4 .text_area .info{
	font-size:16px;
	color:rgba(35,36,39,1);
	line-height:32px;
	margin-top: 36px;
}
.section5{
	height:121px;
	background:rgba(33,63,192,1);
	overflow: hidden;
}
.section5>div{
	width: 1180px;
	margin: 30px auto;
}
.section5 .title{
	color: #fff;
	width: 550px;
	float: left;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	margin: 10px 0;
}
.section5 .button{
	float: right;
	display: inline-block;
}
/*云趣*/
.yunfun .section1>div{
	position: relative;
}
.yunfun .left_msg{
	position: absolute;
	top:100px;
	left: 0;
}
.yunfun .process{margin-top: 40px;}
.yunfun .process>div>ul:after{
	content: '';
	clear: both;
	overflow: hidden;
	white-space: nowrap;
}
.yunfun .process>div>ul{margin:0 auto;overflow: hidden;width: 864px;}
.yunfun .process>div>ul>li{
	float: left;
}
.yunfun .process>div>ul>li:nth-child(odd){
	padding: 20px;
}
.yunfun .process .image{
	height: 100px;
	line-height:100px;
}
.yunfun .process .title{
	height:24px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:24px;
	margin-top: 60px;
}
.yunfun .process>div>ul>li:nth-child(even){
	height: 198px;
	line-height: 198px;
	margin: 0 30px;
}
.yunfun .section2>div>div{height: 560px;}
.yunfun .yunfun_pic img{
	width: 100%;
	height: auto;
	transform: scale(2);
	transition: all 2s;
}
.yunfun .yunfun_pic:hover img{transform: scale(1);}
.yunfun .yunfun_pic{position: relative;overflow: hidden;}
.yunfun .yunfun_pic .text_cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.yunfun .yunfun_pic .section_title{
	margin: 300px auto 0;
}
.yunfun .two_hug>div{
	width: 1180px;
	margin: 0 auto;
}
.yunfun .two_hug>div>div{padding: 30px;box-sizing: border-box;margin-top: 20px;}
.yunfun .two_hug .text_area{
	display: inline-block;
	vertical-align: top;
	width: 480px;
}
.yunfun .two_hug .pictures{
	display: inline-block;
	vertical-align: top;]
	padding: 20px;
}
.yunfun .two_hug .section_title{
	text-align: left;
	margin-top: 140px;
}
.yunfun .two_hug .section_title .info{
	font-size:18px;
	color:rgba(88,89,90,1);
	line-height:26px;
}
/*CRM*/
.crm .section1>div>div{
	// width: 1180px;
	margin-top: 100px;
	margin: 0 auto;
}
.crm .left_msg{
	display: inline-block;
}
.crm .right_pic{
	display: inline-block;
}
.crm .section2 .signs{
	font-size: 0;
}
.crm .section2 .signs>div{
	width: 25%;
	display: inline-block;
}
.section2 .signs .title{
	font-size:16px;
	font-weight:500;
	color:rgba(35,36,39,1);
	line-height:16px;
}
.section2 .signs .title>span{
	font-size:36px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:36px;
}
.section2 .signs .info{
	height:16px;
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:16px;
	margin-top: 10px;
}
.crm .section2 .section_title{
	margin-top: 80px;
}
.crm .section2 .four_inner{
	width: 826px;
	margin: 0 auto;
	font-size: 0;
	margin-top: 80px;
	position: relative;
}
.crm .section2 .mid_pic{
	width:130px;
	height:130px;
	line-height: 130px;
	background:linear-gradient(180deg,rgba(69,115,225,1) 0%,rgba(33,63,192,1) 100%);
	box-shadow:0px 4px 16px 0px rgba(0,29,123,0.08);
	border-radius: 65px;
	position: absolute;
	top: 130px;
	left: 345px;
}
.crm .section2 .four_inner .inner_item{
	width:50%;
	display: inline-block;
	box-sizing: border-box;
}
.section2 .four_inner .label{
	width:108px;
	height:40px;
	display: inline-block;
	border-radius:20px;
	margin:10px 20px;
}
.section2 .four_inner .label>span{
	font-size:18px;
	line-height:40px;
}
.four_inner .item1 .label{
	background:rgba(233,241,255,1);
	color:rgba(67,132,255,1) !important;
	border:2px solid rgba(67,132,255,1);
}
.four_inner .item2 .label{
	background:rgba(255,247,237,1);
	color:#F78A0B !important;
	border:2px solid rgba(247,138,11,1);
}
.four_inner .item3 .label{
	background:rgba(255,250,236,1);
	border:2px solid rgba(253,187,12,1);
	color:rgb(253,187,12) !important;
}
.four_inner .item4 .label{
	background:rgba(236,255,246,1);
	border:2px solid rgba(82,220,154,1);
	color:rgb(82,220,154) !important;
}
.four_inner .item1{color:rgba(67,132,255,1) !important;padding-bottom: 30px;padding-right:30px;}
.four_inner .item2{color:#F78A0B !important;padding-bottom: 30px;padding-left: 30px;}
.four_inner .item3{color:rgb(253,187,12) !important;padding-top: 20px;padding-right: 20px;} 
.four_inner .item4{color:rgb(82,220,154) !important;padding-top: 20px;padding-left: 20px;}
.four_inner .inner_item .bot_info{
	overflow: hidden;
}
.four_inner .inner_item .bot_info .name{
	height:48px;
	display: inline-block;
	font-size:18px;
	line-height:48px;
	color:rgba(135,140,148,1);
}
.four_inner .inner_item .bot_info .en_name{
	height:48px;
	display: inline-block;
	font-size:32px;
	font-weight:800;
	line-height:48px;
}
.crm .text_area .info{
	width: 437px;
}
.crm .text_area{padding: 10px;}
.crm .section4>div>div>div{padding: 20px;}
/*云派*/
.yunpai .section1 .left_msg{
	display: inline-block;
	vertical-align: top;
}
.yunpai .section1 .right_pic{
	width: 428px;
	display: inline-block;
}
.yunpai .hug_two{margin-top: 40px;}
.yunpai .hug_two>div{
	display: inline-block;
	vertical-align: top;
}
.yunpai .hug_two .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:28px;
	text-align: left;
	padding: 80px 0;
	margin-left: 100px;
}
.yunpai .four_inline{
	border-top:1px solid #dbdbdb;
	margin-top: 90px;
	height: 77px;
	background:rgba(248,249,255,1);
}
.yunpai .four_inline ul>li{
	height:16px;
	font-size:14px;
	color:rgba(67,132,255,1);
	line-height:16px;
	display: inline-block;
	padding: 30px 40px;
}
.yunpai .four_inline ul>li::before{
	content: '';
	display:inline-block;
	border-radius: 10px;
	margin-right:10px ;
	width:10px;
	height:10px;
	background:rgba(67,132,255,1);
}
.yunpai .section2>div>div{
	height: 720px;
}
.yunpai .section2>div{height: 720px;}
.yunpai .nine_des>div{
	width: 1180px;
	margin: 0 auto;
}
.yunpai .nine_des .pictures{
	display: inline-block;
	vertical-align: top;
}
.yunpai .nine_des .text_area{
	display: inline-block;
	vertical-align: top;
	width: 437px;
	padding-top: 60px;
}
.yunpai .nine_des .fun_item>div:nth-child(2){margin-left: 160px;}
.yunpai .nine_des .fun_item:not(:first-child){
	margin-top: 60px;
}
.yunpai .nine_des .text_area .seq{
	height:32px;
	font-size:26px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:32px;
}
.yunpai .nine_des .text_area .title{
	height:24px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:24px;
	margin: 20px 0 10px 0;
}
.yunpai .nine_des .text_area .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:26px;
}
.yunpai .three_inline{margin-top: 120px;}
.yunpai .three_inline>div{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.yunpai .three_inline .fun_item{
	width: 366px;
	height:500px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 20px 6px rgba(83,132,255,0.12);
	border-radius:8px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 34px 0px;
	position: relative;
	box-sizing: border-box;
}
.yunpai .three_inline .fun_item .pictures{
	height: 284px;
	line-height: 284px;
}
.yunpai .three_inline .fun_item:not(:first-child){margin-left: 30px;}
.yunpai .three_inline .title{
	height:24px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:36px;
	margin:40px 0 20px 0;
}
.yunpai .three_inline .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:26px;
}
.yunpai .three_inline .fun_item .seq{
	position: absolute;
	top: -40px;
	left: 10px;
	height:80px;
	font-size:64px;
	font-weight:bold;
	color:rgba(175,194,238,1);
	line-height:80px;
}

.transformY {
	transform: translateY(-21px);
}
.transformY2 {
	transform: translateY(21px);	
}
.yunpai .nine_des .fun_item {display: flex; justify-content: space-between;}


@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.yunpai .section_title .title>span,
	.crm .section_title .title>span	{
		height: 34px;
		font-size: 32px;
		line-height: 34px;
	}
	.yunpai .section_title .info>span {
		height: 16px;
		font-size: 16px;
		line-height: 16px;
	}
	
	/* ------------------------------- 云派数据 ------------------------------- */
	/*第一部分*/
	.yunpai .section1 .left_msg .title, 
	.crm .section1 .left_msg .title {font-size: 38px;}
	
	.yunpai .section1 .left_msg .info,
	.crm .section1 .left_msg .info	{font-size: 22px;}
	
	.yunpai .section1 .right_pic,
	.crm .section1 .right_pic {width: 400px; margin-left: 180px !important;}
	
	.yunpai .section1 .right_pic>img,
	.crm .section1 .right_pic>img	{width: 100% !important;}
	
	/*第二部分*/
	.yunpai .section2>div {width: 1100px; height: 667px;}
	.crm .section2>div {width: 1050px; height: 850px;}
	
	.yunpai .section2>div>div {height: 667px;}
	.crm .section2>div>div {width: 1050px; height: 850px;}
	.crm .section2 .section_title {margin-top: 40px;}
	
	.yunpai .section2>div>div:nth-child(1) {width: 1100px; padding: 0 !important;}
	.yunpai .hug_two .info {font-size: 14px;line-height: 26px;margin-left: 100px;}
	.section2 .section_title {padding: 40px 0 0;}
	
	/*第三部分*/
	.yunpai .nine_des>div {width: 1100px;}
	.yunpai .nine_des .fun_item {display: flex; justify-content: space-between;}
	.yunpai .nine_des .text_area .seq {
		height: 30px;
		font-size: 24px;
		line-height: 32px;
	}
	.yunpai .nine_des .text_area .title {
		height: 24px;
		font-size: 22px;
		line-height: 24px;
		margin: 12px 0 10px 0;
	}
	.yunpai .nine_des .text_area .info {
		font-size: 14px;
		line-height: 26px;
	}
	.yunpai .nine_des .pictures>img {width: 420px !important; height: 198px !important;}
	
	
	/*第四部分*/
	.yunpai .three_inline>div {width: 1100px; display: flex; justify-content: space-between;}
	.yunpai .three_inline .fun_item {
		width: 330px;
		height: 470px;
	}
	.yunpai .three_inline .fun_item .seq {font-size: 56px;}
	.yunpai .three_inline .fun_item .pictures {height: 270px;}
	.yunpai .three_inline .title {font-size: 22px;margin: 30px 0 20px 0;}
	.yunpai .three_inline .info {font-size: 14px; line-height: 26px;}
	
	.section5>div {width: 1100px;}
	
	
	/* ------------------------------- 云短信crm ------------------------------- */
	.crm .section3>div {height: 660px;}
	.crm .section3 .section_title {margin-top: 80px;}
	.crm .section3 .section_title .info {width: 80%; margin: 0 auto;}
	.crm .section_title .info>span {font-size: 16px;}
	.crm .section4>div:nth-child(1) {width: 1100px;}
	.crm .section4>div>div>div {display: flex;align-items: center;width: 1100px;}
	
	/* ------------------------------- 云趣互动 ------------------------------- */
	.yunfun .section1>div {width: 1100px !important;}
	.yunfun .section1 .right_pic {margin-left: 500px !important; margin-top: 40px; width: 600px}
	.yunfun .section1 .right_pic>img {width: 100%;}
	.yunfun .left_msg .title {font-size: 40px;}
	.yunfun .left_msg .info {font-size: 20px; width: 600px !important;}
	
	.yunfun .section2>div {width: 1050px; height: 520px !important;}
	.yunfun .section2>div>div:nth-child(1) {width: 1050px; height: 520px !important;}
	.yunfun .section2 .section_title {padding: 20px 0 0;}
	.yunfun .section_title .title>span {height: 34px;font-size: 34px;line-height: 34px;}
	.yunfun .section_title .info>span {height: 16px;font-size: 16px;line-height: 16px;}
	.yunfun .process .title {font-size: 22px;margin-top: 50px;}
	.yunfun .process>div>ul>li:nth-child(even) {margin: 0 38px;}
	
	.yunfun .two_hug>div {width: 1100px;}
	.yunfun .two_hug>div .pictures {margin-left: 0 !important;}
	
	
	/* ------------------------------- 云趣全渠道CRM ------------------------------- */
	.fullchannal .section1>div {width: 1100px;}
	.fullchannal .section1 .right_pic {width: 550px ;margin-left: 90px;}
	.fullchannal .section1 .right_pic>img {width: 100%;}
	.fullchannal .left_msg .title {font-size: 42px;}
	.fullchannal .left_msg .info {height: 26px;font-size: 20px;line-height: 32px;}
	
	.fullchannal .section2>div {width: 1100px; height: 850px;}
	.fullchannal .section2>div>div:nth-child(1) {width: 1100px; height: 850px;}
	.fullchannal .section2>div>div:nth-child(1)>div:nth-child(2)>img {width: 100%;}
	
	.fullchannal .section3>div {height: 631px;}
	
	.fullchannal .section4>div>div {top: -360px;}
	.fullchannal .section4>div:nth-child(1) {width: 1100px;}
	.fullchannal .section4>div>div>div {display: flex;justify-content: space-between;width: 1100px;}
	
}

@media screen and (max-width: 1199px) {
	.yunpai .section_title .title>span {
		height: 34px;
		font-size: 28px;
		line-height: 34px;
	}
	/* ------------------------------- 云派数据 ------------------------------- */
	/*第一部分*/
	.yunpai .section1 .left_msg .title,
	.crm .section1 .left_msg .title	{font-size: 34px;}
	
	.yunpai .section1 .left_msg .info,
	.crm .section1 .left_msg .info	{font-size: 18px;}
	
	.yunpai .section1 .right_pic,
	.crm .section1 .right_pic {width: 400px; margin-left: 80px !important;}	
	
	.yunpai .section1 .right_pic>img,
	.crm .section1 .right_pic>img	{width: 100% !important;}
	
	/*第二部分*/
	.yunpai .section2>div {width: 1000px; height: 670px;}
	.yunpai .section2>div>div {height: 670px;}
	.crm .section2>div {width: 990px; height: 800px;}
	
	.yunpai .section2>div>div:nth-child(1) {width: 1000px; padding: 0 !important;}
	.yunpai .four_inline {}
	.crm .section2>div>div {width: 990px; height: 800px;}
	.crm .section2 .section_title {margin-top: 20px;}
	
	.yunpai .section2 .section_title .title>span {
		display: inline-block;
		height: 36px;
		font-size: 28px;
		font-weight: bold;
		color: rgba(35,36,39,1);
		line-height: 36px;
	}
	.yunpai .section_title .info>span {font-size: 14px;}
	.yunpai .hug_two .info {font-size: 14px;}
	
	/*第三部分*/
	.yunpai .nine_des>div  {width: 990px;}
	.yunpai .nine_des .fun_item>div:nth-child(2) {margin-left: 0;}
	.yunpai .nine_des .fun_item {display: flex; justify-content: space-between;}
	
	.yunpai .nine_des .text_area .seq {
		height: 30px;
		font-size: 24px;
		line-height: 32px;
	}
	.yunpai .nine_des .text_area .title {
		height: 24px;
		font-size: 22px;
		line-height: 24px;
		margin: 12px 0 10px 0;
	}
	.yunpai .nine_des .text_area .info {
		font-size: 14px;
		line-height: 26px;
	}
	.yunpai .nine_des .pictures>img {width: 400px !important; height: 190px !important;}
	
	/*第四部分*/
	.yunpai .three_inline>div {width: 990px; display: flex; justify-content: space-between;}
	.yunpai .three_inline .fun_item {width: 310px;height: 470px;}
	.yunpai .three_inline .fun_item:not(:first-child) {margin-left: 0; }
	.yunpai .three_inline .fun_item .seq {font-size: 56px;}
	.yunpai .three_inline .fun_item .pictures {height: 270px; overflow: hidden;}
	.yunpai .three_inline .title {font-size: 22px;margin: 30px 0 20px 0;}
	.yunpai .three_inline .info {font-size: 14px; line-height: 26px;}
	
	.section5 {height: 105px;}
	.section5>div {width: 1000px;}
	
	
	/* ------------------------------- 云短信crm ------------------------------- */
	.crm .section_title .title>span {
		height: 34px;
		font-size: 32px;
		line-height: 34px;
	}
	.crm .section_title .info>span {font-size: 16px;}
	.crm .section3>div {height: 550px;}
	.crm .section4>div>div {top: -240px;}
	.crm .section3 .section_title .info {width: 80%;margin: 0 auto;}
	.crm .section4>div:nth-child(1) {width: 1000px;}
	.crm .section4>div>div>div {display: flex;align-items: center;justify-content: space-between; width: 1000px;}
	.crm .section4 .pictures {width: 500px;}
	.crm .section4 .pictures>img {width: 100%;}
	
	/* ------------------------------- 云趣互动 ------------------------------- */
	.yunfun .section1>div {width: 1000px !important;}
	.yunfun .section1 .right_pic {margin-left: 500px !important; margin-top: 60px; width: 560px}
	.yunfun .section1 .right_pic>img {width: 100%;}
	.yunfun .left_msg {left: 15px;}
	.yunfun .left_msg .title {font-size: 38px;}
	.yunfun .left_msg .info {font-size: 18px; width: 580px !important;}
	
	.yunfun .section2>div {width: 980px; height: 520px !important;}
	.yunfun .section2>div>div:nth-child(1) {width: 980px; height: 520px !important;}
	.yunfun .section2 .section_title {padding: 20px 0 0;}
	.yunfun .section_title .title>span {height: 34px;font-size: 32px;line-height: 34px;}
	.yunfun .section_title .info>span {height: 16px;font-size: 14px;line-height: 16px;}
	.yunfun .process .title {font-size: 20px;margin-top: 40px;}
	.yunfun .process>div>ul>li:nth-child(even) {margin: 0 42px;}
	
	.yunfun .two_hug>div {width: 1100px;}
	.yunfun .two_hug>div .pictures {margin-left: 0 !important;}
	
	/* ------------------------------- 云趣全渠道CRM ------------------------------- */
	.fullchannal .section1>div {width: 1000px;}
	.fullchannal .section1 .right_pic {width: 500px ;margin-left: 40px;}
	.fullchannal .section1 .right_pic>img {width: 100%;}
	
	.fullchannal .left_msg .title {font-size: 40px;}
	.fullchannal .left_msg .info {height: 24px;font-size: 20px;line-height: 32px;}
	
	.fullchannal .section2>div {width: 1000px; height: 750px;}
	.fullchannal .section2>div>div:nth-child(1) {width: 1000px; height: 750px;}
	.fullchannal .section2>div>div:nth-child(1)>div:nth-child(2)>img {width: 100%;}
	
	.fullchannal .section3>div {height: 600px;}
	
	.fullchannal .section4>div>div {top: -360px;}
	.fullchannal .section4>div:nth-child(1) {width: 1000px;}
	.fullchannal .section4>div>div>div {display: flex;justify-content: space-between;width: 1000px;}
}