@charset "utf-8";
* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      scroll-behavior: smooth;
}
body{
	font-family:"Source Han Sans","Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	overflow: hidden; /* 隐藏全局滚动条，避免干扰分屏滑动 */
    touch-action: pan-y; /* 支持移动端触摸垂直滑动 */
    height: 100vh;
    position: relative; /* 为子元素绝对定位提供参考 */
    width: 100vw; /* 确保body宽度适配视口，避免横向溢出 */
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
}

a,input,textarea{
	outline: none;
}

table{
	font-size: 1em;
}

p,li{
	overflow: hidden;
}


.left { float:left; }
.right { float:right; }
.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}

.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.screen-container {
    height: 100vh;
    overflow: hidden;
	position: relative;
    z-index: 10; /* 前两屏层级高于第三屏，切换时隐藏后显示第三屏 */
    background: transparent;
    width: 100vw; /* 确保宽度适配视口 */
}
.screen {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    left: 0;
    top: 0; /* 明确屏幕定位，避免偏移异常 */
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	overflow: hidden;
}
.long-page {
    width: 100vw; /* 明确宽度为视口宽度，解决横向显示不全 */
    min-height: 100vh; /* 至少占满一屏，内容超长时自动延伸 */
    max-height: 100vh; /* 限制容器高度为视口高度，避免纵向溢出视口 */
    overflow-y: auto; /* 开启垂直滚动，承载超长内容 */
    -webkit-overflow-scrolling: touch; /* iOS弹性滚动，提升体验 */
    position: absolute; /* 固定布局位置 */
    top: 0; /* 与视口顶部对齐 */
    left: 0; /* 与视口左侧对齐 */
	z-index: 5; /* 层级低于前两屏容器 */
}

.bg-blue-500{--tw-bg-opacity:1;}.bg-gray-100{--tw-bg-opacity:1;}.bg-green-500{--tw-bg-opacity:1;}.bg-white{--tw-bg-opacity:1;}

.wrapper{
	width:100%;
	margin:0px auto;
	overflow: hidden;
}
.box{
	width:92%;
	margin:0 auto;
}


#screen1{ background-image:url(images/page1.jpg);}
#screen2{ background-image:url(images/page2.jpg);}


.music{
	position:fixed;
	right:0.5em;
	top:0.8em;
	width:2em;
	height:2em;
	z-index:9999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}


i{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	left: 0px;
	top: 0px;
}




#screen1{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}


.topic1{
	width: 71.2%;
	height: 18.52%;
	top: 13.49%;
	left: 13.2%;
	background-image: url(images/topic1.png);
}
.topic2{
	width: 68%;
	height: 2.47%;
	top: 32.61%;
	left: 16%;
	background-image: url(images/topic2.png);
}
.logo{
	width: 45.07%;
	height: 3.67%;
	top: 5.32%;
	left: 27.33%;
	background-image: url(images/logo.png);
}
.phone{
	width:78%;
	height: 63.49%;
	left: 16.67%;
	top: 36.43%;
	position: absolute;
}
.phone img{
	width: 100%;
	height: 100%;
}
.wx{
	width: 8.03%;
	height: 7.91%;
	top: 54.78%;
	left: 31.45%;
}
.wx i{
	background-image: url(images/wx.png);
	background-size: 100% 100%;
}
.wx i a{
	width: 700%;
    height: 900%;
    display: block;
    margin: -800% 0 0 -200%;
}
.bg1{
	width: 100%;
	height: 18.89%;
	bottom: 0%;
	left: 0%;
	background-image: url(images/bg1.png);
	background-position: bottom center;
	background-size: 100% 100%;
}




.topic3{
	width: 51.87%;
	height: 3.15%;
	top: 78.86%;
	left: 24.13%;
	background-image: url(images/topic3.png);
}
.topic4{
	width: 80.13%;
	height: 14.69%;
	top: 82.91%;
	left: 9.73%;
	background-image: url(images/topic4.png);
}
.topic5{
	width: 33.73%;
	height: 9.75%;
	top: 3.6%;
	left: 6%;
	background-image: url(images/topic5.png);
}

