.toper_1 { background:url(https://cq.sum3.com/html/top/bg.jpg) repeat-x;}
.toper_2 { margin:0 auto; width:1200px; height:100px; position:relative;}
.toper_3 { height:80px; position:absolute; top:6px; left:0; z-index:7;}
.toper_3 img { height:80px;}
.toper_4 { width:342px; height:73px; position:absolute; top:14px; left:250px; z-index:7;}
.toper_5 { width:68px; height:102px; position:absolute; top:10px; right:60px; z-index:7;}

.toper_6 { position:absolute; top:30px; left:655px; z-index:7; text-align:center;}
.toper_6 a { display:block; font-size:18px; font-weight:200; letter-spacing:1.2pt; color:#FFF; transition:0.5s;}
.toper_6 a span { display:block; font-size:12px; letter-spacing:0.5pt;}
.toper_6 a:hover { color:#F00; margin-top:-5px;}

.toper_7 { position:absolute; top:30px; left:790px; z-index:7; text-align:center;}
.toper_7 a { display:block; font-size:18px; font-weight:200; letter-spacing:1.2pt; color:#FFF; transition:0.5s;}
.toper_7 a span { display:block; font-size:12px; letter-spacing:0.5pt;}
.toper_7 a:hover { color:#F00; margin-top:-5px;}

.toper_8 { position:absolute; top:30px; left:910px; z-index:7; text-align:center;}
.toper_8 a { display:block; font-size:18px; font-weight:200; letter-spacing:1.2pt; color:#FFF; transition:0.5s;}
.toper_8 a span { display:block; font-size:12px; letter-spacing:0.5pt;}
.toper_8 a:hover { color:#F00; margin-top:-5px;}

.toper_9 { position:absolute; top:30px; left:1030px; z-index:7; text-align:center;}
.toper_9 a { display:block; font-size:18px; font-weight:200; letter-spacing:1.2pt; color:#FFF; transition:0.5s;}
.toper_9 a span { display:block; font-size:12px; letter-spacing:0.5pt;}
.toper_9 a:hover { color:#F00; margin-top:-5px;}

.toper_10 { position:absolute; width:54px; height:54px; position:absolute; top:25px; right:0px; z-index:7; transition:0.5s;}
.toper_10 img { width:54px; height:54px; opacity:0.3; transition:0.7s;}
.toper_10:hover { margin-top:-10px;}
.toper_10 img:hover { opacity:1;}


.sm1 {
	width:1920px;height:980px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(sm1.gif) no-repeat top;
	background-position: 0px -0px;
}

.scroll-wrap {
  width: 1920px;           /* 容器宽度（自适应） */
  height: 1080px;          /* 你的图片高度 */
  overflow: hidden;
  background: transparent;
  position: absolute; z-index:99999999999;
}

.scroll-content {
  display: flex;
  width: max-content;
  animation: scroll-left 10s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    /* -100%是图片的总宽度，即两张拼接图的宽度/2 */
    transform: translateX(-50%);
  }
}

.scroll-content img {
  /* 避免间隙，设为块元素 */
  display: block;
  height: 1080px;         /* 与容器高度一致 */
  pointer-events: none;
}
