*{box-sizing: border-box;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
body, html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal} 
a,a:hover{outline:none; text-decoration:none; color:#eee; cursor:pointer}
button,html input[type="button"] {outline:none; cursor:pointer; background:none}
html {
    color: #333;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
body {
    font-family: Helvetica,Charter,PingFang SC,Microsoft YaHei,Arial,sans-serif;
    background-color: #fff;
    font-size: 12px;
}
.clearfix:after, .clearfix:before{
    content: " ";
    display: table;
}

.clearfix:after{
    clear: both;
}
.wrapper{
    position: relative;
}
html.desktop .wrapper{
    min-width: 768px;
}
.main{
    width: 100%;
    position: relative;
    padding: 0 1.12721rem 0.80515rem;
    overflow: hidden;
    min-height: 11.51369rem;
}
.main .bg{
    width: 100%;
    height: 100%;
    background: url(../img/home_bg_pc.jpg) 100% 0 no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.header{
	width: 100%;
    padding: 0.32206rem 0;
	position: relative;
}
.header .logo{
    text-decoration: none;
    font-size: .32206rem;
	display: inline-block;
}
.header .logo img{
    width: 2.38325rem;
    height: 0.57971rem;
    display: inline-block;
    vertical-align: middle;
}
.main-content .left{
    float: left;
    padding-top: 0.3153rem;
    width: 50%;
    z-index: 1;
}
.main-content .left .apptext{
    position: relative;
    z-index: 2;
    width: 6.48205rem;
    margin: 0 auto;
}
.main-content .left .apptext img{
	width: 100%;
}
.main-content .left .down-wrapper{
    position: relative;
    z-index: 1;
    text-align: center;
}
.main-content .left .down-wrapper .btn-down{
    min-width: 2.97907rem;
    max-width: 7.24638rem;
    padding: 0.22544rem 0.48309rem;
    text-align: center;
    color: #4853e3;
    background: -webkit-linear-gradient(top,#fff,#eee);
    background: linear-gradient(180deg,#fff,#eee);
    border-radius: 0.80515rem;
    display: inline-block;
    font-weight: 700;
    font-size: .30596rem;
    margin: 0.32206rem 0.16103rem 0;
}
.main-content .left .down-wrapper .btn-down:hover{
	background: #f5f5f5;
}
.main-content .left .down-wrapper .btn-down img{
	height: 0.32883rem;
}
.main-content .left .down-code{
	width: 6.48205rem;
    margin: 0.32206rem auto 0;
    position: relative;
    z-index: 1;
	display: none;
}
.main-content .left .down-code p{
	width: 2.07907rem;
	margin-bottom: 0.16103rem;
    font-size: 0.28412rem;
	color: #fff;
    font-weight: 400;
	text-align: center;
	display: block;
}
.main-content .left .down-code canvas{
	width: 2.07907rem;
	border: 0.12412rem solid #fff;
}
.main-content .right{
    float: right;
    width: 50%;
    position: relative;
}
.main-content .right .appshow{
    position: relative;
    z-index: 2;
    width: 7.05225rem;
    padding-top: 1.00515rem;
    margin: 0 auto;
}
.main-content .right .appshow img{
	width: 100%;
}
.wrapper .app-ani{
    width: 100%;
    height: 9.83897rem;
	margin-top: 1.24928rem;
    padding-bottom: 1.28824rem;
}
.wrapper .app-ani h1{
    font-size: .64412rem;
    text-align: center;
    font-weight: 400;
}
.wrapper .app-ani .showSvg{
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.wrapper .app-ani .blingcircle{
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: tobig 2s linear infinite;
    animation: tobig 2s linear infinite;
}
.intro-wrapper{
    position: relative;
    z-index: 2;
    padding-left: 2.06119rem;
    padding-right: 1.48953rem;
    padding-top: 1.52979rem;
    text-align: left;
    overflow-x: hidden;
}
.intro-wrapper .intro-item{
    margin-bottom: 1.52979rem;
    height: 7.08535rem;
}
.intro-wrapper .intro-item .left{
    float: left;
    width: 50%;
    height: 100%;
	text-align: center;
}
.intro-wrapper .intro-item .right{
    float: right;
    width: 50%;
    height: 100%;
	text-align: center;
}
.intro-wrapper .desc-img{
	max-width: 100%;
    height: 100%;
}
.comments{
    padding-top: 1.22383rem;
    padding-bottom: 1.61031rem;
    text-align: center;
}
.comments .com-title{
    font-size: .64412rem;
    font-weight: 400;
    margin-bottom: 1.28824rem;
    color: #333;
}
.comments .carousel-wrapper{
    width: 65%;
    margin: 0 auto;
    padding: 0 0.60386rem;
}
.comments .carousel-comments{
    font-size: .2496rem;
    min-height: 1.22383rem;
    margin-bottom: 0.91787rem;
    color: #747d87;
    text-align: center;
    padding: 0 0.24155rem;
    line-height: .57971rem;
}
.comments .carousel-comments p{
	display: none;
}
.comments .carousel-container{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 0.72464rem;
}
.comments .carousel-container .nav-arrow{
    background: url(../img/arrow.svg) no-repeat 50%;
    background-size: 100% 100%;
    width: 0.72464rem;
    height: 0.72464rem;
    display: block;
    position: absolute;
    top: 50%;
    opacity: .3;
    z-index: 10;
    cursor: pointer;
    margin-top: -0.16103rem;
}
.comments .carousel-container .nav-arrow.car-left{
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.comments .carousel-container .nav-arrow.car-right{
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.comments .carousel-container .swiper-container{
    overflow: hidden;
}
.comments .carousel-container .swiper-wrapper{
	position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.comments .carousel-container .swiper-slide{
    transition: 300ms;
	transform: scale(0.5);
	flex-shrink: 0;
}
.comments .carousel-container .swiper-slide-active{
    transform: scale(1);
}
.comments .carousel-container .swiper-slide img{
    width: 100%;
}
.down-bot{
    text-align: center;
    margin-top: 2.33494rem;
    padding: 0 1.0306rem 1.61031rem;
}
.down-bot h3{
    font-size: .64412rem;
    font-weight: 400;
    margin-bottom: 1.28824rem;
}
.down-bot .btn-down{
    width: 25%;
    display: inline-block;
    text-align: center;
}
.down-bot .app-img{
    width: 2.89855rem;
    margin: 0 auto 0.62206rem;
    display: block;
}
.down-bot .down-img{
    position: relative;
    width: 2.89855rem;
    min-width: 65%;
    display: block;
    margin: 0 auto;
}
.footer{
    padding: 0 0.38647rem;
}
.footer .content{
    padding: 0.61192rem 1.0306rem;
    border-top: 0.02415rem solid #d1dce4;
}
.footer .fleft{
    float: left;
    width: 50%;
    text-align: left;
}
.footer .fleft .bflogo img{
    width: 1.75523rem;
    height: 0.46699rem;
    display: inline-block;
    vertical-align: middle;
}
.footer .fleft .contact{
    color: #747e8b;
    line-height: 0;
    margin-top: 0.32206rem;
}
.footer .fleft .contact .subtitle{
    font-size: .19324rem;
    display: inline-block;
    vertical-align: middle;
}
.footer .fleft .contact a{
    width: 0.37037rem;
    height: 0.37037rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.06441rem;
}
.footer .fleft .copyright{
    font-size: .19324rem;
    color: #747e8b;
    margin-top: 0.32206rem;
}
.footer .fright{
    float: right;
    width: 50%;
    font-size: .19324rem;
}
.footer .fright .fritem{
    float: left;
    width: 50%;
    padding: 0 0.24155rem;
}
.footer .about{
    text-align: left;
    min-width: 2.01288rem;
}
.footer .content h3{
    font-size: .28986rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 0.16103rem;
    text-align: left;
}
.footer .down-platform .btn-down{
    display: block;
    color: #747e8b;
    opacity: .8;
    text-decoration: none;
    font-size: .19324rem;
    text-align: left;
    line-height: .45089rem;
}
.footer .about a{
    display: block;
    color: #747e8b;
    opacity: .8;
    text-decoration: none;
    font-size: .19324rem;
    text-align: left;
    line-height: .45089rem;
}
.qrcode_dialog{
	width: 250px;
	height: 270px;
	margin: -125px 0 0 -135px;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	z-index: 999999;
}
.qrcode_dialog h6{
	font-size: 16px;
	text-align: center;
}
.qrcode_dialog .qrcode{
	width: 180px;
	margin: 20px auto 0;
}
html.mobile #app{
    max-width: 768px;
    margin: 0 auto;
}
html.mobile .main{
    padding: 0 0.40258rem 0.80515rem;
}
html.mobile .main .bg{
	background-image: url(../img/home_bg_tel.png);
}
html.mobile .main-content .left,
html.mobile .main-content .right{
	width: 100%;
	float: none;
}
html.mobile .main-content .left .apptext{
	width: 90%;
}
html.mobile .main-content .right .appshow{
	width: 100%;
}
html.mobile .main-content .left .down-wrapper .btn-down{
	width: 100%;
	padding: 0.33816rem 0.48309rem;
}
html.mobile .main-content .left .down-wrapper .btn-down img{
	max-width: 100%;
	height: 0.52802rem;
}
html.mobile .wrapper .app-ani h1,
html.mobile .comments .com-title,
html.mobile .down-bot h3{
    font-size: .54412rem;
}
html.mobile .intro-wrapper{
    padding: 0 0.40258rem;
}
html.mobile .intro-wrapper .intro-item .left,
html.mobile .intro-wrapper .intro-item .right{
	width: 100%;
	height: auto;
	float: none;
}
html.mobile .intro-wrapper .desc-img{
	height: auto;
}
html.mobile .intro-wrapper .intro-item{
	height: auto;
	margin-bottom: 0;
}
html.mobile .comments{
    padding-top: 0.72464rem;
    padding-bottom: 1.41707rem;
}
html.mobile .comments .com-title{
	margin-bottom: 0.24155rem;
}
html.mobile .comments .carousel-wrapper{
	width: 100%;
    padding: 0 0.60386rem;
}
html.mobile .comments .carousel-comments{
	font-size: 0.31401rem;
    line-height: 0.57971rem;
}
html.mobile .down-bot{
	margin-top: 1.44928rem;
}
html.mobile .down-bot .btn-down{
	width: 80%;
}
html.mobile .footer .content{
    padding: 0.48309rem 0.43478rem;
}
html.mobile .footer .fleft{
	width: auto;
	float: none;
}
html.mobile .footer .fright{
	display: none;
}
@-webkit-keyframes tobig{
	0%{
		-webkit-transform:scale(.9);
		transform:scale(.9)
	}
	50%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	to{
		-webkit-transform:scale(.9);
		transform:scale(.9)
	}
}
@keyframes tobig{
	0%{
		-webkit-transform:scale(.9);
		transform:scale(.9)
	}
	50%{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	to{
		-webkit-transform:scale(.9);
		transform:scale(.9)
	}
}