@charset "utf-8";
.lbnr{
	width: 63%;
	margin-right: -5%;
}
.lbnr img{
	width: 100%;
	display: block;
}
.ititle_50{
	font-size: 50px;
	color: #000;
}
.lbnltxt{
	display: inline-block;
}
.lbnline{
	border-bottom: 1px dashed #B1BAC5;
	display: block;
	margin: 15px 0 15px 0;
}
.md{
	padding: 65px 0;
}
.xc1{
	background: url(../images/xc1bg.png) no-repeat right bottom #F5F7FA;
	background-size: 27.3%;
}
.xc1:nth-child(2n+1) .flex_row_reverse {
    flex-direction: row!important;
}
.flex_row_reverse{
	flex-flow: row-reverse;
}
.limg{
	width: 46%;
	display: flex;
	justify-content: space-between;
}
.ltxt{
	width: 37%;
}
.ltxt .txt{
	color: #888D92;
}
.ltxt .lbnline{
	margin: 22px 0;
}
.xc2{
	background: url(../images/xc2bg.png) no-repeat left top #fff;
	background-size: 27.3%;
}
.xc3{
	background: url(../images/xc3bg.png) no-repeat right bottom #F5F7FA;
	background-size: 27.3%;
}
.limg_center{
	justify-content: center;
}
.limg_center .w32,.limg_center .w23{
	margin: 0 1%;
}
.ltxt_rw{
	width: 40%;
}
.bnimg_vd{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	background: url(../images/videoico.png) no-repeat center;
	cursor: pointer;
}
.bn_video{
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
    object-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
}

.z1t img{
	max-width: 100%;
}
.z1tm{
	margin: 0 2%;
}
.z1tm img{
	margin-bottom: 40px;
}
.z1tr{
	width: 20%;
	text-align: center;
}
.z1tla{
	width: 33.33%;
}
.z1tline{
	width: 170px;
	height: 1px;
	background: url(../images/z1tline.png) no-repeat center;
	position: absolute;
	left: 15%;
	bottom: 24%;
}
.z1tline_2{
	left: 40%;
}
.z1ba{
	width: 24%;
}
.z1ba:nth-child(1) .z1bat img{
	opacity: .4;
}
.z1ba:nth-child(2) .z1bat img{
	opacity: .6;
}
.z1ba:nth-child(3) .z1bat img{
	opacity: .8;
}
.z2,.z4{
	background: #F5F7FA;
}
.z2a{
	width: 20%;
	margin: 0 3%;
	text-align: center;
}
.z3a{
	width: 32%;
	background: #F5F7FA;
	padding: 30px;
	border-radius: 10px;
}
.z3a img{
	max-width: 50%;
}
.z3a .txt{
	color: #888D92;
	text-align: left;
}
.z4w{
	justify-content: space-around;
}
.z4a{
	width: 20%;
	text-align: center;
}
.ititle_48{
	font-size: 48px;
	color: #1C1F23;
}
.z4a img{
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
	border-radius: 26px;
}

