body{
	background: #000;
}
ul{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
li{
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
p,h1,h2,h3,h4,h5{
	margin: 0;
}
*{
	margin: 0;
}
a:hover{
	text-decoration: none;
}
header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #000;
}
header .container-fluid{
    max-width: 1730px;
}
.navbar-brand img{
    max-width: 80%;
}
.container-fluid{
	max-width: 1500px;
	padding:0 15px;
}
.container-max{
	padding:0 15px;
}
.nnheight{
    height: 91px;
}
.navbar{
	padding:0rem 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
	color: #fff;
	font-size: 14px;
}
.navbar-expand-lg{
	justify-content: space-between;
}
.navbar-collapse{
	flex-grow: unset;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	color: #fff;
}
.navbar-light .navbar-nav .nav-item{
    position: relative;
}
.navbar-light .navbar-nav .nav-link{
	position: relative;
	padding:35px 55px;
}
.navbar-light .navbar-nav .nav-link:after{
	position: absolute;
	left: 10px;
	top: 52%;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.8);
	width: 6px;
	height: 6px;
	content: '';
	border-radius: 100%;
}
.navbar-light .navbar-nav .drop{
    position: absolute;
    left: 0;
    top: 91px;
    width: 100%;
    background: #fff;
    height: 0;
    overflow: hidden;
    transition: .6s;
}


