body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {color:#555;font-family: Verdana, Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none;height: 3000px; }
td,th,caption { font-size:14px; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a {color:#333; text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
*{transition: color 300ms ease 0s, background-color 300ms ease 0s;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}
.bgf{background: #fff;}
.w100{width: 100%;}
.w1000{width: 1000px;}
.w900{width: 900px;}
.mgauto{margin: 0 auto;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.mt30{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.pt20{padding-top: 20px;}
.strong{font-weight: 700;}
.textL{text-align: left;}
.textR{text-align: right;}

.bg1{background: url("../images/banner.jpg")no-repeat;width: 100%;height: 25%;position: relative;background-size: 100% 100%;}
.bg1 .banner_info{background: url("../images/banner_h1.png")no-repeat;background-size: 90% 90%;width: 567px;height: 113px;display: inline-block;position: absolute;top: 20%;}
.bg1 .download{position: absolute;width: 450px;height: 200px;top: 45%;}
.bg1 .download>div.fl{width: 230px;}
.bg1 .download a{width: 225px;height: 70px;display: inline-block}
.bg1 .download a.and_btn{background: url("../images/and_btn.png")no-repeat;background-size: 100% 100%;}
.bg1 .download a.ios_btn{background: url("../images/ios_btn.png")no-repeat;background-size: 100% 100%;}
.bg1 .down_info{position: absolute;width: 450px;height: 25px;line-height: 25px;border-radius: 12px; top: 75%;text-align: center;background: rgba(255,255,255,0.6)}
ul.container li:nth-of-type(2n+1){background: url("../images/bg2.jpg")no-repeat;background-size: 100% 100%;width: 100%;height: 555px;}
ul.container li:nth-of-type(2n){background: url("../images/bg3.jpg")no-repeat;background-size: 100% 100%;width: 100%;height: 535px;}
ul.container li:nth-of-type(2n+1)>div.w900{padding-top: 60px;}
ul.container li:nth-of-type(2n)>div.w900{padding-top: 80px;}
ul.container li:nth-of-type(2n+1)>div.w900>div.info{position: relative;top: 180px;}
ul.container li:nth-of-type(2n)>div.w900>div.info{position: relative;top: 150px;}
ul.container li:nth-of-type(2n+1)>div.w900>div.img{margin-left: 70px;}
ul.container li:nth-of-type(2n)>div.w900>div.info{margin-left: 70px;}
.footer_box {background-color: #2C3F4A;margin-top: 20px;overflow: hidden;padding: 20px 0;}
.w750 {width: 860px;margin: 0 auto;}
.footer {width: auto;text-align: start;border-top: 0;margin-top: 25px;margin-left: 50px;}
.footer p {margin-top: 10px;}
.footer, .footer p a{color: #dedede;font-size: 16px;}
.cf {zoom: 1;}



.m_banner,.m_container,.m_down_btn{display: none;}

@media screen and (min-width:320px) and (max-width: 420px) {
    body{height: 260vh;}
    .bg1,.container{display: none;}
    .m_bg1{background: url("../images/m_bg1.jpg")no-repeat;width: 100%;height: 40%;background-size: 100% 100%;position: relative;}
    .m_bg1 .m_android_down_btn{width: 80%;margin: 0 auto;height: 7%;position: absolute;left: 50%;top: 45%;margin-left: -40%;}
    .m_bg2{background: url("../images/m_bg2.jpg")no-repeat;width: 100%;height: 60%;background-size: 100% 100%}
    .m_down_btn{display: block;position: fixed;bottom: 5%;left: 50%;margin-left: -40%; width: 80%;height: 50px;line-height: 50px; background: #ff9024;
        text-align: center;border-radius: 5px;font-size: 18px;}
    .m_down_btn a{color: #fff;display: block;}
    .botlogo{display: none;}
    .w750{width: auto;}
    .footer_box{padding-bottom: 100px}
    .footer{margin: 0 10px;}
    .footer, .footer p a{font-size: 14px;float: none;display: block}
    .footer p{text-align: center;line-height: 30px}
    .footer p.link a:nth-of-type(5){display: none}
}
/*iphoneX閫傞厤*/
@media only screen and (width: 375px) and (height: 812px){
    body{height: 220vh!important;}
}