@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:#111111;
	max-width:1920px;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#111111;
	text-decoration:none;
}
a:hover {
	color:#111111;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container { padding: 0px 20px;
	max-width:1360px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }

/* 首页 */
header{ margin-bottom: 11px;}
header .top_1{ padding-top: 23px; padding-bottom: 10px; position: relative; align-items: center;}
header .top_1 .tpleft img{ height: 15px; width: auto; display: block;}
header .top_1 .logo{ font-size: 24px; font-weight: 600; letter-spacing: 2px; position: absolute; left:50%; top:50%;transform: translate(-50%,-50%);}
header .top_1 .tpright{ font-size: 27px; font-weight: 600;letter-spacing: 2px; font-style: italic;}
header .top_1 .tpright .org{ color: #fc4c01;}
header .top_2{ align-items: center;}
header .top_2 .line{ flex:1; background-color: #c3c5c6; height: 1px;}
header .top_2 .pic img{ display: block;}

.part_1{ width: 100%; position: relative;}
.part_1 .video1{ width: 100%; position: relative; color: #fff;}
.part_1 .video1 .content{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); position: absolute; z-index: 30; text-align: center; line-height: 1; bottom: 10%; padding: 0px 20px; width: 100%;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
.part_1 .video1 .content .title{ font-size: 72px; line-height: 1.7; font-weight: 600; margin-bottom: 50px;}
.part_1 .video1 .content .desc{ font-size: 18px;}
.part_1 .video1 video{ width: 100%; object-fit: cover;}
.main{ padding-top: 100px; padding-bottom: 50px;}
.part_2{ background-color: #dbdbdb; border-radius: 20px; overflow: hidden; align-items: stretch; margin-bottom: 35px;}
.part_2 .photo{ width: 50%; position: relative;}
.part_2 .photo a{ display: block; height: 100%; overflow: hidden;}
.part_2 .photo img{ width: 100%; height: 100%; object-fit: cover;
	object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.part_2 .photo a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.part_2 .photo .pic{ position: absolute; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); width: 284px; right: -142px; z-index: 10;}
.part_2 .box{ flex:1; display: flex; align-items: center; justify-content: center;}
.part_2 .box .content{ max-width: 80%; padding: 20px; padding-left: 35px;}
.part_2 .box .content .lab{ font-size: 20px; color: #333; margin-bottom: 10px;}
.part_2 .box .content .title{ font-size: 50px; margin-bottom: 50px;}
.part_2 .box .content .btn{ background-color: #fe0035; border-radius: 30px; color:#fff; line-height: 65px; font-size: 20px; display: inline-block; padding-left: 20px;}
.part_2 .box .content .btn .price{ padding: 0px 30px;}
.part_2 .box .content .btn .more{ color: #fff; padding: 0px 30px;}
.part_3 { border-radius: 15px; overflow: hidden;margin-bottom: 35px;}
.part_3 ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
align-items: stretch;}
.part_3 ul li{}
.part_3 ul li a{ position: relative; display: block; height: 100%; overflow: hidden;}
.part_3 ul li a img{ width: 100%; height: 100%;object-fit: cover;
	object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.part_3 ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
	
.part_3 ul li:nth-child(1){ grid-row: 1 /span 2;grid-column: 1 / span 2;  }
.part_3 ul li:nth-child(1) a{ color: #fff;}
.part_3 ul li:nth-child(1) .txt{ width: 40%; position: absolute; top: 10%; left: 8%; z-index: 10; font-size: 40px; font-weight: 600;}
.part_3 ul li:nth-child(2){ grid-row: 1 /span 1;grid-column: 3 / span 2;  }
.part_3 ul li .tit{ left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 25px; font-size: 18px; font-weight: 600; position: absolute; z-index: 10;}
.part_3 ul li:nth-child(2) .tit{transform:translateX(-0%);-webkit-transform:translateX(-0%); left: 10%; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); bottom: auto;}
.part_4 { }
.part_4 ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
align-items: stretch;}
.part_4 ul li{ border-radius: 10px; overflow: hidden; position: relative;}
.part_4 ul li a{ display: block;}
.part_4 ul li a .photo{position:relative; display:block; padding-top:171%; width:100%; overflow:hidden;}
.part_4 ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
 .part_4 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
 .part_4 ul li a .content{ position: absolute; width: 86%; left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); bottom: 8%; color: #fff; font-size: 16px; z-index: 30;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}
 .part_4 ul li a .content .txt{ font-size: 24px; font-weight: 600; margin-bottom: 10px;}
 .part_4 ul li a .content .desc{ transition:all .5s;-webkit-transition:all .5s; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; display: none; opacity: 0; height: 0px;}
 .part_4 ul li:before{ position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    background-image: linear-gradient( 0deg ,rgba(0,0,0,.9),transparent);
    height: 200px; opacity: .3;
    z-index: 5;}
.part_4 ul li:hover a .content .desc{ display: block; opacity: 1; height: auto;}
footer{ background-color: #000; color: #fff; font-style: italic; padding: 37px 0px;}
footer .container{ display: flex; align-items: flex-end; flex-wrap: wrap;}
footer .org{ color: #fc4c01;}
footer .dblogo{ font-size: 69px; font-weight: 600; line-height: 1;text-shadow: -2rpx 2rpx 0rpx #fff;
	-webkit-text-stroke: 2px #fff; color: #000;
   text-fill-color: #ffffff; letter-spacing: 2px; margin-right: 10px;}

@media screen and (max-width: 1450px) {
	body{ font-size: 14px;}
	header .top_1 .tpleft img{ height: 10px;}
	header .top_2 .pic img{ height: 10px;}
	.part_1 .video1 .content .title{ font-size: 60px; line-height: 1.4;}
	.part_1 .video1 .content .desc{ font-size: 16px;}
	.part_4 ul li a .content .txt{ font-size: 22px;}
	footer .dblogo{ font-size: 59px;}
	}
@media screen and (max-width: 1200px) {
	.part_3 ul li:nth-child(1) .txt{ font-size: 30px; width: 60%;}
	.part_2 .box .content{ padding: 20px 0px;}
	.part_2 .box .content .lab{ font-size: 16px;}
	.part_2 .box .content .title{ font-size: 35px; margin-bottom: 25px;}
	.part_2 .box .content .btn{ line-height: 45px; padding-left: 10px; font-size: 16px;}
	.part_2 .box .content .btn .price{ padding: 0px 20px;}
	.part_2 .box .content .btn .more{ padding: 0px 20px;}
	.main{ padding-top: 40px;}
.part_2 .box{ justify-content: flex-end; padding-right:5%;}
.part_2 .photo .pic{ width: 200px; right: -100px;}
	}
@media screen and (max-width: 767px) {
	.part_2{ flex-direction: column;border-radius: 15px; margin-bottom: 25px;}
	.part_2 .photo{ width: 100%;}
	.part_2 .box{ flex:none; width: 100%;}
	.part_2 .box .content{ padding: 35px 0px; text-align: center;}
	.part_1 .video1 .content .title{ font-size: 30px; margin-bottom: 25px;}
	.part_1 .video1 .content .desc{ font-size: 14px; line-height: 1.5;}
	header .top_1 .tpright{ font-size: 22px;}
	header .top_1 .logo{ font-size: 22px; line-height: 1;}
	header .top_1{ padding: 0px 20px; height: 60px;}
	header .top_1 .tpleft img{ height: 6px;}
	header .top_2 .pic img{ height: 6px;}
	.part_1 .video1 video{ min-height: 300px;}
	.part_3 ul{display: flex;justify-content: space-between;
	align-items: stretch; flex-wrap: wrap; gap: 0px;}
	.part_3 ul li{ width: 48%; margin-bottom: 15px;}
	.part_3 ul li:nth-child(1){ width: 100%;}
	.part_3 ul li:nth-child(2){width: 100%;}
	.part_3 ul li .tit{ bottom: 15px;}
	.part_3 ul li:nth-child(2) .tit{ left: 5%;}
	.part_3{ margin-bottom: 10px;}
	.part_4 ul{grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px 15px;}
		.part_4 ul li a .content{ font-size: 14px;}
		.part_4 ul li a .content .txt{ font-size: 18px;}
		footer .dblogo{ font-size: 39px; margin-bottom: 5px;}
		.main{ padding-bottom: 40px;}
		.part_3 ul li:nth-child(1) .txt{ font-size: 23px;}
		.part_2 .box{ justify-content: center; padding-right: auto;}
		.part_2 .photo .pic{  top: auto;
    transform: translateY(-0%);
    -webkit-transform: translateY(-0%); left: 50%;transform: translateX(-50%);
    -webkit-transform: translateX(-50%); right: auto; bottom: -60px;}
	.part_2 .box{ padding-top: 50px;}
		}
@media screen and (max-width: 450px) {
	
		}