*{margin:0; padding:0;}
div{word-break: break-all; word-wrap:break-word; word-break:normal; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box;}
li{list-style:none;}
body{font:14px '宋体',Arial,Helvetica,sans-serif; color:#fff;}
input,textarea{font:14px '宋体',Arial,Helvetica,sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -box-sizing:border-box;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:12px;}
a{color:#fff; text-decoration:none; border:none; cursor:pointer;}
em{font-style:normal;}
i{font-style:normal;}
b{font-weight:normal;}

.background{position:absolute; width:100%; height:100%; z-index:0;}
.area{left:50%; margin-left:-490px; width:980px; position:absolute; z-index:1;}
.header{height:110px; line-height:110px; font-family:'微软雅黑'}
.header .logo{display:inline-block; margin-bottom:-20px; background:url(../images/logo.png) no-repeat; width:205px; height:50px; background-size:100%;}
.header .ml_icon{display:none; text-align:center; margin-top:50px;}
.header .ml_icon img{width:130px;}
.header a{margin:0 20px; padding:5px 8px;}
.header .link a:hover{background:#e93611; padding:5px 8px; border-radius:5px;}

.main{height:auto; overflow:hidden;}
.left{float:left; font-family:'微软雅黑';}
.slogan{height:auto; overflow:hidden; margin:80px 0;}
.slogan img{width:565px; height:73px;}
.btn{height:auto; overflow:hidden;}
.btn a{float:left; margin-right:25px; width:230px; text-align:center; height:80px; line-height:80px; font-size:25px; border-radius:5px;}
.btn a.iphone{background:#e93611;}
.btn a:hover.iphone{background:#f35736;}
.btn a.android{background:#e5e5e5; color:#999; opacity:0.8; cursor:default;}
.btn a img{width:45px; height:45px; margin:0 10px -10px -10px;}
.code{display:block; margin:20px 25px;}
.right{float:right; background:url(../images/phone.png) no-repeat; margin:20px 0; width:314px; position:relative; padding-left:21px; padding-top:90px; min-height:660px;}
.right .img{width:270px; height:580px; overflow:hidden; margin-bottom:85px;}
.right .img img{width:270px; height:464px;}
.right .slideBox{position:relative; width:480px; height:270px; overflow:hidden;}
.right .slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.right .slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.right .slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none;}
.right .slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none;}
.hand{width:280px; text-align:center;}
.hand a{display:inline-block; width:10px; height:10px; border-radius:100%; background:#fff; margin:0 5px; cursor:pointer;}
.hand a.active{background:#e93611;}

.footer{clear:both; padding:50px 0; text-align:center; height:20px; bottom:20px;}
.footer_2{display:none;}
.footer a,.footer span{margin:0 20px; padding:5px 8px;}
.footer a:hover{background:#e93611; padding:5px 8px; border-radius:5px;}


@media screen and (max-width: 768px){
	.header{text-align:center; height:auto; overflow: hidden;}
	.right{display:none;}
	.btn a{float:none; display:block; margin:50px auto;}
	.code{display:none;}
	.footer{position:absolute; bottom:10px; width:100%;}
	.area{width:100%; left:auto; margin:0; height:100%;}
	.left{float:none; text-align:center;}
}
@media (min-width: 320px) and (max-width: 640px) {
	.header{line-height:55px;}
	.header .logo{display:none;}
	.header .ml_icon{display:block; margin-bottom:4px;}
	.link{display:none;}
	.slogan{margin:0; margin-bottom:25px;}
	.slogan img{width:50%; height:auto;}
	.btn a{margin:25px auto; width:45%; height:45px; line-height:45px; font-size:16px;}
	.btn a img{height:30px; width:30px;}
	.footer{display: none; padding:0; margin:10px 0; font-family:'微软雅黑';}
	.footer_2{display:block;}
	.footer a{margin:0 10px;}
}
@media (min-width: 640px) and (max-width: 768px) {
	.header .logo{display:none;}
	.header .ml_icon{display:block; margin:80px 0 10px 0;}
	.header .ml_icon img{width:250px;}
	.slogan{margin:0 0 50px 0;}
	.link{display:none;}
}