﻿.slide-content{border:1px dotted red;border-left:0;position:absolute;max-width:600px;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:#fff;border-radius:0 20px 20px 0;box-shadow:0 0 8px red;box-sizing:border-box;padding:30px 30px 30px 50px;}
.slide-title{font-style:italic;font-size:40px}
.slide-txt{font-size:20px;padding-top:20px;color:#ddd}
.slide-txt:first-child{padding-top:0}
.scrollwarp{
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s cubic-bezier(0.86,0,0.03,1);
}
.indexsection{
	width:100%;
	height:100%;
	background:#fff;
}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.bannerbox{
	width:100%;
	height:100%;
	position:relative;
}
.swiper-wrapper,
.swiper-slide{
	width:100%;
	height:100%;position:relative
}
.bannerbox img{
	width:100%;
	height:100%;
}
.swiper-pagination{
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:20px !important;
}
.swiper-pagination-bullet{
	width:0.48rem !important;
	height:0.08rem !important;
	border-radius:0 !important;
	background:#BBB4B4 !important;
	opacity:1 !important;
}
.swiper-pagination-bullet-active{
	background:#E60012 !important;
}
.bannermask{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	z-index:1;
}
.bannermask>h2{
	width:100%;
	height:1rem;
	color:#fff;
	text-align:center;
	font-size:0.65rem;
	animation:h2anim linear 0.5s;
	margin:0;
}
@keyframes h2anim{
	from{transform:scale(0);}
	to{transform:scale(1);}
}
.bannermask>h2>span{
	margin:0 0.4rem;
}
.masktitle{
	width:2.1rem;
	height:0.6rem;
	line-height:0.6rem;
	text-align:center;
	background:rgba(230,0,18,0.4);
	color:#E60012;
	font-size:0.3rem;
	margin-top:0.5rem;
    font-weight:bold;
	animation:h2anim linear 0.5s;
}
.centerbutton{
	width:90%;
	height:100px;
	position:absolute;
	left:50%;
	margin-left:-45%;
	bottom:50px;
}
.bannerdownbtn{
	width:30px;
	height:30px;
	background:url(../img/icon_downblack.png) no-repeat;
	background-size:100% 100%;
	cursor:pointer;
	animation:downbtnanim 0.8s infinite;
	transition:all 0.4s ease-in;
}
@keyframes downbtnanim{
	0% {transform: translateY(0px);opacity: 1;}
	50% {transform: translateY(6px);opacity: 0.6;}
	100% {transform: translateY(0px);opacity: 1;}
}
.bannerconcat{
    display:flex;justify-content:flex-end;
	width:100%;
	height:0.88rem;
	line-height:0.88rem;
	text-align:right;
	box-shadow: 0px 11px 20px 0px rgba(96, 112, 94, 0.24);
	border: 1px solid;
	border-image: linear-gradient(142deg, rgba(255, 255, 255, 0), rgba(115, 161, 110, 0.2)) 1 1;
	 backdrop-filter:saturate(100%) blur(10px);
	position:absolute;
	left:0;
	bottom:0;
	color:#fff;
	font-size:0.24rem;
}
.banner-tels{line-height:1.5;padding-top:0.05rem;padding-right:100px;}
.banner-concat-item{font-size:0.25rem}
.bannerconcat>span{
	margin-right:40px;
	font-size:0.4rem;
	margin-left:0.1rem;
}
.hangyebox{
	width:14.4rem;
	overflow:hidden;
	margin:0 auto;
	padding-top:0.96rem;
}
.titlelinxian{
	width:2rem;
	height:0.6rem;
	position:relative;
}
.titlelinxian>span{
	width:100%;
	height:100%;
	display:block;
	color:#262626;
	font-size:0.45rem;
	font-weight:600;
	position:absolute;
	z-index:2;
}
.titlelinxian::after{
	content:'';
	width:1.1rem;
	height:0.15rem;
	background:#E60012;
	position:absolute;
	bottom:0;
	right:0;
}
.titleproduct{
	width:100%;
	overflow:hidden;
	color:#262626;
	font-size:0.45rem;
	font-weight:600;
}
.titleproduct>a{
	float:right;
	margin-top:0.4rem;
	font-size:14px;
	color:#85919F;
	display:flex;
	align-items:center;
}
.titleproduct>a>img{
	width:20px;
	height:20px;
	transform:rotate(180deg);
}
.bannerlist{
	width:13rem;
	height:4.1rem;
	margin-top:0.8rem;
	position:relative;
	transform:all 0.5s;
	margin-left:100px;
	overflow:hidden;
}
.hangyescroll{
	height:4.1rem;
	white-space:nowrap;
	position:absolute;
	top:10px;
	left:0;
}
.hangyeitem{
	width:13rem;
	display:inline-flex;
}
.itemlist{
	width:25%;
	height:3.9rem;
	overflow:hidden;
	border:1px solid #D3DCE5;
	margin:0 12px;
	cursor:pointer;
	transition:all 0.4s;
}
.itemlist>div{
	width:100%;
	height:3.3rem;
	display:block;
	transition:all 0.3s;
    background-repeat:no-repeat;background-size:cover;background-position:center
}
.itemlist>p{
	width:100%;
	height:0.6rem;
	line-height:0.6rem;
	text-align:center;
	font-size:0.18rem;
    color:#000;
    white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis
}
/* .itemlist:hover{
	box-shadow: 0px 10px 14px 0px rgba(230, 0, 18, 0.1);
} */
.itemlist:hover p{
	background:#E60012;
	color:#fff;
}
.hangyebottom{
	width:100%;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	margin-top:50px;
}
.downbutton,
.downbuttons{
	width:30px;
	height:30px;
	background:url(../img/icon_downwhite.png) no-repeat;
	background-size:100% 100%;
	cursor:pointer;
	animation:downbtnanim 0.8s infinite;
	transition:all 0.4s ease-in;
}
.hangyedot,
.zizhidot{
	width:70px;
	height:50px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.leftdot,
.zizhileftbtn{
	width:30px;
	height:30px;
	background:url(../img/icon_yuand.png) no-repeat;
	background-size:100% 100%;
	transform:rotate(0deg);
	cursor:pointer;
}
.leftdots{
	background:url(../img/icon_yuan.png) no-repeat;
	background-size:100% 100%;
	transform:rotate(-180deg);
}
.rightdot,
.zizhirightbtn{
	width:30px;
	height:30px;
	background:url(../img/icon_yuan.png) no-repeat;
	background-size:100% 100%;
	cursor:pointer;
}
.rightdots{
	background:url(../img/icon_yuand.png) no-repeat;
	background-size:100% 100%;
	transform:rotate(-180deg);
}
.lineindex,
.zizhiindex{
	width:2rem;
	height:0.2rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.lineindex>p,
.zizhiindex>p{
	flex:1;
	height:2px;
	background:#D8D8D8;
	margin:0 5px;
	position:relative;
}
.linepspan,
.zizhipspan{
	width:0%;
	height:2px;
	background:#E60012;
	position:absolute;
	left:0;
	top:0;
	transition:all 0.5s;
}
.lineleftspan,
.zizhileftspan{
	color:#E60012;font-size:16px
}
.linerightspan,
.zizhirightspan{
	color:#E60012;font-size:16px
}
.zizhisection{
	background:#f6f6f6;
	padding-top:0.96rem;
}
.zizhibox{
	width:14.4rem;
	height:8.5rem;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
.zizhiview{
	width:12.5rem;
	position:relative;
	margin:0 auto;
}
.zizhiview>img{
	width:7.73rem;
	height:3.4rem;
	display:block;
}
.zizhitextl{
	width:6.02rem;
	height:2.66rem;
	background:#fff;
	position:absolute;
	right:0;
	bottom:0;
}
.zizhiviewr{
	position:relative;
	overflow:hidden;
	margin-top:0.32rem;
}
.zizhitextr{
	left:0;
	bottom:0;
}
.zizhitextl::after{
	content:'';
	width:4px;
	height:0.64rem;
	background:#E60012;
	position:absolute;
	left:0;
	top:0.72rem;
}
.zizhiviewr>img{
	float:right;
}
.zizhitextr::after{
	right:0;
	left:auto;
}
.zizhitextl>h3{
	width:4.5rem;
	height:0.5rem;
	line-height:0.5rem;
	margin-left:0.64rem;
	font-size:0.28rem;
	margin-top:0.2rem;
}
.zizhitextl>p{
	width:5rem;
	white-space:normal;
	overflow:hidden;
	font-size:14px;
	color:#85919F;
	margin-left:0.64rem;
}
.zizhititle{
	position:absolute;
	right:-0.5rem;
	top:0;
}
.zizhititle>h3{
	color:#262626;
	font-size:0.35rem;
	margin:0;
}
.zizhititle>p{
	height:0.2rem;
	text-align:right;
	font-size:12px;
	color:#85919F;
}
.zizhibutton{
	position:absolute;
	left:0;
	bottom:30px;
}
.zizhibottom{
	width:13.4rem;
	height:1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:absolute;
	bottom:0;
}
.zizhiscrollhide{
	width:14.4rem;
	height:7.5rem;
	position:relative;
	overflow:hidden;
}
.zizhiscroll{
	height:7rem;
	white-space:nowrap;
	position:absolute;
	top:0.4rem;
	left:0;
}
.zizhiitem{
	width:14.4rem;
	display:inline-block;
}
/* .downcomponent{
	width:50px;
	height:200px;
	display:flex;
	flex-direction:column;
	align-items:center;
	position:absolute;
	bottom:0;
	left:0;
}
.downline{
	width:2px;
	height:100px;
	background:#D8D8D8;
	margin:0 auto;
	margin-bottom:60px;
} */
.newsbox{
	width:14.4rem;
	overflow:hidden;
	margin:0 auto;
	padding-top:0.16rem;
}
.datanumber{
	width:100%;
	height:1.36rem;
	background:#F6F6F6;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.numberitem{
	flex:1;
}
.numberitem>h3{
	height:0.6rem;
	line-height:0.6rem;
	font-size:0.6rem;
	color:#E60012;
	float:left;
	margin-left:0.6rem;
	margin-right:0.1rem;
	margin-top:0.35rem;
}
.numberitem>h3>em{
	font-style:normal;
	font-size:0.6rem;
	float:left;
}
.numberitem>p{
	height:0.2rem;
	line-height:0.2rem;
	margin-top:0.35rem;
	color:#85919F;
	font-size:12px;
}
.numberitem>span{
	font-size:20px;
	color:#010101;
}
.newtitle{
	width:100%;
	height:0.6rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:10px auto;
	margin-top:0.4rem;
}
.newtitle>h3{
	height:0.6rem;
	line-height:0.6rem;
	margin-bottom:0;
	font-size:0.45rem;
	color:#262626;
}
.newtitle>span{
	color:#85919F;font-size:16px
}
.newview{
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content:space-around;
	margin-top:0.4rem;
}
.leftnew{
	width:6.16rem;
	overflow:hidden;
	background:#F2F3F4;
	margin-bottom:0.64rem;
}
.leftnew>div{
	width:100%;
	height:3.22rem;
	display:block;
    background-repeat:no-repeat;background-size:cover;background-position:center
}
.leftnew>h3{
	width:5.68rem;
	height:0.4rem;
	line-height:0.4rem;
	color:#010101;
	font-size:0.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0 auto;
	margin-top:0.1rem;
}
.leftnew>p{
	width:5.68rem;
	height:0.48rem;
	line-height:0.24rem;
	overflow:hidden;
	margin:0.08rem auto;
	font-size:0.14rem;
	color:#85919F;
}
.leftnew>h4{
	height:0.5rem;
	line-height:0.5rem;
	font-size:0.24rem;
	color:#070707;
	margin:0;
	margin-left:0.24rem;
}
.footersection{
	overflow:scroll;
}
.newright{
	width:7.76rem;
	height:4.88rem;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.newlable{
	width:100%;
	height:0.8rem;
	display:flex;
	align-items:center;
}
.labeltime{
	width:0.8rem;
	height:0.8rem;
	border:1px solid #D3DCE5;
	position:relative;
}
.labeltime::after{
	content:'';
	width:2px;
	height:20px;
	background:#E60012;
	position:absolute;
	left:-1px;
	top:0.3rem;
}
.labeltime>p{
	width:100%;
	height:0.3rem;
	line-height:0.3rem;
	text-align:center;
	color:#727D8A;
	font-size:14px;
	margin-top:0.08rem;
}
.labeltime>h3{
	width:100%;
	height:0.3rem;
	line-height:0.3rem;
	font-size:0.32rem;
	text-align:center;
	color:#262626;
	margin:0;
}
.labeltext{
	width:5rem;
	margin:0 0.15rem;
}
.labeltext>h3{
	height:0.4rem;
	line-height:0.4rem;
	margin:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:0.2rem;
}
.labeltext>p{
	width:5rem;
	height:0.3rem;
	line-height:0.3rem;
	white-space:nowrap;
	overflow:hidden;
	color:#85919F;
	text-overflow:ellipsis;
	font-size:0.14rem;
}
.labelbutton{
	width:1rem;
	height:0.4rem;
	line-height:0.4rem;
	text-align:center;
	border:1px solid #D9D9D9;
	color:#85919F;
	font-size:0.14rem;
	cursor:pointer;
}
.newlable:hover .labeltext>h3{
	color:#E60012;
}
.newlable:hover .labeltime{
	background:#E60012;
}
.newlable:hover .labelbutton{
	border:1px solid #E60012;
	color:#E60012;
}
.newlable:hover .labeltime>p,
.newlable:hover .labeltime>h3{
	color:#fff;
}
.newlable:hover .labeltime::after{
	background:#fff;
}
/* 首页底部增加外边距显示底部网站信息 */
.footerbox{
	margin-bottom:0.4rem;
}