.swiper-menu {
	width: 100%;
	height: 102px;
	margin-top: -101px;
	position: relative;
	z-index: 2;
}

.swiper-menu-list {
	width: 1200px;
	height: 100%;
	margin: auto;
	display: flex;
}

.list-content {
	width: 25%;
	height: 100px;
	padding: 22px;
	margin-top: 1px;
}

.content-image {
	width: 56px;
	height: 56px;
	margin-right: 12px;
	position: relative;
	float: left;
}

.image-left {
	position: absolute;
	left: 7px;
	top: 7px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	z-index: 2;
}

.image-right {
	position: absolute;
	right: 7px;
	top: 15px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}

.content-right {
	width: 188px;
	height: 100%;
	float: left;
}

.right-top {
	font-size: 16px;
	margin-top: 4px;
}

.right-bottom {
	font-size: 14px;
	color: #6e6c71;
	margin-top: 6px;
	line-height: 1.2em;
}

.list-content:hover {
	background: white;
}

.list-content:hover .right-top {
	color: #734aff;
}

.list-content:hover .image-right {
	right: 3px;
}

.list-content:hover .image-left {
	left: 3px;
}

.solution {
	width: 100%;
	height: 981px;
	position: relative;
	margin-top: -2px;
}

.solution-title {
	font-size: 32px;
	color: white;
	text-align: center;
	padding-top: 67px;
	display: block;
}

.solution-word {
	color: #c7c7c7;
	text-align: center;
	margin-top: 23px;
}

.solution-menu {
	width: 666px;
	height: 51px;
	background: #2f3654;
	margin: auto;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	margin-top: 76px;
	display: flex;
	position: relative;
	z-index: 2;
}

.menu-button {
	width: 212px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin: 3.5px 5px;
	color: white;
	z-index: 2;
	cursor: pointer;
}