.anniu{
	width: 10%;
	height: 4.95%;
	top: 60.34%;
	left: 90.8%;
}
.anniu i{background-image: url(images/anniu.png);}
@-ms-keyframes anniu{
	from{ bottom:1.8%;}
	to{ }
}
@-moz-keyframes anniu{
	from{ bottom:1.8%;}
	to{ }
}
@-o-keyframes anniu{
	from{ bottom:1.8%;}
	to{ }
}
@-webkit-keyframes anniu{
	from{ bottom:1.8%;}
	to{ }
}
@keyframes anniu{
	from{ top:62%;}
	to{ }
}
.anniu i{
	animation:'anniu' 1s linear 0s infinite;
	-ms-animation:anniu 1s linear 0s infinite;
	-moz-animation:anniu 1s linear 0s infinite;
	-o-animation:'anniu' 1s linear 0s infinite;
	-webkit-animation:'anniu' 1s linear 0s infinite;
}







#longPage{ background: #fff;}
.movie{
	width:100%;
	height:15.1em;
}
.movie video{
	width:100%;
	height:100%;
    object-fit: cover;
}


#layout1 .box{
	border-bottom: 1px solid #e0e0e0;
	padding: 5em 0 3em 0;
}
#layout1 .left{
	font-size: 1.5em;
	line-height: 4em;
}
#layout1 .right{
	width: 76.22%;
	margin-right: 5.67%;
}
#layout1 .right li{
	width: 31.98%;
	margin-right: 1.35%;
	float: left;
	display: inline;
}




.tc{
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	display:none;
}
.tc .textbg{
	width:100%;
	height:100%;
	background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;
}
#tc1 .time{
	width: 100%;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0.2em;
	padding: 1em 0 2em 0;
}
#tc1 .time .box{ width:91.46%;}
#tc1 .time h5{
	font-weight:normal;
	border-bottom: 1px solid #c6c5c6;
	color: #333233;
	font-size: 1em;
	line-height: 2.4em;
	height: 2.4em;
}
#tc1 .time ul{
	width: 100%;
	height: 9em;
	overflow: hidden;
	margin: 1.6em 0 2.2em 0;
}
#tc1 .time li{
	width: 100%;
	cursor: pointer;
	color: #adacad;
	text-align: center;
	font-size: 1em;
	line-height: 2.2em;
	height: 2.2em;
	margin-bottom: 0.8em;
	border-radius: 0.3em;
}
#tc1 .time li.current{
	color: #333233;
	background: #f7f7f7;
}
#tc1 .time .button{
	text-align: center;
}
#tc1 .time .button span{
	color: #2c2c2c;
	display: inline-block;
	line-height: 2.6em;
	width: 27.86%;
	font-size: 1.1em;
	background: #f7f7f7;
	border-radius: 0.2em;
	margin: 0 2%;
}
#tc1 .time .button .sp2{
	color: #fff;
	background: #07c160;
}

#tc2 .textbg,#tc5 .textbg,#tc6 .textbg{
	background:#000;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;
}
.text1{
	width: 86.67%;
	height: 86.58%;
	top: 6.67%;
	left: 6.67%;
	background-image: url(images/text1.jpg);
}
.close{
	width: 2em;
	height: 2em;
	background-image: url(images/close.png);
}
#tc2 .close{
	top: 4.42%;
	left: 87.87%;
}	


#tc3 .textbg,#tc4 .textbg{
	background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
#tc3 .close,#tc4 .close{
	left: 50%;
	margin-left: -1em;
	top: 76.69%;
}
.text2{
	width: 55.33%;
	height: 45.2%;
	top: 24.89%;
	left: 19.87%;
}
.text2 i{background-image: url(images/text2.png);}


.text3-1{
	width: 52.27%;
	height: 43.4%;
	top: 36.81%;
	left: 30.4%;
	background-image: url(images/text3-1.png);
	background-size: 100% 100%;
}
.text3-2{
	width: 23.73%;
	height: 15.59%;
	top: 27.29%;
	left: 37.2%;
}
.text3-2 i{
	background-image: url(images/text3-2.png);
	background-size: 100% 100%;
}


