.bg, .sec, .sec4 .prod {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.desc, .sec1 .sec1_content, .sec2, .sec3, .sec4 .prod, .sec5, .sec6 .card, .subtitle, .title {
	text-align: center
}
.sec1, .sec1 video {
	height: 9rem
}
.sec {
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto
}
.sec1 .sec1_content, .sec1 video {
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}
.bg {
	overflow: hidden
}
body {
	background-color: #f0f2f5
}
.sec1 video {
	width: 19.2rem;
	top: 0
}
.sec1 .sec1_content {
	z-index: 1;
	top: 3.5rem
}
.sec1 .sec1_content h2 {
	font-size: .54rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: .14rem;
	margin-bottom: .36rem
}
.sec1 .sec1_content .new_link .act {
	display: inline-block;
	margin-top: .1rem;
	height: .22rem;
	font-size: .2rem;
	font-weight: 500;
	color: #fff;
	line-height: .22rem;
	letter-spacing: .01rem;
	position: relative
}
.sec2 .subtitle, .sec2 .title, .sec4 .prod3 .title, .sec5 .desc, .sec5 .title {
	letter-spacing: .02rem
}
.sec1 .sec1_content .new_link .act .icon-youjiantou {
	padding-left: 8px
}
.sec1 .sec1_content .new_link .act::before {
	position: absolute;
	bottom: -8px;
	left: 0;
	display: block;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	transition: all .3s
}
.sec1 .sec1_content .new_link:hover .act::before {
	width: 6.2em
}
.sec2 .title {
	margin-top: .8rem;
	height: .77rem;
	font-size: .48rem;
	font-weight: 700;
	font-family: SimHei;
	color: #000;
	line-height: .77rem;
}
.sec2 .subtitle {
	margin-top: .1rem;
	height: .48rem;
	font-size: .3rem;/* font-weight:800; */
	color: #000;
	line-height: .48rem;
}
.sec2 .desc {
	height: .36rem;
	font-size: .24rem;
	font-weight: 500;
	color: #757575;
	line-height: .36rem;
	letter-spacing: .01rem;
	margin-top: .2rem
}
.sec2 .new_btn {
	margin: .2rem auto;
}
.sec2 .swiper-container {
	width: 16rem;
	height: 8.06rem;
	margin: .5rem auto 0
}
.sec2 .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%
}
.sec2 .swiper-container .swiper-wrapper img {
	display: block;
	width: 16rem;
	height: 8.06rem
}
.sec3 .title {
	height: .77rem;
	font-size: .48rem;
	font-weight: 800;
	color: #000;
	line-height: .77rem;
	letter-spacing: .04rem;
	margin-top: 1.6rem
}
.sec3 .desc {
	height: .36rem;
	font-size: .24rem;
	font-weight: 500;
	color: #757575;
	line-height: .36rem;
	letter-spacing: .01rem;
	margin-top: .2rem
}
.sec3 .new_btn {
	margin-top: .4rem
}
.sec3 .ai {
	display: block;
	height: 8.08rem;
	margin-top: .5rem
}
.sec4 {
	margin-top: .8rem;/* height:11.9rem */
	margin-bottom: .8rem;
}
.sec4 .prod {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute
}
.sec4 .prod .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	opacity: 0;
	transition: all .3s
}
.sec4 .prod .act, .sec4 .prod .title, .sec6 .card .act {
	letter-spacing: .01rem;
	position: relative
}
.sec4 .prod .title {
	height: .48rem;
	font-size: .27rem;
	font-weight: 500;
	color: #fff;
	line-height: .48rem;
	z-index: 2;
	opacity: 0
}
.sec4 .prod .act {
	opacity: 0;
	display: inline-block;
	margin-top: .1rem;
	height: .22rem;
	font-size: .16rem;
	font-weight: 500;
	color: #fff;
	line-height: .22rem
}
.sec4 .prod .act::before {
	position: absolute;
	bottom: -4px;
	left: 0;
	display: block;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	transition: all .3s
}
.sec4 .prod:hover .act, .sec4 .prod:hover .mask, .sec4 .prod:hover .title {
	opacity: 1
}
.sec4 .prod:hover .act::before {
	width: 5em
}
.sec4 .prod1 {
	width: 4.14rem;
	height: 3.88rem;
	top: 0;
	left: 0;
	background-image: url(../images/2020/index/1-6b5a55bb1c.jpg)
}
.sec4 .prod2 {
	width: 4.14rem;
	height: 4.06rem;
	top: 3.88rem;
	left: 0;
	background-image: url(../images/2020/index/2-aa7cd8abe8.jpg)
}
.sec4 .prod3 {
	display: block;
	width: 7.64rem;
	height: 7.94rem;
	top: 0;
	left: 4.14rem;
	background-image: url(../images/2020/index/3-1a74bb0584.jpg)
}
.sec4 .prod3 .title {
	opacity: 1;
	height: .48rem;
	font-size: .36rem;
	margin-top: 1.24rem;
	font-weight: 800;
	color: #000;
	line-height: .48rem
}
.sec4 .prod3 .act {
	opacity: 1;
	margin-top: .4rem;
	color: #000
}
.sec4 .prod3 .act::before {
	background: #000
}
.sec4 .prod4 {
	width: 4.22rem;
	height: 7.94rem;
	top: 0;
	right: 0;
	background-image: url(../images/2020/index/4-64732a7b72.jpg)
}
.sec4 .prod5, .sec4 .prod6, .sec4 .prod7 {
	height: 3.96rem;
	bottom: 0
}
.sec4 .prod5 {
	width: 8rem;
	left: 0;
	background-image: url(../images/2020/index/5-dba6daab43.jpg)
}
.sec4 .prod6 {
	width: 3.78rem;
	left: 8rem;
	background-image: url(../images/2020/index/6-a52343407a.jpg)
}
.sec4 .prod7 {
	width: 4.22rem;
	right: 0;
	background-image: url(../images/2020/index/7-a33c2d9980.jpg)
}
.sec5 {

	height: 8.31rem
}
.sec5 .title {
	height: .67rem;
	font-size: .42rem;

	color: #fff;
	font-family: SimHei;
	line-height: .67rem;
	margin-top: 2.79rem;
}
.sec5 .desc {
	margin-top: .1rem;
	height: .36rem;
	font-size: .24rem;
	font-weight: 500;
	color: #fff;
	line-height: .36rem
}
.sec5 .new_btn {
	margin-top: .6rem
}
.sec6 {
	margin-top: .44rem;
	height: 3.41rem;
	display: flex;
	justify-content: space-between
}
.sec6 .card {
	width: 5.13rem;
	height: 3.41rem;
	display: block
}
.sec6 .card .title {
	height: .58rem;
	font-size: .36rem;
	font-weight: 500;
	color: #fff;
	line-height: .58rem;
	letter-spacing: .01rem;
	margin-top: .98rem
}
.sec6 .card .act, .sec6 .card .desc {
	font-size: .16rem;
	font-weight: 500;
	color: #fff
}
.sec6 .card .desc {
	height: .26rem;
	line-height: .26rem
}
.sec6 .card .act {
	display: inline-block;
	margin-top: .4rem;
	height: .22rem;
	line-height: .22rem
}
.sec6 .card .act::before {
	position: absolute;
	bottom: -4px;
	left: 0;
	display: block;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	transition: all .3s
}
.sec7 .videos .video .bg:after, .sec7 .videos .video .bg:before {
	content: '';
	transition: .5s all ease
}
.sec6 .card:hover .act::before {
	width: 5em
}
.sec7 .title {
	height: .77rem;
	font-size: .48rem;
	font-weight: 800;
	color: #000;
	line-height: .77rem;
	letter-spacing: .02rem;
	margin-top: 1.2rem
}
.sec7 .videos {
	margin-top: .4rem;
	display: flex;
	justify-content: space-between
}
.sec7 .videos .video {
	flex: 0 0 auto
}
.sec7 .videos .video .bg {
	width: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer
}
.sec7 .videos .video .bg:after {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: .8rem;
	height: .8rem;
	transform: translate(-50%, -50%);
	background: url(../images/2019/index/video/icon_play-525abb68fd.png) center no-repeat;
	background-size: cover
}
.sec7 .videos .video .bg:before {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.2)
}
.sec7 .videos .video .bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: -1
}
.sec7 .videos .video .bg:hover img {
	width: 110%;
	height: 110%
}
.sec7 .videos .video .bg:hover:after, .sec7 .videos .video .bg:hover:before {
	opacity: 1
}
.sec7 .videos .video .title {
	height: .32rem;
	font-size: .2rem;
	font-weight: 400;
	color: #000;
	line-height: .32rem;
	letter-spacing: .02rem;
	margin-top: .1rem;
	text-align: left
}
.sec7 .videos .video1 .bg, .sec7 .videos .video2 .bg {
	height: 5.46rem
}
.sec8 .title, .sec9 .title {
	font-size: .24rem;
	line-height: .38rem;
	text-align: left
}
.sec7 .videos .video1 {
	width: 10.57rem
}
.sec7 .videos .video2, .sec7 .videos .video3, .sec7 .videos .video4, .sec7 .videos .video5 {
	width: 5.13rem
}
.sec7 .videos .video3 .bg, .sec7 .videos .video4 .bg, .sec7 .videos .video5 .bg {
	height: 3.4rem
}
.sec8 {
	margin-top: 1.5rem;
	height: 4.69rem;
	display: block
}
.sec8 .w {
	position: relative;
	height: 100%
}
.sec8 .title {
	position: absolute;
	left: 1.63rem;
	top: 1.43rem;
	height: .76rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: .01rem
}
.sec8 .sign {
	position: absolute;
	width: 2.01rem;
	height: 2.31rem;
	top: 1.19rem;
	right: .7rem
}
.sec8 .new_btn {
	position: absolute;
	left: 1.63rem;
	top: 2.69rem
}
.sec9 {
	cursor: pointer;
	height: 7.16rem;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center
}
.sec9 .sign, .sec9 .title, .sec9 .w {
	position: absolute
}
.sec9 img {
	width: 100%;
	height: 100%;
	transition: all .3s
}
.sec9 .w {
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}
.sec9 .title {
	left: 1.63rem;
	top: 1.5rem;
	height: 2.28rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: .02rem
}
.sec9 .sign {
	width: 1.22rem;
	height: .61rem;
	top: 4.38rem;
	left: 1.63rem
}