@charset "UTF-8";
body,html{
	font-family: "Microsoft YaHei";
	height: 100%;
	overflow: hidden;
	min-width: 1200px;
}
#topBar{ position: fixed !important; left: 0; right: 0;}

.swiper-container-one,
.swiper-container-one .swiper-slide{
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.lateX{ position: absolute; left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.center{ width: 1200px; margin: 0 auto; position: relative; left: 72px;}

.nav{ position: fixed; z-index: 4; width: 206px; height: 100%; background: rgba(0,0,0,.7);}
.nav .logo{ background: url(/skin/default/images/slcb_icon.png) 0 0 / 100% 100% no-repeat; width: 96px; height: 96px; top: 59px; left: 45px; z-index: 3;}

.nav .btn{ left: 28px; top: 170px;}
.nav .btn a{ display: block; width:131px;height:49px; margin-bottom: 20px;
	transition: .3s all; 
	-webkit-transition: .3s all; 
	text-indent: -999em;
}
.nav .btn a:hover{
	transform: translate(4px,-4px);
	-webkit-transform: translate(4px,-4px);
}
.nav .btn a.ios{ background-position: -226px -251px; }
.nav .btn a.android{width: 362px; background-position: -360px -251px;}

.nav .list{ left: 0; top: 300px; text-align: center; width: 188px;}
.nav .list ul{ font-size: 18px;}
.nav .list ul li{ height: 57px;line-height: 57px;}
.nav .list ul li a{font-size: 16px; color: #686069; line-height: 28px; height: 28px; display: inline-block;}
.nav .list ul li.active{}
.nav .list ul li.active a{ border-bottom: 6px solid #97167e; color: #f0c3f9;}

.nav .more_list{ left: 77px; top: 600px; text-align: center;}
.nav .more_list ul{}
.nav .more_list ul li{ margin-bottom: 27px;}
.nav .more_list ul li a{ display: block; width: 36px; height: 36px; background: url(/skin/default/images/nav_icon.png) 0 0 no-repeat; opacity: .3;}
.nav .more_list ul li:nth-child(1) a{ background-position:0 2px;}
.nav .more_list ul li:nth-child(2) a{ background-position:0 -61px;}
.nav .more_list ul li:nth-child(3) a{ background-position:0 -128px;}
.nav .more_list ul li:nth-child(4) a{ background-position:0 -184px;}
.nav .more_list ul li:nth-child(5) a{ background-position:0 -242px;}
.nav .more_list ul li a:hover{ opacity: .5;}

.bg{background: url(/skin/default/images/bg.jpg) 50% 0 no-repeat; width: 1920px;height: 1080px;position: absolute; top: 0; left: 50%; margin-left: -960px; 
	transition: 2s all;
	-webkit-transition: 2s all;
}
.bg video{width: 100%;height: 100%;}

.bg2{ background: url(/skin/default/images/bg2.jpg) 50% center/200% 200% no-repeat; width: 1920px;height: 1080px;position: absolute; top: 0; left: 50%; margin-left: -960px; display: none; }
.bg2.active{ background-size: 100% 100%;
	transition: 2s all;
	-webkit-transition: 2s all;
}

.swiper-container-one{ z-index: 2;}

.cont1{}
.new_sprite,.nav .btn a{
	background: url(/skin/default/images/new.png?v=20200303) no-repeat;
}
.cont1 .fire{
	background-position: 0 -251px;
	width:109px;
	height:109px;
	top: 454px;
    left: 50%;
    margin-left:-54.5px;
    text-indent: -999em; 
}
.fire:hover{
	background-position: -113px -251px;
}
.download {
	background-position: 0 0;
	width: 535px;
	height: 145px;
	top: 690px;
	left: 50%;
	margin-left: -267.5px;
}
.download .date {
	background-position: 0 -149px;
	width:308px;
	height:98px;
	margin: -110px auto 0;
}
.download .er_down {
	width: 108px;
	height: 108px;
	background: url(/skin/default/images/er_down_bg.png) no-repeat;
	top: 19px;
	left: 80px;
	overflow: hidden;
}
.download-pc{
	width: 213px;
	height: 57px;
	background: url(/skin/default/images/download-pc.png) no-repeat;
	bottom: -65px;
	left: 50%;
	margin-left: -106.5px;
	text-indent: -999em;
}
.dis_b {
    display: block;
}
.download .er_down img {
	width: 90px;
	margin: 9px auto;
}
.download .btn_ios {
	background-position: -226px -251px;
	width:131px;
	height:49px;
	text-indent: -999em;
	transition: all .3s ease;
	top: 19px;
	left: 201px;
}
.download .btn_ios:hover,
.download .btn_tap:hover,
.download-pc:hover {
	transform: scale(.95);
}
.download .btn_tap {
	background-position: -360px -251px;
    width: 132px;
	height:49px;
	text-indent: -999em;
	transition: all .3s ease;
	top: 78px;
	left: 201px;
}
.download .reward {
	background-position: -312px -149px;
	width:107px;
	height:92px;
	top: 10px;
	right: 65px;
	text-align: center;
}
.download .reward b {
	width: 140px;
	font-size: 16px;
	color: #fff;
	line-height: 23px;
	top: 85px;
	left: -21px;
}
.download .reward em {
	width: 140px;
	font-size: 12px;
	font-weight: bold;
	color: #ad35ff;
	line-height: 18px;
	top: 85px;
	left: -21px;
}
.show_pic{
	top:231px;
	right:15px ;
}
.pic_bg{
	width: 419px;
	height: 204px;
	background: url(/skin/default/images/pic_bg.png) no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
}
.news_pic{
	margin: 12px auto;
}
.news_pic img,.news_pic{
	width: 392px;
	height: 182px;
}
.sprite {
	background: url(/skin/default/images/sprite.png) no-repeat;
}
.exclusive{
	width: 132px;
	height: 155px;
	top: 76px;
	right: 43px;
	text-align: center;
}
.exclusive .case_1{
	background-position: -1566px -749px;
	width:127px;
	height:104px;
	margin: 0 auto;
}
.exclusive .star-wrap{
	top: -8px;
	left: 20px;
}
.exclusive:hover .case_1,
.subscribe:hover .case_2{
	animation: shaky .5s linear infinite;
}
.exclusive b,
.subscribe b{
	font-size: 16px;
	color: #00fff6;
	line-height: 23px;
}
.exclusive em,
.subscribe em{
	font-size: 14px;
	color: #00fff6;
	line-height: 18px;
}
.exclusive b,.exclusive em{
	color: #374568;
}
.com_title{background: url(/skin/default/images/title_all.png) no-repeat;  position: absolute;}
.com_title1{background-position: -342px -149px;width:308px;height:135px;}
.com_title2{background-position: 0 -185px;width:318px;height:150px;left: -25px;top: 100px;}
.com_title3{background-position: 0 0;width:338px;height:181px;top: 79px;    left: -30px;}
.star-move{
	animation: starMove1 2s ease-out infinite;
}
@keyframes starMove1 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
	}
	10% {
		opacity: 0.1;
		-webkit-transform: translateY(72px) scale(0.5);
		transform: translateY(72px) scale(0.5);
	}
	30%, 50%, 70%, 90% {
		opacity: 0.3;
	}
	20%, 40%, 60%, 80% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.star1 {
	width: 18px;
	height: 19px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABHVBMVEX00joAAAAAAAAAAABBOA8AAAAAAACQfCIGBQEAAAB2ZRyiiyYNDAMAAAAAAAAAAAAAAABiVBdEOhBlVxiDcR81LQ1GPBEAAAAeGgd9bB4AAAAAAAA5MQ46Mg4DAgFxYRsAAAAAAAAfGgcHBgIAAAAcGAdyYhsAAAAAAAAAAAAAAAAXFAVFOxBkVhiFciAsJgoAAACkjSciHgiUgCMAAAAAAAArJQoAAAA4MQ1hUxcAAABzYxuBbx8AAAAtJwsAAABHPRETEAUAAAAAAAALCgNXSxUAAAAAAAAAAAAAAACTfyP00jq0myuqkyjTtjLKrjDx0DntzDjMrzCpkijEqS++pC3ryzjpyDfdvjXwzzmvlyqljiemjyjXuTMAAAAquJPeAAAASnRSTlMASDM+8kMc+VcB+P1tCzRfgtbC3f6vtVuU+A4ey7FR7l0IlmYp0u4ZEz9mjLXd/Kpr/rH9TzCqL7fjA/L1QcqWuoBVGoDhCkVWBzt5m4kAAAABYktHRAH/Ai3eAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4wgNCQwhcRM0TQAAALBJREFUGNNl0NUOwkAQBdDFKe5W3N3d3QaX4v//G7QsXZJyXzY5mUlmL0JsRGIkjEQqE5J8qVAKiFKBWoOQVqc3ULwZAVYms2W9sZIxG+Bs7YQcX3K6eKHdO0weXry+PZaDH0MgePyuwSn0kXDkDCTRGEfxRDKVzmQ5YOCS+x2bvwIUiqXbvUyo8gCmimr1Z4Oc0WxBm2bfTrdHxvqvAf7ucMTTeDIV9jOb/7W4IK2gN39gIddDExpnAAAAAElFTkSuQmCC);
	left: 0;
	animation-delay: -1.6s;
}
.star2,
.star3 {
	width: 12px;
	height: 17px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAMAAADe472QAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA0lBMVEX/3k0AAAAAAAAYFQcmIQtbTxuQfSsAAACJdykmIQsAAACOfCsAAAAAAAAUEQaAbyclIAsAAAAAAAApJAxdURwAAAAAAABcUBw+NhMAAAAAAAA4MRGOfCsAAAAODARmWR9ZTRsAAAAAAABxYiJVShovKQ4AAAAAAABrXSAAAAAAAAAAAAAHBgIAAABBORQAAAAAAAAAAAAAAAAAAAD11UrHrTz/3k3720z310uwmTW8pDn01ErszUfjxkXrzUfFrDvewUOxmjXlx0XGrDytlzQAAAC9074YAAAANHRSTlMASSGMnMz6EPyaS/o/Bpj5mVkOpt4tOd7EFkWu+xp94dkCM+jBykJG5wsDWmhu2ASAUgEFOVfksAAAAAFiS0dEAf8CLd4AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfjCA0JDCFxEzRNAAAAfUlEQVQI12NgAAJGJgYEYGZB4rCyIaTYOUw44RwuUzNuHl4oh8/czMKSn1VAkIFBSNjKDASsRUQZxMRtwGxbCUkGBilpGTsQx14QrEVWTt4ByFNQhJig5OikrKKqBuGoO2toMjBoQTjaLjoI5+jq6SM4BoZIDtU2QuIYQ2kAd8MNOhr2w7cAAAAASUVORK5CYII=);
}
.star2{
	left: 2px;
	animation-delay: -0.4s;
}
.star3{
	left: 80px;
	animation-delay: -1.2s;
}
.star4 {
	width: 15px;
	height: 16px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA3lBMVEXHrTkAAAAAAAAAAAAQDgRaThoNDAQAAAAdGQhoWh47MxEAAABWSxlQRRcAAAAcGAgAAAAAAAA3LxAAAAApIwwAAABNQxYcGAgAAACDciY2Lw8AAABJQBV2ZiIoIwsAAAAAAAAAAAAAAAAYFQcXFAYiHgo7MxERDwUAAAAAAABoWh4AAAAAAAAAAABZTRkWEwYDAwEAAAC3nzXHrTkwKg5dURt3aCK/pjdxYiCWgiunkTDBqDd1ZiK3nzSrlTG9pDadiC17ayO0nTTFrDmqlDGFdCbFqzi7ojWciC0AAACfEn6SAAAAMnRSTlMACx4WgeuJJpn3txrl2BWaQlrICrED35Y//vNR3PegdUogAZOO6LqLXG32GAkM+JCxHWvvN2EAAAABYktHRAH/Ai3eAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4wgNCQwhcRM0TQAAAIlJREFUCNdjYIABRiYGJMDMwsqG4LFzcBoZc0HY3CampmbmxsbGPFBJXmMIsOCD8PmhfEsBCF/QCsK3FhKGGGADVWArIgoWEIPyje3EQVwJSQjP3sFRShroLhkwT1ZOXkFRCSit7OTs4urmrgK1XUJVTV1D00NLG8rXARG6evoMKMCAG5VvCGMAAANyFGz7BCiJAAAAAElFTkSuQmCC);
	left: 60px;
	animation-delay: -0.8s;
}
.star5 {
	width: 12px;
	height: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEXHrTkAAAAAAAAjHwoaFgcAAAAAAABuYCA3LxAAAAAAAAAAAAARDwVlWB0dGQgAAAAAAABcUBoCAgEAAABGPRQVEgYJCAMuKA0AAAAIBwJgUxsbGAgqJQxQRRdjVhyCcSU4MRAAAABRRxcRDwUAAAAAAAAAAAAwKQ4sJg0AAAAAAAAAAACJdyfHrTmwmTK7ojXDqjiMeSh4aCKNeyjBqDerlTGciC3ApzfFrDmkji9XTBmmkTAAAACOtMZcAAAALHRSTlMANVWpkwce+8s6GgSL/t4cG+9YJt+OqsEBafGYtN76/dUk24ICa1m3ugN3Fbd5XogAAAABYktHRAH/Ai3eAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH4wgNCQwhcRM0TQAAAHNJREFUCNdjYGBgYGRiQABmHRZWGJuNXVePg5OLG8zh0dfVNTA04uXjZ2AQENQFA2MhBgZhERMw21QUqEjMDMw2EAfpkZCUMgdyLKQhpvHLWAJ5slCzueV05RWsFKE8JWtlFVU1KEddQxPhHi1tJMepQGkAU0ULyTixAGsAAAAASUVORK5CYII=);
	left: 40px;
	animation-delay: 0;
}
.cont2{}
.cont2 .center,.cont3 .center{ height: 100%;}

.cont2 .top{ top: 150px; width: 688px;}
.cont2 .top *{ color:#979198; font-size:18px; font-weight: bold;}
.cont2 .top .com_title{ top: -52px;left: -40px;}
.cont2 .top .btn{ padding-top: 45px; width: 428px; right: 0;}
.cont2 .top .btn li{ float: left; margin-left: 30px;}
.cont2 .top .btn li:last-child{ float: right;}
.cont2 .top .btn li a{}
.cont2 .top .btn li.active{}
.cont2 .top .btn li.active a{ color: #ffffff;}

.cont2 .content{ top: 240px; width: 1200px; }
.cont2 .content .content_com{ display: none;}
.cont2 .content .content_com:nth-child(1){ display: block;}

.cont2 .left{ width: 688px;}
.cont2 .left .com_title{ position:unset;}

.cont2 .swiper-container-two {width: 682px; height: 400px; left: 0; margin-top: 17px; border: 2px solid #db81ec; border-radius: 5px;}
.cont2 .swiper-container-two img{ width: 100%;}
.cont2 .swiper-pagination-bullet{ background: #fff; width: 14px; height: 14px;}
.cont2 .swiper-container-horizontal>.swiper-pagination{ width: auto; bottom: 10px; left: 10px;}

.cont2 .link{ display: block; margin-top: 32px;}
.cont2 .link dt{ color: #ffffff; font-size: 26px; line-height: 38px; max-height: 76px; overflow: hidden;
	display: -webkit-box; 
	display: box; 
	-webkit-text-overflow: ellipsis; 
	text-overflow: ellipsis; 
	-webkit-box-orient: vertical; 
	box-orient: vertical; 
	-webkit-line-clamp: 2; 
	line-clamp: 2;}
.cont2 .link dt span{ color: #8c09b7; border-right: 5px solid #8c09b7; padding-right: 15px; margin-right: 15px;}
.cont2 .link dd p{ color: #9b919b; font-size: 18px; line-height: 30px; padding-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.cont2 .right{ width: 460px;}
.cont2 .right .img{ display: block; border: 2px solid #db81ec; border-radius: 5px;}
.cont2 .right .img img{ width: 456px; height: 268px;}
.cont2 .right .link{ border-bottom: 1px solid #6d118b;}
.cont2 .right .link:first-child{ margin:0;}
.cont2 .right .link:last-child{ border:none;}
.cont2 .right .link dd{ padding-bottom: 4px;}
.cont2 .right .link dd p{ padding: 10px 0;}
.com_title4{
	background-position: -342px 0;
	width:325px;
	height:145px;
	top: 100px;
	left:-20px;
    position: absolute;
}
.note_first{
	width: 1199px;
	height: 517px;
	top: 251px;
	left: 0;
}
.note_lead{
	height: 37px;
    width: 845px;
    background: url(/skin/default/images/lead.png) no-repeat;
    left: 0;
    top: 0;
}
.note_right{
	height: 515px;
    width: 329px;
    background: url(/skin/default/images/right.png) no-repeat;
    right: 0;
    top: 0;
}
.note_left{
	height: 422px;
    width: 847px;
    left: 0;
    bottom: 0;
}
.note_in:nth-child(1){
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    text-indent: -999em;
    background: url(/skin/default/images/pic_stategy.jpg) no-repeat;
}
.note_in:nth-child(2),.note_in:nth-child(3){
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    background: url(/skin/default/images/video_bg.png) no-repeat;
}
.note_s{
	width: 135px;
	line-height:  37px;
	height: 37px;
	display: inline-block;
	font-size: 18px;
	color: #979198;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.note_b::after{
	content: '';
	width: 1px;
	height: 16px;
	background: #ffffff;
	right: 0;
	top: 50%;
	margin-top: -8px;
	position: absolute;
}
.note_a{
	color:#ffffff ;
}
.note_a::before{
	content: '';
	width: 64px;
	height: 3px;
	background: #ffff00;
	top: 0;
	left: 50%;
	margin-left: -32px;
	position: absolute;
}
.note_w{
	line-height: 24px;
	font-size: 14px;
	color: #ffffff;
	width: 100%;
	text-align: center;
	left: 0;
	top: 107px;
}
.notew_sp{
	color: #ffff00;
	line-height: 30px;
	font-size: 16px;
}
.order_pic{
	background: url(/skin/default/images/order.png) no-repeat;
	text-indent: -999em;
}
.order1{
	background-position: -292px -225px;
	width:291px;
	height:74px;
	left:14px ;
	top:230px ;
}
.order1:hover{
	background-position: -317px 0;
	width:316px;
	height:110px;
	margin:-12px 0 0 -12px ;
}
/*.order2{
	width:292px;
	height:63px;
	background: url(/skin/default/images/order2.png) no-repeat;
	left:14px ;
	top:322px ;
	cursor: initial;
	text-indent: -999em;
}
.order3{
	background-position: 0 -225px;
	width:288px;
	height:81px;
	left:17px ;
	top:396px ;
	cursor: initial;
}*/
/*点亮状态*/
.order2{
	background-position: 0 -310px;
	width:292px;
	height:63px;
	left:14px ;
	top:322px ;
}
.order2:hover{
	background-position: 0 -121px;
	width:317px;
	height:100px;
	margin:-13px 0 0 -12px ;
}
.order3{
	background-position: -321px -121px;
	width:288px;
	height:81px;
	left:17px ;
	top:396px ;
}
.order3:hover{
	background-position: 0 0;
	width:313px;
	height:117px;
	margin:-12px 0 0 -12px ;
}
.video_block{
	width: 762px;
    height: 318px;
    top: 49px;
    left: 43px;
}
.video_in,.video_in2{
	width: 240px;
	height: 135px;
	margin: 11px 6px;
	display: block;
	float: left;
	border: 1px solid #b449ad;
	position: relative;
}
.video_in .video_img,.video_in2 .video_img{
	width: 240px;
	height: 135px;
}
.more1{
	width: 105px;
	height: 30px;
	bottom:15px ;
	right: 44px;
	line-height: 30px;
	color: #979198;
	font-size: 16px;
}
.more_sp{
	letter-spacing: -4px;
}
.video_p{
	width: 100%;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #ffffff;
	background: rgba(16,12,17,.6);
	font-size: 14px;
	bottom: 0;
	left: 0;
}
.video_btn{
	width:101px;
	left: 50%;
    top: 10px;
    margin-left: -50.5px;
}
.cont4 .list ul{ width: 1320px; padding-top: 305px;}
.cont4 .list ul li{ float: left; margin-right: 28px;}
.cont4 .list ul li a{ width: 192px; height: 477px; background: url(/skin/default/images/cont3_list.png) 0 0 no-repeat; display: block;
	transition: .3s all;
	-webkit-transition: .3s all;
}
.cont4 .list ul li a:hover{
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}
.cont4 .list ul li:nth-child(1) a{ background-position:0 0;}
.cont4 .list ul li:nth-child(2) a{ background-position:-218px 0;}
.cont4 .list ul li:nth-child(3) a{ background-position:-434px 0;}
.cont4 .list ul li:nth-child(4) a{ background-position:-653px 0;}
.cont4 .list ul li:nth-child(5) a{ background-position:-871px 0;}
.cont4 .list ul li:nth-child(6) a{ background-position:-1089px 0;}

.cont5 .spec {width: 1108px;margin: 0 auto 0;position: relative; top: 310px;}
.cont5 .spec .swiper-slide { width: 870px; height: 510px; }
.cont5 .spec .swiper-slide img { width: 870px; height: 510px; border: 2px solid #db81ec; box-sizing: border-box;}

.cont5 .spec .swiper-pagination { position: relative; top: 36px; width: 300px; left: 50%; height: 28px; line-height: 28px;
	transform: translateX(-50%); 
	-webkit-transform: translateX(-50%);

	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0)), color-stop(0.49, rgba(0,0,0,0.69)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.72, rgba(0,0,0,0.39)), color-stop(0.99, rgba(30,87,153,0.01)), to(rgba(30,87,153,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 49%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.39) 72%, rgba(30,87,153,0.01) 99%, rgba(30,87,153,0) 100%);
	background: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 49%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.39) 72%, rgba(30,87,153,0.01) 99%, rgba(30,87,153,0) 100%); 	
}
.cont5 .spec .swiper-pagination-bullet { height: 10px; width: 10px; background:#ffffff; opacity: 1; margin: 0 8px; position: relative; top: -40px;}
.cont5 .spec .swiper-pagination-bullet-active { background: url(/skin/default/images/bullet.png) 0 0 no-repeat; width: 50px; height: 61px; top: -30px; position: relative; margin: 0 -10px 0 0;}

.cont5 .btn-prev,.cont5 .btn-next { width: 65px; height: 79px; top: 208px; background: url(/skin/default/images/prev.png) 0 0 no-repeat; z-index: 1;
	transition: .3s all; 
	-webkit-transition: .3s all; 
}
.cont5 .btn-prev { left: 38px; opacity: .5;}
.cont5 .btn-next { right: 38px; 
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
.cont5 .btn-prev:hover{
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
}
.cont5 .btn-next:hover{
	transform:rotate(-180deg) translateX(-10px);
	-webkit-transform:rotate(-180deg) translateX(-10px);
}

.footer-wrap .LT-footer.dark {
	background-color: #000;
}


/*弹窗*/
.video-mask,
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 1000;}

.video{max-width: 800px;max-height: 666px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;}
#video{max-width: 800px;max-height: 666px; }


.alert_pop{ border: 1px solid #b7319d; background: #000000; padding: 9px 9px 0; position: absolute; left: 138px; top: 0; z-index: 10; text-align: center;}
.alert_pop img{ width: 96px; }
.alert_pop p{ color: #686069; line-height: 18px; padding: 2px 0;}
.alert_gm{ top: 764px;}
.alert_wechat{ top:607px;}


.strategy_img{
	width:205px;
	height:212px;
	background: url(/skin/default/images/enterance1.png) no-repeat;
	top: -32px;
    right: 15px;
	text-indent: -999em;
	-moz-transform: scale(.75);
	-webkit-transform: scale(.75);
	transform: scale(.75);
}
.strategy_img:before{
	content: '';
	width:205px;
	height:212px;
	background: url(/skin/default/images/enterance2.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	animation: opacitystrategy .9s infinite;
}
@keyframes opacitystrategy{
	0%,100%{opacity: 1;}
	50%{opacity: .5;}
}

/*20200812迭代*/
.btn-video{
    width: 133px;
    height: 133px;
    top: 702px;
    left: 50%;
    margin-left: -62px;
	overflow: hidden;
}
.btn-video span,.btn-video i{
	width: 100%;
	height: 100%;
	display: block;
	background: url(/skin/default/images/sprite-play.png) no-repeat;
}
.btn-video span {
    background-position: 0 0;
    animation: rota 2s linear infinite;
}
@keyframes rota{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.btn-video i {
	background-position: 0 -150px;
    position: absolute;
	top: 0;
	left: 2px;
	z-index: 3;
}
.download-btn{
    width: 470px;
    top: 845px;
    left: 50%;
    margin-left: -235px;
    font-size: 0;
    text-align: center;
}
.download-btn a{
    width: 129px;
    height: 47px;
    display: inline-block;
    background: url(/skin/default/images/sprite.png) no-repeat;
    margin: 0 10px;
    transition: all .3s;
}
.download-btn .btn-android {
    background-position: -129px 0;
}
.download-btn .btn-ios {
    background-position: -129px -51px;
}
.download-btn .btn-strategy {
    background-position: 0 -129px;
}
.download-btn a:hover{
    transform: scale(.95);
}