@charset "utf-8";

.animate_top {
	-webkit-animation: s1-1 0.7s ease;
	-ms-animation: s1-1 0.7s ease;
	-moz-animation: s1-1 0.7s ease;
	-o-animation: s1-1 0.7s ease;
	animation: s1-1 0.7s ease;
}

@-webkit-keyframes s1-1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
	}
}

@-ms-keyframes s1-1 {
	0% {
		opacity: 0;
		-ms-transform: translateY(40px);
	}
}

@-moz-keyframes s1-1 {
	0% {
		opacity: 0;
		-moz-transform: translateY(40px);
	}
}

@-o-keyframes s1-1 {
	0% {
		opacity: 0;
		-o-transform: translateY(40px);
	}
}

@keyframes s1-1 {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
}

.animate_opa0 {
	-webkit-animation: s1-2 0.7s ease;
	-ms-animation: s1-2 0.7s ease;
	-moz-animation: s1-2 0.7s ease;
	animation: s1-2 0.7s ease;
}

@-webkit-keyframes s1-2 {
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}
}

@-ms-keyframes s1-2 {
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}
}

@-moz-keyframes s1-2 {
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}
}

@keyframes s1-2 {
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
	}
}

a:hover {
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}

.com_hd {
	text-align: center;
	margin-bottom: 54px;
}

.com_hd .nytitle span {
	color: #e60012;
}

.com_hd .p4 {
	font-size: 18px;
	color: #6f6f6f;
}


.modal_3 {
	width: 100%;
	background: url("../img/1x/bg1.jpg") #fff no-repeat center 0;
	/* min-height: 1100px; */
	background-color: #f6f6f8;
	position: relative;
	z-index: 1;
}

.modal_3>img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.modal_3 .in {
	width: 1200px;
	margin: 0 auto;
	padding: 77px 0;
	display: block;
}

.modal_3 .bd ul {
	margin-right: -30px;
}

.modal_3 .bd li {
	float: left;
	width: 585px;
	margin-right: 30px;
	background: #fff;
	border-radius: 6px;
	min-height: 109px;
	margin-bottom: 22px;
	-webkit-transition: -webkit-transform .3s linear;
	transition: transform .3s linear;

}

.modal_3 .bd li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.modal_3 .bd li .h {
	height: 70px;
	background: #f5f5f5;
	line-height: 70px;
	text-indent: 87px;
	color: #e60012;
}

.modal_3 .bd li .b {
	padding: 25px;
	color: #262222;
	line-height: 30px;
}

.modal_3 .bd li:nth-child(3),
.modal_3 .bd li:nth-child(4) {
	height: 220px;
}

.modal_3 .bd li:nth-child(1) .h {
	background: url("../img/1x/n7_1.png") #f5f5f5 no-repeat 0 0;
}

.modal_3 .bd li:nth-child(2) .h {
	background: url("../img/1x/n7_2.png") #f5f5f5 no-repeat 0 0;
}

.modal_3 .bd li:nth-child(3) .h {
	background: url("../img/1x/n7_3.png") #f5f5f5 no-repeat 0 0;
}

.modal_3 .bd li:nth-child(4) .h {
	background: url("../img/1x/n7_4.png") #f5f5f5 no-repeat 0 0;
}

.modal_3 .logo_box {
	background: #fff;
	padding: 40px 0 20px;
}

.modal_3 .logo_box .com_hd .p1 {
	margin-bottom: 0;
}

.modal_3 .logo_box ul {
	margin-right: 0;
}

.modal_3 .logo_box li {
	float: left;
	width: 20%;
	text-align: center;
	-webkit-transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
	margin-right: 0;
	min-height: auto;
	margin-bottom: 0;
}

.modal_3 .logo_box li img {
	height: 124px;
}

.modal_3 .logo_box li:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
}



.modal_4 {
	width: 100%;
	background: #fff;
}

.modal_4 .in {
	width: 1200px;
	margin: 0 auto;
	padding: 68px 0;
}

.modal_4 .l_box {
	width: 240px;
	height: 500px;
	background: #fafafa;
}

.modal_4 .l_box ul {
	padding-top: 70px;
}

.modal_4 .l_box li {
	margin-bottom: 88px;
	padding-left: 35px;
	border-left: 3px solid #fff;
	cursor: pointer;
}

.modal_4 .l_box li.on {
	border-left: 3px solid #e81929;
}

.modal_4 .l_box li.on p {
	color: #e81929;
}

.modal_4 .l_box li p {
	color: #110102;
}

.modal_4 .l_box li .p1 {
	margin-bottom: 7px;
}

.modal_4 .l_box li .p2 {
	font-size: 16px;
}

.modal_4 .r_box {
	width: 960px;
	height: 500px;
	background: #fff;
}

.modal_4 .r_box .item {
	display: none;
}

.modal_4 .r_box .item li {
	text-align: center;
	float: left;
	padding: 0 1.5%;
	width: 33%;
	height: 267px;
	margin-bottom: 10px;
	-webkit-transition: -webkit-transform .3s linear;
	transition: transform .3s linear;
}

.modal_4 .r_box .item li .img {
	height: 87px;
}

.modal_4 .r_box .item li .p1 {
	margin-bottom: 10px;
	color: #110102;
}

.modal_4 .r_box .item li .p2 {
	color: #6f6f6f;
}



.modal_5 {
	width: 100%;
	background: #fff;
	background: url("../img/1x/b2.jpg") center 0 no-repeat;
	background-size: cover;
	padding-bottom: 50px;
}

.modal_5 .in {
	width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
}

.modal_5 .t_box {
	margin: 0 auto;
	margin-bottom: 50px;
	width: 1200px;
	overflow: hidden;
}

