html,
body {
	color: #202020;
}

.ny-banner {
	height: 35.94vw;
}

.wrap1420 {
	max-width: 73.96vw;
}

.list .main {
	padding: 3.65vw 0 90px;
}

/* *加入我们* */

.joinus h2 {
	font-size: 2.6vw;
}
.joinDiv2{
	padding: 6.25vw 0;
	background: url() top center no-repeat;
	background-size: 120% auto;
}
.joinDiv2 .upper p {
	font-size: 1.15vw;
	margin: 2.6vw auto;
	max-width: 69.8vw;
}
.joinDiv2 .prqp1 {
	padding: 0;
}
.joinDiv2 ul {
	display: flex;
	justify-content: center;
	text-align: center;
	padding-top: 5vw;
	margin: 0 -4.69vw;
}
.joinDiv2 ul li {
	padding: 0 4.69vw;
}
.joinDiv2 ul .imgDiv h4 {
	width: 100%;
	color: #fff;
	font-size: 1.67vw;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.joinDiv2 ul p {
	font-size: 1.3vw;
	margin-top: 2.1vw;
}

.joinDiv3 {
	min-height: 38.75vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.joinDiv3 h2 {
	margin-bottom: 3.125vw;
}
.joinDiv3 .text {
	font-size: 1.3vw;
	max-width: 44.27vw;
}

.joinDiv4 .content {
	max-width: 82.3vw;
	margin: 0 auto;
	position: relative;
	min-height: 44.58vw;
}
.joinDiv4 .text {
	position: absolute;
	color: #464646;
	background-color: rgba(240, 240, 240, 0.85);
	top: 50%;
	transform: translate(3.65vw, -50%);
	max-width: 38.8vw;
	right: 0;
	padding: 2.6vw 3.65vw;
	padding-right: 6.25vw;
}
.joinDiv4 .text h3 {
	font-size: 2.14vw;
}
.joinDiv4 .text span {
	display: block;
	font-size: 1.3vw;
	margin: 2.1vw 0;
	font-family: fontN;
	font-weight: bold;
}
.joinDiv4 .text p {
	font-size: 1.15vw;
	line-height: 2;
}

.joinDiv5 {
	padding: 7.8vw 0 18.2vw;
	margin-top: 2.6vw;
}
.joinDiv5 .row {
	margin: 0 -5%;
	padding-top: 5.99vw;
}
.joinDiv5 .row>div {
	padding: 0 6%;
}
.joinDiv5 .row .content {
	height: 18.23vw;
	color: #fff;
	transition: all 0.5s;
	position: relative;
}
.joinDiv5 .row .content .div1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	transition: all 0.3s;
	background: #151E7B;
}
.joinDiv5 .row .content .div2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	transition: all 0.3s;
	background: rgba(21, 30, 123, 0.5);
	opacity: 0;
}
.joinDiv5 .row .kuang.on .content .div1{opacity: 0;}
.joinDiv5 .row .kuang.on .content .div2{opacity: 1;}
.joinDiv5 .row .content img {
	max-height: 3.125vw;
} 
.joinDiv5 .row .content h3 {
	font-size: 2.14vw;
	position: relative;
	padding-top: 2.6vw;
	margin-top: 2.6vw;
}
.joinDiv5 .row .content h3::before {
	content: '';
	width: 3.125vw;
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.joinDiv5 .row .content span {
	font-size: 1.72vw;
	display: block;
}

.wrap1600 {
	max-width: 83vw;
}

.joinDiv6 {
	position: relative;
	top: -5.2vw;
}
.joinDiv6 .upper {
	margin-bottom: 8.854vw;
}
.joinDiv6 .upper p {
	font-size: 1.3vw;
	margin: 0 auto;
	margin-top: 2.6vw;
	max-width: 49vw;
}
.joinDiv6 .gallery-top .content .imgDiv {
	width: 64%;
}
.joinDiv6 .gallery-top .content .text {
	width: 35%;
	font-size: 1.74vw;
	font-weight: bold;
	padding: 0 3vw;
	padding-top: 9.375vw;
	word-break: break-all;
	position: relative;
}
.joinDiv6 .gallery-top .content .text::before {
	content: '';
	width: 2.66vw;
	height: 2.5vw;
	background: url(https://bldme-website.oss-cn-hangzhou.aliyuncs.com/img/5-icon.png)center center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 2.6vw;
	left: 0;
}
.joinDiv6 .gallery-thumbs {
	margin-top: 3.3vw;
	position: relative;
	padding: 0 15%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.joinDiv6 .gallery-thumbs::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #323232;
	opacity: 0.32;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}
.joinDiv6 .gallery-thumbs a {
	display: flex;
	width: 5.99vw;
	height: 5.99vw;
	background: #cecece;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 1.3vw;
	font-weight: bold;
	z-index: 2;
}
.joinDiv6 .gallery-thumbs a.active{
	background: #151E7B;
}

.joinDiv7 {
	padding: 9.375vw 0;
}
.joinDiv7 .imgDiv {
	width: 58.6%;
}
.joinDiv7 .text {
	width: 35%; 
}
.joinDiv7 .text .upper p {
	font-size: 1.15vw;
	padding: 1.56vw 0;
	border-bottom: 1px solid #C7C7C7;
}
.joinDiv7 .text ul {
	padding-top: 1.56vw;
	margin: -0.8vw 0;
}
.joinDiv7 .text ul li {
	padding: 0.74vw 0;
}
.joinDiv7 .text ul li p {
	font-size: 1.04vw;
}
.joinDiv7 .text ul li p strong {
	font-size: 1.15vw;
}

.joinDiv8 ul {
	display: flex;
	flex-wrap: wrap;
}
.joinDiv8 ul li {
	min-height: 20.2vw;
}
.joinDiv8 ul .li1 {
	width: 40.3%;
}
.joinDiv8 ul .li2 {
	width: 31%;
}
.joinDiv8 ul .li3 {
	width: 28.7%;
}
.joinDiv8 ul .li4 {
	width: 29.7%;
}
.joinDiv8 ul .li5 {
	width: 40.1%;
	text-align: center;
}
.joinDiv8 ul .li6 {
	width: 30.2%;
}
.joinDiv8 ul .li7 {
	width: 32.1%;
}
.joinDiv8 ul .li8 {
	width: 37.1%;
}
.joinDiv8 ul .li9 {
	width: 30.8%;
}
.joinDiv8 ul .content {
	height: 100%;
	color: #FFFFFF;
	position: relative;
	padding: 3.96vw;
}
.joinDiv8 ul .li5 .content {
	padding: 3.96vw 3.125vw;
}
.joinDiv8 ul .li7 .content {
	padding-left: 3.65vw;
	padding-right: 2.6vw;
}
.joinDiv8 ul .content p {
	margin-top: 2.1vw;
	opacity: 0;
	transition: all 0.5s;
	position: relative;
	top: 0.52vw;
}
.joinDiv8 ul li.on p {
	top: 0;
	opacity: 1;
}
.joinDiv8 ul .li5 .content p {
	opacity: 1;
	top: 0;
}
.joinDiv8 ul img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.joinDiv8 ul .text {
	position: relative;
}
.joinDiv8 ul .text h3 {
	font-size: 1.74vw;
}
.joinDiv8 ul .text p {
	font-size: 1.15vw; 
}

.joinDiv9 {
	padding: 7.3vw 4.69vw;
}
.joinDiv9 .swiper-slide {
	width: 22.14vw;
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.joinDiv9 .imgWrapper {
	padding: 32.5% 50%;
}
.joinDiv9 .text {
	padding-left: 3.125vw;
	font-size: 0.88vw;
	padding-right: 1.82vw;
	text-align: left;
}
.joinDiv9 .text h3 {
	font-size: 2.3vw;
	position: relative;
	padding-bottom: 1.3vw;
	margin-bottom: 1.3vw;
}
.joinDiv9 .text h3::before {
	content: '';
	width: 4.32vw;
	height: 0.26vw;
	background: #151E7B;
	position: absolute;
	left: 0;
	bottom: 0;
}
.joinDiv9 .swiper-slide .imgDiv {
	height: 100%;
}
.joinDiv9 .swiper-slide .imgDiv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.joinDiv9 .swiper-slide .imgDiv{}
.joinDiv9 .swiper-slide .imgDiv2{height: 18.125vw;}
.joinDiv9 .swiper-slide .heiK{height: 32.55vw;}

.joinDiv10 {
	height: 35.93vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
.joinDiv10 a {
	font-size: 1.04vw;
	max-width: 90%;
	color: #fff;
	border: 2px solid #FFFFFF;
	border-radius: 0.4vw;
	padding: 0.4vw 1.875vw;
	position: relative;
	top: -1.04vw;
}

.joinDiv10 a strong {
	font-size: 1.15vw;
	display: inline-block;
	margin-right: 0.52vw;
}

/* **列表页** */
.list .main {
	position: relative;
	top: -11.46vw;
	margin-bottom: -11.46vw;
	background-color: rgba(255, 255, 255, 0.87);
}

.list .row {
	margin: -1.25vw -0.26vw;
}

.list .row>div {
	padding: 1.25vw 0.26vw;
}

.list .row a {
	padding: 2.24vw 3.125vw;
}

.list .row a:hover {
	color: #151E7B;
	background: #F5F5FF;
}

.list .row a h2 {
	font-size: 1.04vw;
	margin-bottom: 0.83vw;
}

.list .row a p {
	font-size: 0.88vw;
	color: #404040;
	margin: 0 -1.04vw;
}

.list .row a p span {
	display: inline-block;
	padding: 0 1.04vw;
}

/* *分页* */
.pagination {
	justify-content: center;
	margin-top: 2.6vw;
}

.pagination li {
	padding: 0 0.4vw;
}

.pagination li a {
	color: #737887;
	padding: 0.2vw 0.625vw;
}

.pagination li.active a,
.pagination li a:hover {
	font-weight: bold;
}

/* **详情页** */
.detail .main {
	background-color: #FFFFFF;
	position: relative;
	top: -13.54vw;
	margin-bottom: -11.46vw;
	padding: 2.6vw 6.25vw;
	padding-bottom: 0;
}

.detail .title h2 {
	font-size: 1.56vw;
	margin-bottom: 1.04vw;
	letter-spacing: 0.26vw;
}

.detail .prqp1 {
	padding: 0;
}

.detail .prqp1 .morejt {
	margin: 0;
	margin-top: 1.04vw;
}

.detail .title p {
	color: #404040;
	margin: 0 -1.04vw;
}

.detail .title span {
	display: inline-block;
	padding: 0 1.04vw;
}

.detail ul li {
	border-bottom: 1px solid #e8ebee;
	padding: 2.1vw 0;
}

.detail ul li:last-child {
	border-bottom: none;
}

.detail ul li h3 {
	font-size: 1.04vw;
	margin-bottom: 1.04vw;
}

.detail ul li span {
	display: block;
	font-size: 0.9375vw;
	margin-bottom: 8px;
}

.detail ul li p {
	color: #4a4a4a;
	padding: 0.2vw 0;
}

.detail .below p strong {
	font-size: 1.04vw;
}

.detail .below a.contact {
	display: inline-block;
	font-size: 1.04vw;
	border: 1px solid #010101;
	border-radius: 0.4vw;
	padding: 0.26vw 1.74vw;
	margin-top: 2.1vw;
}
.prqp1 .morejt{display: inline-block;}

/*手机端*/
@media (max-width:767px) {

	html,
	body {
		font-size: 14px;
	}
	.joinus h2 {
		font-size: 28px;
	}
	.wrap1420{max-width: 90%;}
	.joinDiv2{padding: 60px 0;}
	.joinDiv2 .upper p {
		font-size: 14px;
		margin: 28px 0;
		max-width: unset;
	}
	.joinDiv2 .prqp1 .morejt{margin: 0;}
	.joinDiv2 ul {
		margin: -15px;
		padding-top: 50px;
	}

	.joinDiv2 ul li {
		padding: 15px;
	}

	.joinDiv2 ul .imgDiv h4 {
		font-size: 16px;
	}

	.joinDiv2 ul p {
		font-size: 14px;
		margin-top: 20px;
	}

	.joinDiv3 {
		min-height: 350px;
		padding-left: 5%;
		padding-right: 5%;
	}

	.joinDiv3 .text {
		font-size: 14px;
		max-width: unset;
	}
	.joinDiv3 h2{margin-bottom: 40px;}

	.joinDiv4 .content{
		min-height: 582px;
		max-width: unset;
	}
	.joinDiv4 .text {
		max-width: 745px;
		right: 0;
		padding: 34px 30px;
		width: 100%;
		padding-right: 99px;
		transform: translate(70px, -50%);
	}
	.joinDiv4 .text h3 {
		font-size: 22px;
	}
	.joinDiv4 .text span {
		font-size: 16px;
		margin: 17px 0;
	}
	.joinDiv4 .text p{
		font-size: 14px;
	}
	.joinDiv5{margin-top: 50px;padding: 65px 0 96px;}
	.joinDiv5 .row {
		margin: -10px;
		padding-top: 55px;
	}
	.joinDiv5 .row .content {
	    height: 250px;
	}
	.joinDiv5 .row .content img {
	    max-height: 47px;
	}
	.joinDiv5 .row .content h3 {
	    font-size: 24px;
	    padding-top: 30px;
	    margin-top: 30px;
	}
	.joinDiv5 .row .content h3::before {
	    width: 60px;
	    height: 2px;
	}

	.joinDiv5 .row>div {
		padding: 10px;
	}

	.joinDiv5 .row .content span {
		font-size: 22px;
	}
	.wrap1600{max-width: 92%;}
	.joinDiv6 .upper p {
	    font-size: 16px;
	    margin-top: 39px;
		max-width: unset;
	}

	.joinDiv6 .gallery-top .content .text {
		font-size: 18px;
		width: 100%;
	}

	.joinDiv6 .gallery-top .content .imgDiv {
		width: 100%;
		padding: 30px 0;
	}
	.joinDiv6 .gallery-thumbs{padding: 0;margin: 0 0 16px;}
	.joinDiv6 .gallery-thumbs a {
		font-size: 15px;
		width: 64px;
		height: 64px;
	}

	.joinDiv6 .upper {
		margin-bottom: 45px;
	}

	.joinDiv7 {
		padding-top: 0;
	}
	.joinDiv7 .imgDiv{float: none;width: 100%;}
	.joinDiv7 .text{float: none;width: 100%;padding-top: 50px;}
	.joinDiv7 .text .upper p {
		font-size: 15px;
		padding: 30px 0;
	}

	.joinDiv7 .text ul li {
		padding: 13px 0;
	}

	.joinDiv7 .text ul {
		margin: -12px 0;
		padding-top: 33px;
	}
	
	.joinDiv7 .text ul li p{font-size: 14px;}
	.joinDiv7 .text ul li p strong {
		font-size: 16px;
	}
	.joinDiv8 ul .text h3 {
		font-size: 16px;
	}

	.joinDiv8 ul .content {
		padding: 40px 25px;
	}

	.joinDiv8 ul li {
		min-height: 160px;
	}

		.joinDiv8 ul .text p {
		font-size: 14px;
	}

	.joinDiv8 ul .li1,
	.joinDiv8 ul .li2,
	.joinDiv8 ul .li3,
	.joinDiv8 ul .li4,
	.joinDiv8 ul .li6,
	.joinDiv8 ul .li7,
	.joinDiv8 ul .li8,
	.joinDiv8 ul .li9 {
		width: 100%;
	}
	.joinDiv8 ul .li5{width: 100%;}
	.joinDiv8 ul .li5 .content p {
		margin-top: 30px;
	}

	.joinDiv8 ul .li5 .content {
		padding: 50px 30px;
	}

	.joinDiv8 ul .li7 .content {
		padding: 45px 25px;
	}

	.joinDiv8 ul .content p {
		margin-top: 20px;
	}

	.joinDiv8 ul .li4 {
		min-height: 161px;
	}

	.joinDiv8 ul .li1 {
		min-height: 1px;
	}
	.joinDiv9 .text{padding-left: 0;font-size: 14px;}
	.joinDiv9 .text h3 {
		font-size: 22px;
	}

	.joinDiv9 .text h3::before {
		width: 48px;
		height: 3px;
	}

	.joinDiv9 {
		padding: 66px 5%;
	}
	.joinDiv9 .swiper-slide .imgDiv2,
	.joinDiv9 .swiper-slide .heiK{height: unset;}
	.joinDiv10 a strong {
		font-size: 16px;
		margin-right: 5px;
	}
	.joinDiv9 .text h3 {
	    font-size: 20px;
	    padding-bottom: 19px;
	    margin-bottom: 18px;
	}
	.joinDiv9 .text h3::before {
	    width: 48px;
	    height: 3px;
	}
	.joinDiv10 a {
		font-size: 13px;
		padding: 7px 30px;
		border-radius: 8px;
		top: -20px;
	}

	.joinDiv10 {
		height: 350px;
	}

	.ny-banner {
		height: 300px;
	}

	.list .row a {
		padding: 25px 27px;
	}
	.list .row a p span{padding: 0 20px;}
	.list .row a p span:first-child{padding-left: 0;}

	.list .row a h2 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.list .row a p{font-size: 14px;margin: 0;}
	.list .main {
		padding: 20px 0 60px;
	}
	.pagination li{padding: 0 8px;}
	.pagination li a{padding: 3px 11px;}

	.detail .main {
		padding: 30px 25px;
		margin-bottom: -80px;
	}
	.detail .title span{padding: 0 20px;}
	.detail .title span:first-child{padding-left: 0;}
	.detail .title h2 {
		font-size: 22px;
		margin-bottom: 20px;
		letter-spacing: 5px;
	}
	
	.detail ul li .content {
		overflow: hidden;
		padding: 5px 0;
		line-height: 1.7;
	}

	.detail ul li span {
		float: left;
		font-size: 16px;
		margin-bottom: 0;
	}

	.detail ul li .row p {
		float: right;
		padding: 0;
	}

	.detail ul li h3 {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.detail ul li {
		padding: 24px 0;
	}

	.detail .below p strong {
		font-size: 16px;
	}

	.detail .below a.contact {
		font-size: 15px;
		padding: 5px 22px;
		margin-top: 35px;
	}

	.list .main {
		top: -160px;
		margin-bottom: -160px;
	}

	.list .row {
		margin: -10px 0;
	}

	.list .row>div {
		padding: 10px 0;
	}

	.detail .main {
		top: -160px;
		margin-bottom: -120px;
	}
	.detail .prqp1 .morejt{margin-top: 20px;}
}