#tc5 .pic-4,#tc6 .movie1{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1
}
#tc5 .modal-image,#tc6 .modal-movie{
    max-width: 80vw;
    max-height: 80vh;
    object-fit: contain;
	position: relative;
}
#tc5 .close,#tc6 .close{
	left: 50%;
	margin-left: -1em;
	bottom: -3.5em;
}
.modal-movie video{
	width:100%;
	height:100%;
    object-fit: cover;
}







#top{
	width: 100%;
	top: 0;
	left: 0;
	border-bottom: 1px solid #d7d7d7;
	background: #fff;
	z-index: 100;
	display: none;
}
#top p{
	font-size: 1.25em;
	height: 2.2em;
	line-height: 2.2em;
	color: #161616;
	background: url("images/p1.gif") no-repeat right 55%;
	padding-right: 0.8em;
	background-size: 0.6em auto;
	display: inline-block;
}





#layout2 .block{ 
	display:none;
	margin-top: 2em;
}
#layout2 .block li{
	margin-top: 0.8em;
	overflow:hidden;
}

#layout2 .block li .left{
	width: 18.98%;
	color: #161616;
	font-size: 0.8em;
}
#layout2 .block li .left strong{ 
	font-size: 1.7em;
	margin-right: 2.5%;
}
#layout2 .block li .right{
	width: 75.94%;
	margin-right: 5.07%;
}
#layout2 .biao{
	width: 100%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao.mt2{ margin-top:1.4em;}
#layout2 .biao1{
	width: 104.96%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao2{
	width: 100%;
	margin: 0.6em 0 0 0;
}
#layout2 .biao3{
	width: 106.68%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao4{
	width: 103.82%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao5{
	width: 105.34%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao6{
	width: 102.48%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao7{
	width: 101.34%;
	margin: 0.6em 0 0.8em 0;
}
#layout2 .biao8{
	width: 101.53%;
	margin: 0.6em 0 0.8em 0;
}



#layout2 .tu1{
	width: 61.45%;
	cursor: pointer;
}
#layout2 .tu2{
	width: 47.14%;
	cursor: pointer;
}
#layout2 .tu3 dl{ width:80.15%;}
#layout2 .tu3 dd{
	width:32.14%;
	margin:0 1.19% 0.2em 0;
	float:left;
	display:inline;
	cursor:pointer;
}
#layout2 .tu4{ width:53.44%;}
#layout2 .tu4 dl{ width:100%;}
#layout2 .tu4 dd{
	width:48.21%;
	margin:0 1.79% 0.2em 0;
	float:left;
	display:inline;
	cursor:pointer;
}
#layout2 .right1{ position: relative;}
#layout2 .xt{
	width: 25.38%;
	cursor: pointer;
	position:absolute;
	top: 46%;
	right: -6.1%;
	z-index: 10;
}
.zuo{ float: left;}
#layout2 .xt1{
	width: 25.38%;
	cursor: pointer;
	float: right;
	margin: -0.8em -6.1% 0 0;
}
#layout2 .xt2{ top: 30%;}



#layout2 .tu5{
	width: 49.62%;
	cursor: pointer;
}
#layout2 .tu6{
	width: 104.96%;
	cursor: pointer;
}



#layout2 .date{
	font-size: 0.85em;
	color: #b5b5b5;
	line-height: 2.6em;
	height: 2.6em;
}
#layout2 .date span{
	color: #637db5;
	margin-left: 2%;
}