.modal_5 .t_box .bd {
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

.modal_5 .b_box {
	text-align: center;
}

.modal_5 .b_box li {
	float: left;
	width: 16.66%;
	text-align: center;
	margin-bottom: 0px;
}

.modal_5 .t_box .info {
	/* width: 437px; */
	padding-left: 47px;
}

.modal_5 .t_box .info .p1 {
	font-size: 16px;
	color: #110102;
	margin-bottom: 50px;
	line-height: 28px;
}

.modal_5 .t_box .info .p2 {
	font-size: 16px;
	color: #110102;
}

.modal_5 .t_box .info .p2 span {
	color: #6d6d6d;
}

.modal_5 .swiper-slide {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(159, 159, 159, 0.26);
	width: 760px !important;
}

.modal_5 .swiper-slide .item {
	padding: 57px 30px 57px 0;
}

.index_main .swiper-container_client .swiper-slide {
	transform: scale(0.8);
}

.index_main .swiper-container_client .swiper-slide-active,
.swiper-slide-duplicate-active {
	transform: scale(1);
}

.index_main .swiper-container_client .swiper-button-prev {
	width: 50px;
	height: 50px;
	background: url(../img/1x/f36_l.png) no-repeat center center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	margin-left: -490px;

}

.index_main .swiper-container_client .swiper-pagination {
	display: none;
}

.index_main .swiper-container_client .swiper-button-next {
	width: 50px;
	height: 50px;
	background: url(../img/1x/f36.png) no-repeat center center;
	background-size: 100%;
	top: 50.5%;
	left: 50%;
	margin-left: 440px;
}

.modal_5 .b_box li img {
	-webkit-transition: -webkit-transform .5s linear;
	transition: transform .5s linear;
}

@media all and (max-width: 1000px) {
	.com_hd .p1 {
		font-size: 20px;
	}

	.com_hd .p2 {
		font-size: 12px;
	}

	.com_hd .p3 {
		margin-bottom: 10px;
	}

	.com_free_btn {
		width: 140px;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}

	.com_hd {
		margin-bottom: 20px;
	}

	.modal_3 .in {
		width: auto;
		padding: 0 10px;
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.modal_3 .bd ul {
		margin-right: 0;
	}

	.modal_3 .bd li {
		float: none;
		display: block;
		min-height: auto;
		margin-bottom: 15px;
		margin-right: 0;
	}

	.modal_3 .bd li .b {
		padding: 15px;
		line-height: 24px;
	}

	.modal_3 .bd li .h {
		height: 40px;
		line-height: 40px;
		background-size: auto 40px !important;
		text-indent: 50px;
	}

	.modal_3 .bd li:nth-child(3),
	.modal_3 .bd li:nth-child(4) {
		height: auto;
	}

	.modal_3 .bd li {
		width: auto;
	}

	.modal_3 .logo_box {
		padding: 15px;
	}

	.modal_3 .logo_box li img {
		height: auto;
		width: 100%;
	}

	.modal_3 .logo_box li {
		width: 33.33%;
	}

	.modal_4 .in {
		width: auto;
		padding: 30px 10px;
	}

	.modal_4 .l_box ul {
		padding: 10px;
		overflow: hidden;
	}

	.modal_4 .l_box li {
		float: left;
		margin-bottom: 0;
		width: 30.333%;
		padding-left: 0;
		padding-left: 7px;
	}

	.modal_4 .l_box {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.modal_4 .r_box {
		float: none;
		display: block;
		width: 100%;
		height: auto;
	}

	.modal_4 .l_box li {
		border-left: 3px solid transparent;
	}

	.modal_4 .r_box .item li .img img {
		height: 40px;
	}

	.modal_4 .r_box .item li .img {
		height: 60px;
	}

	.modal_4 .r_box .item li {
		height: 224px;
	}

	.modal_5 .in {
		width: auto;
		padding-top: 30px;
	}

	.modal_5 .t_box {
		width: auto;
		margin-bottom: 20px;
	}

	.modal_5 .t_box .bd {
		width: auto;
	}

	.modal_5 .t_box .info {
		width: 90%;
		padding-left: 0;
		padding: 0 5%;
	}

	.modal_5 .t_box .info .p1 {
		font-size: 12px;
		color: #110102;
		margin-bottom: 20px;
		line-height: 22px;
	}

	.modal_5 .t_box .info .p2 {
		font-size: 12px;
		color: #110102;
	}

	.modal_5 .t_box .info .p2 span {
		color: #6d6d6d;
	}

	.modal_5 .swiper-slide {
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 0 8px rgba(159, 159, 159, 0.26);
		width: 300px !important;
	}

	.modal_5 .swiper-slide .item {
		padding: 17px 10px 17px 0;
	}

	.modal_5 .b_box li {
		width: 25%;
	}

	.modal_5 .b_box li img {
		width: 100%;
	}
}

.swiper-slide .item {
	display: flex;
}

.swiper-slide .info button {
	border: none;
	width: 106px;
	height: 36px;
	border-radius: 3px;
	background: #E0050E;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 10px;
	left: 75%;
	top: 75%;
	position: absolute;
}

.swiper-slide .img {
	display: flex;
	background: #FFFFFF;
	border: 1px solid #E4E4E4;
	overflow: hidden;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	margin-right: 0;
	margin-left: 40px;
	border-radius: 50%;
	margin-top: 0;
}

.swiper-slide .img img {
	height: auto;
	display: block;
	width: 100%;
	border: 0;
	margin: 0 auto;
	position: relative;
	pointer-events: none;
}

.swiper-slide .img {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 移动端底部免费体验 */

@media screen and (max-width: 750px) {
	.swiper-slide .img {
		width: 50px;
		height: 50px;
		margin-left: 0.4rem;
	}

	.swiper-slide .info button {
		width: 67px;
	}

}


/* 新增2 */

main {
	width: 100%;
	min-width: 1200px;
	height: 100%;
	overflow: hidden
}

@keyframes leftToRight {
	0% {
		/*margin-left: -150px;*/
		position: absolute;
		left: -60px;
		opacity: 0.3;
	}

	100% {
		position: absolute;
		left: 0px;
		opacity: 1;
	}
}

@keyframes rightToLeft {
	0% {
		margin-right: -60px;
		opacity: 0.3;
	}

	100% {
		margin-right: 0;
		opacity: 1;
	}
}

@keyframes on {
	0% {
		box-shadow: none;
		background: transparent;
	}

	100% {
		box-shadow: 0px 5px 40px 0px rgba(166, 176, 247, 0.31);
		background: transparent;
	}
}

@keyframes off {
	0% {
		box-shadow: none;
		background: #FFFFFF;
	}

	100% {
		box-shadow: none;
		background: transparent;
	}
}

.leftToRight {
	-webkit-animation: leftToRight 0.5s;
	-o-animation: leftToRight 0.5s;
	animation: leftToRight 0.5s;
}

.rightToLeft {
	-webkit-animation: rightToLeft 0.5s;
	-o-animation: rightToLeft 0.5s;
	animation: rightToLeft 0.5s;
}

.sec .content {
	width: 1200px;
	margin: 0 auto;
}

.sec .title {
	min-width: 1200px;
	margin: 0 auto;
}

.sec .title h1 {
	font-size: 34px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	line-height: 48px;
	text-align: center;
	margin-bottom: 20px;
}

.sec p.info {
	font-size: 18px;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 30px;
	width: 800px;
	text-align: center;
	margin: 0 auto;
}

.mainImg {
	width: 600px;
	position: relative;
}

.mainInfo {
	display: table !important;
}

.sec-1 {
	padding-top: 80px;
}

.sec-2 {
	padding-top: 80px;
}

.sec-3 {
	padding-top: 140px;
	margin-bottom: 115px;
}

.content {
	position: relative;
}

.sec-1 .mainImg,
.sec-1 .mainInfo,
.sec-1 .content {
	height: 730px;
}

.sec-2 .mainImg,
.sec-2 .mainInfo,
.sec-2 .content {
	height: 690px;
}

.sec-3 .mainImg,
.sec-3 .mainInfo,
.sec-3 .content {
	height: 450px;
}

.mainInfo ul.sideBar {
	display: table-cell;
	vertical-align: middle;
}

.img-l {
	position: absolute;
	left: 0;
	top: 20px;
	bottom: 0;
}

.img-r {
	position: absolute;
	right: 0;
	top: 15px;
	bottom: 0;
}

main .content img {
	width: 110%;
	display: none;
	margin: auto;
	max-height: 100%;
	max-width: 120%;
}

.content img.s {
	width: 100%;
}

.sec ul.sideBar li {
	width: 400px;
	padding: 20px 20px 15px 20px;
	margin: 0 23px;
	cursor: pointer;
}

.sec ul.sideBar li.on {
	border-radius: 10px;
	background: #FFFFFF;
	-webkit-animation: on 0.5s;
	-o-animation: on 0.5s;
	animation: on 0.5s;
	box-shadow: 0px 5px 40px 0px rgba(166, 176, 247, 0.31);
}

.sec ul.sideBar li.off {
	background: transparent;
	-webkit-animation: off 1s;
	-o-animation: off 1s;
	animation: off 1s;
	box-shadow: none;
}

.sec ul.sideBar li h2 {
	font-size: 20px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	line-height: 40px;
}

.sec ul.sideBar li p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(153, 153, 153, 1);
	line-height: 24px;
}

/* 新增3 - U订货 */

.udh {
	padding: 5rem 0;
}

.udh .nytitle {
	margin-bottom: 2.5rem;
	text-align: center;
}

.udh .nytitle2 {
	text-align: center;
}

.udh .bot {
	margin-top: 3.75rem;
}

.udh .bot .row {
	margin: 0 -1.25rem;
}

.udh .bot .row .colm3 {
	text-align: center;
	padding: 0 1.25rem;
}

.udh .bot .row .colm3 .img {
	width: 5.5rem;
	height: 5.5rem;
	background: #fff;
	box-shadow: 0 .3125rem .9375rem 0 #e4e4e4;
	margin: 0 auto;
	position: relative;
	border-radius: 50%;
	margin-bottom: 1.25rem;
}

.udh .bot .row .colm3 .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.125rem;
	height: 3.125rem;
}

.udh .bot .row .colm3 .nytxt {
	padding: .9375rem .9375rem 0 .9375rem;
	color: #999;
}

/* 新增4 - 采购云 */

.ejy_main .modal_1 {
	width: 100%;
}

.ejy_main .modal_1 .hd {
	width: 100%;
	background: #fff;
	height: 59px;
	position: absolute;
	top: 480px;
	border-bottom: 1px solid #d8d8d8;
}

.ejy_main .modal_1 .hd.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.ejy_main .modal_1 .hd ul {
	width: 1200px;
	margin: 0 auto;
}

.ejy_main .modal_1 .hd li {
	float: left;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
	border-bottom: 6px solid #fff;
	line-height: 53px;
	margin-right: 35px;
	display: inline;
	cursor: pointer;
}

.ejy_main .modal_1 .hd .on {
	border-bottom: 6px solid #e0060d;
}

.ejy_main .modal_1 .bd {
	background: #fafafa;
	padding: 70px 0 63px;
}

.ejy_main .modal_1 .d1 {
	color: #333;
	margin-bottom: 26px;
}

.ejy_main .modal_1 .d2 {
	color: #333;
	margin-bottom: 41px;
}

.ejy_main .modal_1 .d3 p {
	font-size: 14px;
	color: #333;
	margin-bottom: 23px;
}

.ejy_main .modal_1 .d3 p img {
	margin-right: 10px;
	vertical-align: -4px;
	width: 18px;
}

.ejy_main .modal_1 .item {
	width: 1200px;
	margin: 0 auto;
}

.ejy_main .modal_1 .l_box {
	width: 560px;
}

.ejy_main .modal_1 .r_box img {
	width: 591px;
}

.ejy_main .modal_3 {
	width: 100%;
}

.ejy_main .modal_3 .in {
	width: 1200px;
	margin: 0 auto;
}

.ejy_main .modal_3 .in .bd img {
	width: 1200px;
}

.ejy_main .hd .p1 {
	color: #e0060d;
	position: relative;
	margin-bottom: 45px;
	text-align: center;
}

.ejy_main .hd .p1:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 60px;
	width: 30px;
	height: 3px;
	background: #666666;
}

.ejy_main .modal_3 .hd .p2 {
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.ejy_main .modal_4 {
	background: #fafafa;
	padding: 60px 0;
}

.ejy_main .modal_4 .in {
	width: 1200px;
	margin: 0 auto;
}

.ejy_main .modal_4 li {
	float: left;
	width: 399px;
	height: 210px;
	border-right: 1px solid #f3f4f9;
	border-bottom: 1px solid #f3f4f9;
	background: #fff;
	text-align: center;
	position: relative;
}

.ejy_main .modal_4 li .img {
	padding-top: 50px;
}

.ejy_main .modal_4 li .img img {
	width: 64px;
}

.ejy_main .modal_4 li .text {
	font-size: 18px;
	color: #333;
	margin-top: 15px;
}

.ejy_main .modal_4 li .info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e41419;
	display: none;
}

.ejy_main .modal_4 li .info p {
	padding: 15px 15px 0px 15px;
	color: #fff;
	text-align: left;
	line-height: 30px;
}

.ejy_main .modal_4 li:hover .info {
	display: block;
	overflow-y: auto;
}

.ejy_main .modal_5 {
	background: #fff;
	padding: 68px 0;
}

.ejy_main .modal_5 .in {
	width: 1200px;
	margin: 0 auto;
}

.ejy_main .modal_5 .hd .p1 {
	margin-bottom: 70px;
}

.ejy_cyy_main .modal_5 .hd .p2 {
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}

.ejy_main .modal_5 ul {
	margin-right: -20px;
}

.ejy_main .modal_5 li {
	float: left;
	width: 590px;
	min-height: 270px;
	border: 1px solid #e8e8e8;
	margin: 0 15px 15px 0;
	display: inline;
}

.ejy_cyy_main .modal_5 {
	background: #fff;
	min-height: 550px;
}

.ejy_cyy_main .modal_5 li {
	float: left;
	width: 389px;
	min-height: 258px;
	border: 1px solid #e8e8e8;
	margin: 0 15px 15px 0;
	display: inline;
}

.ejy_main .modal_5 li .item {
	padding: 48px 34px 20px 100px;
}

.ejy_main .modal_5 li .item .p1 {
	font-size: 22px;
	color: #333;
	margin-bottom: 10px;
	font-weight: bold;
}

.ejy_main .modal_5 li .item .p2 {
	font-size: 14px;
	color: #333;
	line-height: 30px;
}

.ejy_main .modal_5 .li_1 {
	background: url(../img/1x/q1_1.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_2 {
	background: url(../img/1x/q1_2.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_3 {
	background: url(../img/1x/q1_3.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_4 {
	background: url(../img/1x/q1_4.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 li:hover {
	border: 1px solid #e0060d;
	box-shadow: 0 0 6px 6px rgba(196, 197, 205, 0.2);
}

.ejy_main .modal_5 li:hover .item .p1 {
	color: #e0060d;
}

.ejy_main .modal_5 .li_1:hover {
	background: url(../img/1x/q1_1_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_2:hover {
	background: url(../img/1x/q1_2_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_3:hover {
	background: url(../img/1x/q1_3_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_5 .li_4:hover {
	background: url(../img/1x/q1_4_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_main .modal_1 .d4 .h {
	margin-bottom: 24px;
}

.ejy_main .modal_1 .d4 .h a {
	float: left;
	width: 105px;
	height: 42px;
	background: rgba(232, 232, 232, 1);
	text-align: center;
	line-height: 42px;
	font-size: 14px;
	color: #333;
	border-right: 1px solid #fafafa;
}

.ejy_main .modal_1 .d4 .h .on {
	background: #e0060d;
	color: #fff;
	position: relative;
}

.ejy_main .modal_1 .d4 .b p {
	display: none;
	font-size: 14px;
	color: #333;
	line-height: 26px;
}

.ejy_main .modal_1 .d4 .h .on:after {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -7px;
	content: "";
	display: block;
	background: url("../img/1x/jt3.png") center 0 no-repeat;
	background-size: 100%;
}

.ejy_main .modal_4 li .info p {
	display: table-cell;
	vertical-align: middle;
}

.ejy_cgy_main .modal_5 .li_1 {
	background: url(../img/1x/cgyq1_1.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_2 {
	background: url(../img/1x/cgyq1_2.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_3 {
	background: url(../img/1x/cgyq1_3.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_4 {
	background: url(../img/1x/cgyq1_4.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_1:hover {
	background: url(../img/1x/cgyq1_1_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_2:hover {
	background: url(../img/1x/cgyq1_2_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_3:hover {
	background: url(../img/1x/cgyq1_3_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_5 .li_4:hover {
	background: url(../img/1x/cgyq1_4_h.png) no-repeat 50px 49px;
	background-size: 32px auto;
}

.ejy_cgy_main .modal_4 li {
	width: 24.9%;
}

.cgy_modal_4 .h {
	text-align: center;
	margin-bottom: 35px;
}

.cgy_modal_4 .h a {
	display: inline-block;
	width: 280px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
	color: #333;
}

.cgy_modal_4 .h .a1 {
	background: url(../img/1x/s1.png) no-repeat right center;
	background-size: auto 100%;
	text-indent: 80px;
	margin-right: -20px;
}

.cgy_modal_4 .h .a1.on {
	background: url(../img/1x/s1_on.png) no-repeat right center;
	background-size: auto 100%;
	color: #fff;
}

.cgy_modal_4 .h .a2 {
	background: url(../img/1x/s2.png) no-repeat 0 center;
	background-size: auto 100%;
	text-indent: 30px;
}

.cgy_modal_4 .h .a2.on {
	background: url(../img/1x/s2_on.png) no-repeat 0 center;
	background-size: auto 100%;
	color: #fff;
}

@media (max-width: 1280px) {
	.sec .content {
		width: 100%;
		padding: 0 6rem;
	}

	.content img {
		width: 100%;
	}

	.ejy_main .modal_1 .item,
	.ejy_main .modal_3 .in,
	.ejy_main .modal_4 .in,
	.ejy_main .modal_5 .in {
		width: 100%;
		margin: 0 auto;
		padding: 0 6rem;
	}

	.ejy_main .modal_1 .l_box,
	.ejy_main .modal_1 .r_box {
		width: 48%;
	}

	.ejy_main .modal_1 .r_box img {
		width: 100%;
	}

	.modal_4 {
		height: auto;
	}

	.ejy_main .modal_5 li {
		width: 48%;
	}
}

@media (max-width: 1024px) {
	main {
		min-width: 100%;
	}

	.sec .title {
		min-width: 100%;
	}

	.sec .content,
	.ejy_main .modal_1 .item,
	.ejy_main .modal_3 .in,
	.ejy_main .modal_4 .in,
	.ejy_main .modal_5 .in {
		width: 100%;
		padding: 0 4rem;
	}

	.sec-1 .mainImg,
	.sec-2 .mainImg,
	.sec-3 .mainImg {
		width: calc(100% - 400px - 8rem);
	}

	.sec-3 .mainInfo,
	.sec-2 .mainImg,
	.sec-1 .mainInfo {
		float: left;
	}
}

@media (max-width: 990px) {

	.sec .content,
	.ejy_main .modal_1 .item,
	.ejy_main .modal_3 .in,
	.ejy_main .modal_4 .in,
	.ejy_main .modal_5 .in {
		width: 100%;
		padding: 0 2rem;
	}

	.sec-1 .mainImg,
	.sec-2 .mainImg,
	.sec-3 .mainImg {
		width: calc(100% - 400px - 4rem);
	}

	.ejy_main .hd .p1:after {
		top: auto;
		bottom: 0;
	}
}

@media (max-width: 770px) {

	.ejy_main .modal_1 .item,
	.ejy_main .modal_3 .in,
	.ejy_main .modal_4 .in,
	.ejy_main .modal_5 .in {
		padding: 0 15px;
	}

	.index_main .swiper-container_client .swiper-button-next {
		left: auto;
		margin-left: 0;
	}

	.index_main .swiper-container_client .swiper-button-prev {
		left: 10px;
		margin-left: 0;
	}

	.sec-1,
	.sec-2,
	.sec-3 {
		padding-top: 15px;
	}

	.sec-3 {
		margin-bottom: 15px;
	}

	.sec .content {
		width: 100%;
		padding: 0 15px;
	}

	.sec ul.sideBar li,
	.sec p.info {
		width: 100%;
	}

	.sec-1 .mainImg,
	.sec-2 .mainImg,
	.sec-3 .mainImg {
		width: 100%;
	}

	.sec ul.sideBar li {
		width: 100%;
		margin: 0;
	}

	.sec-1 .mainImg {
		height: 300px;
		object-fit: cover;
	}

	.sec-3 .mainImg,
	.sec-2 .mainImg {
		height: 230px;
		object-fit: cover;
	}

	.sec-1 .mainInfo,
	.sec-2 .content,
	.sec-2 .mainInfo,
	.sec-3 .mainInfo {
		height: auto;
		margin-bottom: 30px;
	}

	.sec .title h1 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.sec p.info {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
		padding: 0 15px;
	}

	.sec ul.sideBar li h2,
	.ejy_main .modal_5 li .item .p1 {
		font-size: 18px;
		line-height: 28px;
	}

	.udh {
		padding: 15px 0;
	}

	.udh .bot,
	.udh .bot .row .colm3 .img {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.udh .bot .row .colm3 .nytxt {
		padding: 10px 0 0 0;
	}

	.cgy_modal_4 .h {
		display: none;
	}

	.ejy_main .modal_1 .bd,
	.ejy_main .modal_3,
	.ejy_main .modal_4,
	.ejy_main .modal_5 {
		padding: 15px 0;
	}

	.ejy_main .modal_1 .r_box {
		margin-top: 15px;
	}

	.ejy_main .modal_1 .d2,
	.ejy_main .modal_1 .d4 .h,
	.cgy_modal_4 .h {
		margin-bottom: 15px;
	}

	.ejy_main .modal_1 .l_box,
	.ejy_main .modal_1 .r_box,
	.ejy_main .modal_5,
	.ejy_main .modal_5 li {
		width: 100%;
	}

	.ejy_cgy_main .modal_4 li {
		width: 50%;
	}

	.ejy_main .hd .p1 {
		padding-bottom: 5px;
	}

	.ejy_cgy_main .modal_4 .item {
		display: block !important;
	}

	.ejy_main .modal_5 ul {
		margin-right: 0;
	}

	.ejy_main .modal_5 li {
		min-height: auto;
	}

	.ejy_main .modal_5 li:last-child {
		margin-bottom: 0;
	}

	.ejy_main .modal_4 li .text {
		font-size: 16px;
		line-height: 26px;
		margin-top: 15px;
	}

	.modal_3 .in {
		padding: 15px 0;
	}

	.modal_4 .r_box .item li .img {
		height: auto;
	}
}

/* 数智营销 */


/* ---------清空默认样式----------- */
.f20 {
	font-size: 1.25rem;
	line-height: 1.875rem;
}

.clearfix {
	zoom: 1;
	clear: both;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.hide {
	display: none !important;
}





a {
	text-decoration: none;
}

a:hover,
a:focus {
	color: #fff;
	text-decoration: none;
}


.service {
	background: #f1f2f3;
	padding: 9.3rem 0px 0px 0px;
}

.service .nytitle {
	text-align: center;
}

.service1 li {
	width: 48%;
	float: left;
	padding: 2.1875rem;
	background: #fff;
	margin: 0px 0px 2.2rem 0px;
	transition: 1s all ease;
}

.service1 li:nth-child(2n) {
	float: right;
}

.service1 li .Img {
	float: left;
	width: 25%;
	height: 7.5rem;
	background: #f1f2f3;
	text-align: center;
	line-height: 7.5rem;
	transition: 1s all ease;
}

.service1 li .Img img {
	max-width: 3.75rem;
	max-height: 3.75rem;
}

.service1 li .words {
	width: 68%;
	float: right;
}

.service1 li .words .title {
	/* font-size: 2.4rem; */
	color: #333;
	margin: 0 0px 1.5rem 0px;
	font-weight: bold;
	/* line-height: 3.2rem; */
}

.service1 li .words .summary {
	/* font-size: 1.8rem; */
	color: #333;
	height: 4.375rem;
}

.service1 li:hover {
	background: #cb2820;
}

.service1 li:hover .Img {
	background: #fff;
}

.service1 li:hover .title {
	color: #fff;
}

.service1 li:hover .summary {
	color: #fff;
}

.service2 {
	background: #ffffff;
	padding: 8rem 0;
}


.service2 ul li {
	float: left;
	width: 23%;
	/* height: 43rem; */
	overflow: hidden;
	position: relative;
	margin: 0px 2rem 2rem 0;
}

.service2 ul li .Img {
	width: 100%;
	height: 100%;
}

.service2 ul li .Img img {
	width: 100%;
	height: 100%;
	transition: 1s all ease;
}

.service2 ul li:nth-child(4n) {
	margin-right: 0;
}

.service2 ul .words {
	padding: 2rem;
	position: absolute;
	width: 100%;
	bottom: 0px;
	box-sizing: border-box;
	color: #fff;
	transition: 0.5s all ease;
	background: transparent;
}

.service2 ul li a:before {
	content: '';
	width: 100%;
	height: calc(100% - 10rem);
	background-image: linear-gradient(transparent, #000);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 0;
	opacity: 0.8;
}

.service2 ul .words .title {
	color: #fff;
	font-weight: bold;
	margin: 0px 0px 0.5rem 0px;
	letter-spacing: 0.1rem;
}

.service2 ul .words .summary {
	color: #fff;
	min-height: 7.8rem;
	font-weight: 400;
}

.service2 ul li:hover .words {
	background: #cb2820;
	padding: 2rem 2rem 3rem 2rem;
}

.service2 ul li:hover img {
	transform: scale(1.2);
}

.service2 .swiper-button-prev {
	display: none;
}

.service2 .swiper-button-next {
	display: none;
}

.service3 {
	padding: 8rem 0px 11rem 0px;
}

.service3 .name {
	margin: 0px 0px 4rem 0px;
}

.service3Box {
	/* width: 147rem; */
	/* margin:0 auto; */
	position: relative;
	/* margin-left: 18rem; */
}

.service3Box .swiper-slide {
	position: relative;
	padding: 3rem 0px;
}

.service3Box .Img {
	max-width: 55%;
	overflow: hidden;
	max-height: 51rem;
	/* box-shadow: 0px 0px 3rem 2px #ccc; */
	position: relative;
	left: 3rem;
	border-radius: 0.7rem;
}

.service3Box .Img img {
	max-width: 100%;
	max-height: 100%;
}

.service3Box .words {
	width: 35%;
	color: #333333;
	/* font-size: 2.4rem; */
	/* line-height: 4rem; */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0rem;
	letter-spacing: 0.1rem;
}

.service3Box .swiper-pagination {
	bottom: -7.5rem;
	width: 100%;
	/* left: 7rem; */
}

.service3Box .swiper-pagination-bullet {
	width: 0.9rem;
	height: 0.9rem;
	background: #a6a6a6;
	opacity: 1;
	margin: 0rem 0.7rem !important;
	border-radius: 50%;
}

.service3Box .swiper-pagination-bullet-active {
	background: #e60213;
}

.service3_1 {
	background: url(../images/servicebg3.jpg) center center no-repeat;
	background-size: cover;
}



.service4 {
	background: #fff;
	padding: 6.5rem 0px 4rem 0px;
	text-align: center;
}

.service4 .service4_summary {
	/* width: 98rem;
	margin: 0 auto;
	font-size: 2.4rem; */
	color: #333;
	/* line-height: 4rem; */
	font-weight: bold;
}

.service4 .service4_Info {
	/* width: 140rem; */
	margin: 3rem auto 0px;
	/* font-size: 2.4rem; */
	color: #333;
}

.service4 .service4_Info img {
	max-width: 100%;
}

/* 天联 */
.tianlian {
	padding: 5rem 0 2.5rem 0;
}

.tianlian .img {
	margin-bottom: 1.25rem;
}

.tianlian .row>div {
	margin-bottom: 2.5rem;
}

.tianlian .img img {
	display: block;
	margin: 0 auto;
}

/* 云备份 */
.yunbf {
	padding: 5rem 0;
	background: #f1f2f3;
}

.yunbf .row {
	margin: 2.5rem -2.5rem 0 -2.5rem;
}

.yunbf .row>div {
	margin-bottom: 2.5rem;
	padding: 0 2.5rem;
}

.yunbf .row .box {
	padding: 1.875rem 1.875rem 2.5rem 1.875rem;
	background: #fff;
	border: 1px solid #c9d4eb;
	border-radius: 1.25rem;
}

.yunbf .row .f20 {
	margin-left: 1.25rem;
}

.yunbf .row .nytxt {
	margin-top: 1.875rem;
	height: 7.5rem;
}

.yunbf_1 {
	background: #fff;
}

.yunbf_1 .row {
	margin-left: -1.25rem;
	margin-right: -1.25rem;
}

.yunbf_1 .row>div {
	padding: 0 1.25rem;
}

.yunbf_1 .pa50 {
	background: rgba(255, 255, 255, 0.5);
}

.yunbf_1 .pa50 .f26 {
	padding: 1.25rem 0;
	margin-bottom: 0;
}

.f16 {
	font-size: 1rem;
	line-height: 1.625rem;
	color: #fff;
}

.f14 {
	font-size: .875rem;
	line-height: 1.5rem;
	color: #fff;
}

/* 云联 */
.pad80 {
	padding: 5rem 0;
}

.yunlian {
	background: #f1f2f3;
}

.yunlian .container>img {
	display: block;
	margin: 0 auto;
	width: 957px;
	height: 1034px;
}

.yunlian .container .pa {
	width: 14.0625rem;
}

.yunlian .container .cont {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 957px;
	height: 100%;
}

.yunlian .container .cont1 {
	top: 17%;
	left: 50.5%;
	transform: translate(-50.5%, -17%);
}

.yunlian .container .cont1 .f16 {
	color: #1f78fa;
}

.yunlian .container .cont1 .f14 {
	color: #8f8f8f;
}

.yunlian .container .cont2 {
	top: 35%;
	left: 7%;
	transform: translate(-7%, -35%);
}

.yunlian .container .cont2 .f16 {
	color: #fff;
}

.yunlian .container .cont2 .f14 {
	color: #a6dcff;
}

.yunlian .container .cont3 {
	top: 35%;
	right: 4%;
	transform: translate(-4%, -35%);
}

.yunlian .container .cont3 .f16 {
	color: #fff;
}

.yunlian .container .cont3 .f14 {
	color: #a6dcff;
}

.yunlian .container .cont4 {
	bottom: 27%;
	left: 7%;
	transform: translate(-7%, -27%);
}

.yunlian .container .cont4 .f16 {
	color: #1f78fa;
}

.yunlian .container .cont4 .f14 {
	color: #8f8f8f;
}

.yunlian .container .cont5 {
	bottom: 22%;
	right: 4%;
	transform: translate(-4%, -22%);
}

.yunlian .container .cont5 .f16 {
	color: #1f78fa;
}

.yunlian .container .cont5 .f14 {
	color: #8f8f8f;
}

.yunlian .container .cont6 {
	bottom: 8%;
	left: 50%;
	transform: translate(-50%, -8%);
}

.yunlian .container .cont6 .f16 {
	color: #fff;
}

.yunlian .container .cont6 .f14 {
	color: #a6dcff;
}

.yunlian .container .cont7 {
	bottom: 44%;
	left: 50%;
	transform: translate(-50%, -44%);
}

.yunlian .container .cont7 .f16,
.yunlian .container .cont7 .f20 {
	color: #fff;
}

.yunlian_1 {
	background: #363843;
}

.yunlian_1 .nytitle {
	color: #fff;
}

.yunlian_1 .img img {
	width: 568px;
	height: 599px;
}

.yunlian_1 .img .cont {
	width: 568px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.yunlian_1 .f20 {
	position: absolute;
	top: 2%;
	left: 57%;
	transform: translateX(-57%);
	color: #68d1ff;
	width: 348px;
}

.yunlian_1 ul {
	position: absolute;
	bottom: 2%;
	left: 5%;
}

.yunlian_1 ul li {
	color: #fff;
}

.yunlian_1 ul li .f16 {
	color: #68d1ff;
}

.yunlian_1 ul li .f16 span {
	color: #ffcf11;
}

.yunlian_2 {
	background: #eee;
}

.yunlian_2 .nytitle {
	margin-bottom: 3.75rem;
}

.yunlian_2 .row {
	margin: 0 -2.5rem;
}

.yunlian_2 .row>div {
	padding: 0 2.5rem;
}

.yunlian_2 .row>div img {
	display: block;
	margin: 0 auto;
}

.yunlian_2 .f20 {
	margin-top: 1.875rem;
	color: #5f53ff;
	text-align: center;
}

@media(max-width: 1440px) {
	.service2 ul li {
		margin: 0 1.9rem 2rem 0;
	}
}

@media(max-width: 1280px) {

	.yunlian .container>img {
		width: 59.8125rem;
		height: auto;
	}

	.yunlian .container .cont {
		width: 59.8125rem;
	}
}

@media(max-width: 1024px) {

	/* .service1{width:92vw;} */
	.service .name {
		font-size: 16px;
		margin: 0px 0px 15px 0px;
	}

	.service1 li {
		width: 100%;
		margin: 0px 0px 15px 0px;
		padding: 10px 10px 8px 10px;
	}

	.service1 li .Img {
		width: 72px;
		height: 72px;
		line-height: 72px;
	}

	.service1 li .Img img {
		max-width: 30px;
		max-height: 30px;
	}

	.service1 li .words {
		width: calc(100% - 80px);
	}

	.service1 li .words .title {
		font-size: 14px;
		height: 20px;
		line-height: 20px;
		margin: 0px 0px 5px 0px;
	}

	.service1 li .words .summary {
		height: 50px;
		line-height: 16px;
		font-size: 12px;
		overflow: hidden;
	}

	.service2 ul {
		width: 92vw;
	}

	.service2 ul li {
		width: 48%;
		display: block;
		float: left;
		height: 56vw;
		overflow: hidden;
		margin: 0px 0px 13px 0px;
	}

	.service2 ul li:nth-child(2n) {
		float: right;
	}

	.service2 ul .words {
		height: 90px;
		padding: 0px 10px 10px 10px;
	}

	.service2 ul .words .title {
		font-size: 14px;
		height: 20px;
	}

	.service2 ul .words .summary {
		font-size: 10px;
		height: 56px;
		line-height: 18px;
	}

	.service3Box {
		width: 92vw;
		margin: 0 auto;
	}

	.service3Box .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0px 3px !important;
	}

	.service3 {
		padding: 20px 0px 50px 0px;
	}

	.service3Box .swiper-pagination {
		width: 92vw;
		left: 4vw;
		bottom: -35px;
	}

	.service4 .service4_summary {
		width: 92vw;
		font-size: 14px;
		line-height: 20px;
	}

	.service4 .service4_Info {
		width: 92vw;
		font-size: 14px;
		line-height: 20px;
	}

	.service4 .service4_Info img {
		max-height: auto;
		height: auto !important;
	}

}

@media(max-width: 990px) {
	.service {
		padding: 0px;
	}

	.service1 {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.yunlian_1 .row>div {
		margin-bottom: 15px;
	}

	.yunlian_1 .row>div:last-child {
		margin-bottom: 0;
	}

	.yunlian_1 .img img {
		display: block;
		margin: 0 auto;
	}

	.yunlian_1 .img .cont {
		left: 50%;
		transform: translateX(-50%);
	}

	.yunlian_1 .f20 {
		width: 350px;
	}

	.yunbf .row {
		margin: 2.5rem -0.5rem 0 -0.5rem;
	}

	.yunbf .row>div {
		padding: 0 0.5rem;
	}

	.yunbf .row .nytxt {
		height: 10.125rem;
	}
}

@media(max-width: 770px) {

	.yunbf .row .nytxt {
		height: auto;
	}

	.f16 {
		font-size: 16px;
		line-height: 26px;
	}

	.f14 {
		font-size: 14px;
		line-height: 24px;
	}

	.service1 {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.service2,
	.service4 {
		padding: 15px 0;
	}

	.tianlian {
		padding: 15px 0 0 0;
	}

	.tianlian .img,
	.tianlian .row>div {
		margin-bottom: 15px;
	}

	.tianlian .row>div:last-child,
	.yunbf .row>div:last-child {
		margin-bottom: 0;
	}

	.service3Box .Img {
		left: 0;
	}

	.service3 .f20 {
		font-size: 16px;
		line-height: 26px;
	}

	.f20 {
		font-size: 20px;
		line-height: 36px;
	}

	.service3Box .Img {
		width: 50%;
	}

	.service3Box .words {
		width: 45%;
		letter-spacing: 0;
	}

	.service4 .service4_Info {
		margin: 15px 0 0 0;
	}

	.service2 ul .words {
		height: auto;
	}

	.yunbf {
		padding: 15px 0;
	}

	.yunbf .row {
		margin: 0;
	}

	.yunbf .row>div {
		margin-bottom: 15px;
		padding: 0;
	}

	.yunbf .row .box {
		padding: 15px;
	}

	.yunbf .row .f20 {
		margin-left: 15px;
	}

	.yunbf .row .nytxt {
		margin-top: 15px;
	}

	.yunbf_1 .row {
		margin: 0;
	}

	.yunbf_1 .row>div {
		padding: 0;
	}

	.yunbf_1 .pa50 .f26 {
		padding: 15px 0;
	}

	.pad80 {
		padding: 15px 0;
	}

	.yunlian_2 .nytitle {
		margin-bottom: 15px;
	}

	.yunlian_2 .row {
		margin: 0;
	}

	.yunlian_2 .row>div {
		padding: 0;
	}

	.yunlian_2 .f20 {
		margin-top: 15px;
	}

	.yunlian .container>img,
	.yunlian .container .cont {
		width: 100%;
	}

	.yunlian .container .pa {
		width: 150px;
	}

	.yunlian .container .cont .f16,
	.yunlian .container .cont7 .f16,
	.yunlian .container .cont7 .f20 {
		font-size: 12px;
		line-height: 13px;
	}

	.yunlian .container .cont .f14 {
		display: none;
	}

	.yunlian .container .cont7 {
		bottom: 40%;
		transform: translate(-50%, -40%);
	}

	.yunlian .container .cont5 {
		bottom: 27%;
		transform: translate(-4%, -27%);
	}

}

@media(max-width: 600px) {
	.yunlian_1 .img img {
		width: auto;
		height: auto;
	}

	.yunlian_1 .f20,
	.yunlian_1 ul {
		display: none;
	}
}

@media(max-width: 550px) {

	.yunlian .container .pa {
		width: 100px;
	}

	.yunlian .container .cont7 {
		width: 150px;
	}
}

.g_container {
	width: 100%;
	overflow: hidden;
	display: none;
}

/*底部*/

.g_btn-contact:hover,
.g_btn-liuzi:hover {
	background: linear-gradient(0deg, #FF2638 0%, #E60012 99%);
}

/*大容器1*/
.g_modular1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 80px;
}

.g_modular1-bg1 {
	display: block;
	width: 1402px;
	height: 797px;
	position: absolute;
	left: 0;
	top: 0;
}

.g_modular1-bg2 {
	display: block;
	width: 1402px;
	height: 797px;
	position: absolute;
	right: 0;
	top: 880px;
}

.g_modular1-bg3 {
	display: block;
	width: 533px;
	height: 316px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.g_modular1-bg4 {
	width: 1100px;
	height: 210px;
	background: linear-gradient(0deg, #FAFAFA -6%, rgba(255, 255, 255, 0.87) 43%, #FFFFFF 99%);
	position: absolute;
	right: 0;
	top: 787px;
	z-index: 2;
}

.g_modular1-container {
	/* width: 1200px;
	margin: 0 auto; */
	position: relative;
	z-index: 3;
}

.g_finance-subhead {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #555;
	line-height: 28px;
	font-weight: 400;
	margin-top: 12px;
}



/*优势价值*/

.g_finance-head {
	text-align: center;
	margin-top: 54px;
}

.g_advantage-list {
	margin-top: 46px;
}

.g_advantage-list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.g_advantage-list ul::after {
	display: none;
}

.g_advantage-list ul li {
	display: inline-block;
	/* width: 283px; */
	width: 22%;
	border: 1px solid #DFDFDF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	position: relative;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.g_advantage-item {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, #F1F3F5 0%, #FFFFFF 100%);
	z-index: 3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 40px 50px;
	overflow: hidden;
}

.g_advantage-list ul li::before {
	opacity: 0;
}

.g_advantage-list ul li::after {
	opacity: 0;
}

.g_advantage-list ul li:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

.g_advantage-list ul li:hover::before {
	content: '';
	display: block;
	width: 101%;
	height: 101%;
	position: absolute;
	left: -0.5%;
	top: -0.5%;
	background: linear-gradient(180deg, #F8211C 0%, rgba(248, 33, 28, 0.00) 100%);
	filter: blur(2px);
	backdrop-filter: blur(88px);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.13), 0px 0px 5px 0px rgba(214, 30, 27, 0.51), inset 0px 2px 2px 0px rgba(255, 255, 255, 0.3);
	opacity: 1;
}

.g_advantage-list ul li:hover::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border-radius: 4px;
	background: #fff;
	backdrop-filter: blur(86px);
	box-shadow: inset 0px 0px 68px 0px rgba(255, 255, 255, 0.05), inset 0px 4px 4px 0px rgba(255, 255, 255, 0.15);
	opacity: 1;
}



@-webkit-keyframes scales {
	0% {
		/* Chrome, Opera */
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}


.g_advantage-icon {
	margin: 50px auto 0;
	width: 51px;
	height: 51px;
	position: relative;
}

.g_advantage-icon img {
	display: block;
	width: 51px;
	height: 51px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.g_advantage-list ul li:hover .g_advantage-icon img {
	animation: scales 0.3s linear;
}



.g_advantage-icon::after {
	content: '';
	display: block;
	width: 112px;
	height: 79px;
	background: url(../images/finance_09.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: -30px;
	bottom: -42px;
}

.g_advantage-content {
	margin-top: 16px;
}

.g_advantage-content p {
	text-align: center;
	font-size: 20px;
	color: #555;
	font-weight: 700;
}

.g_advantage-content span {
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: 400;
	line-height: 24px;
	margin-top: 10px;
}

.g_spectacle-container {
	width: 100%;
	margin: 49px auto 0;
	position: relative;
	z-index: 3;
}

.g_spectacle-container ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.g_spectacle-container ul::after {
	display: none;
}

.g_spectacle-container ul li {
	/* width: 560px; */
	width: 49%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #D8D8D8;
	background: #fff;
	margin-bottom: 1.875rem;
	position: relative;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.g_spectacle-container ul li:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}


.g_spectacle-title {
	padding: 49px 0 0 60px;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #555;
	font-weight: 500;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.g_spectacle-container ul li:hover .g_spectacle-title {
	color: #E60012;
}


.g_spectacle-title img {
	width: 23px;
	height: 23px;
	margin-right: 8px;
}

.g_spectacle-container ul li span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #555;
	padding-left: 90px;
	padding-right: 57px;
}

.g_spectacle-div {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 3;
	padding-bottom: 49px;
}

.g_spectacle-container ul li::before {
	opacity: 0;
}

.g_spectacle-container ul li::after {
	opacity: 0;
}


.g_spectacle-container ul li:hover::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(-299deg, #F8211C 0%, rgba(248, 33, 28, 0.00) 100%);
	filter: blur(2px);
	backdrop-filter: blur(88px);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.13), 0px 0px 5px 0px rgba(214, 30, 27, 0.51), inset 0px 2px 2px 0px rgba(255, 255, 255, 0.3);
	opacity: 1;
}

.g_spectacle-container ul li:hover::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border-radius: 4px;
	background: #fff;
	backdrop-filter: blur(86px);
	box-shadow: inset 0px 0px 68px 0px rgba(255, 255, 255, 0.05), inset 0px 4px 4px 0px rgba(255, 255, 255, 0.15);
	opacity: 1;
}



/*功能板块*/
.g_functional {
	padding-top: 1px;
}

.g_functional-animater {
	/* width: 1200px; */
	height: 26.875rem;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

.g_functional-animater ul {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.g_functional-animater ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	float: left;
}

.g_functional-item {
	position: relative;
	height: 26.875rem;
	width: 100%;
	text-align: center;
}

.g_functional-item img {
	display: block;
	width: 767px;
	height: 26.875rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	/* margin-left: -383px; */
	top: 0;
	/* opacity: 0; */
	transition: all 0.5s linear 0.3s;
	-webkit-transition: all 0.5s linear 0.3s;
	z-index: 3;
}

.g_functional-item::after {
	content: '';
	display: block;
	width: 788px;
	height: 139px;
	background: url(../images/finance_39.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -450px;
	bottom: 0;
	opacity: 0;
	transition: all 0.5s linear 0.3s;
	-webkit-transition: all 0.5s linear 0.3s;
	background-size: 100%;
}

.g_functional-current .g_functional-item::after {
	opacity: 1;
}

.g_functional-left,
.g_functional-right {
	display: block;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 198px;
	z-index: 100;
}

.g_functional-left img,
.g_functional-right img {
	width: 47px;
	height: 47px;
	display: block;
}

.g_functional-ctrl {
	margin-top: 17px;
	overflow: hidden;
}

.g_functional-ctrl ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

.g_functional-ctrl ul::after {
	display: none;
}

.g_functional-ctrl ul li {
	display: inline-block;
	/* width: 250px; */
	width: 20%;
	position: relative;
	cursor: pointer;
}

.g_functional-ctrl ul li::before {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background: #fff;
	margin: 0 auto;
	content: '';

	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	opacity: 0;
}

.g_functional-ctrl ul li img {
	height: 29px;
	margin: 16px auto 0;
	display: block;
}

.g_functional-ctrl ul li p {
	text-align: center;
	font-size: 18px;
	color: #555;
	margin-top: 14px;
	height: 34px;
	font-weight: 700;
}

.g_functional-ctrl ul li span {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin-top: 6px;
}

.g_functional-ctrl ul li.on::before {
	background: linear-gradient(0deg, #FF6565 0%, #FF0017 99%);
	opacity: 1;
	animation: blur 0.5s linear;
}

.g_functional-ctrl ul li.on p {
	color: #E60012;
}

.g_functional-left:hover {
	background: url(../images/finance_47.png) no-repeat center;
	background-size: 100% 100%;
}

.g_functional-right:hover {
	background: url(../images/finance_46.png) no-repeat center;
	background-size: 100% 100%;
}

@-webkit-keyframes blur {
	0% {
		/* Chrome, Opera */
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		-ms-filter: blur(20px);
		filter: blur(20px);
	}

	50% {
		-webkit-filter: blur(15px);
		-moz-filter: blur(15px);
		-ms-filter: blur(15px);
		filter: blur(15px);
	}

	100% {
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
	}
}


/*大容器2*/
.g_modular2 {
	width: 100%;
	background: url(../images/finance_34.png) no-repeat center top;
	background-size: 100% 100%;
	padding-bottom: 88px;
}

.g_modular2-container {
	width: 1200px;
	margin: 0 auto;
	padding-top: 1px;
}

.g_btn-liuzi:hover {
	background: linear-gradient(180deg, #E60012 0%, #FF2638 99%);
}

.g_input-box a:hover {
	background: none;
}


/*移动端元素*/
.g_functional-mobile {
	display: none;
}

.g_modular1-bgm {
	display: none;
}

/*移动端元素*/
.g_progressiveness-bgm {
	display: none;
}

.g_progressiveness-mobile {
	display: none;
}

.g_modular1-bgm {
	display: none;
}

.g_field-mobile {
	display: none;
}

.g_programme-imgm {
	display: none;
}

.g_programme-pagination {
	display: none;
}

.g_newcase-title {
	display: none;
}

.g_service-bgm {
	display: none;
}

.g_videos-list {
	display: none;
}

.g_contact-bgm {
	display: none;
}

.g_videospage-playbox h1 {
	display: none;
}

.g_resources-imgm {
	display: none;
}

.g_flywheel-imgm {
	display: none;
}

.g_zwt-mb {
	display: none;
}





@media only all and (max-width:1920px) {}

@media only all and (max-width:1300px) {

	.g_modular1-container {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.g_functional-ctrl ul li,
	.g_advantage-list ul li {
		width: 24%;
	}

	.g_spectacle-container ul li {
		width: 49%;
	}

	.g_functional-animater {
		width: 100%;
	}

	.g_functional-left {
		left: 0;
	}

	.g_functional-right {
		right: 0;
	}

	.g_modular2-container {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 1px 30px 0;
	}

	.g_advantage-icon {
		margin-top: 40px;
	}
}



@media only all and (max-width:1000px) {

	.g_bottom-container {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 0 30px;
	}

	.g_advantage-list ul li {}

	.g_advantage-icon {
		margin: 20px auto 0;
		width: 34px;
		height: 34px;
	}

	.g_advantage-icon img {
		width: 34px;
		height: 34px;
	}

	.g_advantage-icon::after {
		width: 56px;
		height: 40px;
		left: -12px;
		bottom: -21px;
	}

	.g_advantage-content p {
		font-size: 14px;
	}

	.g_advantage-content span {
		font-size: 12px;
		line-height: 20px;
		margin-top: 5px;
	}

	.g_advantage-item {
		padding: 0 20px 20px;
	}

	.g_spectacle-div {
		padding-bottom: 20px;
	}

	.g_spectacle-title {
		padding: 20px 0 0 20px;
		font-size: 14px;
	}

	.g_spectacle-title img {
		width: 14px;
		height: 14px;
		margin-right: 5px;
	}

	.g_spectacle-container ul li span {
		padding-left: 40px;
		font-size: 12px;
		margin-top: 5px;
		padding-right: 30px;
	}

	.g_finance-head {
		margin-top: 0;
		padding-top: 20px;
	}

	.g_functional-animater ul li {
		background: none;
	}

	.g_finance-subhead {
		width: 100%;
	}
}

@media only all and (max-width:870px) {
	.g_bghui {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1000;
		background: rgba(0, 0, 0, 0.5);
		position: fixed;
		display: none;
	}

	.g_functional-current .g_functional-item img {
		width: 500px;
		margin-left: -250px;
	}

	.g_functional-item::after {
		width: 500px;
		height: 108px;
		margin-left: -300px;
		background: url(../images/finance_39.png) no-repeat center bottom;
		background-size: 100%;
	}

	.g_functional-left img,
	.g_functional-right img {
		width: 34px;
		height: 34px;
	}

	.g_functional-left,
	.g_functional-right {
		width: 34px;
		height: 34px;
		top: 50%;
		margin-top: -17px;
	}

	.g_finance-head {
		font-size: 20px;
	}

	.g_finance-subhead {
		font-size: 14px;
		line-height: 20px;
	}
	.g_functional-ctrl ul li{
		width: 49%;
	}
}


@media only all and (max-width:650px) {

	.g_modular1-bg1 {
		display: none;
	}

	.g_modular1-bg2 {
		display: none;
	}

	.g_modular1-bg3 {
		display: none;
	}

	.g_modular1-bg4 {
		display: none;
	}



	.g_finance-head {
		padding-top: 15px;
	}

	.g_modular1-container {
		width: 100%;
		padding: 0;
	}

	.g_finance-subhead {
		font-size: 12px;
		line-height: 20px;
		width: 100%;
	}

	.g_advantage {
		padding: 0 15px;
	}

	.g_advantage-list {
		margin-top: 17px;
	}

	.g_advantage-list ul li {
		width: 48%;
		margin-bottom: 15px;
	}

	.g_advantage-list ul li:nth-child(3),
	.g_advantage-list ul li:nth-child(4),
	.g_spectacle-container ul li:last-child {
		margin-bottom: 0;
	}

	.g_spectacle-container ul li {
		margin-bottom: 15px;
	}

	.g_advantage-item {
		padding: 0 7px 14px;
	}

	.g_advantage-icon {
		width: 37px;
		height: 37px;
		margin: 14px auto 0;
	}

	.g_advantage-icon img {
		width: 37px;
		height: 37px;
	}

	.g_advantage-icon::after {
		width: 80px;
		height: 38px;
		left: -22px;
		bottom: -20px;
	}

	.g_advantage-content p {
		font-size: 16px;
	}

	.g_advantage-content {
		margin-top: 10px;
	}

	.g_advantage-content span {
		font-size: 14px;
		line-height: 24px;
		margin-top: 5px;
	}

	.g_customer-value {
		padding: 0 25px;
	}

	.g_spectacle-container {
		margin-top: 16px;
	}

	.g_spectacle-title {
		padding: 15px 0 0 14px;
		font-size: 16px;
		font-weight: bold;
	}

	.g_spectacle-title img {
		height: 16px;
		width: 16px;
		margin-right: 6px;
	}

	.g_spectacle-container ul li span {
		font-size: 14px;
		line-height: 24px;
		padding: 0 35px;
	}

	.g_spectacle-container ul li {
		height: auto;
		width: 100%;
	}

	.g_spectacle-div {
		position: relative;
		padding-bottom: 15px;
		height: auto;
	}

	.g_functional-animater {
		display: none;
	}

	.g_functional-ctrl {
		display: none;
	}

	.g_functional {
		padding: 1px 25px 0;
	}

	.g_functional-mobile {
		padding: 0 15px;
		display: block;
		position: relative;
	}

	.g_thumb-container {
		padding: 0 14px;
		height: 43px;
	}

	.g_functional-swiper2 {
		margin-top: 17px;
		overflow: hidden;
	}

	.g_functional-swiper1 {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 10px;
	}

	.g_thumbs-item {
		width: 100%;
		display: block;
		font-size: 12px;
		color: #707070;
		position: relative;
		text-align: center;
		margin: 0 auto;
	}

	.g_functional-box {
		width: 100%;
	}

	.g_functional-imgs {
		width: 100%;
	}

	.g_functional-imgs img {
		width: 100%;
		height: auto;
	}

	.g_functional-content {
		margin-top: 36px;
		padding: 0 25px;
	}

	.g_functional-tab {
		border: 1px solid #D8D8D8;
		background: #fff;
		padding: 10px 30px 10px 37px;
		position: relative;
	}

	.g_functional-tab img {
		width: 20px;
		height: auto;
		position: absolute;
		left: 12px;
		top: 15px;
	}

	.g_functional-font p {
		font-size: 16px;
		color: #E60012;
		font-weight: bold;
		padding-top: 4px;
	}

	.g_functional-font span {
		display: block;
		font-size: 14px;
		line-height: 24px;
		color: #666;
		margin-top: 5px;
	}

	.swiper-slide-thumb-active span {
		color: #E60012;
		font-weight: bold;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 0;
		width: 15px;
		height: 15px;
		margin-top: 0;
		background-size: 15px 15px;
	}

	/* .swiper-slide-thumb-active span::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #E60012;
		position: absolute;
		left: 0;
		bottom: -8px;
	} */

	.g_functional-mobile .g_functional-pagination {
		width: 100%;
		position: absolute;
		left: 0;
		top: 210px;
		bottom: auto;
		text-align: center;
	}

	.g_functional-mobile .g_functional-pagination span {
		width: 4px;
		height: 4px;
		margin: 0 2px;
		border-radius: 4px;
		background: #D8D8D8;
		opacity: 1;
	}

	.g_functional-mobile .g_functional-pagination span.swiper-pagination-bullet-active {
		width: 10px;
		background: #E60012;
	}

	.g_functional-prev {
		display: block;
		width: 6px;
		height: 12px;
		background: url(../images/m_06.png) no-repeat center;
		background-size: 100%;
		position: absolute;
		left: 23px;
		top: 15px;
		z-index: 10;
	}

	.g_functional-next {
		display: block;
		width: 6px;
		height: 12px;
		background: url(../images/m_07.png) no-repeat center;
		background-size: 100%;
		position: absolute;
		right: 23px;
		top: 15px;
		z-index: 10;
	}

	.g_modular1 {
		padding-bottom: 16px;
	}

	.g_modular2 {
		background: url(../images/m_05.png) no-repeat center;
		background-size: 100% 100%;
		padding-bottom: 0;
	}

	.g_modular2-container {
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 1px 25px 23px;
	}

	.g_modular1-bgm {
		display: block;
		width: 100%;
		position: absolute;
		top: -183px;
		right: 0;
	}

	.g_thumbs-item br {
		display: none;
	}
}


@media only all and (max-width:360px) {

	.g_functional-mobile .g_functional-pagination {
		bottom: 162px;
	}
}