/*------------导航修改.css-------------*/
html,body{
	overflow-y:hidden;	
	height: 100%;
	width: 100%;
	min-width: 320px!important;
}
.header{
	position: relative;
	top: 0;
	left: 0;
	background:#fff;	
}
.downloadnav{
	width: 100%;
	position: absolute;
	z-index: 98;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

/*------------download.css-------------*/

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-pagination{
	right: 8%!important;
}

.swiper-pagination .swiper-pagination-bullet{
	background-color: #fff;
	width: 12px;
	height: 12px;
	margin: 8px 0!important;
}
.swiper-pagination .swiper-pagination-bullet-active{
	/*background-color: #007aff;*/
}

#downloadcont{
	width: 100%;
	height: 100%;
	background:  #fff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
#downloadcont .down{
	width: 100%;
	height: 100%;
}
#downloadcont .down .down-box{
	width: 1236px;
	height: 100%;
	margin: 0 auto;
	padding-right: 36px;
}
    #downloadcont .down1 { 
        background: url(/Product/Images/download/down_gb1.jpg) no-repeat center center;
    }
#downloadcont .down2{
	background: url(/Product/Images/download/down_gb2.jpg) no-repeat center center;
}
#downloadcont .down3{
	background:  url(/Product/Images/download/down_gb3.jpg) no-repeat center  center;
}
#downloadcont .down4{
	background: #28b6e7 url(/Product/Images/download/down_gb4.jpg) no-repeat center left;
}
#downloadcont .down5{
	background: url(/Product/Images/download/down_gb5.jpg) no-repeat center center;
}
#downloadcont .down6{
	background: url(/Product/Images/download/down_gb6.jpg) no-repeat center center;
}
.down1 .down-box{
	position: relative;
}
.down1 .down-phone{
	width: 480px;
	height: 100%;
	float: left;
	background: url(/Product/Images/download/down_ic_phone.png) no-repeat center bottom;
	background-size: 480px 600px;
}
.down1 .down-wen{
	width: 520px;
	height: 408px;
	position: absolute;
	bottom: 150px;
	right: 170px;
	float: right;
	background: url(/Product/Images/download/down_bg1_bn.png) no-repeat center center;
	background-size: 520px 408px;
}
.arrow{
	width:70px;
	height:26px;
	position:absolute;
	bottom:60px;
	left: 50%;
	margin-left: -35px;
	background: url(/Product/Images/download/down_ic_row.png) no-repeat center center;
}
.down2 .seachbu{
	width: 448px;
	padding-left: 135px;
	height: 100%;
	
}
.down2 .seachbu p{
	background: url(/Product/Images/download/down_wen1.png) no-repeat center center ;
	background-size: 448px 248px;
	width: 100%;
	height: 100%;
}
.down2 .down-phone{
	width: 360px;
	height: 100%;
	float: right;
	background: url(/Product/Images/download/down_ic2.png) no-repeat center center;
	background-size: 360px 640px;
	margin-right: 136px;
}
/*-----*/
.down3 .seachbu{
	width: 448px;
	padding-right: 76px;
	height: 100%;
	
}
.down3 .seachbu p{
	background: url(/Product/Images/download/down_wen2.png) no-repeat center center ;
	background-size: 448px 248px;
	width: 100%;
	height: 100%;
}
.down3 .down-phone{
	width: 576px;
	height: 100%;
	background: url(/Product/Images/download/down_ic3_phone.png) no-repeat center bottom;
	background-size: 576px 704px;
}
.down4 .seachbu{
	width: 448px;
	height: 100%;
	padding-left: 165px;
}
.down4 .seachbu p{
	width: 100%;
	height: 100%;
	background: url(/Product/Images/download/down_wen3.png) no-repeat center center ;
	background-size: 448px 240px;
}
.down4 .down-phone{
	width: 620px;
	height: 100%;
	background: url(/Product/Images/download/down_ic4_phone.png) no-repeat center bottom;
	background-size: 600px 704px;
}
.down5 .seachbu{
	width: 320px;
	height: 100%;
	padding-right: 250px;
}
.down5 .seachbu p{
	width: 100%;
	height: 100%;
	background: url(/Product/Images/download/down_wen4.png) no-repeat center center ;
	background-size: 320px 256px;
}
.down5 .down-phone{
	width: 384px;
	height: 100%;
	padding-left: 160px;
	background: url(/Product/Images/download/down_ic5_phone.jpg) no-repeat right center;
	background-size: 384px 640px;
}
.down6 .seachbu{
	width: 100%;
	margin: 0 auto;
	padding-top: 190px;
} 
.down6 .down-forter{
	width: 528px;
	height: 440px;
	margin: 0 auto;
	background: url(/Product/Images/download/down_wen5.png) no-repeat center center;
	background-size: 528px 440px;
} 
#fbnav{
	width: 22px;
	height: 232px;
	position: fixed;
	right: 76px;
	top: 50%;
	margin-top: -116px;
}
#fbnav ul li{
	width: 18px;
	height: 18px;
	margin: 10px 0;
	padding: 4px;
}
#fbnav ul li a{
	width: 14px;
	height: 14px;
	display: block;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border-radius: 50%;
}
#fbnav ul li.select{
	width: 22px;
	height: 22px;
	padding: 0;
}
#fbnav ul li.select a{
	width: 22px;
	height: 22px;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 50%;
}




