*{
    margin:0;
    padding:0;
    list-style:none;
    text-decoration:none;
    outline: none;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
html,body{
    margin: 0;
    padding:0;
    width: 100%;
    min-width: 1200px;
    height: 100%;
    background: #fff;
    min-height: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
body{
    font-size: 12px;
    color: #333333;
}
a{
    text-decoration: none;
    color: #333333;
    cursor: pointer;
}
.both {clear: both;}


.pageBox {
    width: 100%;
    height: auto;
    min-width: 1200px;
    background: url(../images/pic_bg.png) no-repeat center top;
    float: left;
    clear: left;
}

.logo {
    width: 100%;
    height: 48px;
    background: #fff;
    float: left;
    clear: left;
}
.logo h1 {
    width: 1118px;
    height: 48px;
    vertical-align: middle;
    margin: 0 auto;
}
.logo h1 img {
    margin: 4px 0 0;
    float: left;
    clear: left;
}

/*banner部分样式*/
.bannerBox {
    width: 100%;
    height: 532px;
    min-width: 1200px;
    background: url(../images/banner.png) no-repeat center top;
    float: left;
    clear: left;
    position: relative;
    z-index: 3;
}
.bannerMain {
    width: 1200px;
    /*height: 69px;*/
    box-sizing: border-box;
    padding-top: 56px;
    margin: 0 auto;
}
.bannerLeft {
    width: 632px;
    margin-left: 96px;
    float: left;
    clear: left;
    margin-top: -30px;
}
.bannerLeft span {
    width: 520px;
    text-align: left;
    color: #fff;
    display: block;
    float: right;
    clear: right;
}
.bannerLeft span.iconAPP {
    width: 96px;
    height: 96px;
    background: url(../images/icon_app.png) no-repeat center center;
    float: left;
    clear: left;
}
.bannerLeft span.bannerTitle {
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    text-align: justify;
    /*margin-bottom: 16px;*/
    margin-top: -8px;
}
.bannerLeft span.bannerText {
    line-height: 28px;
    font-size: 16px;
    text-align: justify;
}
.bannerLeft span.bannerText>b {
    color: #ff0;
	margin: 0 3px;
}
.bannerButton {
    width: 512px;
    margin-top: 16px;
    margin-left: 96px;
    float: left;
    clear: left;
}
.bannerButton li.qrCodePic {
    width: 152px;
    height: 188px;
    background: url(../images/QR_codeDown.png) no-repeat center top;
    box-sizing: border-box;
    padding-top: 152px;
    font-size: 13px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    float: left;
    clear: none;
}
.bannerButton li.buttonBox {
    width: 261px;
    margin-left: 16px;
    float: left;
    clear: none;
}
.bannerButton li.buttonBox a {
    width: 261px;
    height: 68px;
    padding-left: 80px;
    margin-bottom: 16px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 68px;
    text-align: left;
    color: #fff;
    display: block;
    float: left;
    clear: left;
}
.bannerButton li.buttonBox a.buttonIos {
    background: url(../images/icon_ios.png) no-repeat 36px center;
}
.bannerButton li.buttonBox a.buttonAndroid {
    background: url(../images/icon_android.png) no-repeat 36px center;
}
.bannerButton li.buttonBox a.buttonIos:hover {
    border: 1px solid #d53533;
    background: #d53533 url(../images/icon_ios.png) no-repeat 36px center;
}
.bannerButton li.buttonBox a.buttonAndroid:hover {
    border: 1px solid #d53533;
    background: #d53533 url(../images/icon_android.png) no-repeat 36px center;
}

/*图片部分样式*/
.picBox {
    width: 100%;
    height: auto;
    min-width: 1200px;
    padding: 0 0 36px;
    float: left;
    clear: left;
}
.picBox ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.picBox li {
    width: 1200px;
    height: 190px;
    float: left;
    clear: left;
}
.picBox li.height3 {
    height: 345px;
}
.pic01 {background: url(../images/pic_01.png) no-repeat center top;}
.pic02 {background: url(../images/pic_02.png) no-repeat center top;}
.pic03 {background: url(../images/pic_03.png) no-repeat center top;}
.pic04 {background: url(../images/pic_04.png) no-repeat center top;}
.pic05 {/*background: url(../images/pic_05.png) no-repeat center top;*/padding-top: 108px;box-sizing: border-box;}
.pic06 {background: url(../images/pic_06.png) no-repeat center top;}
.pic07 {background: url(../images/pic_07.png) no-repeat center top;}
.pic08 {background: url(../images/pic_08.png) no-repeat center top;padding: 136px 30px 0;box-sizing: border-box;}
.pic09 {background: url(../images/pic_09.png) no-repeat center top;}
.pic10 {background: url(../images/pic_10.png) no-repeat center top;}
.pic11 {background: url(../images/pic_11.png) no-repeat center top;}


.beCarefulBox {
    width: 100%;
    height: 278px;
    background: #d53533 url(../images/pic_becarefulDown.png) no-repeat center center;
    float: left;
    clear: left;
}

.picBox li.pic01 p,.picBox li.pic05 p {
    width: 100%;
    margin-bottom: 12px;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: #333;
    float: left;
    clear: left;
}
.picBox li.pic01 span,.picBox li.pic05 span {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #999;
    float: left;
    clear: left;
}
.picBox li.pic08 p {
    width: 266px;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    color: #333;
    float: right;
    clear: none;
}
.picBox li.pic08 span {
    width: 266px;
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    color: #333;
    display: inline-block;
    float: left;
    clear: none;
}

.beCarefulBox span,.beCarefulBox p {
    width: 1118px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 36px;
    text-align: left;
    color: #fff;
    display: block;
}
.beCarefulBox span {
    font-size: 36px;
    line-height: 64px;
    padding-top: 32px;
}