#layout2 .news{
	width:99.28%;
	margin:0 0 1em 0.36%;
}
#layout2 .sph1{
	width:51.91%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph2{
	width:105.15%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph3{
	width:100%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph4{
	width:61.64%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph5{
	width:59.54%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph6{
	width:62.79%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph7{
	width:46.95%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph8{
	width:56.87%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph9{
	width:41.98%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph10{
	width:90.84%;
	margin:0.6em 0 -0.3em 0;
}
#layout2 .sph11{
	width:44.66%;
	margin:0.6em 0 -0.3em 0;
}

.more1{
	width:100%;
	text-align:center;
	font-size:1em;
	color:#262425;
	background:#f7f7f7;
	border-radius:0.4em;
	line-height:2.5em;
	height:2.5em;
	margin-top:1em;
}





#content{ display: none;}


#layout3,#layout5,#layout6{
	position:relative;
}
#link1{
	width: 47.2%;
	height: 16.59%;
	top: 69.91%;
	left: 26.4%;
	background-image: url(images/link1.png);
	cursor:pointer;
}


#layout4{
	background:url(images/ly4-bg.jpg) no-repeat top center;
	background-size:100% 100%;
}
#layout4 .pic1{
	width:92.67%;
	margin:1em 0 3em 3.73%;
	cursor:pointer;
}




.name{
	width: 58.8%;
	height: 20.26%;
	left: -58.8%;
	cursor: pointer;
}
.name1{
	top: 0%;
	background-image: url(images/name1.png);
}
.name2{
	top: 18.76%;
	background-image: url(images/name2.png);
}
.name3{
	top: 57.78%;
	background-image: url(images/name3.png);
}
.name4{
	top: 38.16%;
	background-image: url(images/name4.png);
}
.name5{
	top: 76.97%;
	background-image: url(images/name5.png);
}
.name6{
	top:0%;
	background-image: url(images/name6.png);
}
.name7{
	top: 18.76%;
	background-image: url(images/name7.png);
}
.name8{
	top: 38.16%;
	background-image: url(images/name8.png);
}
.name9{
	top: 57.78%;
	background-image: url(images/name9.png);
}
.name10{
	top: 76.97%;
	background-image: url(images/name10.png);
}






.link2,.link3{
	height: 4.12%;
	top: 92.74%;
	cursor:pointer;
}
.link2{
	width: 24.27%;
	left: 33.73%;
	background-image: url(images/link2.png);
}
.link3{
	width: 25.73%;
	left: 65.6%;
	background-image: url(images/link3.png);
}

#layout7{
	background: url("images/ly7-bg.png") no-repeat top center;
	background-size: 100% 100%;
	height: 29.8em;
}
#layout7 .pic-box{
	width: 100%;
	height:auto;
	position: relative;
	margin: 2em 0;
}
#layout7 .pic-box img{
	width: 100%;
	height: 100%;
}

#layout7 .pic-2{
	width: 51.47%;
	height: 22em;
	border: 0.4em solid rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 23.33%;
}
#layout7 .pic-1,#layout7 .pic-3{
	width: 41.73%;
	height: 18em;
	border: 0.4em solid rgba(0,0,0,0.3);
	position: absolute;
	top: 2em;
}
#layout7 .pic-1{ left: -20%;}
#layout7 .pic-3{ right: -18%;}
#layout7 .switch{
	text-align:center;
	height: 10px;
	margin-top: 25em;
}
#layout7 .switch span{
	cursor:pointer;
    display:inline-block;
	vertical-align:middle;
    font-size:0;
    height:10px;
    line-height:0;
    margin:0 0.7%;
    overflow:hidden;
    width:10px;
	border-radius:5px;
	background:#fff; color:#fff;
}
#layout7 .switch span.current{
	width:20%;
}







@media only screen and (orientation: landscape) {
	.screen-container{ width: 32vw; margin: 0px auto;}
	.long-page,#screen1,#top,.tc{ width: 32vw; left: 50%; margin-left: -16vw;}
	.music{ right:35%;}
}




@keyframes big {
   0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}
}
.topic1{
  animation: 'big' 0.6s linear 0.2s forwards;
  -ms-animation: big 0.6s linear 0.2s forwards;
  -moz-animation: big 0.6s linear 0.2s forwards;
  -o-animation: 'big' 0.6s linear 0.2s forwards;
  -webkit-animation: 'big' 0.6s linear 0.2s forwards;
  opacity: 0;
}


@keyframes zuo {
   0%{opacity:0; margin-left:-3em;}
   100%{opacity:1; margin-left:0;}
}
.topic2{
  animation: 'zuo' 0.6s linear 0.8s forwards;
  -ms-animation: zuo 0.6s linear 0.8s forwards;
  -moz-animation: zuo 0.6s linear 0.8s forwards;
  -o-animation: 'zuo' 0.6s linear 0.8s forwards;
  -webkit-animation: 'zuo' 0.6s linear 0.8s forwards;
  opacity: 0;
}