@media only screen and (min-width: 1400px){
	#downloadcont .down .down-box{
		width: 1536px;
	}
	.down1 .down-phone{
		width: 600px;
		background-size: 600px 750px;
	}
	.down1 .down-wen{
		width: 650px;
		height: 510px;
		bottom: 180px;
		right: 220px;
		background-size: 650px 510px;
	}
	.down2 .seachbu{
		width: 560px;
		padding-left: 170px;
	}
	.down2 .seachbu p{		
		background-size: 560px 310px;
	}
	.down2 .down-phone{
		width: 450px;
		background: url(/Product/Images/download/down_ic2.png) no-repeat center center;
		background-size: 450px 800px;
		margin-right: 200px;
	}
	.down3 .seachbu{
		width: 480px;
		padding-right: 200px;
	}
	.down3 .seachbu p{
		background: url(/Product/Images/download/down_wen2.png) no-repeat center center ;
		background-size: 480px 290px;
	}
	.down3 .down-phone{
		width: 720px;
		background: url(/Product/Images/download/down_ic3_phone.png) no-repeat center bottom;
		background-size: 720px 880px;	
	}
	.down4 .seachbu{
		width: 560px;
		padding-left: 215px;
	}
	.down4 .seachbu p{
		background-size: 560px 300px;
	}
	.down4 .down-phone{
		width: 750px;
		height: 100%;
		background: url(/Product/Images/download/down_ic4_phone.png) no-repeat center bottom;
		background-size: 750px 880px;
	}
	.down5 .seachbu{
		width: 400px;
		height: 100%;
		padding-right: 320px;
	}
	.down5 .seachbu p{
		background: url(/Product/Images/download/down_wen4.png) no-repeat center center ;
		background-size: 400px 320px;
	}
	.down5 .down-phone{
		width: 480px;
		padding-left: 160px;
		background: url(/Product/Images/download/down_ic5_phone.jpg) no-repeat right center;
		background-size: 480px 800px;
	}	
	.down6 .seachbu{
		padding-top: 230px;
	} 
	.down6 .down-forter{
		width: 660px;
		height: 550px;
		background: url(/Product/Images/download/down_wen5.png) no-repeat center center;
		background-size: 660px 550px;
	} 
}
/*添加页面动画 2017/4/6 */
#downloadcont .down{
	background-size: cover;
}
.arrow{
	-moz-animation:animations 1s ease-in-out infinite;
	-webkit-animation:animations 1s ease-in-out infinite;
	-o-animation:animations 1s ease-in-out infinite;
	-ms-animation:animations 1s ease-in-out infinite;
	animation:animations 1s ease-in-out infinite;
}
@-webkit-keyframes animations{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-40%);}
	100%{transform: translateY(0%);}
}
@-moz-keyframes animations{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-40%);}
	100%{transform: translateY(0%);}
}
@-o-keyframes animations{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-40%);}
	100%{transform: translateY(0%);}
}
@-ms-keyframes animations{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-40%);}
	100%{transform: translateY(0%);}
}
@keyframes animations{
	0%{transform: translateY(0%);}
	50%{transform: translateY(-40%);}
	100%{transform: translateY(0%);}
}

