

/* 主营业务 */

@media (max-width:1660px) {
	.top_tab {
		position: absolute;
		top: .17rem;
		left: .25rem;
		width: 24.1rem;
		height: .47rem;
		/* background: red; */
		color: rgb(255, 255, 255);
		font-family: 'Microsoft YaHei';
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		.top_tab img {
			width: 2rem;
			margin-top: .15rem;
			margin-left: .15rem;
		}

		.top_tab a {
			color: rgb(255, 255, 255)
		}

	.phone_box {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.phone_icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.phone {
		margin-left: .08rem;
		font-size: .2rem;
	}

	.phone_icon img {
		width: .24rem;
		height: .24rem;
		margin-top: 0rem;
	}

	.top_tab div {
		display: flex;
	}

	.magin_left {
		margin-left: 1rem;
	}

	.bg1 {
		width: 100%;
		height: 100%;
		background-image: url('../image/bg1.png');
		background-size: 100%;
		animation: scrollBackground 8s linear infinite;
		z-index: 1;
	}

	.content {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.55);
		z-index: 1;
	}

	.content2 {
		width: 100%;
		height: 100%;
		background-image: url('../image/bg_2.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.content2_img {
		/* 样机10 */
		position: absolute;
		width: 50%;
		height: 75%;
		top: 17%;
		left: 45%;
	}

	.content3 {
		width: 100%;
		height: 100%;
		background-image: url('../image/bg_3.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 1;
	}

	.content3_img {
		/* 样机10 */
		position: absolute;
		width: 63%;
		height: 82%;
		top: 14%;
		left: 31%;
	}



	@keyframes scrollBackground {
		from {
			background-position: 0 0;
		}

		to {
			background-position: 0 100%;
			/* 背景图片向下滚动 */
		}
	}

	.carousel_text {
		color: rgb(255, 255, 255);
		font-family: "Microsoft YaHei";
		font-size: 0.44rem;
		letter-spacing: 0px;
		line-height: 0.77rem;
		text-align: left;
	}

	.bg1_text_content {
		position: absolute;
		left: 14.46%;
		top: 35.27%;
	}

	.bg2_text_content {
		position: absolute;
		left: 20.46%;
		top: 35.27%;
	}

	.carousel_span {
		height: 100%;
		color: rgb(255, 255, 255);
		font-size: .4rem;
		letter-spacing: 0px;
		text-align: left;
		margin-left: .41rem;
	}

	.flex_textbox {
		display: flex;
		align-items: center;
	}

	.carousel_col {
		width: .8rem;
		height: .03rem;
		background: rgb(216, 216, 216);
		display: block;
		margin-left: .21rem;
	}

	.bg2_text {
		margin-top: .13rem;
		font-size: .32rem;
		color: rgb(255, 255, 255);
	}

	.carousel_but {
		margin-top: .4rem;
		width: 1.4rem;
		height: .45rem;
		background: rgb(62, 60, 134);
		border-radius: .08rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.carousel_but p {
			color: rgb(255, 255, 255);
			font-size: .15rem;
		}

	.carousel_icon {
		width: .3rem;
		height: .32rem;
		display: flex;
		align-items: center;
		justify-content: right;
	}

		.carousel_icon img {
			width: .14rem;
			height: .14rem;
		}

	.primary_box {
		width: 100%;
		background: rgb(241, 242, 253);
		padding: 0 4.5rem;
		padding-bottom: 0.5rem;
	}

	.height185 {
		height: 0.32rem;
	}

	.primary_items {
		transition: margin-top 0.4s ease;
		display: flex;
		justify-content: space-between;
	}

	.primary_item {
		cursor: pointer;
		width: 3.2rem;
		box-sizing: border-box;
		padding: 0.35rem 0.45rem 1.2rem 0.45rem;
		border: 0.02rem solid rgb(91, 79, 215);
	}


	.height_80 {
		height: .5rem;
	}

	.height_100 {
		height: .7rem;
	}

	.primary_title {
		width: 2.2rem;
		height: .83rem;
		position: relative;
	}

	.primary_title2 {
		width: 2.75rem;
		height: .84rem;
		position: relative;
		align-items: center;
		justify-content: left;
		flex-direction: column;
		margin-top: 0.35rem;
		margin-right: 0.7rem;
	}

	.main {
		font-size: .13rem;
		color: rgb(61, 61, 61);
		font-weight: 300;
		letter-spacing: 0px;
		text-align: left;
		position: absolute;
		left: .25rem;
		top: .06rem;
	}

	.primary_bortext {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: .71rem;
		background-image: url('../image/bor.png');
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(17, 17, 17);
		font-size: 0.38rem;
		font-weight: bold;
		letter-spacing: 0px;
		text-align: left;
	}

	.primary_content {
		width: 16rem;
		font-size: 0.22rem;
		margin-top: 15px;
		line-height: 0.4rem;
	}

	.main2 {
		font-size: .13rem;
		color: #FFFFFF;
		font-weight: 300;
		letter-spacing: 0px;
		text-align: left;
		position: absolute;
		left: .25rem;
		top: 0.06rem;
	}

	.primary_bortext2 {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: .71rem;
		background-image: url('../image/bor2.png');
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(255, 255, 255);
		font-size: 0.38rem;
		font-weight: 700;
		letter-spacing: 0px;
		text-align: left;
	}

	.primary_item div {
		width: 0.8rem;
		height: 0.8rem;
	}

	.img1 {
		background-image: url('../image/icon1.png');
		background-size: 100% 100%;
		border: none;
		margin-bottom: 0.33rem;
	}

	.img2 {
		background-image: url('../image/icon2.png');
		background-size: 100% 100%;
		border: none;
		margin-bottom: 0.33rem;
	}

	.img3 {
		background-image: url('../image/icon3.png');
		background-size: 100% 100%;
		border: none;
		margin-bottom: 0.33rem;
	}

	.img4 {
		background-image: url('../image/icon4.png');
		background-size: 100% 100%;
		border: none;
		margin-bottom: 0.33rem;
	}

	.primary_item:hover p {
		color: #FFFFFF;
	}

	.primary_item:hover {
		border: none;
		background: linear-gradient(180.00deg, rgb(91, 76, 213), rgb(106, 130, 247) 100%), rgb(216, 216, 216);
	}

		.primary_item:hover .img1 {
			background-image: url('../image/icon_1.png');
			background-size: 100% 100%;
			border: none;
		}

		.primary_item:hover .img2 {
			background-image: url('../image/icon_2.png');
			background-size: 100% 100%;
			border: none;
		}

		.primary_item:hover .img3 {
			background-image: url('../image/icon_3.png');
			background-size: 100% 100%;
			border: none;
		}

		.primary_item:hover .img4 {
			background-image: url('../image/icon_4.png');
			background-size: 100% 100%;
			border: none;
		}

	.primary_text {
		font-size: 0.3rem;
		color: rgb(17, 17, 17);
		font-weight: 700;
		line-height: 0.5rem;
		letter-spacing: 0px;
		text-align: left;
	}

	.primary_text2 {
		margin-top: 0.2rem;
		font-size: 0.23rem;
		line-height: 0.46rem;
		color: rgb(51, 51, 51);
		/* font-family: æ€æºé»‘ä½“ CN; */
		/* font-weight: 400; */
		letter-spacing: 0px;
		text-align: left;
	}
	/* 经典案例 */
	.demo_box {
		width: 100%;
		background: #FFFFFF;
		padding: 0 4.5rem;
		padding-bottom: 1.11rem;
	}

	.box_items {
		display: flex;
		justify-content: space-between;
	}

	.box_item {
		width: 4.3rem;
		background: rgb(255, 255, 255);
		margin-top: .4rem;
	}

		.box_item img {
			width: 100%;
			height: 3.1rem;
		}

	.demo_text {
		padding: .11rem 0 0rem 0.1rem;
	}

	.demo_text_1 {
		font-size: .18rem;
		font-weight: bold;
	}

	.demo_text_2 {
		font-size: .15rem;
		margin-top: .05rem;
		color: rgb(51, 51, 51);
		display: flex;
	}

	.cut {
		width: 1px;
		height: .27rem;
		background: rgb(51, 51, 51);
		margin: 0 .13rem;
	}

	.about_box {
		width: 100%;
		height: 5rem;
		background-image: url('../image/about_bg.png');
		background-size: 100% 100%;
	}

	.about_right {
		width: 50vw;
		height: 100%;
		float: right;
		padding-top: 0.5rem;
		padding-right: 3.25rem;
	}

	.about_text {
		width: 8rem;
		color: rgb(228, 227, 227);
		font-size: .18rem;
		line-height: .43rem;
		letter-spacing: 0px;
		text-align: left;
		margin-top: .25rem;
	}

	.about_fottext {
		margin-top: .25rem;
		color: rgb(255, 255, 255);
		font-size: .18rem;
		line-height: .38rem;
		letter-spacing: 0px;
		text-align: left;
	}


	.mention_box {
		width: 100%;
		background: #FFFFFF;
		padding: 0 4.5rem;
	}

	.mention_content {
		/*width: 17.5rem;*/
		padding: .3rem .8rem 0.5rem .8rem;
		background: rgb(59, 56, 57);
		display: flex;
		/*align-items: center;
			justify-content: left;
			flex-direction: column;*/
	}

	.mentuon_texts {
		justify-content: left;
	}

	.mention_text {
		margin-top: .25rem;
		color: rgb(255, 255, 255);
		font-size: .18rem;
		font-weight: 400;
		letter-spacing: 0px;
		text-align: left;
		justify-content: left;
	}

		.mention_text span {
			color: gold;
		}

	.flow_box {
		width: 100%;
		background: #FFFFFF;
		padding: 0 4.5rem;
		/* padding-bottom: 1.11rem; */
	}

	.flow_items {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.flow_item {
		margin-top: 0.52rem;
		width: 4.7rem;
		box-sizing: border-box;
		border: 0.01rem solid rgb(0, 0, 0);
		padding: 0.15rem 0.25rem 0 0.25rem;
		display: flex;
		align-items: center;
	}

	.flow_text_box {
		padding-bottom: .24rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.fleow_t1 {
		color: rgb(17, 17, 17);
		font-size: .35rem;
		font-weight: bold;
		letter-spacing: 0px;
		text-align: left;
	}

	.fleow_t2 {
		color: rgb(17, 17, 17);
		font-size: .21rem;
		font-weight: bold;
		letter-spacing: 0px;
		text-align: left;
		margin-top: .1rem;
	}

	.fleow_t3 {
		color: rgb(51, 51, 51);
		font-size: .18rem;
		letter-spacing: 0px;
		text-align: left;
		margin-top: .1rem;
		line-height: 0.3rem;
	}

	.flow_item img {
		margin-left: .2rem;
		width: 1rem;
		height: 1rem;
	}

	.mg_top {
		margin-top: 0;
	}

	.mg_top2 {
		margin-top: .04rem
	}

	.pad_bot {
		padding-bottom: .21rem;
	}


	/* 公司资质 */
	.qualification_box {
		width: 100%;
		background: #FFFFFF;
		padding: 0.4rem 4.5rem;
	}

		.qualification_box .demo_text_1 {
			font-size: 0.2rem;
			font-weight: bold;
			text-align: center;
		}

	.box_items2 {
		margin-top: .67rem;
		margin-left: 0.3rem;
		margin-right: 0.3rem;
		display: flex;
		justify-content: space-between;
	}

		.box_items2 .box_item {
			width: 3.5rem;
			background: rgb(255, 255, 255);
		}

			.box_items2 .box_item img {
				width: 100%;
				height: 4.8rem;
			}

	.process {
		padding: 0 4.5rem;
		margin-top: .7rem;
		width: 100%;
		height: .63rem;
		background: rgb(59, 56, 57);
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #FFFFFF;
		font-size: .17rem;
	}

		.process div {
			display: flex;
			align-items: center;
		}

		.process img {
			width: 0.2rem;
			height: 0.2rem;
			margin-right: 0.05rem;
		}
}
	.call_box {
		width: 100%;
		background: #FFFFFF;
		padding: 0 4.5rem;
		padding-bottom: .5rem;
		display: flex;
	}

	.call_left {
		width: 9.76rem;
		display: flex;
		flex-direction: column;
	}

	.text_box {
		/*padding-left: 4rem;*/
	}

	.ready_text {
		margin-left:0.15rem;
		color: rgb(17, 17, 17);
		font-size: .45rem;
		font-weight: 700;
		letter-spacing: 0px;
		text-align: left;
		display: flex;
	}

		.ready_text div {
			width: 1.04rem;
			height: 2px;
			background: rgb(17, 17, 17);
			margin: .34rem 0 0 .14rem;
		}

	.call_text {
		color: rgb(17, 17, 17);
		font-size: .35rem;
		font-weight: 500;
		margin-top: .35rem;
		letter-spacing: 0px;
		text-align: center;
	}

	.font_w {
		/*font-weight: 700;*/
		margin-left: -10px;
	}

	.msg_box {
		margin-top: 0.33rem;
		background: rgb(241, 241, 241);
		padding: 0.25rem 0 0.51rem 0.1rem;
		color: rgb(17, 17, 17);
		font-size: .25rem;
		line-height: 0.5rem;
		letter-spacing: 0px;
		padding-left:1.5rem;
	}
	.msg_box p{
		cursor:pointer;
	}
		.call_right {
			margin-left: 2.3rem;
		}

	.right_span {
		color: rgb(102, 102, 102);
		font-size: .17rem;
		line-height: .38rem;
		letter-spacing: 0px;
		text-align: left;
		margin-top: .21rem;
	}

	.form_content {
		margin-top: .1rem;
		width: 7.3rem;
	}

	.type_item {
		height: 0.5rem;
		display: flex;
		align-items: center;
		border-bottom: 1px solid rgb(216, 216, 216);
		margin-bottom: .29rem;
	}

	.type_label {
		color: rgb(51, 51, 51);
		font-size: .17rem;
		letter-spacing: 0px;
		text-align: left;
		margin-right:0.05rem;
	}

	.radio_item {
		margin-left: 0.2rem;
		padding: 0.05rem 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: rgb(102, 102, 102);
		font-size: .15rem;
		letter-spacing: 0px;
		text-align: left;
		box-sizing: border-box;
		border: 1px solid rgb(102, 102, 102);
		border-radius: 0.19rem;
		cursor: pointer;
	}
		.radio_item:hover {
			background: rgb(51, 51, 51);
			color: #FFFFFF;
		}

	.input_box {
		display: flex;
		margin-bottom: .29rem;
	}

	.input_item {
		width: 3.92rem;
		height: 0.5rem;
		display: flex;
		align-items: center;
		border-bottom: 1px solid rgb(216, 216, 216);
	}

	.type_input {
		width: 80%;
		font-size: .16rem;
		border: none;
		outline: none;
	}

	.but_submit {
		display: flex;
		align-items: center;
		justify-content: center;
		height: .5rem;
		color: rgb(255, 255, 255);
		font-size: .16rem;
		letter-spacing: 0px;
		text-align: left;
		background: rgb(51, 51, 51);
		/*border-radius: .25rem;*/
		cursor: pointer;
	}

	.foot {
		width: 100%;
		height: 1.25rem;
		background: rgb(59, 56, 57);
		line-height:0.33rem;
		margin-top: .53rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color:ghostwhite;
		font-size: .14rem;
		letter-spacing: 0px;
		text-align: center;
	}
		.foot a {
			color: ghostwhite;
		}


