* {
	margin: 0;
    padding: 0;
    font-family:'Microsoft Yahei';
}

li {
	list-style: none;
}

a {
    text-decoration: none;
    cursor:pointer;
    color:#333333;
}
html, body {
    height: 100%;
    font-family:'Microsoft Yahei';
    /* 文字不可选 */
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.mark{
	display:none;
}
.top_nav{
    width:100%;
    height:60px;
}
.header{
    width:1000px;
    margin:0 auto;
}
.sdapple_logo,
.logo_img {
	float: left;
}

.sdapple_logo{
	display:block;
}
.logo_img img{
	width:100%;
	border:none;
}
.sdapple_logo {
	margin: 15px 0;
	cursor: pointer;
}

.logo_title {
	float: left;
	line-height:30px;
	margin-left:8px;
    font-size: 16px;
    color:#333333;
    font-weight:bold;
}

.logo_img {
	display: block;
	width: 30px;
	height: 30px;
}

.sdapple_nav {
    float: right;
    margin:15px 0;
}
.sdapple_nav ul li {
	float: left;
	font-size:14px;
    margin: 0 15px;
    line-height:30px;
}
.sdapple_nav ul li a{
    display:block;
    width:100%;
    text-align:center;
    padding:0 5px;
}
.sdapple_nav ul li a:hover{
    background: #ff605d;
    display:block;
    color:#ffffff;
    padding:0 5px;
    line-height:30px;
    
}
.sdapple_nav ul li a:active{
    background: #aa0300;
}
.navigationText{
    text-align:center;
    width:100%;
    display:block;
    line-height:30px;
    background:#dd2421;
    color:#ffffff;
    padding:0 5px;
}
.sdpic_banner{
   width:100%;
   height: 600px;
   background: linear-gradient(to right bottom, #dd2421 0%, #fe670e 100%);
   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#dd2421", endColorstr="#fe670e", gradientType="0")
}



.banner_content{
    position:relative;
    width:1000px;
    height:100%;
    margin:0 auto;
}
.ban_text1{
    float:left;
    margin-top:140px;
}
.DownloadNow{
    background: #f9fcfe;
    border-radius:8px;
    width: 200px;
    height: 60px;
    cursor:pointer;
    margin-top: 20px;
    font-weight:bold;
    position:relative;
    z-index:100;
    behavior:url('./css/PIE.htc');
}
.DownloadNow:hover{
    opacity:0.8;
}
.DownloadNowText{
    text-align: center;
    margin-top: 12px;
    color: #dd2421;
    line-height:60px;
    height: 36px;
    font-size:36px; 

}
.TextSize36{
    font-size:36px;
    color:#ffffff;
    margin-top:15px;
}
.TextSize18{
    margin-top:15px;
    font-size:18px;
    color:#ffffff;
}
.ban_img{
    top:70px;
    float:right;
    position:absolute;
    right:0;
}
.ban_color1{
    clear:both;
    width:100%;
    background:#f9fcfe;
}
.ban_color2{
    clear:both;
    width:100%;
    background:#f4f3f5;
    height:380px;    
}
.ban_color3{
    clear:both;
    width:100%;
    background:#f9fcfe;
    height:380px;    
}
.explain_text{
    width:1000px;
    margin:0 auto;
}
.explain_text1{
    font-size: 18px;
    line-height:30px;
    letter-spacing: 1px;
    text-indent: 2em;
    padding-top: 54px;
    color:#333333;
}
.TextBold{
    line-height: 24px;
    font-size: 24px;
    color:#dd2421;
    letter-spacing:0px;
    font-weight:bold;
}
.explain_img{
    width:1000px;
    margin:0 auto;
    height:100%;
}
.TextBold1{
    line-height: 24px;
    font-size:30px;
    color:#333333;
    letter-spacing:0px;
    font-weight:bold;
    margin-bottom:25px;
}
.explain_text2{
    float:left;
    font-size:24px;
    line-height:45px;
    width: 515px;
    padding:130px 0;
    padding-bottom: 0;
}
.ban_img1{
    margin-top:40px;
    height:459px;
}
.explain_img2{
    float: left;
    padding:87px 0;
    padding-top: 0;
    margin-left: 180px;
}
.explain_img2 img{
    margin-top:90px;
    height:200px;
}
.ex_img3{
    margin-left:0;
    margin-right:180px;
}
.demofoot{
    width:1000px;
    height:236px;
    margin:0 auto;
}
.demo{
    text-align:justify;
    margin-left: 26px;
    margin-right: 26px;
     height:60px;
}
.demo:after{
    display:inline-block;
    overflow:hidden;
    width:100%;
    height:0;
    content:'';
    vertical-align:top;
}
.demo .divdemo{
    display:inline-block;
}
.demoicon{
    float:left;margin-right: 26px;
    height: 60px;
}
.demoicon img{
    height:60px;
}
.d_icon{
    float:left;
}
.TextcColorf{
    color:#333333;
    font-weight:bold;
    font-size:18px;
}
.TextSize14{
    margin-top: 16px;
    color: #999999;
    line-height: 14px;
    font-size: 14px;
}
.TextSize24{    
    line-height: 47px;
    height: 24px;
    letter-spacing: 1px;
}
.footline{
    margin-left: 26px;margin-right: -10px;
}
.footline p{
    margin-top: 12px;
}
.TextCss7{
    line-height: 32px;
    letter-spacing: 1px;
    font-size:14px;
    color:#666666;
}
.TextCss7 a{
    color:#666666;
}
.footer {
	clear: both;
	width: 100%;
	height: 60px;
	background: #28323b;
	line-height:60px;
}

.footer a {
	color: #ffffff
}

.footer p {
	color: #ffffff;
	text-align: center;
}
.siphone{
    display:none;
}
/**移动端适配**/
@media screen and (max-width:1024px) {
	.sdapple_logo{
        margin-left:15px;
    }
	.sdapple_nav{
		display:none;
	}
    .nav_btn {
		width:40px;
		height:40px;
		margin:10px 0;
		position: fixed;
		right:15px;
		z-index: 300;
		border-radius:50%;
		background:#ffffff;
		box-shadow: 1px 1px 15px 2px #dfdfdf;
	}
	.nav_btn span {
		width: 26px;
		height: 2px;
		background: #dd2421;
		display: block;
		margin:8px 7px;
	}
	.mark {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		background-color: rgb(68, 68, 68);
		z-index: 200;
		width: 60%;
		box-shadow: -1px 0px 10px #8a8a8a;
		padding: 20px;
	}
	.mark ul {
		margin-top:50px;
	}
	.mark ul li{
		height:50px;
		background:#dd2421;
		border-bottom: 1px solid #324252;
	}
	.mark a {
        text-align: left;
		color: #ffffff;
		line-height: 50px;
		display: block;
		width:95%;
		margin-left:5%;
    }
    .banner_content{
        width:90%;
        margin:0 auto;
    }
    .ban_img{
        display:none;
    }
    .sdpic_banner{
        height:500px;
    }
    .DownloadNow{
        margin:0 auto;
    }
    .ban_text1{
        margin-top:45px;
        text-align:center;
    }
    .explain_text{
        width:90%;
        margin:0 auto;
    }
    .explain_img{
        width:90%;
    }
    .explain_img img{
        width:100%;
    }
    .ban_img1{
        height:100%;
    }
    .explain_text1 {
        font-size: 16px;
        line-height: 28px;
    }
    .TextBold {
        font-size: 20px;
    }
    .explain_text2{
        width:100%;
        padding: 75px 0;
    }
    .explain_img2{
        margin-left:0;
        padding:0;
        width:300px;
        float:none;
        height:200px;
        margin:0 auto;
    }
    .explain_img2 img{
        width:100%;
    }
    .ban_color2{
        height:470px;
    }
    .ban_color3{
        height: 530px;
    }
    .explain_img2 img{
        margin-top:45px;
    }
    .TextBold1{
        font-size:24px;
        text-align:center;
    }
    .TextSize24{
        font-size:18px;
    }
    .siphone{
        display:block;
    }
    .ex_img3{
        display:none;
    }
    .demofoot {
        width: 90%;
        height:100%;
    }
    .demo{
        height:100%;
    }
    .demo .divdemo {
        margin: 10px 0;
    }
    .footline {
        margin-left: 0;
        margin-right: 0;
    }

    .footer{
		width:90%;
		padding:5%;
		
	}
	.footer p{
		font-size:12px;
		line-height:20px;
	}
}