@keyframes you {
   0%{opacity:0; margin-left:3em;}
   100%{opacity:1; margin-left:0;}
}
.logo{
  animation: 'you' 0.6s linear 0.8s forwards;
  -ms-animation: you 0.6s linear 0.8s forwards;
  -moz-animation: you 0.6s linear 0.8s forwards;
  -o-animation: 'you' 0.6s linear 0.8s forwards;
  -webkit-animation: 'you' 0.6s linear 0.8s forwards;
  opacity: 0;
}


@keyframes shang {
   0%{opacity:0; margin-top:3em;}
   100%{opacity:1; margin-top:0;}
}
.phone{
  animation: 'shang' 0.6s linear 1.4s forwards;
  -ms-animation: shang 0.6s linear 1.4s forwards;
  -moz-animation: shang 0.6s linear 1.4s forwards;
  -o-animation: 'shang' 0.6s linear 1.4s forwards;
  -webkit-animation: 'shang' 0.6s linear 1.4s forwards;
  opacity: 0;
}


@keyframes xia {
   0%{opacity:0; margin-top:-3em;}
   100%{opacity:1; margin-top:0;}
}



@keyframes move1 {
  from {opacity:1;transform:scale(1.2);}
  to{opacity:0.9;transform:scale(1);}
}
.wx i{
	animation:'move1' 1.4s linear 0s infinite alternate;
	-ms-animation:move1 1.4s linear 0s infinite alternate;
	-moz-animation:move1 1.4s linear 0s infinite alternate;
	-o-animation:'move1' 1.4s linear 0s infinite alternate;
	-webkit-animation:'move1' 1.4s linear 0s infinite alternate;
}

@keyframes move-1 {
  from {opacity:1;transform:scale(0.9);}
  to{opacity:0.9;transform:scale(1);}
}
#link1{
	animation:'move-1' 1.4s linear 0s infinite alternate;
	-ms-animation:move-1 1.4s linear 0s infinite alternate;
	-moz-animation:move-1 1.4s linear 0s infinite alternate;
	-o-animation:'move-1' 1.4s linear 0s infinite alternate;
	-webkit-animation:'move-1' 1.4s linear 0s infinite alternate;
}




@keyframes move2 {
   0%{opacity:0;}
   100%{opacity:1}
}
.anniu{
  animation: 'move2' 0.6s linear 1.4s forwards;
  -ms-animation: move2 0.6s linear 1.4s forwards;
  -moz-animation: move2 0.6s linear 1.4s forwards;
  -o-animation: 'move2' 0.6s linear 1.4s forwards;
  -webkit-animation: 'move2' 0.6s linear 1.4s forwards;
  opacity: 0;
}





@keyframes move3 {
   0%{left: 100%;}
   50%{ left: -58.8%;}
   100%{ left: -58.8%;}
}
.name5{
  animation: 'move3' 16s linear 0s infinite;
  -ms-animation: move3 16s linear 0s infinite;
  -moz-animation: move3 16s linear 0s infinite;
  -o-animation: 'move3' 16s linear 0s infinite;
  -webkit-animation: 'move3' 16s linear 0s infinite;
}
.name4{
  animation: 'move3' 16s linear 1.5s infinite ;
  -ms-animation: move3 16s linear 1.5s infinite ;
  -moz-animation: move3 16s linear 1.5s infinite ;
  -o-animation: 'move3' 16s linear 1.5s infinite ;
  -webkit-animation: 'move3' 16s linear 1.5s infinite ;
}
.name1{
  animation: 'move3' 16s linear 2.5s infinite ;
  -ms-animation: move3 16s linear 2.5s infinite ;
  -moz-animation: move3 16s linear 2.5s infinite ;
  -o-animation: 'move3' 16s linear 2.5s infinite ;
  -webkit-animation: 'move3' 16s linear 2.5s infinite ;
}
.name3{
  animation: 'move3' 16s linear 4.5s infinite ;
  -ms-animation: move3 16s linear 4.5s infinite ;
  -moz-animation: move3 16s linear 4.5s infinite ;
  -o-animation: 'move3' 16s linear 4.5s infinite ;
  -webkit-animation: 'move3' 16s linear 4.5s infinite ;
}
.name2{
  animation: 'move3' 16s linear 5.5s infinite ;
  -ms-animation: move3 16s linear 5.5s infinite ;
  -moz-animation: move3 16s linear 5.5s infinite ;
  -o-animation: 'move3' 16s linear 5.5s infinite ;
  -webkit-animation: 'move3' 16s linear 5.5s infinite ;
}