.i1l{
	width: 55%;
}
.i1r{
	width: 25%;
}
.i1limg img{
	max-width: 100%;
}
.limg_60{
	width: 60%;
}
.i3 .ltxt,.i4 .ltxt{
	width: 40%;
}
.limg_end{
	justify-content: flex-end;
}
.limg_end .w23{
	margin: 0;
	margin-left: 2%;
}
.limg_start{
	justify-content: flex-start;
}
.limg_start .w23{
	margin: 0;
	margin-right: 2%;
}
.gs{
	background: url(../images/bg.png) no-repeat bottom center;
	background-size: cover;
}
.gst img{
	height: 60px;
}
.gsttitle i{
	width: 90px;
	height: 1px;
	display: block;
	background: #fff;
}
.gsttitle h2{
	margin: 0 10px;
}
.gsa{
	background: #fff;
	padding: 25px;
	border-radius: 6px;
	position: relative;
	padding-bottom: 80px;
}
.gsati{
	width: 64px;
	height: 64px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 20px;
}
.gsam{
	color: #888D92;
}
.gsab a{
	border: 1px solid #eee;
	padding: 5px;
	width: 110px;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
}
.gsab{
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.gsab a img{
	max-width: 100%;
}
.gsb i{
	cursor: pointer;
	margin: 0 20px;
}

.limg_video{
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
}
.limg_video video{
	width: 90%;
	height: 90%;
	position: absolute;
	left: 5%;
	top: 5%;
}
.limg img{
	box-shadow: 0 5px 15px rgba(0,0,0,.18);
	border-radius: 20px;
}
.limg_hp img{
	border-radius: 26px;
}

@media only screen and (max-width:1439px) {
	.ititle_50{
		font-size: 40px;
	}
	.ititle_48{
		font-size: 36px;
	}
	.head .nav{
		margin-right: 0;
	}
	.head .nav li{
		margin: 0 15px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.head .nav li{
		margin: 0 15px;
	}
	.ititle_50{
		font-size: 36px;
	}
	.ititle_48{
		font-size: 30px;
	}
}
@media only screen and (max-width:950px) {
	.nav-list-box i{
		line-height: 35px;
		display: block;
		padding-left: 25px;
	}
	.head .nav.rt a{
		font-size: 14px;
	}
	.head .logo{
		margin-left: 0 !important;
	}
	.ititle_50{
		font-size: 30px;
	}
	.ititle_48{
		font-size: 27px;
	}
	.bnimg_vd{
		background-size: 40px !important;
	}
}
@media only screen and (max-width:768px) {
	.head{
		padding: 0 !important;
	}
	.head .logo{
		width: 180px !important;
		padding-left: 0 !important;
		margin-top: 15px !important;
	}
	.listbn{
		margin-top: 50px;
		padding: 25px 0;
	}
	.md{
		padding: 20px 0;
	}
	.ltxt .lbnline{
		margin: 15px 0;
	}
	.wrap{
		padding: 0 20px;
	}
	.ititle_50{
		font-size: 28px;
	}
	.ititle_48{
		font-size: 24px;
	}
	.lbnltxt h3{
		font-size: 16px;
	}
	.limg,.ltxt{
		padding: 8px 0;
	}
	.z1tla{
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.z1tm{
		display: none;
	}
	.z1tr{
		width: 100%;
	}
	.z1ba{
		width: 48%;
		margin: 8px 0;
	}
	.z2w{
		width: 100%;
		justify-content: space-between;
	}
	.z2a{
		width: 31%;
		margin: 0;
	}
	.z2a p,.z4a p{
		font-size: 12px;
	}
	.z3a{
		width: 100%;
		margin: 7px 0;
	}
	.z4w{
		justify-content: space-between;
	}
	.z4a{
		width: 48%;
		margin: 7px 0;
	}
	
	.listbn.md{
		padding: 35px 0;
	}
	.ibnl{
		text-align: center;
		padding-bottom: 15px;
	}
	
	.limg_end .w23,.limg_start .w23{
		flex: 0;
		flex-grow: 1;
		margin: 0 1%;
	}
	.gsttitle i{
		width: 40px;
	}
	.gst img{
		height: 40px;
	}
	.limg_video,.limg img,.z4a img,.z2a img{
		border-radius: 8px;
	}
	.limg_hp img{
		border-radius: 14px;
	}
	.gsa{
		padding-bottom: 70px;
	}
	.ltxt {
		text-align: center;
	}
	.limg{
		display: none;
	}
	.swiper-container-limg{
		width: 80%;
	}
	.swiper-pagination-limg{
		width: 100%;
		position: static;
		margin-top: 15px;
	}
	.swiper-pagination-limg .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		background: #E6E8EA;
		margin: 0 5px;
		opacity: 1;
		transition: .25s;
	}
	.swiper-pagination-limg .swiper-pagination-bullet-active{
		background: #2F54EB;
	}
	.i1r img{
		width: 80%;
		margin: 0 auto;
	}
	
}
.swiper-container-gs .swiper-wrapper {
    align-items: stretch;
}
.swiper-container-gs .swiper-wrapper .gsa {
    height: 100%;
 }