/* 小程序指引页面样式 2017年12月23日11:32:19 陈翔 648740347@qq.com */
#downloadcont.wechate-cont .down{
	background-position:center center;
	background-position: no-repeat;
}
.wechate-cont .down .down-box {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
}
#downloadcont.wechate-cont .down2 {
	background: #da474f; 
}
.wechate-phone-cont{
	display: none;
	width: 100%;
	height: 100%;
	background:#000 url(/images/wxapp/wechat_phone_bg.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	background-size: cover;
}
.phone-cont-desc{
	width: 100%;
	height: 100%;
	background: url(/images/wxapp/wechat_phone_desc.png) no-repeat center center; 
	-webkit-background-size: contain;
	background-size: contain;
}
.phone-cont-desc img{
	width: 34.1333%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
#downloadcont .down2 .down-box {
	white-space:nowrap;
	width: 100%;
	white-space: normal;
    height: 380px;
    padding-top: 170px;
    position: absolute;
    left: 50%;
    top: 50%;	
    transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background-position: center top; 
    padding-right: 36px;
}
#downloadcont.wechate-cont .down1 {
	background:#fff;
	position: relative;
}
.wechate-cont .down1:before,.wechate-cont .down1:after{
	content:'';
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-background-size: contain;
	background-size:contain;
}
.wechate-cont .down-box{
	position: relative;
	z-index: 10;
}
.wechate-cont .down1:before{
	background: url(/images/wxapp/wechat_bg1_L.jpg) no-repeat center right; 
}
.wechate-cont .down1:after{
	left: 50%;
	background: url(/images/wxapp/wechat_bg1_r.jpg) no-repeat center left; 
}
.wechate-cont .down1 {
	min-width: 1200px;
	display: inline-block;
	width: auto;
	overflow: hidden;
}
.wechate-cont .down2 .down-box ul{
	min-width: 1200px;
	display: inline-block;
	width: auto;
	overflow: hidden;
}
.wechate-cont .down2 .down-box li{
	float: left;
	width: 278px;
}
.wechate-cont .down2 .down-box li+li{
	margin-left: 17px;
}
 .wechate-cont .down2 .down-box li p{
	width: 278px;
	height: 278px;
	background-color: #fff;
}
.wechate-cont .down2 .down-box li span{
	display: block;
	line-height: 50px;
	font-size: 24px;
	color:#fff;
}
.wechate-cont .down3-cont{
	width: 100%;
	height: 100%;
	min-width: 1200px;
}
.wechate-cont .down3-cont ul{
	overflow: hidden;
}
.wechate-cont .down3-cont li{
	width: 36%;
	height: 33.333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.wechate-cont .down3-cont li.middle{
	width: 28%;
	min-width: 300px;
}
.wechate-cont .down3-cont li:before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	opacity: 0;
	transition:all .2s;
	background-color: rgb(0,0,0);
}
.wechate-cont .down3-cont li:hover:before{
	opacity: .3;
}
.wechate-cont .down3-cont li.bl{
	border-left: 2px solid rgba(255,255,255,.6);
}
.wechate-cont .down3-cont li.bb{
	border-bottom: 2px solid rgba(255,255,255,.6);
}
@media only screen and (max-width: 1599px){
	.wechate-cont .down2 .down-box li:nth-child(5){
		display: none;
	}
	.wechate-cont .down2 .down-box li:nth-child(6){
		display: none;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1850px) {
	.wechate-cont .down2 .down-box li:nth-child(5){
		display: block;
	}	
	.wechate-cont .down2 .down-box li:nth-child(6){
		display: none;
	}
}
@media only screen and (min-width: 1850px){
	.wechate-cont .down2 .down-box li:nth-child(5){
		display: block;
	}	
	.wechate-cont .down2 .down-box li:nth-child(6){
		display: block;
	}
}