.name10{
  animation: 'move3' 16s linear 8s infinite;
  -ms-animation: move3 16s linear 8s infinite;
  -moz-animation: move3 16s linear 8s infinite;
  -o-animation: 'move3' 16s linear 8s infinite;
  -webkit-animation: 'move3' 16s linear 8s infinite;
}
.name8{
  animation: 'move3' 16s linear 9.5s infinite;
  -ms-animation: move3 16s linear 9.5s infinite;
  -moz-animation: move3 16s linear 9.5s infinite;
  -o-animation: 'move3' 16s linear 9.5s infinite;
  -webkit-animation: 'move3' 16s linear 9.5s infinite;
}
.name6{
  animation: 'move3' 16s linear 10.5s infinite;
  -ms-animation: move3 16s linear 10.5s infinite;
  -moz-animation: move3 16s linear 10.5s infinite;
  -o-animation: 'move3' 16s linear 10.5s infinite;
  -webkit-animation: 'move3' 16s linear 10.5s infinite;
}
.name9{
  animation: 'move3' 16s linear 12.5s infinite;
  -ms-animation: move3 16s linear 12.5s infinite;
  -moz-animation: move3 16s linear 12.5s infinite;
  -o-animation: 'move3' 16s linear 12.5s infinite;
  -webkit-animation: 'move3' 16s linear 12.5s infinite;
}
.name7{
  animation: 'move3' 16s linear 13.5s infinite ;
  -ms-animation: move3 16s linear 13.5s infinite ;
  -moz-animation: move3 16s linear 13.5s infinite ;
  -o-animation: 'move3' 16s linear 13.5s infinite ;
  -webkit-animation: 'move3' 16s linear 13.5s infinite ;
}





#tc3 .text2,#tc4 .text3-2,#tc4 .text3-1{
  animation: 'shang' 0.6s linear 0.2s forwards;
  -ms-animation: shang 0.6s linear 0.2s forwards;
  -moz-animation: shang 0.6s linear 0.2s forwards;
  -o-animation: 'shang' 0.6s linear 0.2s forwards;
  -webkit-animation: 'shang' 0.6s linear 0.2s forwards;
  opacity: 0;
}

@keyframes leaf2 {
  from {transform: rotate(0deg);transform-origin:0% 100%;}
  25% {transform: rotate(3deg);transform-origin:0% 100%;}
  50% {transform: rotate(0deg);transform-origin:0% 100%;}
  75% {transform: rotate(-3deg);transform-origin:0% 100%;}
  to {transform: rotate(0deg);transform-origin:0% 100%;}
}
#tc3 .text2 i{
  animation:'leaf2' 3s linear 1.4s infinite;
  -ms-animation:leaf2 3s linear 1.4s infinite;
  -moz-animation:leaf2 3s linear 1.4s infinite;
  -o-animation:'leaf2' 3s linear 1.4s infinite;
  -webkit-animation:'leaf2' 3s linear 1.4s infinite;
}
@keyframes leaf1 {
  from {transform: rotate(0deg);transform-origin:0% 100%;opacity:1;}
  25% {transform: rotate(1.6deg);transform-origin:0% 100%;opacity:0.8;}
  50% {transform: rotate(0deg);transform-origin:0% 100%;opacity:1;}
  75% {transform: rotate(-1.5deg);transform-origin:0% 100%;opacity:0.8;}
  to {transform: rotate(0deg);transform-origin:0% 100%;opacity:1;}
}
#tc4 .text3-2 i{
  animation:'leaf1' 3s linear 1.4s infinite;
  -ms-animation:leaf1 3s linear 1.4s infinite;
  -moz-animation:leaf1 3s linear 1.4s infinite;
  -o-animation:'leaf1' 3s linear 1.4s infinite;
  -webkit-animation:'leaf1' 3s linear 1.4s infinite;
}

