.banner1 {
	width:100%;
	position:relative
}
.banner1 .banner-img {
	width:100%;
	height:100%
}
.banner1 .mascot1 {
	width:14%;
	position:absolute;
	bottom:4px;
	left:38%;
	animation-duration:1.2s;
	animation-name:move10;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite
}
.sec1 {
	padding-top:76px
}
.sec1 .title {
	width:1000px;
	height:83px;
	margin:0 auto 20px;
	font-size:60px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#fb7066;
	text-align:center;

}
.sec1 .txt {
	width:1000px;
	height:83px;
	margin:0 auto 20px;
	font-size:30px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#585858;
	text-align:center;

}
.sec1 .sec1-wrapper {
	display:flex;
	justify-content:center
}
.sec1 .sec1-wrapper ul {
	display:flex;
	/*overflow-x:scroll*/
}
.sec1 .sec1-wrapper ul li {
	width:327px;
	height:580px;
	flex-shrink:0;
	position:relative
}
.sec1 .sec1-wrapper ul li .sec1-content {
	width:327px;
	height:340px;
	background:linear-gradient(180deg,#ffefe7,#ffdfd1 89%,#ffd1bd);
	position:absolute;
	top:125px;
	left:0
}
.sec1 .sec1-wrapper ul li .icon {
	width:165px;
	height:144px;
	position:absolute;
	top:45px;
	left:50%;
	transform:translateX(-50%)
}
.sec1 .sec1-wrapper ul li .icon img {
	width:165px;
	height:144px
}
.sec1 .sec1-wrapper ul li .name {
	width:217px;
	height:63px;
	font-size:36px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:63px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAA/CAMAAABafZ3bAAAAAXNSR0IArs4c6QAAAdpQTFRFAAAA/4CA/5KS/7a2/5mZ/7Oz/5yc/6qq/8bG/6aZ/7+z/7+//8y//6Wc/8W995+X/7e3/5yc/6Kc/6io/7m0/7m5+pyc+qGc+qen/6yn/56Z/62o/8K9/6Gb/7Ow/8jF/6Cb/6aj/7Wv/aCb/aCe/6Ce/6ij/Z+c/aGe/aWh/Z+b/aCb/7Wx/8rG/Z+c/66r/8S//8TB/Z+c/6mk/6mm/7i0/7m0/qCc/qWi/7Cs/p+c/qqo/725/727/p+b/qKd/qKf/qOf/p+b/7i1/8bC/Z+b/p+b/qCb/qGd/p+c/7y4/8O//aCb/qCb/7+8/Z+b/p+b/qGd/p+b/rKu/7Ku/8XC/p+c/qCc/qSh/q2q/p+c/qek/7Wy/Z+b/aCd/qGd/Z+b/Z+b/aCc/p+b/qGd/qqn/qun/q6q/sC8/7q3/qCc/7Wy/8jF/8nG/Z+b/aCc/aKe/aOg/aSg/aSh/aWh/aej/aqm/aqn/ayp/a2p/a2q/a6q/a+r/a+s/bGt/bKu/bSx/q6q/q+s/rGt/rGu/rKu/rKv/rSx/rWx/re0/ri0/rq2/rq3/ru4/ry5/r25/r26/r67/r+8/sC8/sG+/sK+/sK//sXC/sfE/sjF/8XC/8fE/8fF/8jF6//HuwAAAG50Uk5TAAIHBwoKEhISFBQUFB8fICAsLCwsLDExMTEyMjJUVFRZWVlpaWlpkJCQlJSUlJiYmJidnZ2dnaysrK+vr6+3t7e3ycnJ19fX19jY2OPj4+Xl5erq6urs7Ozs8fHx8vLy/P39/f39/f39/f7+/v7veAonAAACqUlEQVRo3t2b61sSQRSHh4uo5TULyytKiZJi0QXFwsIrWqKUpCjlRqViTbUZVBtUEC1gaVFBQv6vzUJeEFD8xpx39tnf5/eZfXZnz5xBKDsiuVJlGDLbGVyoMHbzkEGllIvQEZAqdFZMC1adQpqnV7XWhunCpq3Ow6tO78D04dDXHeIl0zCYThiN7CCxRgumF0tjTi+x2olpxqkWZxcrNWLaMZZmEys3YfoxlWeKVd7GELhVmfEomjAMTPseSLERQ8GY/ho5j+GgTvuOOQGZOfd812QWDAnL7mpEg2Gh2VkEM8DMmO3lsR5DQ58SO+EAZ+ZI/a9pMTy0ydKADaCZTSggKDBEFMRMB9JMR8pv90CaWUVIjmEiR0qgZkqkAmqmQgagZgY0DNRsGE0CNZtEdqBmdrQA1GwB8JyZgZqZ0QhQsxF08wVMbqAOdnWVZdlXLLDsQG2vYdKGTrtgcgaJZt8Q3pIBKmdJM0Wvz/Pe4/H5PKCyl1QLWj8EAoEv5AYqW4lZ0XyQ54NBXhhgcr5IKMtdDcHjSrKSemp5be1rEjC5fDJV/r628X2dXOsbYPL6/x2LhqVI5GckBYhcatjeZroQhcXFnZ3BkulYPB6LxwgQcrpkdzu3+dlmIvHnbyKxBSCfNu/dgu/aImySASC70romJIPJiYwJU0p5DkrSW13KxqO/o7+iwkV3jpftb0+qmPgBgYmKzJayqrFv9DNWla0N8NhAmBAKhcPU5sDx7K2bks4VXlgo8x95KnOlU5Kz37bprt/v9372ev0U5p2mg1qki7sXOY77xHHvOMpysbv4kL72+r4nbpeb4HJTlI/76vM4i1BzeY6yCtzcpZp8z8W09MywKV4WfM70tEiPcuhHVHu2vX906v6j54XKwwdTo/3t52pznWX6B6p5ePByGXdxAAAAAElFTkSuQmCC) no-repeat;
	background-size:contain;
	text-align:center;
	border-radius:32px;
	position:absolute;
	top:205px;
	left:50%;
	transform:translateX(-50%)
}
.sec1 .sec1-wrapper ul li .item-introduce {
	width:237px;
	font-size:24px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#fff;
	line-height:34px;
	position:absolute;
	top:280px;
	left:54%;
	transform:translateX(-50%);
	opacity:0
}
.sec1 .sec1-wrapper ul li:after {
	content:"";
	background:url(/skin/htc/img/line.png) no-repeat;
	background-size:contain;
	width:4px;
	height:277px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.sec1 .sec1-wrapper ul li:first-child .sec1-content {
	border-radius:40px 0 0 40px
}
.sec1 .sec1-wrapper ul li:last-child .sec1-content {
	border-radius:0 40px 40px 0
}
.sec1 .sec1-wrapper ul li:last-child:after {
	display:none
}
.sec1 .sec1-wrapper ul li:hover .sec1-content {
	height:477px;
	background:linear-gradient(180deg,#fc8a8a,#feada9 78%,#ff7c73);
	transition:.5s;
	top:74px;
	border-radius:40px;
	box-shadow:0 8px 8px 0 #ffc5c1
}
.sec1 .sec1-wrapper ul li:hover .icon {
	width:237px;
	height:237px;
	background:#fff;
	box-shadow:2px 18px 17px 0 #e1756e;
	border:11px solid #fb7066;
	border-radius:50%;
	margin:-63px auto 36px;
	display:flex;
	align-items:center;
	justify-content:center;
	top:-10px
}
.sec1 .sec1-wrapper ul li:hover .name {
	background:#fff;
	color:#fb7066;
	top:195px;
	transition:.5s
}
.sec1 .sec1-wrapper ul li:hover .item-introduce {
	opacity:1;
	transition:.5s
}
.sec1 .sec1-wrapper ul li:hover:after {
	opacity:0
}
.sec1 .sec1-wrapper ul .active {
	width:327px;
	height:602px;
	flex-shrink:0;
	position:relative
}
.sec1 .sec1-wrapper ul .active .sec1-content {
	width:327px;
	position:absolute;
	left:0;
	height:477px;
	background:linear-gradient(180deg,#fc8a8a,#feada9 78%,#ff7c73);
	top:74px;
	border-radius:40px!important;
	box-shadow:0 8px 8px 0 #ffc5c1;
	z-index:10
}
.sec1 .sec1-wrapper ul .active .icon {
	width:237px;
	height:237px;
	background:#fff;
	box-shadow:2px 18px 17px 0 #e1756e;
	border:11px solid #fb7066;
	border-radius:50%;
	margin:-63px auto 36px;
	display:flex;
	align-items:center;
	justify-content:center;
	top:-10px;
	left:50%;
	transform:translateX(-50%)
}
.sec1 .sec1-wrapper ul .active .icon img {
	width:165px;
	height:144px
}
.sec1 .sec1-wrapper ul .active .name {
	width:217px;
	height:63px;
	font-size:36px;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	line-height:63px;
	text-align:center;
	border-radius:32px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	background:#fff;
	color:#fb7066;
	top:195px
}
.sec1 .sec1-wrapper ul .active .item-introduce {
	width:237px;
	font-size:24px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:#fff;
	line-height:34px;
	position:absolute;
	top:280px;
	left:54%;
	transform:translateX(-50%);
	opacity:1
}
.sec1 .scroll {
	display:flex;
	justify-content:center
}
.sec1 .scroll .scroll-btn {
	width:67px;
	height:18px;
	background:#e8e8e8;
	border-radius:9px;
	cursor:pointer
}
.sec1 .scroll .scroll-active {
	background:#ffb7b7
}
.sec1 .scroll .scroll-btn:first-child {
	margin-right:11px
}
.sec2 {
width:100%;
height:1248px;
padding-top:100px;
position:relative;
}

.sec2 .sec2-content {
top:30px;
left:50%;
transform:translateX(-50%);
position:absolute;
}

.sec2 .sec2-content .title {
width:1000px;
height:100px;
margin:0 auto 27px;
font-size:60px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
letter-spacing:2px;
color:#fb7066;
text-align:center;

}

.sec2 .sec2-content .sec2-introduce {
width:1000px;
font-size:30px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:#585858;
line-height:34px;
text-align:center;
margin-bottom:95px;
}

.sec2 .sec2-content .sec2-main {
width:788px;
height:839px;
position:relative;
margin:0 auto;
}

.sec2 .sec2-content .sec2-main .sec2-circle {
width:788px;
height:839px;
left:0;
top:0;
position:absolute;
z-index:2;
animation-duration:30s;
animation-name:rotate360;
animation-timing-function:linear;
animation-iteration-count:infinite;
}

.sec2 .sec2-content .sec2-main .sec2-shadow {
width:510px;
height:108px;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
z-index:1;
}

.sec2 .sec2-content .sec2-main .mascot2 {
width:23.6%;
position:absolute;
bottom:182px;
left:38%;
transform:translateX(-50%);
z-index:3;
animation-duration:1.2s;
animation-name:move10;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
}
.banner2 {
	width:100%;
	position:relative
}
.banner2 .banner-img {
	width:100%;
	height:800px;
	
   background:url(/skin/htc/img/home_banner2.1dc88dd0.jpg) no-repeat; 
}
.banner2 .banner-img  .title{
	
	margin:0 auto 20px;
	font-size:60px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:500;
	letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top: 90px;
}

.banner2 .banner-img  .txt{
	
	margin:0 auto 20px;
	font-size:30px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	letter-spacing:2px;
	color:#FFFFFF;
	text-align:center;
	padding-top: 40px;
}
.sec1::-webkit-scrollbar {
	width:8px!important;
	height:0!important
}