@media screen and (max-width: 1800px) {
	.w1640 {
		width: 90%
	}
}

@media screen and (max-width: 1600px) {
	.prdInnerHead .w1640 {
		padding: 0
	}

	.swiper-box1>.w1640 .appprev,
	.swiper-box1>.w1640 .appnext {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}

	.time .swiper .appprev {
		-webkit-transform: translate(-130%, -50%);
		transform: translate(-130%, -50%)
	}

	.time .swiper .appnext {
		-webkit-transform: translate(130%, -50%);
		transform: translate(130%, -50%)
	}

	.swiper-profile .prev {
		margin-right: 32vw
	}

	.swiper-profile .next {
		margin-left: 32vw
	}
}

@media screen and (max-width: 1440px) {
	.w1400 {
		width: 90%
	}

	.advantageHead .w1400 {
		width: 100%
	}

	.swiperTimeBox .item .text {
		height: 10vw
	}

	.swiper-time {
		padding-right: 13vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 1366px) {
	.indexPrd .w1640 .swiper {
		margin: 1.8vw 0
	}

	.indexProject .w1640 .list {
		margin-top: 4vw
	}

	.swiperPrdBox .font {
		padding: 30px;
		padding-bottom: 0
	}

	.swiperPrdBox .font p {
		margin-bottom: 20px
	}

	.profile .w1200 {
		width: 70vw
	}

	.swiper-profile {
		height: 32vw
	}

	.swiper-profile .prev {
		margin-right: 37.5vw
	}

	.swiper-profile .next {
		margin-left: 37.5vw
	}

	.swiper-profile .swiper-wrapper .swiper-slide {
		width: 70vw
	}

	.newsInnerBox .w1400 {
		padding: 0
	}

	.indexNewsList .list:hover p {
		height: calc(12px * 2 * 1.8)
	}
}

@media screen and (max-width: 1280px) {
	.w1200 {
		width: 90%
	}

	.swiperTimeBox .item:nth-child(1) {
		-webkit-transform: translate(0) !important;
		transform: translate(0) !important
	}

	.indexNewsList .list:hover h5 {
		margin-bottom: 0
	}

	.indexNewsList .list:hover p {
		display: none
	}

	.time .swiper .appprev {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.time .swiper .appnext {
		-webkit-transform: translate(50%, -50%);
		transform: translate(50%, -50%)
	}

	.swiper-time {
		padding: 0
	}

	.swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide {
		opacity: 0
	}
}

@media screen and (max-width: 1200px) {
	.prdInnerHeadFont .shubiao {
		display: none
	}
}

@media screen and (max-width: 1024px) {
	.dehuikeji {
		height: auto
	}

	.dehuikeji>.swiper-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cloudSassList {
		width: 40%
	}

	.cloud .w1400 .cloudImg {
		width: 55%
	}

	.cloud .w1400 .font {
		margin-right: 3vw
	}

	.advantageHead .w1400 {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		overflow: -webkit-scrollbars-none
	}

	.advantageHead .w1400::-webkit-scrollbar {
		display: none
	}

	.advantageHead .w1400 section {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.advantageHead .w1400 .navigation {
		display: none
	}

	.advantageSwiper .w1400 {
		width: 100%
	}

	.advantageSlide {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.advantageSlide figure {
		width: 100%
	}

	.advantageSlide .font {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin: 0;
		margin-top: 5vw
	}

	.indexProgramme {
		padding-top: 0 !important
	}

	.indexSection {
		padding: 0
	}

	.indexProgramme .swiper-programme .swiper-wrapper .swiper-slide img {
		height: auto
	}

	.p5vw {
		padding: 3vw 0 !important
	}

	.prdInnerHead {
		height: 50vw
	}

	.prdInnerHead {
		margin-top: 75px
	}

	.cloud {
		margin-top: 75px
	}

	.indexNews .w1640 .indexNewsBox {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.indexNews .w1640 .indexNewsBox .swiper {
		width: 100%
	}

	.indexNewsimg .text {
		height: auto;
		padding: 30px;
		width: 100%;
		background: rgba(255, 255, 255, 0.9)
	}

	.indexNewsimg .text i {
		display: none
	}

	.indexNewsList {
		padding-left: 0;
		margin-top: 15px
	}

	.scrollWrapper {
		position: static;
		will-change: auto
	}

	.swiper-box1>.w1640 .appprev,
	.swiper-box1>.w1640 .appnext {
		display: none
	}

	.navUl {
		display: none
	}

	.box1text .w1640 figure {
		display: none
	}

	.subnavHead {
		margin-top: 75px
	}

	.swiper-box1 {
		margin-top: 75px
	}

	header {
		height: 75px
	}

	header .w1640 {
		width: 94%
	}

	header .w1640 .logo img {
		height: 4vw
	}

	.wx {
		display: none
	}

	.wx i {
		font-size: 4vw
	}

	.mobileMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: 2vw
	}

	.footerText {
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.footerText .item {
		margin: 0;
		max-width: 100%
	}

	.footerIcon {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 30px
	}

	.contactItems .item {
		width: 46%
	}

	.contactItems .item i {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		font-size: 20px
	}

	.culture {
		height: 50vw
	}

	.swiperTimeBox .item:nth-child(1) {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.newsInnerBoxTitle div .bdshare a {
		font-size: 20px
	}

	.profile .w1200 {
		width: 90%
	}

	.swiperTimeBox .item .text {
		padding: 15px;
		height: 12vw
	}

	.swiper-profile {
		height: auto;
		width: 100%
	}

	.swiper-profile .prev,
	.swiper-profile .next {
		width: auto;
		height: auto;
		padding: 1vw;
		white-space: nowrap;
		background: rgba(255, 255, 255, 0.3)
	}

	.swiper-profile .prev p,
	.swiper-profile .next p {
		position: static;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		color: #fff;
		font-size: 12px
	}

	.swiper-profile .prev {
		right: auto;
		left: 3%;
		margin-right: 0
	}

	.swiper-profile .next {
		margin-left: 0;
		left: auto;
		right: 3%
	}

	.swiper-profile .swiper-wrapper .swiper-slide {
		width: 100%
	}

	.swiper-profile .swiper-wrapper .swiper-slide .swiperProfileImg {
		width: 100%
	}

	.newsSwiper .font p {
		-webkit-line-clamp: 2
	}

	.myCooperateInput input {
		height: 5vw
	}

	.myCooperate .w1200 button {
		height: 5vw
	}

	.myCooperateArea .list {
		height: 5vw
	}

	.myCooperateArea .list ul {
		max-height: 20vw
	}

	.myCooperateArea .list ul li {
		height: 4vw
	}

	.InnerHead {
		margin-top: 50px
	}

	.caseInnerArea {
		margin-top: 5vw
	}

	.caseInnerArea .areaLeft {
		width: 70%
	}

	.caseInnerArea .areaLeft .swiper-areaFont {
		width: 100%
	}

	.caseInnerArea .areaRight .swiper-area {
		height: 28vw
	}

	@-webkit-keyframes spin2 {
		from {
			-webkit-transform: translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
			transform: translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
		}

		to {
			-webkit-transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%);
			transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%)
		}
	}

	@keyframes spin2 {
		from {
			-webkit-transform: translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
			transform: translate(50%, 17.5vw) rotate(0turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
		}

		to {
			-webkit-transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%);
			transform: translate(50%, 17.5vw) rotate(1turn) translate(-50%, -17.5vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%)
		}
	}

	.areaLeftSwiper .dot {
		width: 35vw;
		height: 35vw
	}

	.areaLeftSwiper .dot:after {
		width: 34.5vw;
		height: 34.5vw
	}

	.areaLeftSwiper .dot figure img {
		width: 30vw;
		height: 30vw
	}

	.profileNum .item div b {
		width: 3.5vw;
		height: 3.5vw;
		position: static;
		margin-left: 0.7813vw
	}

	.indexProjectitem {
		width: 48%
	}

	.indexProjectitem:nth-child(3) {
		display: none
	}

	.indexProjectitem .text {
		height: 6vw
	}

	.casePrd .w1400 .casePrdItem .indexProjectitem:nth-child(3) {
		display: block
	}

	.indexPrd .w1640 .swiper .swiper-prd {
		width: 100%
	}

	.indexPrd .w1640 .swiper .prdNext,
	.indexPrd .w1640 .swiper .prdPrev {
		display: none
	}

	.indexProgramme {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.indexProgramme .font {
		width: 100%;
		padding: 30px 5%;
		text-align: center
	}

	.indexProgramme .font .ititle {
		text-align: center
	}

	.indexProgramme .font .learn {
		margin-left: auto;
		margin-right: auto
	}

	.indexProgramme .swiper-programme {
		width: 100%
	}

	.indexProgramme .programmeItems {
		position: static;
		height: 20vw
	}

	.indexProgramme .programmeItems a {
		width: 25%;
		height: 100%
	}

	.learn {
		width: 120px;
		height: 35px
	}

	.indexPrd .w1640 {
		padding: 0
	}

	.swiper-box1 {
		height: auto !important
	}

	.box1img {
		height: auto
	}

	.box1img img {
		height: auto
	}

	.box1img video {
		height: auto
	}

	.subnavBody {
		height: 40px
	}

	.subnavBody .w1640 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		overflow: -webkit-scrollbars-none
	}

	.subnavBody .w1640::-webkit-scrollbar {
		display: none
	}

	.subnavBody .w1640 a {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.prdItem {
		width: 48%
	}

	.prdItem .font {
		padding: 15px
	}

	.prdInnerTable .item {
		min-height: 5vw
	}

	.prdInnerSpecial .prdInnerSpecialBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%;
		height: auto;
		border: none
	}

	.prdInnerSpecial .prdInnerSpecialBox:after {
		display: none
	}

	.prdInnerSpecialItems {
		position: static;
		width: 100%;
		margin-top: 60px
	}

	.prdInnerSpecial {
		padding: 60px 0
	}

	.prdInnerSpecialInnerBox {
		width: auto;
		height: auto;
		border: none
	}

	.prdInnerSpecialInnerBox .dot {
		width: 30vw;
		height: 30vw
	}

	.prdInnerSpecialInnerBox .dot figure {
		width: 25vw
	}

	.prdInnerSpecialItem {
		position: static;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 30px;
		-webkit-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important
	}

	.prdInnerSpecialItem i {
		margin-right: 30px;
		width: 50px;
		height: 50px
	}

	.prdInnerSpecialItem p {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		position: static;
		width: 100%;
		margin: 0 !important;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	.programmeItems a i {
		font-size: 30px
	}

	.profileBot .w1400 {
		padding: 0
	}

	.swiper-box1 .shubiao {
		display: none
	}

	.deepmao {
		top: -75px
	}
}

@media screen and (max-width: 768px) {

	.prdInnerFunction,
	.prdInnerSpecial,
	.prdInnerData,
	.case,
	.indexProject,
	.casePrd,
	.caseInner,
	.caseInnerSystem,
	.caseInnerApp,
	.myCooperate,
	.news,
	.time,
	.indexNews,
	.indexPrd,
	.cloud,
	.cloudSass,
	.cloudData,
	.cloudEnd {
		padding: 30px 0
	}

	.fixedScroll {
		width: 70px
	}

	.fixedScroll img {
		width: 100%
	}

	.fixedScroll {
		padding: 3vw 1vw
	}

	.fixedScroll span {
		margin: 1vw 0 !important
	}

	.cloudSassBox {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.cloudEnd .item {
		margin-top: 5vw
	}

	.cloudSassList {
		padding-left: 0;
		width: 100%;
		margin-bottom: 5vw
	}

	.cloudSassList .item .head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.cloudSassList .item .head figure {
		position: static;
		-webkit-transform: translateY(0) scale(0.7);
		transform: translateY(0) scale(0.7)
	}

	.cloudDataHead {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		overflow: -webkit-scrollbars-none;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		border-bottom: none
	}

	.cloudDataHead::-webkit-scrollbar {
		display: none
	}

	.cloudDataHead section {
		width: 100%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding: 0;
		padding-bottom: 10vw
	}

	.cloudDataHead section:after {
		-webkit-transform: translateY(-4vw);
		transform: translateY(-4vw);
		height: 3px
	}

	.cloudDataHead section:before {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		border-width: 2vw
	}

	.cloudDataSlide .list div:first-child {
		width: 35%;
		padding: 2vw
	}

	.cloudDataSlide .list div:last-child {
		width: 64%;
		padding: 2vw
	}

	.cloudSassSwiper {
		width: 100%;
		height: auto;
		border-radius: 0
	}

	.cloud .w1400 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.cloud .w1400 .font {
		width: 100%;
		margin: 0;
		margin-bottom: 5vw
	}

	.cloud .w1400 .cloudImg {
		width: 100%
	}

	.download {
		padding: 2vw 4vw;
		margin: 3vw 0 5vw;
		display: inline-block
	}

	.advantage {
		padding: 30px 0
	}

	.advantageHead {
		margin: 15px 0 30px
	}

	.advantageSlide .font .line {
		margin: 10px 0 15px;
		height: 2px
	}

	.advantageHead .w1400 section i {
		margin-right: 10px
	}

	.advantageHead .w1400 section:after {
		height: 2px
	}

	.prdDetails {
		margin-top: 3vw
	}

	.prdDetails a {
		padding: 1.5vw 4vw;
		border-radius: 10vw
	}

	.p5vw {
		padding: 5vw 0 !important
	}

	.indexProgramme {
		padding-top: 0 !important
	}

	.deepmao {
		top: -50px
	}

	.mobileMenu .mobileMenu_box {
		width: 26px;
		height: 18px
	}

	.mobileNav .box {
		padding-top: 50px
	}

	.mobileNav .box .mobileNavItems .mobileNavItem .head h5 {
		font-size: 16px
	}

	.indexNewsimg .text {
		padding: 10px 15px;
		position: static;
		background: #fafafa
	}

	.indexNewsList .list {
		padding: 10px 5px
	}

	.cloud {
		margin-top: 50px
	}

	.prdInnerHead {
		margin-top: 50px
	}

	.swiper-box1 {
		margin-top: 50px
	}

	.subnavHead {
		margin-top: 50px
	}

	.swiper-box1 .swiper-pag span {
		width: 6px;
		height: 6px;
		margin: 0 4px !important
	}

	header {
		height: 50px
	}

	header .w1640 .logo img {
		height: 40px
	}

	.mobileMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: 2vw
	}

	footer {
		padding: 15px 0
	}

	.footerText {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footerText .item {
		width: auto;
		margin: 10px 0
	}

	.profile .w1200 {
		margin-bottom: 30px
	}

	.footerIcon {
		margin-top: 10px
	}

	.footerIcon .margin {
		margin: 15px 0 5px;
		width: 100%;
		text-align: center
	}

	.profileBot .w1400 figure {
		margin-left: 50px;
		width: 200px
	}

	.profileBot .w1400 figure .bg img {
		width: 90px
	}

	.contact {
		padding-top: 30px
	}

	.contactItems .item {
		width: 100%;
		margin-bottom: 20px
	}

	.contactItems .item i {
		font-size: 5vw
	}

	.contactItems .item .text {
		margin-left: 15px
	}

	.profile {
		padding: 30px 0 0
	}

	.swiper-time {
		margin-top: 30px
	}

	.culture {
		height: 60vw
	}

	.culture .w1400 {
		width: 95%;
		margin-left: 5%;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		overflow: -webkit-scrollbars-none
	}

	.culture .w1400::-webkit-scrollbar {
		display: none
	}

	.culture .w1400 .item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 60%
	}

	.culture .ptitle {
		display: none
	}

	.cultureTitle {
		display: block !important;
		margin-bottom: 20px
	}

	.culture .w1400 .item .text .line {
		margin: 8px auto
	}

	.culture .w1400 .item .text p {
		font-size: 12px
	}

	.honorList {
		margin: 20px 0
	}

	.honorList .honorItem {
		padding: 10px 0
	}

	.honorList .honorItem p {
		margin: 0 10px
	}

	.honorList .honorItem .dot {
		width: 6px;
		height: 6px
	}

	.honor {
		padding: 30px 0
	}

	.time .swiper .appprev {
		width: 30px;
		height: 30px;
		background: #008CD6;
		border-radius: 50%;
		z-index: 4;
		font-size: 15px;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%)
	}

	.time .swiper .appprev:after {
		display: none
	}

	.time .swiper .appnext {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #008CD6;
		z-index: 4;
		font-size: 15px;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%)
	}

	.time .swiper .appnext:after {
		display: none
	}

	.newsInnerBoxTitle div .bdshare {
		margin-left: 10px
	}

	.newsInnerBoxTitle div .bdshare a {
		font-size: 15px
	}

	.swiperTimeBox .item .text {
		height: 35vw
	}

	.newsInnerBox {
		padding-top: 30px
	}

	.newsInnerBox .w1400 h5 {
		font-weight: 400
	}

	.newsInnerBoxTitle div i {
		margin-right: 5px
	}

	.newsList {
		padding-bottom: 30px
	}

	.newsListItem {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.newsListItem figure {
		width: 100%
	}

	.newsListItem .font {
		width: 100%;
		margin: 0;
		padding: 15px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.newsListItem time {
		display: none
	}

	.news .w1400 .appprev,
	.news .w1400 .appnext {
		width: 30px;
		height: 30px;
		bottom: 60%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}

	.news .w1400 .appprev {
		right: auto;
		left: 0
	}

	.news .w1400 .appnext {
		left: auto;
		right: 0
	}

	.newsSwiper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.newsSwiper figure {
		width: 100%
	}

	.newsSwiper .font {
		width: 100%;
		margin: 0;
		padding: 15px
	}

	.myCooperateTitle {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.myCooperateTitle h6 {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px
	}

	.myCooperateText {
		margin: 15px 0 !important;
		padding-left: 0
	}

	.myCooperate .w1200 button {
		height: 8vw
	}

	.cooperate {
		margin-top: 0px
	}

	.myCooperateArea .list {
		height: 8vw
	}

	.myCooperateArea .list ul {
		max-height: 24vw
	}

	.myCooperateArea .list ul li {
		height: 6vw;
		font-size: 12px
	}

	.myCooperateInput {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.myCooperateInput input {
		width: 100%;
		height: 8vw;
		margin-bottom: 10px
	}

	.subnavHead .bannerText .w1640 figure {
		display: none
	}

	.subnavHead .bannerText .w1640>span {
		display: none
	}

	.cooperate {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.cooperate .item {
		width: 100%
	}

	.cooperate .item.active .bg .line {
		height: 10px;
		margin-bottom: 5px
	}

	.cooperate .item .bg h5 {
		margin: 10px 0
	}

	.InnerHead {
		height: 10vw
	}

	.InnerBox {
		padding-top: 30px
	}

	.InnerBox .w1400 .InnerBoxTitle {
		margin: 15px 0
	}

	.InnerBox .w1400 .InnerBoxTitle div {
		margin: 5px 0
	}

	.InnerBox .w1400 .swiper .swiperBox .prev,
	.InnerBox .w1400 .swiper .swiperBox .next {
		width: 30px;
		height: 30px;
		font-size: 12px
	}

	.swiper-thumb .swiper-wrapper .swiper-slide figure:after {
		border: 2px solid rgba(0, 0, 0, 0)
	}

	.subnavHead .bannerText .w1640 .line {
		height: 2px
	}

	.subnavHead .bannerText .w1640 small {
		display: none
	}

	.caseInnerData {
		padding-top: 30px
	}

	.caseInnerApp .w1640 .caseInnerAppSwiper .appprev,
	.caseInnerApp .w1640 .caseInnerAppSwiper .appnext {
		width: 30px;
		height: 30px;
		font-size: 12px
	}

	.caseInnerArea {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.caseInnerArea .areaLeft {
		width: 100%
	}

	.caseInnerArea .areaLeft .swiper-areaFont {
		width: 100%
	}

	.caseInnerArea .areaRight {
		margin-top: 5vw;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}

	.caseInnerArea .areaRight .swiper-area {
		height: 20vw;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin: 0 5vw
	}

	.areaLeftSwiper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.areaLeftSwiper .font {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 5vw
	}

	.areaLeftSwiper .dot {
		width: 60vw;
		height: 60vw;
		margin-left: auto;
		margin-right: auto
	}

	.areaLeftSwiper .dot:after {
		width: 58vw;
		height: 58vw
	}

	.areaLeftSwiper .dot .littledot {
		width: 2vw;
		height: 2vw
	}

	.areaLeftSwiper .dot figure img {
		width: 50vw;
		height: 50vw
	}

	@-webkit-keyframes spin2 {
		from {
			-webkit-transform: translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
			transform: translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
		}

		to {
			-webkit-transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%);
			transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%)
		}
	}

	@keyframes spin2 {
		from {
			-webkit-transform: translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
			transform: translate(50%, 30vw) rotate(0turn) translate(-50%, -30vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
		}

		to {
			-webkit-transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%);
			transform: translate(50%, 30vw) rotate(1turn) translate(-50%, -30vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%)
		}
	}

	.subnavBody {
		height: 10vw
	}

	.profileNum {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.profileNum .item {
		width: 50%;
		margin: 10px 0
	}

	.profileNum .item div {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.profileNum .item div small {
		font-size: 22px
	}

	.profileNum .item div b {
		width: 20px;
		height: 20px;
		font-size: 10px
	}

	.profileNum .line {
		display: none
	}

	.casePrd .paging {
		margin-top: 15px
	}

	.indexProjectitem {
		width: 100%;
		margin-bottom: 20px
	}

	.indexProjectitem:hover {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	.indexProjectitem:nth-child(3) {
		display: block
	}

	.indexProjectitem .text {
		min-height: 40px;
		padding: 0 15px
	}

	.programmeItems a h6 {
		display: none
	}

	.programmeItems a .jia {
		display: none
	}

	.programmeItems a i {
		font-size: 24px
	}

	.swiperPrdBox {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.swiperPrdBox figure {
		width: 100%
	}

	.swiperPrdBox .font {
		width: 100%;
		padding: 15px;
		background: #E1E1E1
	}

	.swiperPrdBox .font .line {
		width: 30px;
		height: 2px;
		margin: 10px 0 15px
	}

	.swiperPrdBox .font p {
		-webkit-line-clamp: 2;
		margin-bottom: 15px
	}

	.swiper-prdGalley .swiper-wrapper .swiper-slide {
		border: 1px solid rgba(0, 0, 0, 0)
	}

	.prd {
		padding: 30px 0
	}

	.prd .paging {
		margin-top: 0
	}

	.paging a {
		width: 30px;
		height: 30px;
		margin: 0 4px
	}

	.caseItem {
		margin-bottom: 30px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.caseItem figure {
		width: 100%
	}

	.caseItem .font {
		width: 100%;
		padding: 15px
	}

	.prdItem {
		width: 100%;
		margin-bottom: 20px
	}

	.prdInnerSpecial .prdInnerSpecialBox {
		width: 80%
	}

	.prdInnerTable .item {
		min-height: 13vw
	}

	.prdInnerTable .item div {
		padding: 0 15px !important
	}

	.prdInnerSpecialInnerBox .dot {
		width: 70vw;
		height: 70vw;
		padding: 0
	}

	.prdInnerSpecialInnerBox .dot h5 {
		margin-bottom: 20px
	}

	.prdInnerSpecialInnerBox .dot figure {
		width: 43vw
	}

	.prdInnerSpecialItems {
		margin-top: 30px
	}

	.prdInnerSpecialItem i {
		width: 40px;
		height: 40px
	}

	.prdInnerFunctionItem {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.prdInnerFunctionItem figure {
		width: 100%
	}

	.prdInnerFunctionItem .font {
		width: 100%;
		padding: 20px 0
	}

	.prdInnerHead {
		height: auto;
		padding: 30px 0
	}

	.prdInnerHead .w1640 {
		position: static;
		-webkit-transform: translate(0);
		transform: translate(0)
	}

	.prdInnerHeadFont {
		width: 100%;
		text-align: center
	}

	.prdInnerHeadFont .line {
		height: 2px;
		margin-left: auto;
		margin-right: auto
	}

	.prdInnerHeadSwiper {
		width: 100%
	}

	.prdInnerHeadSwiper .swiper-prdpag span {
		width: 6px;
		height: 6px;
		margin: 0 5px
	}
}