.button-back {
	width: 212px;
	height: 44px;
	background: #d75eeb;
	position: absolute;
	margin-left: 5px;
	top: 4px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.solution-content {
	width: 1400px;
	margin: auto;
	margin-top: 90px;
	position: relative;
}

.content-detail {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.detail-image {
	display: block;
	margin-left: 137px;
	float: left;
	max-width: 651px;
}

.detail-right {
	width: 525px;
	float: right;
	margin-top: 66px;
}

.detail-title span {
	font-size: 20px;
	color: white;
	margin-left: 3px;
}

.detail-content {
	color: #878a91;
	font-size: 16px;
	margin-top: 35px;
	line-height: 19px;
}

.content-detail {
	display: none;
}

.core-content {
	width: 626px;
	height: 263px;
	margin: 4.5px 2px;
	position: relative;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

.core-list {
	width: 1260px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	position: relative;
}

.core-detail {
	margin: 40px 0 0 37px;
	display: block;
}

.marks-img {
	display: block;
	float: left;
}

.core-title {
	float: left;
	font-size: 22px;
	margin-left: 9px;
	margin-top: 5px;
}

.head-img {
	float: right;
	margin-right: 13px;
	position: absolute;
	right: 0px;
	top: 46px;
}

.core-content:nth-of-type(2n) .marks-img {
	margin-left: 76px;
}

.core-detail-top {
	overflow: hidden;
}

.core-detail-bottom {
	width: 264px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 16px;
}

.rotating {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.rotating-p {
	position: absolute;
	z-index: 2;
	color: white;
	width: 64px;

	height: 66px;

	top: 50%;
	left: 50%;
	text-align: center;
	font-size: 32px;
	transform: translate(-50%, -50%);
}

.rotating-img {
	animation: 4s linear 0s normal forwards infinite mymove;
	-webkit-animation: 4s linear 0s normal forwards infinite mymove;
}

@keyframes mymove {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.core-content:hover .core-title {
	color: white;
}

.core-content:hover .core-detail-bottom {
	color: white;
}

.solution-more {
	width: 186px;
	height: 44px;
	line-height: 44px;
	display: block;
	border-radius: 30px;
	border: none;
	color: white;
	background-image: linear-gradient(to right, #d75eeb, #6f1da9);
	text-align: center;
	margin-top: 102px;
	margin: auto;
	margin-top: 38px;
	cursor: pointer;
}

.four_core {
	padding-bottom: 159px;
}

.four_core .solution-title {
	margin-top: 21px;
}

.case {
	width: 100%;
	height: 1127px;
	position: relative;
}

.case-title {
	width: 1230px;
	margin: auto;
	margin-top: 65px;
}

.case-title-word {
	font-size: 22px;
	color: white;
}

.case-more {
	float: right;
	font-size: 14px;
	position: relative;
	width: 85px;
	height: 15px;
	margin-top: 5px;
}

.case-more span {
	font-size: 14px;
	color: #ad4dbe;
	position: relative;
	margin-top: 3px;
	float: left;
}

.case-more img {
	position: absolute;
	margin-top: 6px;
	right: 0px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.case-more:hover img {
	right: -10px;
}

.case-list {
	width: 1245px;
	margin: auto;
	display: flex;
	margin-top: 34px;
	flex-wrap: wrap;
}

.titbits {

	width:1245px; 
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;

}

.titbitsimg{
	display: flex;
	flex-direction: column; 
	width: 25%;
	padding: 10px;
}


.case-detail {
	width: 18.47%;
	margin: 0 0.765%;
	height: 367px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	cursor: pointer;
	filter: grayscale(40%);
	-webkit-filter: grayscale(40%);
}

.case-content {
	width: 100%;
	height: 100%;
}

.case-detail:hover {
	transform: translate(0%, -15px);
	-webkit-transform: translate(0%, -15px);
	-moz-transform: translate(0%, -15px);
	-ms-transform: translate(0%, -15px);
	-o-transform: translate(0%, -15px);
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

.case-title.second {
	margin-top: 39px;
}

.case-detail.second {
	width: 23.4%;
	height: 118px;
	background: #20232b;
	margin: 0 0.8%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	margin-bottom: 43px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	cursor: pointer;
}

.case-detail.second:hover {
	transform: translate(0%, -15px);
	-webkit-transform: translate(0%, -15px);
	-moz-transform: translate(0%, -15px);
	-ms-transform: translate(0%, -15px);
	-o-transform: translate(0%, -15px);
}

.case-list.second {
	width: 1240px;
}

.case-icon {
	margin: 36px;
	float: left;
}

.case-category {
	line-height: 118px;
	color: white;
	font-size: 16px;
}

.four_core .solution-title {
	color: black;
}

.four_core .solution-word {
	color: #999999;
}

.case .solution-title {
	padding-top: 91px;
}

.case .solution-word {
	color: #999999;
}

.operating .solution-title {
	color: black;
	padding-top: 110px;
}

.operating .solution-word {
	color: #999999;
}

.operating-menu {
	width: 1307px;
	margin: auto;
	display: flex;
	margin-top: 60px;
}

.operating-list {
	width: 14.285%;
}

.operating-icon {
	display: block;
	margin: auto;
}

.icon-animation {
	animation: 1.5s linear 0s normal forwards infinite updown;
	-webkit-animation: 1.5s linear 0s normal forwards infinite updown;
}

.operating-title {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.operating-content {
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
}

.operating-detail {
	width: 1306px;
	margin: auto;
	position: relative;
	margin-top: 61px;
	overflow: hidden;
	display: none;
}

.operating-left {
	width: 634px;
	float: left;
}

.operating-tv {
	width: 634px;
	height: 402px;
	position: relative;
}

.tv-middle {
	width: 429px;
	height: 267px;
	position: absolute;
	top: 59px;
	left: 104px;
}

.tv-left {
	width: 153px;
	height: 164px;
	position: absolute;
	top: 82px;
	z-index: 2;
	box-shadow: 0px 0px 30px 1px #efefef;
	border-radius: 5px;
}

.tv-right {
	position: absolute;
	right: 50px;
	width: 150px;
	height: 172px;
	z-index: 2;
	bottom: 100px;
	box-shadow: 0px 0px 30px 1px #efefef;
	border-radius: 5px;
}

.operating-right {
	width: 580px;
	float: right;
}

.operating-right-title {
	font-size: 22px;
	color: #252525;
	margin-bottom: 10px;
	margin-top: 40px;
}

.operating-right-content p {
	font-size: 14px;
	line-height: 22px;
	color: #777777;
}

.operating-count {
	width: 617px;
	float: right;
	margin-top: 53px;
}

.count-list {
	width: 33.33%;
	float: left;
	text-align: center;
}

.count-num {
	font-size: 44px;
	font-weight: bold;
	display: inline-block;
	float: left;
}

.count-title {
	font-size: 20px;
	color: #6b6b6b;
	margin-top: -2px;
}

.count-detail {
	display: inline-block;
}

.count-img {
	margin-top: 9px;
	float: left;
	display: inline-block;
	margin-left: 3px;
}

.operating .solution-more {
	margin-top: 26px;
}

.operating {
	padding-bottom: 111px;
}

@keyframes updown {
	0% {
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		opacity: 0.5;
	}

	50% {
		transform: translate(0%, -15px);
		-webkit-transform: translate(0%, -15px);
		-moz-transform: translate(0%, -15px);
		-ms-transform: translate(0%, -15px);
		-o-transform: translate(0%, -15px);
		opacity: 1;
	}

	100% {
		transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
		opacity: 0.5;
	}
}

.advantage {
	width: 100%;
	height: 1005px;
	background: #23293f;
	position: relative;
}

.advantage-back {
	width: 100%;
	position: absolute;
	top: 0px;
}

.advantage-menu {
	width: 1209px;
	height: 126px;
	margin: auto;
	background: white;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.advantage-menu-outside {
	width: 1209px;
	height: 134px;
	margin: auto;
	margin-top: 56px;
	position: relative;
}

.advantage-menu-outside2 {

	width: 303px;

	height: 134px;

	margin: auto;

	margin-top: 56px;

	position: relative;

}

.advantage-menu2 {

	width: 303px;

	height: 126px;

	margin: auto;

	background: white;

	border-radius: 10px;

	position: relative;

	z-index: 2;

	overflow: hidden;

}






.advantage-list {
	align-items: center;
	width: 25%;
	height: 100%;
	cursor: pointer;
	transition: all .3s;
	padding: 24px 32px;
	box-sizing: border-box;
	position: relative;
	float: left;
	z-index: 2;
}

.advantage-list2 {

	align-items: center;

	width: 100%;

	height: 100%;

	cursor: pointer;

	transition: all .3s;

	padding: 24px 32px;

	box-sizing: border-box;

	position: relative;

	float: left;

	z-index: 2;

}



.advantage-serial {
	color: rgba(34, 34, 34, .2);
	margin-bottom: 14px;
	width: 74px;
	height: 95px;
	line-height: 75px;
	-webkit-clip-path: polygon(0 0, 74px 0, 74px 41px, 34px 82px, 34px 95px, 0 95px);
	clip-path: polygon(0 0, 74px 0, 74px 41px, 34px 82px, 34px 95px, 0 95px);
	float: left;
}

.advantage-serial span {
	display: inline-block;
	font-size: 51px;
	margin-left: 14px;
	font-weight: bold;
}

.advantage-line {
	position: absolute;
	left: 100px;
	top: 44px;
	height: 55px;
	border-right: 1px solid rgba(34, 34, 34, .2);
	transform: rotate(45deg);
	mix-blend-mode: normal;
}

.advantage-title {
	margin-left: 31px;
	float: left;
}

.advantage-word {
	color: #222;
	font-size: 28px;
	line-height: 75px;
	font-weight: 700;
	margin-bottom: 4px;
}

.advantage-word2 {

	color: #222;

	font-size: 28px;

	line-height: 75px;

	font-weight: 700;

	margin-bottom: 4px;

}




.swiper-back {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.advantage-list-back {
	width: 25%;
	position: absolute;
	height: 134px;
	top: 0px;
	left: 0px;
	transition: all .2s linear;
}

.advantage-list-back2 {

	width: 100%;

	position: absolute;

	height: 134px;

	top: 0px;

	left: 0px;

	transition: all .2s linear;

}



.advantage .solution-title {
	position: relative;
	z-index: 2;
}

.advantage .solution-word {
	position: relative;
	z-index: 2;
}

.advantage-list-arrow {
	position: absolute;
	left: 12%;
	z-index: 2;
}
.advantage-list-arrow2 {

	position: absolute;

	left: 49%;

	z-index: 2;

}



.advantage-detail {
	width: 100%;
	height: 710px;
	position: relative;
	overflow: hidden;
	margin-top: -25px;
	/* display: none; */
}

.swiper-word {
	position: absolute;
	left: 50%;
	top: 279px;
	color: white;
	width: 1200px;
	margin-left: -600px;
}

.word-title {
	font-size: 28px;
}

.word-content {
	font-size: 14px;
	width: 453px;
	text-align: justify;
	line-height: 25px;
	margin-top: 27px;
}

.advantage-detail .swiper-pagination {
	bottom: 100px;
}

.swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	border-radius: 0px;
	margin: 0px;
	background: white;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #d75eeb !important;
}

.advantage-pagination {
	width: 1200px;
	height: 2px;
	transform: translate(-50%, 0%);
	position: absolute;
	left: 50%;
	top: 441px;
	z-index: 2;
}

.advantage-detail .swiper-pagination {
	bottom: 0px;
}

.solution-more:hover {
	color: white;
}

.form {
	width: 100%;
	height: 802px;
	background: #f3f4f5;
	margin-top: 8px;
}

.form-title {
	font-size: 32px;
	text-align: center;
	color: #333332;
	padding-top: 116px;
}

.form-content {
	width: 1424px;
	margin: auto;
	display: flex;
	margin-top: 68px;
}
.link-content{
	width: 1424px;
	margin: auto;
	display: block;
}

.friendlink{
	width: 100%; 
	background: #23293f;
	position: relative; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.link-title{
	float:left;
	color:white;
	margin-right: 10px;
	font-size: 18px;
}


.form-left {
	width: 771px;
	height: 501px;
}

.form-right {
	width: 653px;
	height: 501px;
	background: white;
}

.form-left-title {
	color: white;
	font-size: 26px;
	line-height: 36px;
}

.form-left-detail {
	width: 624px;
	margin: auto;
	margin-top: 116px;
}

.form-left-border {
	width: 125px;
	height: 4px;
	background: white;
	margin-top: 40px;
}

.form-left-content {
	font-size: 40px;
	color: white;
	font-weight: bold;
	margin-top: 83px;
}

.form-left-word {
	font-size: 22px;
	color: white;
	margin-top: 21px;
}

.form-right-content {
	width: 485px;
	margin: auto;
}

.form-right-title {
	font-size: 26px;
	color: #d65eea;
	margin-top: 47px;
	margin-bottom: 42px;
}

.form-box {
	width: 100%;
	height: 62px;
	margin-top: 38px;
}

.box-span {
	line-height: 62px;
}

.box-input {
	width: 363px;
	height: 62px;
	border: 1px solid #373238;
	box-sizing: border-box;
	margin-left: 21px;
	outline: none;
	text-indent: 1em;
}

.box-img {
	display: inline-block;
	margin-top: -5px;
}

.box-botton {
	font-size: 26px;
	width: 189px;
	height: 54px;
	color: white;
	border: none;
	position: relative;
	margin-top: 37px;
	margin-left: 106px;
	background-image: linear-gradient(to right, #d15ae8 30%, #872bb9);
}

@media screen and (max-width: 1600px) {
	.detail-image {
		margin-left: 0px;
	}

	.solution-content {
		width: 1263px;
	}
}

@media screen and (max-width: 1460px) {
	.form-content {
		width: 1200px;
	}

	.link-content{
		width: 1200px;
		margin: auto;
		display: block;
	}




	.form-left-detail {
		width: 550px;
	}

	.operating-menu {
		width: 1200px;
	}

	.operating-detail {
		width: 1250px;
	}
}

@media screen and (max-width: 1360px) {
	.operating-detail {
		width: 1200px;
	}

	.operating-right {
		width: 540px;
	}

	.operating-count {
		width: 570px;
	}

	.solution-content {
		width: 1170px;
	}

	.detail-right {
		width: 480px;
	}

	.core-list {
		width: 1200px;
	}

	.core-content {
		width: 593px;
	}

	.case-title {
		width: 1170px;
	}

	.case-list {
		width: 1200px;
	}

	.titbits {

	width:1200px; 
	margin:0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;

}



	.case-list.second {
		width: 1200px;
	}
}

@media screen and (max-width: 1024px) {
	.swiper-menu-list {
		width: 1024px;
	}

	.list-content {
		padding: 22px 10px;
	}
	
	.phone-box{
		display: none;
	}
	.desc-box{
		margin-top: 0 !important;
	}

	.detail-image {
		max-width: 480px;
	}

	.solution-content {
		width: 1000px;
	}

	.solution {
		height: 803px;
		height: auto;
		padding-bottom: 20px;
	}

	.core-list {
		width: 1000px;
	}

	.core-content {
		width: 496px;
	}

	.four_core {
		padding-bottom: 81px;
	}

	.case-title {
		width: 980px;
	}

	.case-list {
		width: 1000px;
	}

	.titbits {

		width:1000px; 
		margin:0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
		justify-content: center;

	}



	.case-content {
		width: 100%;
		height: 100%;
	}

	.case-list.second {
		width: 1000px;
	}

	.operating-menu {
		width: 1000px;
	}

	.operating-content {
		font-size: 10px;
	}

	.operating-detail {
		width: 1000px;
	}

	.operating-right {
		width: 360px;
	}

	.operating-count {
		width: 360px;
	}

	.count-num {
		font-size: 28px;
	}

	.count-title {
		font-size: 14px;
	}

	.count-img {
		margin-top: 0px;
	}

	.form-content {
		width: 1000px;
	}

	.link-content{
		width: 1000px;
		margin: auto;
		display: block;
	}



	.form-left-detail {
		width: 450px;
	}

	.form-left-content {
		font-size: 38px;
	}

	.form-right-content {
		width: 400px;
	}

	.box-input {
		width: 296px;
	}

	.swiper-word {
		width: 960px;
		margin-left: -480px;
		top: 150px;
	}

	.advantage-menu-outside {
		width: 750px;
	}

	.advantage-menu-outside2 {

		width: 300px;

	}


	.advantage-menu {
		width: 750px;
		height: 108px;
	}
	.advantage-menu2 {

		width: 300px;

		height: 108px;

	}



	.advantage-list {
		padding: 15px 10px;
	}

	.advantage-serial span {
		font-size: 33px;
		margin-left: 0px;
	}

	.advantage-line {
		display: none;
	}

	.advantage-title {
		margin-left: 0px;
	}

	.advantage-serial {
		width: 60px;
	}

	.advantage-word {
		font-size: 25px;

	}
	.advantage-word2 {

		font-size: 25px;

	}



	.advantage-detail {

		height: 440px;

	}



	.advantage {

		height: 745px;

	}



	.core-detail-bottom {

		width: 210px;

	}

}



@media screen and (max-width: 768px) {

	.swiper-menu-list {

		width: 100%;

	}



	.content-right {

		width: 104px;

	}



	.right-bottom {

		font-size: 13px;

	}



	.list-content {

		padding: 10px 10px;

		height: 73px;

	}



	.swiper-menu {

		width: 100%;

		height: 75px;

		margin-top: -74px;

	}



	.solution-word {

		width: 90%;

		margin: auto;

		margin-top: 23px;

		line-height: 26px;

	}



	.detail-image {

		max-width: 380px;

	}



	.solution-content {

		width: 750px;

	}



	.detail-right {

		width: 330px;

		margin-top: 0px;

	}



	.core-list {

		width: 750px;

	}



	.core-content {

		width: 371px;

		height: 165px;

	}



	.head-img {

		display: none;

	}



	.core-list {

		width: 750px;

	}



	.core-detail {

		margin: 20px 0 0 57px;

	}



	.core-detail-bottom {

		width: 280px;

	}



	.core-detail-bottom {

		margin-top: 10px;

	}



	.rotating-img {

		width: 130px;

	}



	.rotating-p {

		height: 44px;

		font-size: 23px;

	}



	.case .solution-title {

		width: 90%;

		margin: auto;

		line-height: 42px;

		font-size: 26px;

	}



	.case-title {

		width: 95%;

	}



	.case-list {

		width: 97%;

	}
	.titbits {

		width:97%;
		margin:0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
		justify-content: center;

	}



	.case-detail {

		height: 230px;

	}



	.case-list.second {

		width: 97%;

	}



	.case-icon {

		margin: 20px;

	}



	.case-detail.second {

		height: 88px;

	}



	.case-category {

		line-height: 88px;

	}



	.case {

		height: 980px;

	}



	.operating-menu {

		width: 768px;

	}



	.operating-title {

		font-size: 12px;

	}



	.operating-content {

		font-size: 8px;

	}



	.operating-detail {

		width: 100%;

	}



	.operating-left {

		margin-left: 50%;

		transform: translate(-50%, 0%);

	}



	.operating-right {

		width: 90%;

		margin-right: 5%;

	}



	.operating-count {

		float: left;

	}



	.swiper-word {

		width: 740px;

		margin-left: -370px;

	}



	.word-content {

		width: 403px;

	}



	.form-left {

		width: 453px;

		height: 480px;

	}



	.form-left-detail {

		width: 370px;

		margin-top: 40px;

	}



	.form-left-content {

		font-size: 32px;

		margin-top: 50px;

	}



	.form-right {

		width: 315px;

		height: 480px;

	}



	.form-right-content {

		width: 300px;

	}



	.box-input {

		width: 170px;

	}



	.form-right-title {

		font-size: 19px;

	}



	.form-content {

		width: 100%;

	}
	.link-content{
		width: 100%;
		margin: auto;
		display: block;
	}



	.box-input {

		height: 50px;

	}



	.form-box {

		margin-top: 19px;

	}



	.box-botton {

		margin-left: 47px;

	}



	.form {

		height: 771px;

	}

}



@media screen and (max-width: 420px) {

	.swiper-menu {

		margin-top: -2px;

		height: 140px;

	}



	.list-content {

		padding: 5px 5px;

	}



	.right-top {

		font-size: 13px;

		line-height: 1.2em;

	}



	.right-bottom {

		font-size: 8px;

		line-height: 1.6em;

	}



	.list-content:hover {

		background: none;

	}



	.solution-title {

		font-size: 17px;

		padding-top: 34px;

	}



	.solution-word {

		font-size: 14px;

		line-height: 22px;

		margin-top: 12px;

	}



	.solution-menu {

		width: 300px;

		margin-top: 38px;

	}



	.menu-button {

		width: 100px;

		font-size: 14px;

	}



	.button-back {

		width: 93px;

	}



	.detail-image {

		max-width: 100%;

	}



	.solution-content {

		width: 94%;

		margin: auto;

		margin-top: 20px;

	}

	

	.desc-box{

		width: 100% !important;

	}



	.detail-right {

		width: 100%;

		margin-top: 20px;

	}



	.detail-more {

		margin-top: 35px;

		margin-right: 50%;

		transform: translate(50%, 0%);

	}



	.detail-title span {

		font-size: 16px;

	}



	.detail-content {

		font-size: 14px;

		margin-top: 18px;

	}



	.four_core .solution-title {

		margin-top: 0px;

	}



	.core-detail {

		margin: 15px 0 0 15px;

	}



	.core-title {

		font-size: 16px;

	}



	.rotating {

		display: none;

	}



	.core-list {

		margin-top: 25px;

		width: 100%;

	}





	.core-content:hover .core-detail-bottom {

		color: black;

	}



	.core-content:hover .core-title {

		color: black;

	}



	.core-detail-bottom {

		width: 240px;

		margin-left: 25px;

	}



	.case .solution-title {

		width: 90%;

		margin: auto;

		line-height: 31px;

		font-size: 16px;

		padding-top: 30px;

	}



	.four_core {

		padding-bottom: 34px;

	}



	.case-title-word {

		font-size: 16px;

	}



	.case-title {

		margin-top: 33px;

	}



	.case-detail:nth-of-type(5) {

		display: none;

	}



	.case-detail {

		height: auto;

		width: 48%;

		margin: 0% 1%;

		margin-bottom: 10px;

	}



	.case-detail.second {

		width: 46%;

		margin: 0% 2%;

		height: 60px;

		margin-bottom: 10px;

	}



	.case-icon {

		margin: 10px;

	}



	.case-category {

		line-height: 62px;

		font-size: 14px;

	}



	.case {

		height: auto;

		padding-bottom: 40px;

	}



	.operating .solution-title {

		padding-top: 37px;

	}



	.operating-menu {

		display: none;

	}



	.operating-detail {

		width: 300px;

		margin-top: 20px;

	}



	.operating-tv {

		width: 280px;

		height: 178px;

	}



	.operating-left {

		margin-left: 0%;

		transform: translate(0%, 0%);

		-webkit-transform: translate(0%, 0%);

		-moz-transform: translate(0%, 0%);

		-ms-transform: translate(0%, 0%);

		-o-transform: translate(0%, 0%);

	}



	.tv-middle {

		width: 195px;

		height: 132px;

		top: 20px;

		left: 43px;

	}



	.tv-left {

		width: 100px;

		height: 107px;

		top: 25px;

	}



	.tv-right {

		width: 100px;

		height: 115px;

		bottom: 30px;

		right: 0px;

	}



	.operating-right-title {

		font-size: 16px;

		margin-top: 20px;

	}



	.operating-count {

		width: 100%;

		margin-top: 27px;

	}



	.count-num {

		font-size: 20px;

		margin-top: 5px;

	}



	.count-title {

		font-size: 10px;

	}



	.operating {

		padding-bottom: 37px;

	}



	.advantage-menu-outside {

		width: 300px;

		margin-top: 28px;

		height: 67px;

	}
	.advantage-menu-outside2 {

		width: 300px;

		margin-top: 28px;

		height: 67px;

	}



	.advantage-menu {

		width: 300px;

		height: 45px;

	}
	.advantage-menu2 {

		width: 300px;

		height: 45px;

	}




	.advantage-serial span {

		font-size: 14px;

	}



	.advantage-serial {

		height: 30px;

		line-height: 30px;

		margin-bottom: 0px;

		width: 18px;

	}



	.advantage-list {

		padding: 7px 5px;

	}



	.advantage-word {

		font-size: 11px;

		line-height: 31px;

	}
	.advantage-word2 {
	    font-size: 11px;
	    line-height: 0px;
	}



	.advantage-title {

		margin-left: 3px;

	}



	.swiper-word {

		width: 92%;

		margin-left: 0px;

		position: absolute;

		left: 4%;

		top: 50px;

	}



	.word-title {

		font-size: 16px;

	}



	.advantage-detail {

		height: 220px;

	}



	.word-content {

		width: 100%;

		font-size: 13px;

	}



	.advantage {

		height: auto;

	}



	.form {

		margin-top: 0px;

		height: auto;

	}



	.form-content {

		margin-top: 34px;

	}



	.form-title {

		font-size: 17px;

		padding-top: 39px;

	}



	.form-left {

		width: 96%;

		margin-left: 2%;

		height: auto;

		padding-bottom: 30px;

	}



	.form-left-title {

		font-size: 13px;

		width: 90%;

		margin-left: 5%;

		line-height: 27px;

	}



	.form-left-detail {

		width: 100%;

		margin-top: 20px;

	}



	.form-right {

		width: 100%;

		height: auto;

		padding-bottom: 30px;

	}



	.form-content {

		flex-wrap: wrap;

	}



	.form-left-border {

		margin-top: 20px;

	}



	.form-left-content {

		font-size: 16px;

		margin-top: 25px;

		width: 90%;

		margin-left: 5%;

	}



	.form-left-word {

		font-size: 11px;

		width: 90%;

		margin-left: 5%;

	}



	.form-right-title {

		font-size: 16px;

		margin-top: 24px;

		margin-bottom: 21px;

	}



	.box-input {

		height: 40px;

		margin-left: 12px;

		width: 207px;

	}



	.box-span {

		font-size: 15px;

	}



	.form-box {

		margin-top: 0px;

	}



	.box-botton {
		margin-top: 19px;
		font-size: 15px;
		width: 126px;
		height: 36px;
		margin-left: 50%;
		transform: translate(-50%, 0%);
	}

	.content-right {
		width: auto;
	}

	.content-right {
		width: 100%;
		text-align: center;
	}

	.content-image {
		margin-right: 0px;
		float: left;
		margin-left: 15px;
	}

	.operating-right {
		width: 100%;
		margin-right: 0%;
	}

	.advantage-pagination {
		transform: translate(0%, 0%);
		left: 20%;
		top: 190px;
		z-index: 2;
		-webkit-transform: translate(0%, 0%);
		-moz-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		-o-transform: translate(0%, 0%);
	}

	.solution-more {
		margin-top: 19px;
	}

	.more-span {
		font-size: 15px;
	}

	.case-title.second {
		margin-top: 26px;
	}
}