body,html {font-size: 14px;}
body{position: relative;}
.he{height: 700px;}
.content{position: absolute; z-index: 2; background: url(../images/wmsj_bg.png) no-repeat center 0; color: #fff; padding: 70px 0 0; height: 700px; width: 100%;}
.leftBox{width: 370px;}
.leftBox .title{font-size: 40px; letter-spacing: 2px; margin: 80px 0 32px;}
.leftBox .sub{font-size: 20px; margin-bottom: 70px;}
.rightBox{width: 520px;}
.codeBox{width: 370px;}
.codeBox .code img{width: 146px; height: 146px; padding: 2px; border: 1px solid #ddd; background: #fff;}
.codeBox .code p{font-size: 16px; text-align: center; margin-top: 5px;}
.down{margin-left: 32px;}
.down a{display: block; padding: 11px 20px 12px 55px; border-radius: 7px; color: #fff; font-size: 16px;}
.down .iphone{background: #209ff8 url(../images/iphone.png) 20px center no-repeat; margin: 15px 0 25px 0;}
.down .android{background: #696ff7 url(../images/android.png) 20px center no-repeat;}


.introduce-section {position: relative; height: 700px; overflow: hidden;}
.introduce-container {margin: 0 auto;width: 1200px}
.introduce-section .introduce-section-text>h1,.introduce-section .introduce-section-text>h2 {margin: 0;line-height: 56px;font-size: 46px}
.introduce-section .introduce-section-text>p {margin: 0;line-height: 40px;font-size: 30px;color: #666}
.introduce-nav {background-color: #fff}
.introduce-nav-bar {margin: 0;padding: 11px 0;list-style: none}
.introduce-nav-bar>li {display: inline-block}
.introduce-nav-bar>li:nth-child(2) {margin: 0 64px 0 56px}
.introduce-nav-bar>li.active>a {color: #0091ea}
.introduce-nav-bar>li>a {line-height: 1;font-weight: 700;color: #999;text-decoration: none;}
.introduce-nav-bar>li>a.kaidian {display: block;padding: 11px 17px;font-weight: 400;color: #0091ea;border: 1px solid #0091ea;border-radius: 3px}
.introduce-footer {padding: 48px 0;text-align: center;color: #fff;background-color: #0091ea}
.introduce-section.mobile.filled {background-color: #f6f6f6}
.introduce-section.mobile.filled .introduce-container {-webkit-box-pack: initial;-ms-flex-pack: initial;justify-content: initial}
.introduce-section.mobile .introduce-section-image {width: 550px}
.introduce-section.mobile .introduce-section-text {width: 500px; padding-left: 100px}
.introduce-section.mobile .introduce-section-text>h2 {margin-bottom: 27px}

.introduce-section1{margin-top: -100px; overflow: hidden; height: 750px;}
.introduce-section1 .introduce-section-text{margin-top: 350px;}
.introduce-section2{background: url(../images/mobile02_bg.png);}
.introduce-section2.mobile .introduce-section-image{width: 430px; margin-top: 45px; margin-right: 100px;}
.introduce-section2.mobile .introduce-section-text, .introduce-section3.mobile .introduce-section-text, .introduce-section4.mobile .introduce-section-text{padding-left: 0; margin-top: 250px;}
.introduce-section3.mobile .introduce-section-image{width: 500px; margin-top: 45px;}
.introduce-section3.mobile .introduce-section-text{padding-left: 195px;}
.introduce-section3.mobile .introduce-section-text{padding-left: 195px;}
.introduce-section4.mobile .introduce-section-image{width: 480px;}
.introduce-section4 .bg{position: absolute; height: 700px; width: 350px;}
.introduce-section4 .bg1{background: url(../images/mobile04_bg1.png) 0 -75px no-repeat; top: 0; left: 0;}
.introduce-section4 .bg2{background: url(../images/mobile04_bg2.png) 57px 250px no-repeat; bottom: 0; right: 0;}
.introduce-section5.mobile .introduce-section-image{width: 372px; margin-top: 40px;}
.introduce-section5.mobile .introduce-section-text{padding-left: 235px; margin-top: 250px;}

.footer{text-align: center; font-size: 12px; padding: 45px 0; background: #fff; margin-top: 0;}