*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}


.head2 {position: relative;z-index: 1101!important;background: #2d3e50; height: 4.2rem;line-height: 4.2rem;}
.head2 .menu_btn {
	padding:0px; width: 75%;
	right:0;
	height:4.2rem;
	line-height:4.2rem;
	position:absolute; 
}
.head2 .menu_btn a {font-size: 1.5rem;
	color:white; border-right: 1px solid #4e6680;border-left: 1px solid #19222d;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

.head2 .menu_btn a:nth-child(4){border-right: none;}
.head2 .menu_btn a.downmenu{font-size: 1.5rem; color: #2d3e50;  right:0;top:0; position: absolute; display: block; width: 16%; border: none; background: #ffc600;  height: 4.2rem;line-height: 4.2rem;   text-align: center; }
.head2 .menu_btn a.downmenu em{width: 60%;margin: 0 auto;display: block;padding-top: 1rem;}
.head2 .menu_btn a.downmenu em img{width: 100%;display: block;}

.head2 .menu_btn a.downmenu.hover {
	background:#ec994b;
	border-radius:5px;
	box-shadow:1px 1px 1px #666;
}
.menu2{position: relative;z-index: 10}


.iconfont{color: #f00;
    font-family:"iconfont" !important;
    font-style:normal; 
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.head2 .logo{float:left;  width: 25%;}
.head2 .logo img{height:100%; width: 100%;display: block;}
.head2 .menu_btn .tsite{font-size:1.4rem;color:white;  color: #fff;}
.head2 .menu_btn .tsite a{display: inline-block; width: 21%;text-align: center;}
.head2 .menu_btn .tsite a.cur{ color:#ffc600;}



.menu2 .slideMenu{ 
	width:27%; display: none;z-index:0;height: 17rem;
	overflow:hidden;
	position:absolute; 
	top:0; 
	right:0px; 
	transition:transform 1s;
	-webkit-transition:transform 1s;
}
.menu2 .slideMenu:before{content: "";position: absolute;width: 100%;height: 17rem;background: rgba(255,188,0,.8); right:0;top:0;z-index: 0;}

.menu2.down .slideMenu{
	transform:translate3D(0,100%,0);
	-webkit-transform:translate3D(0,100%,0);
}
.menu2 ul {
	margin:0; 
	transform:translate3D(0,0,0);
	-webkit-transform:translate3D(0,0,0);
}
.menu2 ul li {border-top: 1px solid #586b98;border-bottom: 1px solid #c8a426;border-top: 1px solid #ffe898;
	line-height:3rem;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
	text-align:center;
	color:#1d2733; 
}
.menu2 ul li a {
	font-size:1.2rem; color: #1d2733;text-decoration: none;
}
.menu2 ul .tel {
	border-bottom:none;
	height:auto; padding:0px;

}
.menu2 ul .tel img {
	width:64%;
	vertical-align:middle;
}
.menu2 ul li:last-child{border-bottom: none;}
.menu2 ul li:first-child{border-top: none;}


a{text-decoration: none;}
/*电话按钮*/
.phone-btn{position:fixed; right:2%; bottom:14.5rem;width:4rem; height:4.2rem; background-image:url(../images/phone.png); background-repeat:no-repeat; background-size: 100%; z-index:6; transform:rotate(0deg) scale(0);-webkit-transform:rotate(0deg) scale(0);font-size:0px; }
.phone-btn img{width: 100%;display: block;}
.phone-btn.qq{ background-image:url(../images/online.png); bottom:8rem;}

.phone-page-on .phone-btn{transition:all 1s ease;-webkit-transition:all 1s ease;transform:rotate(1080deg) scale(1);-webkit-transform:rotate(1080deg) scale(1);}





/*跳转链接动画*/
@-webkit-keyframes chaining
{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
}}

@keyframes chaining{
	0%{-webkit-transform: scale(0, 0);transform: scale(0, .0);}
	50%{-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
	100%{-webkit-transform: scale(1, 1);transform: scale(1, 1);
	}}

/*跳转链接*/
.swiper-slide .chaining{position: absolute;left: 50%;font-size: 1.3rem;text-decoration: none;color: #f58220;white-space: nowrap;-webkit-animation: chaining 1s ease;animation: chaining 1s ease;}
/*跳转链接里面的箭头动画*/
@keyframes arrow
	{
	  0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	  100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}

@-webkit-keyframes arrow
   {
		0%{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
	    100%{opacity: 0;-webkit-transform: translateX(.7rem);transform: translateX(.7rem);
	}}
.arrow{display: inline-block;-webkit-animation: arrow 1s ease infinite;animation: arrow 1s ease infinite;}

@keyframes toggleArrow
{   0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}
@-webkit-keyframes toggleArrow
  {0%,
	30%{opacity:0;-webkit-transform:translate(0, 1rem);transform:translate(0, 1rem);}
	60%{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0);}
	100%{opacity:0;-webkit-transform:translate(0, -.8rem);transform:translate(0, -.8rem);
	}}

#toggle-arrow{position: absolute;left: 50%;bottom: 1rem;z-index: 9999;width: 2.4rem;height: 1.4rem;margin-left: -1.2rem;}
#toggle-arrow .toggle-arrow-wrap{position: relative;width: 2.4rem;height: 1.4rem;-webkit-animation: toggleArrow 1.5s infinite;animation: toggleArrow 1.5s infinite;}
#toggle-arrow .fore1,
#toggle-arrow .fore2{height: 1.5rem;width: 1.1rem;position: absolute;top: -.5rem;overflow: hidden;}
#toggle-arrow .fore2{left: 1rem;}
#toggle-arrow .fore1 i,
#toggle-arrow .fore2 i{background-color: #FFF;width: 1.4rem;height: .5rem;border-radius: 2px;position: absolute;box-shadow: 1px -1px 1px #979797;top: .5rem;}
#toggle-arrow .fore1 i{-webkit-transform: rotate(130deg);transform: rotate(130deg);left: .1rem;}
#toggle-arrow .fore2 i{left: -.45rem;-webkit-transform: rotate(50deg);transform: rotate(50deg);}

@-webkit-keyframes musicRotate{0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(359deg);}}

@keyframes musicRotate{0%{transform: rotate(0deg);}
100%{transform: rotate(359deg);}}
#music{position: absolute;right: 2rem;top: 5.5rem;z-index: 9999;width: 3rem;height: 3rem;cursor: pointer;}
#music .fore1,
#music .fore2{position: absolute;left: 0;top: 0;width: 3rem;height: 3rem;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
#music .fore1{display: none;z-index: 1;-webkit-animation: musicRotate 1.5s linear infinite;animation: musicRotate 1.5s linear infinite;}
#music .fore2{display: block;}
#music.on .fore2{display: none;}
#music.on .fore1{display: block;}
.swiper-container{
	width: 100%;height: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	position:relative;
	font-size:1rem;

}






/* 上面是一些常规样式和音乐和箭头样式，下面才是内容区的样式 */
.swiper-pagination-bullet {
width: .6rem; 
height: .6rem;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}


.g_top{height: 4.2rem;line-height: 4.2rem;background: #2f4881;text-align: center;font-size: 1.5rem;color: #fff;z-index: 11;}

.swiper-slide-1{position: relative; background: url(../images/home1.jpg) no-repeat;background-size: 100%;}
.swiper-slide-2{position: relative; background: url(../images/home2.jpg) no-repeat;background-size: 100%;}
.swiper-slide-3{position: relative; background: url(../images/home3.jpg) no-repeat;background-size: 100%;}
.swiper-slide-4{position: relative; background: url(../images/home4.jpg) no-repeat;background-size: 100%;}
.swiper-slide-5{position: relative; background: url(../images/home5.jpg) no-repeat;background-size: 100%;}
.swiper-slide-6{position: relative; background: url(../images/about1.jpg) no-repeat;background-size: 100%;}
.swiper-slide-7{position: relative; background: url(../images/about2.jpg) no-repeat;background-size: 100%;}
.swiper-slide-8{position: relative; background: url(../images/about3.jpg) no-repeat;background-size: 100%;}

/* 第一屏 */
.swiper-slide-1 .t1-1{position: absolute;  display: block; left:13%; top:4rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal; width: 25%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t1-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-1 .t1-2{position: absolute;  display: block; left:41%; top:4.6rem; z-index: 9; font-weight: normal; font-size: 1.2rem;color: #fff;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-1 .t1-2 b{font-weight: normal;font-size: 0.9rem;color: #a0a6aa;font-family: arial;display: block;text-transform: uppercase;}
.swiper-slide-active .t1-2{
	opacity: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}


.swiper-slide-1 .t1-3{position: absolute;  display: block; left:13%; top:8.6rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 2rem;color: #fff;height: 4.1rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-1 .t1-3:before{content: "";position: absolute;width:5rem;height: 0.1rem;background: #fff;left:0;bottom: 0 }
.swiper-slide-active .t1-3{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-1 .t1-4{position: absolute;  display: block; left:13%; top:13.5rem;  z-index: 9; font-weight: normal; font-size: 1.5rem;color: #fff;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t1-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

/* 第二屏 */
.swiper-slide-2 .t2-1{position: absolute;  display: block; left:11%; top:4.4rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal; width: 25%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t2-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-2 .t2-2{position: absolute;  display: block; left:11%; top:9.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 2rem;color: #18222c;height: 3rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-2 .t2-2:before{content: "";position: absolute;width:5rem;height: 0.1rem;background: #19222c;left:0;bottom: 0 }
.swiper-slide-active .t2-2{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-2 .t2-3{position: absolute;  display: block; left:11%; top:13.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 1.8rem;color: #18222c;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t2-3{
	opacity: 1;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-2 .t2-4{position: absolute;  display: block; left:11%; top:16.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 1.2rem;color: #18222c;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t2-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

/* 第三屏 */
.swiper-slide-3 .t3-1{position: absolute;  display: block; left:11%; top:4.3rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal; width: 25%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t3-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-3 .t3-2{position: absolute;  display: block; left:11%; top:9.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 2rem;color: #18222c;height: 3rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-3 .t3-2:before{content: "";position: absolute;width:5rem;height: 0.1rem;background: #19222c;left:0;bottom: 0 }
.swiper-slide-active .t3-2{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-3 .t3-4{position: absolute;  display: block; left:11%; top:14rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 1.2rem;color: #18222c;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t3-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

/* 第四屏 */
.swiper-slide-4 .t4-1{position: absolute;  display: block; left:11%; top:4.3rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal; width: 25%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t4-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-4 .t4-2{position: absolute;  display: block; left:11%; top:9.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 2rem;color: #18222c;height: 3rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-4 .t4-2:before{content: "";position: absolute;width:5rem;height: 0.1rem;background: #19222c;left:0;bottom: 0 }
.swiper-slide-active .t4-2{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-4 .t4-4{position: absolute;  display: block; left:11%; top:14rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 1.2rem;color: #18222c;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t4-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}


/* 第五屏 */
.swiper-slide-5 .t5-1{position: absolute;  display: block; left:11%; top:4.3rem; opacity: 0; z-index: 9; font-size: 3rem;color: #2f4881;font-weight: normal; width: 40%;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t5-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-5 .t5-2{position: absolute;  display: block; left:11%; top:9.3rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 2rem;color: #18222c;height: 3rem;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-5 .t5-2:before{content: "";position: absolute;width:5rem;height: 0.1rem;background: #19222c;left:0;bottom: 0 }
.swiper-slide-active .t5-2{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-5 .t5-4{position: absolute;  display: block; left:11%; top:14rem; opacity: 0; z-index: 9; font-weight: normal; font-size: 1.2rem;color: #18222c;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t5-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}



/* 关于第1屏 */
.swiper-slide-6 .t6-1{position: absolute;  display: block; left:12%; top:5rem; height: 3.6rem; opacity: 0; z-index: 9; font-size: 2.4rem;color: #2d3e50;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-6 .t6-1:before{content: "";position: absolute;width: 5rem;height: 0.1rem;left:0;bottom: 0;background: #2d3e50;}
.swiper-slide-active .t6-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-6 .t6-2{position: absolute;  display: block; left:29%; top:5rem;  opacity: 0; z-index: 9; font-size: 1.2rem;color: #ffc600;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t6-2{
	opacity: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-6 .t6-3{position: absolute;  display: block; left:12%; top:9rem;opacity: 0; z-index: 9; font-size: 1.8rem;color: #18222c;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t6-3{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-6 .t6-4{position: absolute;  display: block; left:12%; top:13.5rem;opacity: 0; z-index: 9; font-size: 1.5rem;color: #18222c;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t6-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}


/* 关于第2屏 */
.swiper-slide-7 .t7-1{position: absolute;  display: block; left:12%; top:5rem; height: 3.6rem; opacity: 0; z-index: 9; font-size: 2.4rem;color: #2d3e50;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-7 .t7-1:before{content: "";position: absolute;width: 5rem;height: 0.1rem;left:0;bottom: 0;background: #2d3e50;}
.swiper-slide-active .t7-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-7 .t7-2{position: absolute;  display: block; left:29%; top:5rem;  opacity: 0; z-index: 9; font-size: 1.2rem;color: #ffc600;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t7-2{
	opacity: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-7 .t7-3{position: absolute;  display: block; left:12%; top:9rem;opacity: 0; z-index: 9; font-size: 1.8rem;color: #18222c;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t7-3{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-7 .t7-4{position: absolute;  display: block; left:12%; top:13.5rem;opacity: 0; z-index: 9; font-size: 1.5rem;color: #18222c;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t7-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}



/* 关于第3屏 */
.swiper-slide-8 .t8-1{position: absolute;  display: block; left:12%; top:5rem; height: 3.6rem; opacity: 0; z-index: 9; font-size: 2.4rem;color: #fff;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-8 .t8-1:before{content: "";position: absolute;width: 5rem;height: 0.1rem;left:0;bottom: 0;background: #fff;}
.swiper-slide-active .t8-1{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-8 .t8-2{position: absolute;  display: block; left:29%; top:5rem;  opacity: 0; z-index: 9; font-size: 1.2rem;color: #ffc600;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t8-2{
	opacity: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-8 .t8-3{position: absolute;  display: block; left:12%; top:9.5rem;opacity: 0; z-index: 9; font-size: 1.8rem;color: #fff;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t8-3{
	opacity: 1;
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}

.swiper-slide-8 .t8-4{position: absolute;  display: block; left:12%; top:13rem;opacity: 0; z-index: 9; font-size: 1.8rem;color: #fff;font-weight: normal;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;}
.swiper-slide-active .t8-4{
	opacity: 1;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;}











.swiper-slide-1 .t1-1 img,
.swiper-slide-2 .t2-1 img,
.swiper-slide-3 .t3-1 img,
.swiper-slide-4 .t4-1 img,
.swiper-slide-5 .t5-1 img
{width: 100%;display: block;}