.casecon img {
    max-width: 1470px !important;
    width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
}
.navbar-light .navbar-nav .nav-item:hover .drop{
    height: auto;
}
.navbar-light .navbar-nav .drop .item{
    text-align: center;
    padding:10px;
}
.navbar-light .navbar-nav .drop .item a{
    color: #333;
    
    display: block;
}
.hvideo{
	line-height: .7;
}
.id2{
	padding:400px 0 100px;
	background: url(../images/id2bg.png) no-repeat;
}
.id2 .d2title{
	color: #fff;
	font-weight: bold;
	font-size: 46px;
}
.id2 .id2list{
	display: flex;
	flex-wrap: wrap;
}
.id2 .id2list .item{
	width: 50%;
	border-bottom: 1px solid #424242;
	padding:45px 25px;
	display: flex;
	/*margin: 20px 0;*/
	position: relative;
	justify-content: space-between;
	align-items: flex-end;
	overflow: hidden;
}
.id2 .id2list .item:first-child{
	align-items: center;
}
.id2 .id2list .item .lline{
	width: 100%;
	height: 1px;
	background: #484848;
	transform: rotate(-14deg);
}
.id2 .id2list .item:after{
	background: #424242;
	width: 1px;
	height: 80%;
	content: '';
	position: absolute;
	right: 0;
	top: 10%;
}
.id2 .id2list .item:nth-child(2n):after{
	display: none;
}
.id2 .id2list .item .itl .t1{
	font-size: 102px;
	font-weight: bold;
	color: #fff;
}
.id2 .id2list .item .itl .t2{
	color: #fff;
	font-size: 16px;
}
.id2 .id2list .item .itr{
	color: #353535;
	font-size: 14px;
}
.id3{
	padding:80px 0;
	background: url(../images/id3bg.png) no-repeat;
}
.id3 .d3title{
	text-align: right;
}
.id3 .d3title .d3tt{
	color: rgba(255, 255, 255, 0.3);
	font-size: 78px;
	font-weight: bold;
	line-height: 1;
}
.id3 .d3title .d3tb{
	font-size: 32px;
	color: #fff;
	margin-top: 15px;
	font-weight: bold;
}
.id3 .id3list{
	margin-top:60px;
}
.id3 .id3list .item{
	border-bottom: 1px solid #414141;
	padding:25px 15px;
	margin-top: 15px;
}
.id3 .id3list .item .iitt h2{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}
.id3 .id3list .item .iitt p{
	color: #4f4f4f;
	font-size: 14px;
	margin-top: 10px;
}
.id3 .id3list .item .aacon{
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
.id3 .id3list .item .aacon .al{
	width: 20%;
}
.id3 .id3list .item .aacon .ar{
	width: 77%;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
}
.id3 .id3list .item:first-child{
	/*display: none;*/
}
.id4{
	padding:120px 0;
}
footer{
	padding:60px 0;
}
footer .ftop{
	font-size: 14px;
	color: rgba(255, 255, 255, .3);
	text-align: center;
	max-width: 65%;
	margin:auto;
}
footer .fbottom{
	font-size: 14px;
	color: rgba(77, 77, 77, .4);
	text-align: center;
	margin-top:35px;
	max-width: 80%;
	margin:35px auto 0;
}
footer .ftop p{
	font-size: 12px;
	color: rgba(255, 255, 255, .3);
	text-align: center;
}
footer .fbottom p{
	font-size: 12px;
	color: rgba(77, 77, 77, .4);
	text-align: center;
}

.ab1{
	padding-top: 120px;
}
.ab1 .ab1con{
	display: flex;
	justify-content: space-between;
	padding-right: 5%;
	align-items: center;
}
.ab1 .ab1con .abcl{
	width: 25%;
}
.ab1 .ab1con .abcr{
	width: 65%;
	color: #d1d1d1;
	font-size: 18px;
}
.ab2{
	background: url(../images/ab2bg.png) no-repeat;
	padding:480px 0 200px;
}
.ab2 .ab2title{
	border-bottom: 1px solid #454545;
	padding-bottom: 15px;
	font-size: 72px;
	color: #fff;
	font-weight: bold;
	position: relative;
}
.ab2 .ab2title:after{
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 10%;
	height: 1px;
	background: linear-gradient(90deg,#58edea,#1f87e7,#e053e4);
	content: '';
}
.ab2 .ab2tt{
	color: #fff;
	margin-top: 20px;
	font-size: 24px;
	font-weight: bold;
}
.ab2 .ab2con{
	margin-top: 35px;
}
.ddtt{
	text-align: right;
}
.ddtt .ddttt{
	color: rgba(255, 255, 255, 0.3);
	font-size: 78px;
	font-weight: bold;
	line-height: 1;
}
.ddtt .ddttb{
	font-size: 32px;
	color: #fff;
	margin-top: 15px;
}
.ab3{
	background: url(../images/ab3bg.png) no-repeat;
	padding:220px 0 50px;
}
.ab3 .aab3{
	padding-left: 5%;
	margin-top: 15%;
}
.ab3 .aab3 .ab3line{
	width: 100%;
	height: 2px;
	background: #3c3c3c;
}
.ab3 .aab3 .ab3tlist{
	display: flex;

}
.ab3 .aab3 .ab3tlist .item{
	width: 14.2%;
	text-align: center;
	padding-bottom: 20px;
	position: relative;
}
.ab3 .aab3 .ab3tlist .item:first-child{
	text-align: left;
}
.ab3 .aab3 .ab3tlist .item .iic{
	border: 1px solid #dadada;
	border-radius: 25px;
	display: inline-block;
	padding:5px 30px;
	color: #fff;
	font-size: 24px;
}
.ab3 .aab3 .ab3tlist .item:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #b2b2b2;
	content: '';
}
.ab3 .aab3 .ab3tlist .item:first-child:after{
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #b2b2b2;
	content: '';
}
.ab3 .aab3 .ab3tlist .item .iic span{
	font-size: 16px;
}
.ab3 .aab3 .ab3blist{
	display: flex;
	padding-top: 20px;
}
.ab3 .aab3 .ab3blist .item:first-child{
	text-align: left;
}
.ab3 .aab3 .ab3blist .item{
	width: 14.2%;
	text-align: center;
}
.ab4{
	padding:120px 0 140px;
}
.pswiper{
	overflow: hidden;
	position: relative;
	padding-bottom: 80px;
	margin-top: 60px;
}
.pswiper .swiper-slide{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.pswiper .swiper-pagination-bullet{
	width: 35px;
	height: 2px;
	border-radius: 0;
	background: #3e3e3e;
	opacity: 1;
}
.pswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #f0f2f5;
}
.ctitle{
	padding:240px 20px 0;
}
.ctitle .cct{
	color: #fff;
	font-size: 130px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
}
.ctitle .cct img{
	vertical-align: text-top;
}
.ctitle .ccb{
	position: relative;
	margin-top: 20px;
}
.ctitle .ccb:after{
	position: absolute;
	right: 0;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	width: 100%;
	background: #747677;
	z-index: 1;
}
.ctitle .ccb span{
	color: #fff;
	font-size: 48px;
	display: inline-block;
	overflow: hidden;
	background: #000;
	z-index: 9;
	position: relative;
	padding-right: 10px;
}
.caselist{
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
	padding:0 5px;
}
.caselist .item{
	width: calc(33.33% - 10px);
	padding:5px;
	
}
.caselist .item a{
	position: relative;
}
.caselist .item .wzz{
	position: absolute;
	left: 0;
	top: 0;
	padding:100px 0;
	height: 100%;
	width: 100%;
	display: grid;
	justify-items: center;
	align-content: space-between;
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: .6s;
}
.caselist .item .wzz .wt{
	text-align: center;
}
.caselist .item .wzz .wt .wt1{
	font-size: 20px;
	color: #ffffff;
}
.caselist .item .wzz .wt .wt2{
	font-size: 18px;
	color: #ffffff;
}
.caselist .item:hover .wzz{
	opacity: 1;
}
.casetop{
	padding-top: 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.casetop .ctl{
	width: 35%;
	font-size: 24px;
	color: #fff;
}
.casetop .ctr{
	width: 60%;
	font-size: 18px;
	color: #fff;
}
.casecon{
	padding:80px 0;
}
.tmlist .item{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-right: 5%;
	align-items: flex-end;
}
.tmlist .item .itl{
	width: 50%;
}
.tmlist .item .itr{
	width: 48%;
}
.tmlist .item:nth-child(even){
	flex-direction: row-reverse;
	padding-left: 5%;
	padding-right: 0;
}
.team{
	padding:60px 0;
}
.team .teamlist{
	display: flex;
	flex-wrap: wrap;
}
.team .teamlist .item{
	width: 31.33%;
	margin-right: 3%;
	margin-top: 2%;
}
.team .teamlist .item:nth-child(3n){
	margin-right: 0;
}
.team .teamlist .item img{
    max-width:80%;
}
.team .teamlist .item .teamc1{
	color: #fff;
	font-size: 15px;
	margin-top: 15px;
}
.team .teamlist .item .teamc2{
	color: #505050;
	font-size: 12px;
	margin-top: 25px;
}
.nybanner{
	padding-top: 80px;
}
.contact{
	padding:90px 0 160px;
	display: flex;
	justify-content: space-between;
}
.contact .cl{
	width: 48%;
	display: grid;
	align-content: space-between;;
}
.contact .cl .ctt .ctt1{
	font-size: 84px;
	color: #363636;
	font-weight: bold;
}
.contact .cl .ctt .ctt2{
	color: #ffffff;
	font-size: 32px;
	font-weight: bold;
}
.contact .cr{
	width: 48%;
}
.swiper-button-next:after, .swiper-button-prev:after{
	display: none;
}
.navbar-light .navbar-toggler-icon{
	background-image: url(../images/menu.png);
	filter: invert(1);
}
.navbar-light .navbar-toggler{
	border:none;
}
@media(max-width: 780px){
	#certify{
		overflow: hidden;
	}
	#certify .swiper-slide{
		width: 200px;
	}
	.id2{
		padding:100px 0 60px;
		background-size: 100%;
	}
	.id2 .d2title{
		font-size: 24px;
	}
	.id2 .id2list .item{
		padding:15px;
	}
	.id2 .id2list .item .itl .t1{
		font-size: 18px;
	}
	.id2 .id2list .item .itl .t2{
		font-size: 8px;
	}
	.id2 .id2list .item .itr{
		font-size: 6px;
	}
	.id3{
		background-size: 100%;
		padding:40px 0;
	}
	.id3 .d3title .d3tt{
		font-size: 32px;
	}
	.id3 .d3title .d3tb{
		font-size: 18px;
	}
	.id3 .id3list .item{
		padding:15px 0;
	}
	.id3 .id3list .item .aacon{
		flex-wrap: wrap;
	}
	.id3 .id3list .item .iitt h2{
		font-size: 18px;
	}
	.id3 .id3list .item .iitt p{
		font-size: 12px;
		margin-top: 5px;
	}
	.id3 .id3list .item .aacon{
		margin:10px 0;
	}
	.id3 .id3list .item .aacon .al{
		width:100%;
	}
	.id3 .id3list .item .aacon .ar{
		width: 100%;
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	.id4{
		padding:60px 0 0;
	}
	footer .ftop p{
		font-size: 10px;
	}
	footer .fbottom p{
		font-size: 10px;
	}
	.navbar-collapse{
		background: #fff;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		color: #333;
		font-size: 14px;
	}
	.ab1{
		padding:120px 15px 0;
	}
	.ab1 .ab1con{
		flex-wrap: wrap;
	}
	.ab1 .ab1con .abcl{
		display: none;
	}
	.ab1 .ab1con .abcr{
		width: 100%;
		font-size: 14px;
	}
	.ab1 .ab1con .abcr img{
		max-width: 100%;
	}
	.ab2{
		background-size: 100%;
		padding:60px 0 60px;
	}
	.ab2 .ab2title{
		font-size: 24px;
	}
	.ab2 .ab2tt{
		font-size: 14px;
		margin-top: 10px;
	}
	.ab2 .ab2con{
		margin-top: 15px;
		zoom: 80%;
	}
	.ab3{
		padding:60px 0;
		background-size: 100%;
	}
	.ddtt .ddttt{
		font-size: 32px;
	}
	.ddtt .ddttb{
		font-size: 18px;
	}
	.ab3 .aab3{
		margin-top: 8%;
	}
	.ab3 .aab3 .ab3tlist .item .iic{
		font-size: 14px;
		padding:5px 5px;
	}
	.ab3 .aab3 .ab3tlist .item .iic span{
		font-size: 10px;
	}
	.ab4{
		padding:40px 0;
	}
	.pswiper{
		margin-top: 30px;
		padding-bottom: 25px;
	}
	.team .teamlist .item{
		width: 49%;
		margin-right: 2%!important;
	}
	.team .teamlist .item:nth-child(2n){
		margin-right: 0!important;
	}
	.team .teamlist .item .teamc1{
		font-size: 14px;
	}
	.team .teamlist .item .teamc2{
		font-size: 12px;
	}
	.ctitle{
		padding:120px 20px 0;
	}
	.ctitle .cct{
		font-size: 48px;
	}
	.ctitle .ccb span{
		font-size: 18px;
	}
	.caselist{
		margin-top: 30px;
	}
	.caselist .item{
		width: calc(50% - 10px);
		padding:5px;
	}
	.caselist .item .wzz{
		padding:15px 0;
	}
	.caselist .item .wzz .wt .wt1{
		font-size: 16px;
	}
	.caselist .item .wzz .wt .wt2{
		font-size: 14px;
	}
	.arbtn img{
		height: 15px;
	}
	.casecon{
		padding:40px 0;
	}
	.contact{
		flex-wrap: wrap;
		padding:40px 0 60px;
	}
	.contact .cl .ctt .ctt1{
		font-size: 32px;
	}
	.contact .cl{
		width: 100%;
	}
	.contact .cl .ctb{
		margin-top: 25px;
	}
	.contact .cl .ctt .ctt2{
		font-size: 16px;
		margin-top: 10px;
	}
	.contact .cr{
		width: 100%;
		margin-top: 15px;
	}
}



div.casecon > p {
    margin-bottom: 24px !important;
}
div.casecon > p:last-child {
    margin-bottom: 0 !important;
}
div.casecon > p > img {
    max-width: 1470px !important;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.caselist .item .img {
    flex-shrink: 0 !important;
    width: 466px !important;
    height: 461px !important;
    overflow: hidden !important;
    position: relative !important;
}
.caselist .item .img .img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;      /* 核心：按比例放大填满，超出裁剪，不变形 */
    object-position: center center !important; /* 图片居中 */
    max-width: unset !important;       /* 干掉bootstrap img-fluid的max-width:100%限制 */
}ht: auto;
}