/* 开屏动画部分 */
#openscreen{	
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top:0;
	z-index: 999;
	background-color: #fff;
}
#openscreen img{
	width: 130px;
	height: 130px;
}

/* banner部分 */
.dt-main{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.dt-banner,.dt-banner-bd{
	width: 100%;
	height: 100%;
}
.dt-banner{
	position: relative;
}
.dt-banner-bd .bannerimg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dt-banner-bd li{
	width: 100%;
	height: 100%;
	position: relative;
}
.dt-banner-bd .dt-banner-list-text{
	width: 100%;
	position: absolute;
	left: 0;
	top:25%;
	opacity:0;
}
.dt-banner-bd .dt-banner-list-text h3{
	text-align: center;
	color: #fff;
	font-size: 45px;
	line-height: 90px;
	font-weight: normal;
}
#mouseicon{
	width:90px;
	position: absolute;
	left: 48%;
	bottom: 40px;
	transition: bottom 0.3s linear;
}
#mouseicon:hover{
	bottom: 48px;
}
#mouseicon p{
	font-size: 10px;
	color: #fff;
	margin-bottom:6px;
	text-align: center;
}
#mouseicon img{
	display: block;
	width: 24px;
	height: 36px;
	margin: 0 auto;
}


/* 正文部分 */
.slide-list .slidebgimg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index-wrap .container-wrap .golden{
	color: #daaa2a;
}
.index-wrap{
	width: 100%;
	transition: 0.7s linear;
	position: absolute;
	left: 0;
	top:0;
}
.index-wrap .slide-list{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slide-list .slide-bgimg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slide-list .slide-video{
	width: 100%;
	height: 100%;
	object-fit:fill;
}
.slide-list .container-wrap{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.slide-l2 .slide-l2-text{
	width: 80%;
	position: absolute;
	left: 10%;
	top:30%;
	display: flex;
	justify-content: space-between;
	opacity: 0;
}
.slide-l2 .slide-l2-text .slide-l2-left{
	padding-top: 50px;
}
.slide-l2 .slide-l2-text .slide-l2-left p{
	color: #fff;
	font-size: 45px;
	line-height: 90px;
}
.slide-l2 .slide-l2-text .slide-l2-right{
	width: 52%;
}
.slide-l2 .slide-l2-text .slide-l2-right .colla-item{
	margin-bottom: 25px;
}
.slide-l2 .slide-l2-right .colla-item .colla-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 20px;
	cursor: pointer;
}
.slide-l2 .slide-l2-right .colla-item .colla-title:hover{
	color: #facf5c;
}
.slide-l2 .slide-l2-right .colla-item span{
	font-size: 28px;
}
.slide-l2 .slide-l2-right .colla-item i{
	font-size: 20px;
}
.slide-l2 .slide-l2-right .colla-item .colla-content{
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: all .6s linear;
}
.slide-l2 .slide-l2-right .colla-item p{
	color: #fff;
	font-size:22px;
	line-height: 30px;
	min-height: 0;
}

.slide-l2 .slide-l2-right .active .colla-content{
	grid-template-rows: 1fr;
}
.slide-l2 .slide-l2-right .active .colla-title{
	color: #facf5c;
}

.slide-l3 .slide-l3-top{
	width: 100%;
	text-align: center;
	padding-top:8%;
	margin-bottom:45px;
}
.slide-l3 .slide-l3-top h3{
	font-size: 38px;
	line-height: 70px;
	font-weight: normal;
}
.slide-l3 .slide-l3-text-wrap{
	width:1440px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.slide-l3 .slide-l3-text-wrap .slide-l3-list{
	width:340px;
	height: 500px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.slide-l3 .slide-l3-list img{
	width:340px;
	height: 500px;
	overflow: hidden;
}
.slide-l3 .slide-l3-list .slide-l3-list-text{
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
	position: absolute;
	left: 0%;
	top:120px;
}
.slide-l3 .slide-l3-list .slide-l3-list-text strong{
	display: block;
	color: #fff;
	font-size: 28px;
	margin-bottom: 50px;
}
.slide-l3 .slide-l3-list:nth-last-of-type(1) .slide-l3-list-text strong{
	margin-bottom: 80px;
}
.slide-l3 .slide-l3-list .slide-l3-list-text p{
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	text-indent: 2em;
	word-break: break-all;
	overflow-wrap: break-word;
}

.slide-l4 .slide-l4-text{
	width: 64%;
	position: absolute;
	left: 18%;
	top:130px;
}
.slide-l4 .slide-l4-text p{
	color: #fff;
	font-size: 45px;
	line-height: 90px;
	text-align: center;
}
.slide-l4 .slide-l4-a-wrap{
	width: 100%;
	position: absolute;
	left: 0;
	bottom:70px;
	text-align: center;
}
.slide-l4 .slide-l4-a-wrap a{
	border: 2px solid #fff;
	line-height: 54px;
	padding: 0 40px;
	color: #fff;
	border-radius:29px;
	display: inline-block;
	font-size:20px;
}

.slide-l5 .slide-l5-text{
	position: absolute;
	right: 12.5%;
	bottom:120px;
}
.slide-l5 .slide-l5-text p{
	font-size: 38px;
	color: #fff;
	line-height: 50px;
}
.slide-l5 .slide-l5-text p span{
	font-size: 26px;
	line-height: 50px;
}

/* 新闻部分 */
.slide-news{
	width: 100%;
}
.slide-news .dt-index-news{
	width:100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 130px;
}
.dt-index-news .index-news-title{
	width:75%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}
.index-news-title h2{
	font-size: 30px;
	color: #000;
}
.index-news-title .index-news-title-right i{
	display: inline-block;
	width:46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background-color:#efefef;
	color: #7f7f7f;
	font-size: 22px;
	border-radius: 50%;
	margin-right: 25px;
	cursor: pointer;
}
.index-news-title .index-news-title-right i:hover{
	color: #daaa2a;
	background-color:#ebebeb;
}
#index-news-carousel{
	width: 100%;
	max-height:560px;
	overflow: hidden;
	position: relative;
	margin-bottom:40px;
}
#newscarousel-ul{
	width: 1000%;
	max-height: 560px;
	height: 100%;
	position: absolute;
	top:0;
}
#newscarousel-ul .newscarousel-li{
	height: 100%;
	max-width: 830px;
	max-height: 560px;
	float: left;
	margin-right: 1%;
	position: relative;
}
#newscarousel-ul .newscarousel-img-wrap{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#newscarousel-ul .newscarousel-li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.8s linear;
}
#newscarousel-ul .newscarousel-li:hover img{
	transform: scale(1.1);
}
#newscarousel-ul .newscarousel-li .index-news-text-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.25);
}
#newscarousel-ul .newscarousel-li .index-news-text{
	position: absolute;
	width: 92%;
	left: 4%;
	bottom:35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#newscarousel-ul .newscarousel-li .index-news-text h3{
	width:72%;
	color: #fff;
	font-size:22px;
	line-height: 36px;
	font-weight: normal;
}
#newscarousel-ul .newscarousel-li .index-news-text a{
	width: 130px;
	font-size: 15px;
	border: 1px solid #fff; 
	line-height:40px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
}
.index-news-more{
	width:100%;
}
.index-news-more a{
	display: block;
	width: 180px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 36px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 5px;
	position: relative;
}
.index-news-more a:hover{
	border:1px solid #fff;
}
/* 左上边框动画执行 */
.index-news-more a::before {
content: '';
position: absolute;
width: 0px;
height: 0px;
border-top: 1px solid #daaa2a;
border-left: 1px solid #daaa2a;
left: 0;
top: 0;
transition: width 0.5s,height 0.5s;
box-sizing: border-box;
opacity: 0;
}
.index-news-more a:hover::before {
width: 100%;
height: 100%;
border-radius: 5px;
opacity: 1;
}

/* 右下边框动画执行 */
.index-news-more a::after {
content: '';
position: absolute;
width: 0px;
height: 0px;
border-bottom: 1px solid #daaa2a;
border-right: 1px solid #daaa2a;
right: 0;
bottom: 0;
transition: width 0.5s,height 0.5s;
box-sizing: border-box;
opacity: 0;
}
.index-news-more a:hover::after {
width: 100%;
height: 100%;
border-radius: 5px;
opacity: 1;
}


/* 首页网站底部 */
.slide-footer{
	padding-top:60px;
}
.dt-footer .footer-link{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	color: #999;
	font-size: 15px;
	margin-bottom: 10px;
}
.dt-footer .footer-link span{
	margin-right: 8px;
}
.dt-footer .footer-link a{
	margin-right: 15px;
	color: #999;
}
.dt-footer .footer-link a:hover{
	color: #999;
}

