@charset "utf-8";

* {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.wrapper.pd {
	padding-top: 110px;
}
.mxwd {
	max-width: 1920px;
	margin: 0 auto;
}
.mbtbc{
	display:none;
}
.pic.mobile {
	display: none!important;
}



.business {
	background-color: #fff;
}
.business-banner {
	position: relative;
	height: 100vh;
	background: url(../images/business_banner.jpg) no-repeat center;
	background-size: cover;
}
.business-banner .video {
	height: 100%;
}
/* .business-banner .video video {
	position: relative;
	z-index: 3;
	display: block;
	width: 100%;
} */
.business-banner .video video {
	vertical-align: bottom;
	object-fit: cover;
}
.business-banner .pic {
	display: none;
	width: 100%;
}
.business-banner .item {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 9;
	display: block;
	width: 33.33333333%;
	padding: 0 10px;
	color: #FEFEFE;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.35);
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-banner .item.active {
	color: #84c2fb;
	background-color: transparent;
}
.business-banner .item:hover {
	color: #84c2fb;
	background-color: transparent;
}
.business-banner .item:nth-last-child(2) {
	left: 33.33333333%;
}
.business-banner .item:nth-last-child(1) {
	right: 0;
}
.business-banner .item img {
	display: block;
	margin: 0 auto;
	background-color: rgba(40, 145, 240, 0.5);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.business-banner .item h3 {
	margin: 73px 0 34px;
	font-size: 30px;
	font-weight: normal;
}
.business-banner .item p {
	line-height: 26px;
	margin: 0;
	font-size: 16px;
}
.business-subnav a {
	display: block;
	height: 160px;
	line-height: 40px;
	overflow: hidden;
	padding-top: 40px;
	font-size: 30px;
	color: #444;
	text-align: center;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-subnav a p {
	margin: 0;
}
.business-subnav a.active,
.business-subnav a:hover {
	color: #fffefe;
	background-color: #1372c8;
}
.business .box {
	position: relative;
	overflow: hidden;
}
.business .box .pic {
	display: block;
	width: 100%;
}
.business .box .item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 6.51041667%;
}
.business .box .item .desc {
	color: #444;
}
.business .box.white .item .desc {
	color: #fff;
}
.business .box .item .desc h3 {
	line-height: 60px;
	margin: 0;
	font-size: 60px;
}
.business .box .item .desc h3 em {
	display: none;
	font-style: normal;
}
.business .box .item .desc h4 {
	position: relative;
	padding-bottom: 28px;
	margin: 15px 0;
	font-size: 48px;
	font-weight: normal;
}
.business .box .item .desc h4::after {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 0;
	display: block;
	/* width: 550px; */
	height: 1px;
	background-color: #1372c8;
	content: '';
}
.business .box .item .desc p {
	line-height: 38px;
	margin: 0;
	font-size: 22px;
}
.business-case {
	padding: 90px 0 184px;
	background-color: #fff;
}
.business-case .title {
	margin-bottom: 47px;
}
.business-case-list {
	overflow: hidden;
}
.business-case-list ul {
	margin: 0 -3px -3px 0;
}
.business-case-list ul li {
	padding: 0 3px 3px 0;
}
.business-case-list ul li a {
	position: relative;
	display: block;
	overflow: hidden;
}
.business-case-list ul li a .pic {
	display: block;
	width: 100%;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
}
.business-case-list ul li a:hover .pic {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.business-case-list ul li a .desc {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: rgba(241, 73, 87, 0.75);
	visibility: hidden;
	transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	opacity: 0;
}
.business-case-list ul li a:hover .desc {
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
.business-case-list ul li a .desc p {
	margin: 0;
	font-size: 18px;
	color: #fff;
}
.business-case-list ul li.more a {
	background-color: #f33142;
}
.business-case-list ul li.more a .pic {
	visibility: hidden;
}
.business-case-list ul li.more a .desc {
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	opacity: 1;
}
.business-case-list ul li.more a .desc p {
	width: 120px;
	height: 120px;
	line-height: 114px;
	overflow: hidden;
	margin: 0 auto;
	border: 3px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.business.mode .box .item .desc {
	overflow: hidden;
	color: #000;
}
.business.mode .box .item .desc h4 {
	font-size: 60px;
}


@media (max-width:1919px) {
	.pc-banner,
	.pc-banner a {
		height: 100vh;
	}
	.companies-box .desc {
		padding: 0 50px;
	}
	.companies-box .desc h3 {
		margin-bottom: 40px;
	}
}
@media (max-width:1590px) {
	.news-pagination.swiper-pagination {
		left: 0;
		width: 100%;
		padding: 0 20px;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
	}
}
@media (max-width:1549px) {
	.wrapper.pd {
		padding-top: 88px;
	}


	.gsdt-list ul li a .pic {
		width: 550px;
		margin-right: 20px;
	}
	.gsdt-list ul li a .desc h3 {
		margin: 20px 0;
	}
	.gsdt-list ul li a .desc .ft {
		left: 580px;
		padding: 10px 0;
	}

	.college-strengths .list ul li {
		padding: 62px 20px 10px;
	}
	.college-strengths .list ul li h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.college-strengths .list ul li p {
		font-size: 14px;
	}
}
@media (max-width:1439px) {
	

	.business .box .item .desc h3 {
		font-size: 40px;
	}
	.business .box .item .desc h4 {
		padding-bottom: 10px;
		margin: 10px 0;
		font-size: 28px;
	}
	/* .business .box .item .desc h4::after {
		width: 360px;
	} */
	.business .box .item .desc p {
		line-height: 28px;
		font-size: 14px;
	}

	.case-subnav a {
		height: 80px;
		line-height: 80px;
		font-size: 16px;
	}
	.case-subnav a.active::after,
	.case-subnav a:hover::after {
		height: 5px;
	}
	
	.business.mode .box .item .desc h4 {
		font-size: 28px;
	}

	.zj-investment {
		padding: 50px;
	}
	.zj-investment .form .group {
		padding-left: 300px;
	}
	.zj-investment .form .group label {
		width: 300px;
	}
	.zj-investment .form .group label span {
		height: 80px;
		line-height: 80px;
		font-size: 24px;
	}
	.zj-investment .form .group input {
		height: 80px;
	}
	.zj-zph .bd ul li {
		padding-right: 10px;
	}
	.zj-designer .bd ul li .desc h3,
	.zj-detail .recommend ul li .desc h3 {
		font-size: 18px;
	}
	.zj-designer .bd ul li .desc h4,
	.zj-detail .recommend ul li .desc h4 {
		font-size: 14px;
	}
	.zj-designer .bd ul li .desc p span strong,
	.zj-detail .recommend ul li .desc p span strong {
		font-size: 16px;
	}

	.nd-recommend {
		margin-left: 20px;
	}
	
	.patent-list ul {
		margin: 0 -30px -30px 0;
	}
	.patent-list ul li {
		padding: 0 30px 30px 0;
	}
	.about-way {
		padding: 50px 0;
	}
	.about-way .item {
		min-height: 0;
		margin-bottom: 100px;
		background-size: auto 100%;
	}
	.about-way .item .pic {
		height: 400px;
		margin-left: 50px;
	}
	.about-way .item .pic.pull-left {
		margin-right: 50px;
	}
	.about-way .item h3 {
		margin-bottom: 20px;
		font-size: 30px;
	}
	.about-way .item p {
		line-height: 30px;
		font-size: 20px;
	}
	.job-process ul li {
		width: 100px;
	}
	.job-process ul li::before {
		height: 100px;
	}
	.job-process ul li:not(:last-child)::after {
		width: 15px;
	}
	.job-list ul li .hd {
		padding: 15px 30px;
	}
	.job-list ul li .hd h3 {
		font-size: 20px;
	}
	.job-list ul li .hd p {
		font-size: 16px;
	}
	.job-list ul li .hd .btn a {
		height: 30px;
		line-height: 30px;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.job-list ul li .hd .btn ins {
		height: 16px;
	}
	.job-list ul li .bd {
		padding: 15px;
	}
	.job-list ul li .bd .item {
		padding: 0 15px;
	}
	.job-list ul li .bd .item h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.job-list ul li .bd .item p {
		line-height: 22px;
	}
	.job-contact span {
		margin: 0 20px;
	}
	.about-contact .item {
		padding: 20px;
	}
	
	.course-dowhat .tabnav .item {
		width: 120px;
		height: 120px;
		padding-top: 10px;
		margin: 0 10px;
		font-size: 16px;
	}
	.course-dowhat .tabnav .item::before {
		height: 60px;
	}
	.course-who .hd {
		width: auto;
	}
	.course-who .bd li {
		width: 168px;
		line-height: 20px;
		margin: 0 10px;
		font-size: 14px;
	}
	.college-school .setting ul {
		margin-right: -10px;
	}
	.college-school .setting ul li {
		padding-right: 10px;
	}

	.dev {
		padding: 140px 0 40px;
	}
	.dev img {
		width: 230px;
	}
}
@media (max-width:1280px) {
	.business-banner .item p {
	line-height: 26px;
	margin: 0;
	font-size: 14px;
}
	.wrapper.pd {
		padding-top: 51px;
	}

	.company .banner .desc {
		right: 20px;
		bottom: 20px;
	}
	.company .box .desc h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.company .map .desc {
		width: 45%;
	}
	.company .box .desc p {
		margin-bottom: 30px;
		font-size: 16px;
	}
	.company .box .desc ul li {
		font-size: 16px;
	}
	/* #map {
		height: 300px;
	} */
	.company .team {
		padding: 50px;
	}
	.company .team .title {
		margin-bottom: 50px;
	}
	.team-swiper {
		display: block;
	}
	.team-swiper .pic {
		display: block;
		width: 100%;
	}
	.team-list {
		display: none;
	}
	.companies-box {
		padding: 20px 30px 80px;
	}
	.companies-box .desc {
		width: 320px;
	}
	.companies-box .desc h3 {
		margin-bottom: 15px;
		font-size: 30px;
	}
	.companies-box .desc p {
		line-height: 24px;
		font-size: 14px;
	}
	.companies-box .words {
		line-height: 22px;
    padding: 10px 20px;
    margin-bottom: 20px;
    font-size: 14px;
	}

	.operating-list {
		height: auto;
		padding: 20px;
	}
	.operating-list .list {
		width: auto;
		margin-bottom: 10px;
		background: transparent;
	}
	.operating-list ul {
		margin: 0!important;
	}
	.operating-list ul li {
		float: none!important;
		overflow: hidden;
		margin: 0 0 20px!important;
	}
	.operating-list ul li .hd {
		float: left;
		margin-right: 20px;
	}
	.operating-list ul li .desc {
		position: static;
		overflow: hidden;
		margin: 0!important;
		text-align: left!important;
	}
	.operating-list .intro {
		padding: 0;
	}
	.research-list ul li {
		width: 50%;
	}
	.research-list ul li .item .desc {
		height: 58px;
		padding: 10px 20px;
	}
	.research-list ul li .item .desc h3 {
		font-size: 16px;
	}
	.research-list ul li .item .desc p {
		line-height: 22px;
		font-size: 14px;
	}

	.business-banner .item img {
		width: 150px;
	}
	.business-banner .item h3 {
		margin: 40px 0 20px;
		font-size: 18px;
	}
	.business-banner .item p {
		line-height: 20px;
		font-size: 15px;
	}
	.business-subnav a {
		height: 60px;
		line-height: 24px;
		padding-top: 6px;
		font-size: 20px;
	}

	.case-banner .desc {
		top: 51px;
	}
	.case-banner .desc h3,
	.mode .case-banner .desc h3 {
		font-size: 40px;
	}
	.case-banner .desc p {
		font-size: 26px;
	}
	.case-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	.mode .case-banner .desc h4 {
		font-size: 80px;
	}
	.mode .case-banner .desc p {
		font-size: 16px;
	}
	.mode .case-banner .desc h5 {
		font-size: 20px;
	}
	.mode .case-banner .desc h5 span {
		padding: 0 50px;
	}

	.questionnaire {
		padding: 200px 30px 0;
	}
	.questionnaire .box {
		width: auto;
		padding: 20px;
	}
	.questionnaire .box .form {
		padding: 30px 0;
	}
	.questionnaire .box .form .hd h3 {
		margin-bottom: 15px;
	}

	.zdb-subnav a {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.daka-pagination {
		margin-top: 20px;
	}
	.daka-pagination .swiper-pagination-bullet {
		width: 50px;
		height: 4px;
	}
	.zhiduobang .box {
		padding: 30px 0;
	}
	.popularity-list,
	.zdb-process-list {
		padding: 0 10px;
	}
	.popularity-list ul li {
		margin-bottom: 10px;
	}
	.popularity-list ul li a .pic {
		width: 260px;
		margin-right: 15px;
	}
	.popularity-list ul li a .desc .hd {
		padding: 20px 0;
		margin-bottom: 20px;
	}
	.popularity-list ul li a .desc .hd ins {
		margin-right: 30px;
		font-size: 24px;
	}
	.popularity-list ul li a .desc .hd ins strong {
		font-size: 40px;
	}
	.popularity-list ul li a .desc .hd h3 {
		margin: 50px 0 0;
		font-size: 26px;
	}
	.popularity-list ul li a .desc .hd h3 span {
		font-size: 18px;
	}
	.popularity-list ul li a .desc .hd .price {
		font-size: 14px;
	}
	.popularity-list ul li a .desc .hd .price p {
		line-height: 28px;
	}
	.designer-sort {
		margin-bottom: 40px;
	}
	.designer-sort ul li>a span {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.designer-list ul li {
		width: 33.33333333%;
		padding: 0 10px 10px 0;
	}
	.designer-list ul li a .desc {
		padding: 10px;
	}
	.designer-list ul li a .desc h3 {
		font-size: 18px;
	}
	.designer-list ul li a .desc h4 {
		margin: 15px 0;
		font-size: 14px;
	}
	.designer-list ul li a .desc .ft {
		line-height: 30px;
		font-size: 12px;
	}
	.recommend-list ul li a .desc {
		padding: 0 10px 10px;
	}
	.recommend-list ul li a .desc h3 {
		font-size: 20px;
	}
	.recommend-list ul li a .desc p {
		margin-top: 10px;
		font-size: 12px;
	}
	.recommend-list ul li a .desc p:last-child {
		margin-top: 10px;
	}
	.recommend-list ul li a .desc p span {
		font-size: 16px;
	}

	.designer-intro {
		margin-bottom: 40px;
	}
	.designer-intro .pic {
		width: 400px;
	}
	.designer-intro .desc {
		padding-bottom: 10px;
	}
	.designer-intro .desc .hd {
		height: 40px;
		line-height: 40px;
		font-size: 30px;
	}
	.designer-intro .desc .hd span {
		font-size: 16px;
	}
	.designer-intro .desc .hd .rqzs {
		font-size: 16px;
	}
	.designer-intro .desc .hd .rqzs .vote {
		margin-left: 5px;
	}
	.designer-intro .desc .bd p {
		font-size: 14px;
	}
	.designer-intro .desc .ft {
		line-height: 30px;
		margin-top: 7px;
		font-size: 20px;
	}
	.designer-intro .desc .ft span {
		font-size: 22px;
	}
	.designer-intro .desc .ft .btn {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pieces-list ul li a .desc {
		padding: 0 10px 10px;
	}
	.pieces-list ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.pieces-list ul li a .desc p {
		font-size: 12px;
	}
	.pieces-list ul li a .desc .icon {
		right: 10px;
		bottom: 10px;
	}
	.pieces-list ul li a .desc .icon img {
		height: 30px;
		margin-left: 10px;
	}

	.designer-info .pic {
		width: 200px;
	}
	.designer-info .desc h3 {
		margin-bottom: 30px;
		font-size: 30px;
	}
	.designer-info .desc h3 span {
		font-size: 16px;
	}
	.designer-info .desc p {
		font-size: 14px;
	}
	.designer-related {
		width: 300px;
		margin-left: 20px;
	}
	.designer-related .hd {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.zj-recommend {
		padding: 50px 0 0;
	}
	.zj-recommend ul li .hd {
		margin-right: 10px;
	}
	.zj-recommend ul li .hd .desc {
		padding: 20px 10px 0;
	}
	.zj-recommend ul li .hd .desc h3 {
		font-size: 20px;
	}
	.zj-recommend ul li .hd .desc h4 {
		font-size: 12px;
	}
	.zj-recommend ul li .hd .desc h5 {
		margin: 10px 0 5px;
	}
	.zj-recommend ul li .hd .desc p {
		font-size: 12px;
	}
	.zj-recommend ul li .hd .desc .btn {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.release-list {
		padding: 20px 50px;
	}
	.release-list .container .btn {
		width: 50px;
		background-size: 50%;
	}
	.release-list .container .release-prev {
		left: -50px;
	}
	.release-list .container .release-next {
		right: -50px;
	}
	.zj-detail {
		padding: 30px 10px;
	}
	.zj-detail .photo {
		width: 330px;
	}
	.zj-detail .photo .pic {
		float: none;
	}
	.zj-detail .photo .pic img {
		width: 100%;
	}
	.zj-detail .photo ul {
		float: none;
		width: auto;
		overflow: hidden;
		margin: 10px -10px 0 0;
	}
	.zj-detail .photo ul li {
		float: left;
		width: 25%;
		padding-right: 10px;
	}
	.zj-detail .intro .hd h3 {
		font-size: 26px;
	}
	.zj-detail .intro .hd p {
		margin: 5px 0 10px;
		font-size: 14px;
	}
	.zj-detail .intro .desc {
		padding: 10px;
	}
	.zj-detail .intro .group {
		margin-top: 15px;
	}
	.zj-detail .recommend {
		width: 300px;
		margin-left: 10px;
	}
	.zj-detail .recommend .hd {
		height: 62px;
		line-height: 50px;
		margin-bottom: 10px;
		font-size: 26px;
	}
	.zj-detail .recommend ul li {
		margin-bottom: 10px;
	}
	.zj-detail .content .tabnav {
		padding: 10px 0;
	}

	.news-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.news-list {
		padding: 50px 20px;
	}
	.news-detail .content {
		padding: 30px 20px;
	}
	.nd-recommend {
		width: 300px;
	}

	.about-subnav a {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.honor-prize ul li a .desc h3 {
		font-size: 22px;
	}
	.honor-prize ul li a .desc p {
		font-size: 18px;
	}
	.honor-prize ul li a .desc p strong {
		font-size: 24px;
	}
	.honor-list .cont {
		width: auto;
	}
	.honor-declare ul li p {
		font-size: 18px;
	}

	.case-detail .desc .cont {
		width: auto;
	}
	.case-recommend ul li a .desc {
		padding: 0 20px 20px;
	}
	.case-recommend ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.case-recommend ul li a .desc p {
		font-size: 14px;
	}

	.about-culture .hd .corporate .col-6 {
		height: 300px;
	}
	.about-culture .hd .corporate .col-6 .info h3 {
		font-size: 30px;
	}
	.about-culture .hd .corporate .col-6 .info h4 {
		margin: 10px 0 20px;
	}
	.about-culture .hd .corporate .col-6 .info h5 {
		padding: 10px 30px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.about-culture .hd .corporate .col-6 .info p {
		line-height: 40px;
		font-size: 16px;
	}
	.about-culture .hd .corporate .col-6 .info.center p {
		line-height: 30px;
	}
	.about-culture .bd .cont ul {
		margin-right: -20px;
	}
	.about-culture .bd .desc {
		width: auto;
	}
	.about-culture .bd .cont ul li {
		padding-right: 20px;
	}
	.history-list ul li p {
		width: 350px;
	}
	.about-team ul li a .pic .ft {
		line-height: 18px;
		font-size: 12px;
	}
	.about-service .item .desc {
		padding: 0 5%;
	}
	.about-service .item .desc h3 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.about-service .item .desc p {
		line-height: 20px;
	}
	.gsdt-list ul li a .pic {
		width: 400px;
		margin-right: 10px;
	}
	.gsdt-list ul li a .desc h3 {
		margin: 10px 0;
		font-size: 20px;
	}
	.gsdt-list ul li a .desc p {
		height: 88px;
	}
	.gsdt-list ul li a .desc .ft {
		left: 420px;
	}

	.college-intro .desc,
	.college-pay .ft {
		width: auto;
	}
	.college-school .setting ul li .item .bd p {
		font-size: 14px;
	}
	.college-school .setting ul li .item .bd h3 {
		font-size: 16px;
	}

	.dev {
		padding: 100px 0 50px;
	}
}
@media (max-width:900px) {
	.pic.pc {
		display: none!important;
	}
	.pic.mobile {
		display: block!important;
	}
	.pc-banner,
	.pc-banner a {
		height: 50vh;
	}
	.pc-banner a.pc {
		display: none;
	}
	.pc-banner a.mobile {
		display: block;
	}
	.company .subnav ul {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.company .subnav ul li {
		float: none;
		display: inline-block;
		width: auto;
	}
	.company .subnav ul li a {
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		font-size: 14px;
	}
	.company .banner .desc {
		right: 10px;
		bottom: 10px;
	}
	.company .banner .desc h3 {
		margin: 0 0 10px;
		font-size: 20px;
	}
	.company .banner .desc h4 {
		font-size: 14px;
	}
	.company .box {
		padding: 10px;
	}
	.company .box .desc {
		float: none;
		width: 100%;
		padding: 0;
	}
	.company .box .desc h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.company .box .desc h3 span {
		margin-left: 10px;
	}
	.company .box .desc p {
		line-height: 22px;
		margin: 0;
		font-size: 12px;
	}
	.company .box .desc ul li {
		padding-left: 30px;
		font-size: 14px;
	}
	.company .map .desc {
		margin: 0;
	}
	.company .banner .address {
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		font-weight: normal;
	}
	.company .team {
		padding: 20px 0 0;
	}
	.company .team .title {
		margin-bottom: 30px;
	}
	.companies .banner {
		height: 50vh;
	}
	.companies .subnav ul {
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.companies .subnav ul li {
		float: none;
    display: inline-block;
    width: auto;
	}
	.companies .subnav ul li a {
    height: 40px;
    line-height: 40px;
		padding: 0 10px;
		font-size: 14px;
	}
	.companies-box {
		padding: 10px 10px 50px;
	}
	.companies-box .hd {
		margin-bottom: 10px;
	}
	.companies-box .hd h3 {
		font-size: 24px;
	}
	.companies-box .hd h4 {
		margin: -12px 0 0 20px;
    font-size: 18px;
	}
	.companies-box .photo {
		margin: 0 0 10px;
	}
	.companies-box .photo .col-6 {
		float: none;
		width: 100%;
		padding: 0 0 10px;
	}
	.companies-box .flexbox {
		flex-direction: column;
	}
	.companies-box .desc {
		width: auto;
		padding: 10px;
	}
	.companies-box .desc h3 {
		font-size: 20px;
	}
	.companies-box .words {
		padding: 10px;
		margin-bottom: 10px;
	}
	.companies-box .map {
		height: 50vh;
	}

	.product {
		padding-bottom: 10px;
	}
	.product-subnav ul li a {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.product .box {
		padding: 20px 10px;
	}
	.product-introduction .pic {
		height: 80px;
	}
	.product-introduction .title {
		padding: 20px 0;
	}
	.product-introduction .desc {
		line-height: 24px;
		font-size: 12px;
	}
	.advantage-list ul li p {
		font-size: 14px;
	}
	.advantage-list ul li .pic {
		width: 60%;
		margin-bottom: 10px;
	}
	.customers-list {
		padding: 0;
	}
	.product-process .pic {
		display: none;
	}
	.process-list {
		display: block;
		overflow: hidden;
	}
	.process-list ul {
		margin: 0 -10px -10px 0;
	}
	.process-list ul li {
		padding: 0 10px 10px 0;
	}
	.process-list ul li p {
		margin: 0;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		-ms-border-radius: 40px;
		-o-border-radius: 40px;
		color: #fff;
		text-align: center;
		background-color: #f33142;
	}
	.process-list ul li span {
		display: inline-block;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		padding: 0 50px;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 100%;
	}
	.process-list ul li:first-child span {
		background-image: url(../images/icon_process01.png);
	}
	.process-list ul li:nth-child(2) span {
		background-image: url(../images/icon_process02.png);
	}
	.process-list ul li:nth-child(3) span {
		background-image: url(../images/icon_process03.png);
	}
	.process-list ul li:nth-child(4) span {
		background-image: url(../images/icon_process04.png);
	}
	.process-list ul li:nth-child(5) span {
		background-image: url(../images/icon_process05.png);
	}
	.process-list ul li:nth-child(6) span {
		background-image: url(../images/icon_process06.png);
	}
	.process-list ul li:nth-child(7) span {
		background-image: url(../images/icon_process07.png);
	}
	.process-list ul li:nth-child(8) span {
		background-image: url(../images/icon_process08.png);
	}
	.product .product-case {
		padding: 20px 0;
	}
	.product-process .title,
	.product-case .title,
	.product-customers .title,
	.institute-team .title,
	.institute-operating .title,
	.institute-research .title {
		margin-bottom: 20px;
	}
	.case-list ul li {
		float: none;
		width: 100%;
	}
	.case-list ul li a .desc .item {
		padding: 10px;
	}
	.case-list ul li a .desc .item p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.case-list ul li a .desc .item h3 {
		font-size: 14px;
	}
	.product-link {
		padding: 0 10px;
	}
	.product-link .btn {
		padding: 0 20px;
	}
	.product-link .btn span {
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 30px;
		font-size: 14px;
		background-size: auto 20px;
	}
	.product-customers {
		padding: 10px 0;
	}
	.customers-swiper {
		padding-bottom: 30px;
	}
	.customers-pagination .swiper-pagination-bullet {
		background-color: #494949;
		opacity: 0.2;
	}
	.customers-pagination .swiper-pagination-bullet-active {
		opacity: 1;
	}

	.institute-team-list, .research-list {
		padding: 0 10px;
	}
	.institute-team-list ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.institute-team-list ul li a .desc {
		padding: 10px 0 10px 10px;
	}
	.institute-team-list ul li a .desc h3 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.institute-team-list ul li a .desc p {
		font-size: 14px;
	}
	.product .institute-operating {
		padding: 10px 0;
	}
	.operating-list {
		padding: 10px;
	}
	.operating-list ul li .hd::before {
		height: 40px;
	}
	.operating-list ul li .hd h3 {
		font-size: 14px;
	}
	.operating-list ul li .desc p {
		line-height: 20px;
		font-size: 14px;
	}
	.operating-list .intro {
		line-height: 20px;
		font-size: 12px;
		text-align: left;
	}
	.product .institute-research {
		padding: 20px 0 0;
	}
	.institute-team-list, .research-list {
		padding: 0;
	}
	.research-list ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.business-banner .video {
		display: none;
	}
	.business-banner .pic {
		display: block;
	}
	.business-banner .item img {
		width: 60px;
	}
	.business-banner .item h3 {
		margin: 20px 0 10px;
		font-size: 14px;
	}
	.business-banner .item p {
		display: none;
		line-height: 14px;
		font-size: 10px;
	}
	.business-subnav a {
		height: 40px;
		line-height: 16px;
		padding-top: 4px;
		font-size: 14px;
	}
	.business .box .item {
		padding: 0 10px;
	}
	.business .box .item .desc {
		float: none;
		padding: 10px;
		text-align: left;
		background-color: rgba(255, 255, 255, 0.5);
	}
	.business .box.white .item .desc {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.business .box .item .desc h3 {
		display: inline-block;
		line-height: 16px;
		margin-right: 5px;
		font-size: 14px;
	}
	.business .box .item .desc h3 span {
		display: none;
	}
	.business .box .item .desc h3 em {
		display: inline;
	}
	.business .box .item .desc h4 {
		padding-bottom: 5px;
		margin: 5px 0;
		font-size: 12px;
	}
	/* .business .box .item .desc h4::after {
		width: 100%;
	} */
	.business .box .item .desc p {
		display: inline-block;
		line-height: 16px;
		margin-right: 2px;
		font-size: 10px;
	}
	.business-case {
		padding: 20px 0 0;
	}
	.business-case .title {
		margin-bottom: 20px;
	}
	.business-case-list ul {
		margin: 0;
	}
	.business-case-list ul li {
		float: none;
		width: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.business-case-list ul li a .desc {
		visibility: visible;
		background-color: rgba(0, 0, 0, 0.3);
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
}
}
@media (max-width:413px) {
	.wrapper.pd {
		padding-top: 41px;
	}
}
@media (max-width:374px) {
	.business-banner .item h3 {
		margin: 20px 0 0;
	}
	.business-banner .item p {
		display: none;
	}
	
	.zj-header .bd ul li .item>a {
		font-size: 12px;
	}
	.zj-header .bd ul li .item .sub a {
		font-size: 10px;
	}
}