#tc3,#tc4{
  animation: 'move4' 7s linear 0s forwards;
  -ms-animation: move4 7s linear 0s forwards;
  -moz-animation: move4 7s linear 0s forwards;
  -o-animation: 'move4' 7s linear 0s forwards;
  -webkit-animation: 'move4' 7s linear 0s forwards;
}
@keyframes move4 {
   0%{ display: block;opacity: 1;}
   94%{ display: block;opacity: 1;}
   100%{ display: none;opacity: 0;}
}






/*样式修改开始*/
#tc5 .modal-image, #tc6 .modal-movie{max-width: 100vw;max-height: 100vh;}
#tc6 .close {bottom: auto;top: 0;}
.movie{ position: relative;}
.movie-tc{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
.anniu1{width: 12.82%;height: 7.74%;top: 58.26%;left: 34.87%;}
.anniu1 i{background-image: url(images/anniu1.png);}
.phone{height:auto;}
@keyframes move5 {
  from {opacity:1;transform:scale(0.94);}
  to{opacity:0.96;transform:scale(1);}
}
.anniu1 i{
	animation:'move5' 1.4s linear 0s infinite alternate;
	-ms-animation:move5 1.4s linear 0s infinite alternate;
	-moz-animation:move5 1.4s linear 0s infinite alternate;
	-o-animation:'move5' 1.4s linear 0s infinite alternate;
	-webkit-animation:'move5' 1.4s linear 0s infinite alternate;
}
.anniu1{
  animation: 'move2' 0.6s linear 3s forwards;
  -ms-animation: move2 0.6s linear 3s forwards;
  -moz-animation: move2 0.6s linear 3s forwards;
  -o-animation: 'move2' 0.6s linear 3s forwards;
  -webkit-animation: 'move2' 0.6s linear 3s forwards;
  opacity: 0;
}
.wx{ z-index: 100;}
/*样式修改结束*/








/*1231样式修改开始*/
#tc2 .close{left: 7.87%;}
#tc6 .close,#tc5 .close{width: 1.4em;height: 1.4em;left: 2%; margin-left: 0;background-image: url(images/close1.png); top:0%;}
.anniu1{z-index: 1000; width: 14.53%; height: 8.79%; top: 58.62%; left: 34.7%;} 
#block2 li:nth-child(14) .tu2,#block4 li:last-child{ display: none;}
.wx i a{margin:0;position: absolute;top: -550%;left: -200%;z-index: 10000;}
@keyframes move-1 {
  from {opacity:1;transform:scale(0.9);}
  to{opacity:0.7;transform:scale(1);}
}
#layout4 .pic1{ margin-bottom: 4em;}
#layout7 .switch span{ background: #e0cba6; color: #e0cba6;}
#layout7 .switch span.current{ background: #d1a362; color: #d1a362;}

#screenContainer.current .topic3{
  animation: 'shang' 0.6s linear 0.8s forwards;
  -ms-animation: shang 0.6s linear 0.8s forwards;
  -moz-animation: shang 0.6s linear 0.8s forwards;
  -o-animation: 'shang' 0.6s linear 0.8s forwards;
  -webkit-animation: 'shang' 0.6s linear 0.8s forwards;
  opacity: 0;
}
#screenContainer.current .topic4{
  animation: 'big' 0.6s linear 0.2s forwards;
  -ms-animation: big 0.6s linear 0.2s forwards;
  -moz-animation: big 0.6s linear 0.2s forwards;
  -o-animation: 'big' 0.6s linear 0.2s forwards;
  -webkit-animation: 'big' 0.6s linear 0.2s forwards;
  opacity: 0;
}
#screenContainer.current .topic5{
  animation: 'xia' 0.6s linear 0.8s forwards;
  -ms-animation: xia 0.6s linear 0.8s forwards;
  -moz-animation: xia 0.6s linear 0.8s forwards;
  -o-animation: 'xia' 0.6s linear 0.8s forwards;
  -webkit-animation: 'xia' 0.6s linear 0.8s forwards;
  opacity: 0;
}
.name1,.name6{top: 0%;}
.name2,.name7{top: 19.86%;}
.name3,.name9{top: 39.89%;}
.name4,.name8{top: 59.75%;}
.name5,.name10{top: 79.6%;}
@keyframes move3 {
   0%{left: 100%;}
   80%{ left: -58.8%;}
   100%{ left: -58.8%;}
}
.name4{
  animation: 'move3' 13s linear 1s infinite ;
  -ms-animation: move3 13s linear 1s infinite ;
  -moz-animation: move3 13s linear 1s infinite ;
  -o-animation: 'move3' 13s linear 1s infinite ;
  -webkit-animation: 'move3' 13s linear 1s infinite ;
}
.name1{
  animation: 'move3' 13s linear 1.5s infinite ;
  -ms-animation: move3 13s linear 1.5s infinite ;
  -moz-animation: move3 13s linear 1.5s infinite ;
  -o-animation: 'move3' 13s linear 1.5s infinite ;
  -webkit-animation: 'move3' 13s linear 1.5s infinite ;
}
.name3{
  animation: 'move3' 13s linear 2s infinite ;
  -ms-animation: move3 13s linear 2s infinite ;
  -moz-animation: move3 13s linear 2s infinite ;
  -o-animation: 'move3' 13s linear 2s infinite ;
  -webkit-animation: 'move3' 13s linear 2s infinite ;
}
.name5{
  animation: 'move3' 13s linear 2.5s infinite;
  -ms-animation: move3 13s linear 2.5s infinite;
  -moz-animation: move3 13s linear 2.5s infinite;
  -o-animation: 'move3' 13s linear 2.5s infinite;
  -webkit-animation: 'move3' 13s linear 2.5s infinite;
}
.name2{
  animation: 'move3' 13s linear 3s infinite ;
  -ms-animation: move3 13s linear 3s infinite ;
  -moz-animation: move3 13s linear 3s infinite ;
  -o-animation: 'move3' 13s linear 3s infinite ;
  -webkit-animation: 'move3' 13s linear 3s infinite ;
}

