* { margin: 0px; padding: 0px; }

html { font-size: 50px; font-size: 13.3334vw; }

@media screen and (min-width: 750px) { html { font-size: 100px; } }
body { font-family: 'Microsoft Yahei', Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #333; overflow-x: hidden; }
body p { margin: 0; }

ul li { list-style: none; }

img { border: none; }

a { color: inherit; text-decoration: none; }

em, i { font-style: normal; }

.clearfix { zoom: 1; }

.clearfix:after { clear: both; height: 0px; font-size: 0px; visibility: hidden; display: block; content: ' '; }

input, textarea, button { resize: none; outline: none; border: 0 none; font-family: 'Microsoft Yahei'; margin: 0; background: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #d1c5a1; }

input::-ms-clear { display: none; }

.hide { display: none !important; }

.tran { -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.over { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.tecenter { text-align: center; }

.flex { display: -webkit-box; display: -webkit-flex; display: flex; }

.flexitem { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.flexalign { -webkit-box-align-items: center; -webkit-align-items: center; align-items: center; }

.lf { float: left; }

.rg { float: right; }

@keyframes fudong { 0%,
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  25%,
	75% { -webkit-transform: translate(0, -0.2rem); transform: translate(0, -0.2rem); }
  50% { -webkit-transform: translate(0, -0.4rem); transform: translate(0, -0.4rem); } }
@keyframes mfudong { 0%,
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  25%,
	75% { -webkit-transform: translate(0, -0.1rem); transform: translate(0, -0.1rem); }
  50% { -webkit-transform: translate(0, -0.2rem); transform: translate(0, -0.2rem); } }
@-webkit-keyframes showright { 0%,
	100%,
	60%,
	75%,
	90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(30rem, 0, 0); transform: translate3d(30rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-0.25rem, 0, 0); transform: translate3d(-0.25rem, 0, 0); }
  75% { -webkit-transform: translate3d(0.1rem, 0, 0); transform: translate3d(0.1rem, 0, 0); }
  90% { -webkit-transform: translate3d(-0.05rem, 0, 0); transform: translate3d(-0.05rem, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes showleft { 0%,
	100%,
	60%,
	75%,
	90% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; -webkit-transform: translate3d(-30rem, 0, 0); transform: translate3d(-30rem, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0.25rem, 0, 0); transform: translate3d(0.25rem, 0, 0); }
  75% { -webkit-transform: translate3d(-0.1rem, 0, 0); transform: translate3d(-0.1rem, 0, 0); }
  90% { -webkit-transform: translate3d(0.05rem, 0, 0); transform: translate3d(0.05rem, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
.m { display: none; }

.contents { position: relative; }

.top { height: 0.38rem; padding: 0.2rem 0; }
.top .logo { margin-top: -8px; }
.top .logo img { width: 1.56rem; }

.menu { line-height: 0.38rem; font-size: 0; }
.menu a { position: relative; font-size: 0.16rem; color: #000; }
.menu a + a { margin-left: 0.76rem; }

.wrap { width: 12rem; margin: 0 auto; position: relative; }


/* */ 
  
@charset "UTF-8";
.icon-sprite, .icon-az, .icon-ios, .icon-jx1, .icon-jx2 { background-image: url('../skin_img/icon-s19f03bbb88.png'); background-repeat: no-repeat; }

.icon-az { background-position: 0 0; height: 30px; width: 30px; }

.icon-ios { background-position: 0 -30px; height: 31px; width: 26px; }

.icon-jx1 { background-position: 0 -113px; height: 52px; width: 50px; }

.icon-jx2 { background-position: 0 -61px; height: 52px; width: 50px; }

.icon { display: inline-block; vertical-align: middle; }

/*$index-spacing: 10px;	//设置图标的间距-对smart(智能)排版不起作用
@import "index/*.png";
@include all-index-sprites;*/
.indcon { background-color: #fff; }

.top { position: absolute; left: 0; right: 0; top: 0; z-index: 1; }

.menu a { color: #fff; }

.section { height: 8.6rem; position: relative; }
.section .wrap { position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -6rem; }
.section .pic { position: absolute; }
.section .info.mal { margin-left: 0.78rem; display: inline-block; }
.section .info.mal .ptips { margin-left: 0; text-align: center; text-indent: -10px; }
.section .ptit { font-size: 0.55rem; color: #000; font-weight: bold; text-align: center; padding-top: 3.37rem; font-family: 'SourceHanSansCN-Bold, SourceHanSansCN'; }
.section .ptit .icon { margin: -0.08rem 0.17rem 0 0.17rem; }
.section .ptips { font-size: 0.36rem; color: #595A5B; margin-top: 0.2rem; margin-left: 0.17rem; font-family: 'SourceHanSansCN-Light, SourceHanSansCN'; }

.section1 { background: url(../skin_img/bg1.png) no-repeat center 0; background: #0379ff; }
.section1:before, .section1:after { content: ''; display: block; position: absolute; }
.section1:before { left: 0; top: 0; left: 0; top: 0; width: 595px; height: 700px; background: url(../skin_img/tp1.svg) right bottom; }
.section1:after { right: 0; top: 0; width: 622px; height: 314px; background: url(../skin_img/tp2.svg) left bottom; }
.section1 .wrap:before, .section1 .wrap:after { content: ''; display: block; position: absolute; }
.section1 .wrap:before { width: 36px; height: 36px; right: 50px; bottom: 230px; background: url(../skin_img/tp3.svg); }
.section1 .wrap:after { width: 143px; height: 92px; right: -150px; bottom: 370px; background: url(../skin_img/tp4.svg); }
.section1 .section-image { width: 4rem; z-index: 1; }
.section1 .section-text { width: 5.9rem; }
.section1 .pic { position: absolute; left: 0.5rem; top: 0.95rem; width: 412px; }

.section2 { height: 1.5rem; background: none; display: none; }
.section2:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: -2px; height: 2rem; background-color: #fff; -moz-transform: skew(0, -4.1deg); -ms-transform: skew(0, -4.1deg); -webkit-transform: skew(0, -4.1deg); transform: skew(0, -4.1deg); -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; }

.section-image, .section-text { position: relative; width: 6rem; }

.section-text .title { padding-top: 2.5rem; margin-bottom: 0.36rem; }
.section-text .title .pc { display: block; width: 480px; }

.info-left { position: relative; z-index: 1; width: 2.72rem; margin: 0 0.12rem; }
.info-left .abtn { display: block; width: 272px; height: 80px; line-height: 80px; font-size: 0.32rem; color: #916700; font-weight: bold; text-align: center; border-radius: 0.8rem; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTg2MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(270deg, #ffe862 0%, #ffb000 100%); background: -webkit-linear-gradient(270deg, #ffe862 0%, #ffb000 100%); background: linear-gradient(180deg, #ffe862 0%, #ffb000 100%); }
.info-left .abtn:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmY2MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(270deg, #fbff62 0%, #ff7c00 100%); background: -webkit-linear-gradient(270deg, #fbff62 0%, #ff7c00 100%); background: linear-gradient(180deg, #fbff62 0%, #ff7c00 100%); }
.info-left .abtn.ios { border: 2px solid #fff; width: 268px; line-height: 72px; height: 74px; color: #bcdbff; background: none; }
.info-left .abtn.ios span { background-image: url(../skin_img/icon_ios.svg); background-size: 169px 34px; }
.info-left .abtn span { display: block; height: 100%; background: url(../skin_img/icon_azpc.svg) no-repeat center; background-size: 1.73rem 0.32rem; }
.info-left .ptxt { font-size: 0.18rem; color: #fff; margin: 0.2rem 0; text-align: center; }
.info-left .ptxt span + span { margin-left: 0.2rem; }

.info-code { width: 1.26rem; height: 1.26rem; padding: 0.08rem; background-color: #fff; border-radius: 0.13rem; margin-left: 0.4rem; }

.animations .section-text { opacity: 0; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -moz-transform: translateY(5rem); -ms-transform: translateY(5rem); -webkit-transform: translateY(5rem); transform: translateY(5rem); -moz-transition: all 1.2s ease-out; -o-transition: all 1.2s ease-out; -webkit-transition: all 1.2s ease-out; transition: all 1.2s ease-out; }
.animations .section-image { visibility: hidden; animation-fill-mode: both; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.animations.on .section-text { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.animations.on .section-image { visibility: visible; }
.animations.on .section-image.rg { -moz-animation: showright 1s; -webkit-animation: showright 1s; animation: showright 1s; }
.animations.on .section-image.lf { -moz-animation: showleft 1s; -webkit-animation: showleft 1s; animation: showleft 1s; }

.section2 .section-image { width: 4.35rem; }
.section2 .pic1 { left: 0; top: 1.67rem; }
.section2 .pic2 { left: -0.23rem; top: 0.62rem; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }
.section2 .pic3 { left: 1.6rem; top: 2.39rem; }
.section2 .pic4 { left: 1.2rem; top: 0.16rem; }

.qiu { position: absolute; }
.qiu.qiu1 { left: -2rem; top: 1.4rem; }
.qiu.qiu2 { right: -1.5rem; top: 2.12rem; }
.qiu.qiu3 { right: -1.4rem; bottom: 1.2rem; }
.qiu.qiu4 { left: -1.29rem; top: 0.93rem; }
.qiu.qiu5 { top: 1rem; left: -1.55rem; }
.qiu.qiu6 { right: -1.5rem; top: 2.32rem; }
.qiu.qiu7 { right: -1rem; bottom: 2.5rem; }
.qiu.qiu8 { left: -2.4rem; top: 2.21rem; }

.sectionbg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #f8f8f8; -moz-transform: skew(0, 3deg); -ms-transform: skew(0, 3deg); -webkit-transform: skew(0, 3deg); transform: skew(0, 3deg); }
.sectionbg.fan { -moz-transform: skew(0, -3deg); -ms-transform: skew(0, -3deg); -webkit-transform: skew(0, -3deg); transform: skew(0, -3deg); }
.sectionbg.bg { background: #f8f8f8 url(../skin_img/qiu4.png) no-repeat right bottom -1.2rem; }

.section3 { height: 9.3rem; }
.section3 .ptit { padding-top: 3.73rem; }
.section3 .info.mal { margin-left: 1.9rem; margin-right: -1rem; }
.section3 .pic1 { left: 0; top: 2.05rem; }
.section3 .pic2 { left: 0.39rem; top: 1.33rem; }

.fudong { -moz-animation: fudong 4s linear infinite; -webkit-animation: fudong 4s linear infinite; animation: fudong 4s linear infinite; }

.section4 { height: 9.5rem; }
.section4 .pic1 { left: 0.5rem; top: 1.6rem; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }
.section4 .pic2 { left: 2.41rem; top: 1.4rem; }
.section4 .pic3 { left: 2.18rem; top: 0; }
.section4 .ptit { padding-top: 4.07rem; }
.section4 .section-image { margin-top: 0.7rem; }

.section5 { height: 11.2rem; }
.section5 .ptit { padding-top: 3.47rem; }
.section5 .pic1 { left: 0; top: 5rem; }
.section5 .pic2 { left: -0.28rem; top: 3.43rem; }
.section5 .pic3 { left: -0.2rem; top: 1rem; }
.section5 .section-text .info.mal { margin-left: 1.18rem; }


.wrapper{width: 1200px; margin: 0 auto; position: relative;}


.footer { background-color: #0379FF; overflow: hidden; position: relative; z-index: 1;  }
.footer .wrapper{ padding: 0.4rem 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer-link { margin-top: 0.92rem; padding-bottom: 0.1rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2); }

.footer-tit { font-size: 0.16rem; color: #fff; }

.footer-list { font-size: 0.14rem; color: #fff; margin-top: 0.15rem; }
.footer-list span { margin: 0 0.06rem; }

.footer-about { font-size: 0.14rem; color: #fff; margin-left: -0.3rem; text-align: center; }
.footer-about a { margin-left: 0.3rem; }
.footer-about span { font-size: 0.12rem; margin-left: 0.25rem; color: rgba(255, 255, 255, 0.6); }

.footer-text { font-size: 0.12rem; color: rgba(255, 255, 255, 0.6); margin-top: 0.2rem; }
.footer-text p { margin-top: 0.1rem; }

.footer-img { position: absolute; right: 0; bottom: 0; }
.footer-img img { width: 1.2rem; }
.footer-about .hui { margin-left: 30px; }
.footer-about .hui span { margin-left: 0; }
.footer-about .hui p { display: inline; }
.footer-about .hui p + p { margin-left: 18px; }
.footer-about .hui a{margin: 0;}
.footer-text{margin-top: 0.14rem;}
.footer a:hover{color: #fff;}
.footer-img{width: 660px;}

@media screen and (max-width: 1200px) { .pc { display: none; }
  .m { display: inline; }
  .wrap { width: 100%; }
  .top { padding: 0.6rem 0.32rem 0 0.32rem; }
  .top .logo img { width: 2.14rem; }
  .menu { margin-top: 0.08rem; }
  .menu a { font-size: 0.28rem; }
  .menu a + a { margin-left: 0.4rem; }
  .footer-link { margin-top: 0.4rem; padding-bottom: 0.2rem; }
  .footer-tit { font-size: 0.28rem; }
  .footer-list { font-size: 0.24rem; }
  .footer-about { font-size: 0; padding-right: 1rem; }
  .footer-about a { display: inline-block; font-size: 0.24rem; line-height: 0.42rem; }
  .footer-about span { display: block; font-size: 0.2rem; margin-left: 0.3rem; margin-top: 0; line-height: 0.42rem; }
  .footer-text { font-size: 0.2rem; margin-top: 0; line-height: 0.42rem; }
  .footer-text p { margin-top: 0; }
  .footer-img { position: static; margin-top: 0.1rem; }
  .footer-img img { width: 1.25rem; }
  .whitbox { background-color: #fff; } }
  
@media screen and (max-width: 1200px) { .top .logo img { width: 2.15rem; }
  .icon { background-size: 100% 100%; background-position: 0 0; }
  .icon-az { float: none !important; width: 0.3rem; height: 0.3rem; margin: -0.04rem 0.2rem 0 0 !important; background-image: url(../skin_img/icon/az.png); }
  .section .wrap { margin-left: 0; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .section .info { text-align: center; }
  .section .info.mal { margin-left: 0; display: block; }
  .section .ptips { margin-left: 0; margin-top: 0.05rem; font-size: 0.36rem; text-indent: 0 !important; }
  .section .ptit { text-align: center; font-size: 0.6rem; }
  .section .ptit .icon { width: 0.32rem; height: 0.35rem; margin-top: 0.01rem; }
  .section .ptit .icon-jx1 { background-image: url(../skin_img/jx1.png); }
  .section .ptit .icon-jx2 { background-image: url(../skin_img/jx2.png); }
  .section1 { height: 16rem; background: url(../skin_img/bg1s.png) no-repeat; background-size: 100% 100%; background-color: #0379ff; }
  .section1:before, .section1:after { display: none; }
  .section1 .wrap:before, .section1 .wrap:after { display: none; }
  .section1 .pic.m { position: static; display: block; width: 6.49rem; margin-left: 0.48rem; }
  .section-text, .section-image { width: 100% !important; }
  .section-text .title { padding-top: 1.5rem; }
  .section-text .title .m { display: block; width: 4.26rem; margin: 0 auto; }
  .section-text .title .pc { display: none; }
  .info-left { width: 100%; }
  .info-left .abtn { margin: 0 auto; width: 4rem; height: 0.88rem; line-height: 0.88rem; }
  .info-left .abtn span { background-image: url(../skin_img/icon_azm.png); background-size: 2.25rem 0.45rem; }
  .info-left .ptxt { font-size: 0.24rem; }
  .qiu.qiu1 { width: 0.91rem; left: 0.48rem; top: auto; bottom: 1.68rem; }
  .qiu.qiu2 { width: 3.04rem; right: 1.01rem; top: 2.9rem; }
  .qiu.qiu3 { width: 1.1rem; right: 0.65rem; bottom: 4.53rem; }
  .qiu.qiu4 { width: 3.34rem; left: 0.65rem; top: 2.65rem; }
  .qiu.qiu5 { width: 1.09rem; left: 0.5rem; top: 6rem; }
  .qiu.qiu6 { width: 3.79rem; height: 3.52rem; right: 0.68rem; top: 2.76rem; }
  .qiu.qiu8 { width: 3.09rem; left: 0.65rem; }
  .section2 { height: 12.1rem; display: none; }
  .section2:before { display: none; }
  .section2 .ptit { padding-top: 1.5rem; }
  .section2 .section-image { margin-top: 0.15rem; width: 6rem !important; margin: 0 auto; }
  .section2 .pic4 { width: 4.18rem; }
  .section2 .pic3 { width: 2.71rem; }
  .section2 .pic2 { width: 4.18rem; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
  .section2 .pic1 { width: 3.42rem; height: 1.36rem; left: -0.07rem; }
  .section3 { height: 8.4rem; }
  .section3 .info.mal { margin-right: 0; }
  .section3 .ptit { padding-top: 0.6rem; }
  .section3 .pic1 { width: 4.82rem; }
  .section3 .pic2 { width: 4.69rem; }
  .section3 .section-image { width: 4rem !important; margin-left: 1.3rem; margin-top: -1rem; }
  .section4 { height: 10.6rem; }
  .section4 .section-image { margin-top: 0; }
  .section4 .ptit { padding-top: 0.5rem; }
  .section4 .pic1 { width: 5.4rem; left: 0.05rem; }
  .section4 .pic2 { width: 3.49rem; left: 1.94rem; }
  .section4 .pic3 { width: 4.91rem; left: 1.78rem; }
  .section5 { height: 12.9rem; }
  .section5 .section-image { width: 4rem !important; margin: -1.7rem 0 0 1.5rem; }
  .section5 .info.mal { margin-left: 0 !important; }
  .section5 .ptit { padding-top: 0.6rem; }
  .section5 .pic1 { width: 3.87rem; top: 4.28rem; left: 0.28rem; }
  .section5 .pic2 { width: 5.64rem; height: 2.46rem; top: 3.5rem; left: -0.58rem; top: 3.7rem; }
  .section5 .pic3 { width: 5.45rem; left: -0.45rem; top: 1.4rem; }
  .sectionbg.bg { background: #f8f8f8; }
  .footer-top-left { left: 0; right: 0; top: -1.7rem; text-align: center; }
  .footer-top-left img { width: 2.1rem; }
  .footer-top { padding-left: 0; padding-top: 1.7rem; }
  .footer-top-right { text-align: center; }
  .footer-top-right .ptit { font-size: 0.32rem; margin-bottom: -0.05rem; }
  .footer-top-right .ptxt, .footer-top-right .ptips { font-size: 0.24rem; margin-top: 0.15rem; }
  .footer-top-right .pinfo { margin-top: 0; }
  .footer-top-right .pbtn a { width: 2.7rem; line-height: 0.66rem; height: 0.66rem; font-size: 0.28rem; }
  .animations .section-image { -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; }
  .fudong { -moz-animation: mfudong 3.5s linear infinite; -webkit-animation: mfudong 3.5s linear infinite; animation: mfudong 3.5s linear infinite; }
  .wrapper{width: auto;}
  .footer-about{margin-left: 0; padding-right: 0;}
  .footer-about .hui{margin: 0;}
  .footer-text{margin-top: 0;}
  .footer-img{width: 100%;}
  .footer-img .pc{display: block;}