/* banner */
.download-banner-box {
	position: relative;
	text-align: right;
	width: 1182px;
	margin: 60px auto 0;
	box-sizing: border-box;
	padding-right: 60px;
}
.download-banner-title{
	font-size: 42px;
	margin-bottom: 40px;
	color: #fff;
}
.download-banner-title .title-color{
	color: #0576f5;
}
.download-banner-subtitle {
	margin-top: 15px;
	font-size: 28px;
	text-align: right;
	color: #fff;
}
.download-banner-button {
	display: inline-block;
	float: right;
	font-size: 16px;
	line-height: 38px;
	padding: 0 69px;
	color: #108cee;
	border: 1px solid #108cee;
	margin-top: 25px;
}


.title_sub {
	font-size: 14px;
}
/*key样式*/
.key {
	background: #fff;
}
.key-pc {
	width: auto;
	height: auto;
}
.key-ph {
	display: none;
}
/*key样式*/
.key {
	background: #fff;
}
.key-pc {
	width: auto;
	height: auto;
}
.key-ph {
	display: none;
}
/*function样式*/
.section-box.function {
	background: #18191e;
}
.function .title-color {
	color: #fefefe;
}
.function .subtitle-color {
	color: #999;
}
.function-box:nth-child(1) {
	margin-top: 20px;
}
.function-box {
	overflow: hidden;
	margin-bottom: 50px;
}
.function-img {
	display: inline-block;
	width: auto;
	height: auto;
}
.function-left {
	float: left;
}
.function-right {
	float: right;
}
.function-title {
	text-align: left;
}
.function-title01 {
	margin-top: 15px;
}
.function-title02 {
	margin-right: 140px;
}
.function-title03 {
	margin-top: 30px;
}
.function-tit {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	width: 225px;
	text-align: center;
	background: #0576f5;
	border-radius: 25px 0 25px 0;
	margin-bottom: 35px;

}
.function-subtit {
	font-size: 18px;
	line-height: 25px;
	color: #999;
	margin-bottom: 20px;
}
.function-content {
	font-size: 14px;
	line-height: 20px;
	color: #999;
	max-width: 360px;
}
.use {
	height: 400px;
	background: url(../images/download/usebg.jpg);
	background-position-x: 20%;
}
.use .section-box-title,
.use .section-box-subtitle {
	text-align: left;
	color: #fff;
}
.use .section-box-title {
	margin-top: 60px;
}
.use-box {
	font-size: 14px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 10px;
}
.use-number {
	display: inline-block;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	width: 32px;
	border-radius: 50%;
	background: #fff;
	color: #000;
	margin-right: 15px;
	vertical-align: middle;
}
.use-btn {
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 35px;
	background: #fff;
	color: #000;
	vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.download-banner {
		background-size: cover;
	}
	.download-banner-box {
		top: 130px;
		margin: 0 auto;
	}
	.download-banner-title{
		font-size: 26px;
		margin-bottom: 25px;
	}
	.download-banner .download-banner-title .title-color {
		color: #fff;
	}
	.download-banner .download-banner-subtitle {
		text-align: center;
	}
	.download-banner-button {
		color: #fff;
		border-color: #fff;
		float: none;
	}
	.key-pc {
		width: 100%;
	}
	.function-img {
		width: 48%
	}
	.function-tit {
		width: 180px;
		line-height: 40px;
		margin-bottom: 15px;
		border-radius: 20px 0 20px 0;
	}
	.function-subtit {
		margin-bottom: 10px;
	}
	.function-title01,
	.function-title02,
	.function-title03 {
		margin-top: 10px;
	}
	.function-title02 {
		margin-right: 60px;
	}
	.use {
		height: auto;
		background-size: cover;
	}
	.use .section-box-title {
		margin-top: 0;
	}
	.use-box {
		margin-bottom: 5px;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	.banner_div {
		background-size: cover;
	}
	.download-banner-box {
		top: 50px;
		margin: 0 auto;
	}
	.banner_div .download-banner-title {
		font-size: 20px;
	}
	.banner_div .download-banner-subtitle{font-size: 16px;}
	
	.download-banner-button {
		font-size: 14px;
		line-height: 30px;
		color: #fff;
		border-color: #fff;
		padding: 0 20px;
		float: none;
		margin-top: 15px;
	}
	.t_submenu_ul li a{
		margin-right: 20px;
	}
	.section-box.key {
		background-color: #fff;
	}
	.key-pc {
		display: none;
	}
	.key-ph {
		display: block;
	}
	.key-ph-img {
		width: 100%;
	}
	.keybox {
		margin-top: 0px;
		padding: 15px 0;
		margin-left: -20px;
		margin-right: -20px;
	}
	.key-title {
		font-size: 18px;
		line-height: 25px;
		color: #278dfc;
		text-align: center;
	}
	.keybox.old {
		background-color: #eee; 
	}
	.keybox.old .key-title {
		color: #666
	}
	.key-subtitle {
		font-size: 14px;
		line-height: 20px;
		color: #999;
		text-align: center;
	}
	.function-box {
		margin-bottom: 20px;
	}
	.function-img {
		width: 96%;
	}
	.function-title01,
	.function-title02,
	.function-title03 {
		margin-top: 15px;
		margin-right: 0;
		margin-left: 0;
	}
	.function-tit {
		width: 130px;
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.function-subtit {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.function-content {
		font-size: 12px;
		line-height: 18px;
	}
	.function-right {
		float: left;
	}
	.use {
		height: auto;
	}
	.use .section-box-title {
		margin-top: 0;
	}
	.use-box {
		line-height: 25px;
	}
	.use-number {
		width: 24px;
		font-size: 18px;
		line-height: 24px;
	}
	.use-btn {
		font-size: 14px;
		line-height: 25px;
		padding: 0 25px;
	}
}

/* banner */
.banner_div{width: 100%;position: relative !important; top: 0 !important; overflow: hidden;background: #18191e;}
.banner_div img{position: absolute;}
.banner_div .title1{top: 20px;left:18%;}   
.banner_div .title2{top: 90px;left: 56%;} 
.banner_div .title3{top: 160px;left: 66.8%;} 
.banner_div .title4{top: 220px;left: 67.5%;}

@media screen and (min-width:1200px){
	.banner_div{height: 300px !important; }
}
@media screen and (max-width:1440px){
	.banner_div .title1{left: 6%;}
}
@media screen and (max-width:1280px){
	.banner_div .title1{left: 0%;}
}
@media screen and (max-width:1024px){
	.banner_div .title1{left: 1%;width: 1000px;}
	.banner_div .title2{top: 50px;left: 50%;}
	.banner_div .title3{top: 115px;left: 69.8%;}
	.banner_div .title4{top: 170px;left: 71.5%;}
	.download-banner-box{width: 96%;}
}
@media screen and (max-width:768px){
	.banner_div .title1{width: 750px;top: 78px;}  
	.banner_div .title2{width: 300px;top: 65px;left: 53%;}
	.banner_div .title3{top: 118px;left: 63%;}
	.banner_div .title4{top: 170px;left: 64.5%;}
}
@media screen and (max-width:414px){
	.banner_div{height: 200px;}
	.banner_div .title1{width: 400px;top: 78px;}  
	.banner_div .title2{width: 170px;top: 65px;left: 53%;}
	.banner_div .title3{width: 110px;top: 95px;left: 63%;}
	.banner_div .title4{width: 100px;top: 125px;left: 64.5%;}
	.download-banner-box{padding-right: 0;}
	.download-banner-title{font-size: 22px;margin-bottom: 20px;}
	.banner_div .title1 {width: 400px;top: 30px;left: -33px;}
}
@media screen and (max-width:320px){
	.banner_div .title1{width: 340px;top: 78px;}  
	.banner_div .title2{width: 150px;top: 65px;left: 51%;}
	.banner_div .title3{width: 95px;top: 95px;left: 61%;}
	.banner_div .title4{width: 100px;top: 125px;left: 60.5%;}
}