.name8{
  animation: 'move3' 13s linear 7.7s infinite;
  -ms-animation: move3 13s linear 7.7s infinite;
  -moz-animation: move3 13s linear 7.7s infinite;
  -o-animation: 'move3' 13s linear 7.7s infinite;
  -webkit-animation: 'move3' 13s linear 7.7s infinite;
}
.name6{
  animation: 'move3' 13s linear 8.2s infinite;
  -ms-animation: move3 13s linear 8.2s infinite;
  -moz-animation: move3 13s linear 8.2s infinite;
  -o-animation: 'move3' 13s linear 8.2s infinite;
  -webkit-animation: 'move3' 13s linear 8.2s infinite;
}
.name9{
  animation: 'move3' 13s linear 8.7s infinite;
  -ms-animation: move3 13s linear 8.7s infinite;
  -moz-animation: move3 13s linear 8.7s infinite;
  -o-animation: 'move3' 13s linear 8.7s infinite;
  -webkit-animation: 'move3' 13s linear 8.7s infinite;
}
.name10{
  animation: 'move3' 13s linear 9.2s infinite;
  -ms-animation: move3 13s linear 9.2s infinite;
  -moz-animation: move3 13s linear 9.2s infinite;
  -o-animation: 'move3' 13s linear 9.2s infinite;
  -webkit-animation: 'move3' 13s linear 9.2s infinite;
}
.name7{
  animation: 'move3' 13s linear 9.7s infinite ;
  -ms-animation: move3 13s linear 9.7s infinite ;
  -moz-animation: move3 13s linear 9.7s infinite ;
  -o-animation: 'move3' 13s linear 9.7s infinite ;
  -webkit-animation: 'move3' 13s linear 9.7s infinite ;
}
/*1231样式修改结束*/


.tc{ z-index: 10000;}
#tc6 .close,#tc5 .close{ left:auto; right: 0;  width: 2.2em; height: 2em;background-image: url(images/close1.png); background-position: top right;}