@charset "utf-8";
.app_banner{ height:427px; background:url(../images/app_banner.jpg) center no-repeat; color:#fff; position:relative; overflow:hidden;}
.app_bannerBg{ height:100%; background:url(../images/BanBg.jpg); opacity:0.1;}
.app_bannercon{ width:335px; height:293px; position:absolute; top:64px; left:50%; margin-left:-550px;  overflow:hidden;}
.app_bannerconT{ padding:36px; font-size:37px; line-height:60px; background-color:#f75314;}
.app_bannerconD{ width:219px; height:25px; margin-top:8px; background:url(../images/app-mobi.png) left no-repeat; font-size:16px; line-height:25px; text-indent:60px;}
.app_qrcode{ width:1100px; /*height:389px;*/ margin:25px auto 16px; overflow:hidden; background:url(../images/APP_qrappBg.jpg) left no-repeat;}
.app_qrcodecon{ float:right; width:628px; margin-top:18px;}
.app_qrcodelist1{ color:#333; font-size:30px; margin-bottom:6px; font-weight:bold;}
.app_qrcodelist2{ font-size:18px; color:#666px; margin-bottom:11px;}
.app_qrcodelist3{ overflow:hidden; text-align:center;}
.app_qrcodelist3 img{ margin-right:10px;}
.app_qrcodelist3 a img{ margin:35px 0 0 0;}

.Micapp_advant{ padding:30px 0; background-color:#f5f5f5;}
.Micapp_advant h1{ color:#333;}
.Micapp_advant ul{ width:960px; margin:17px auto 0; font-size:24px; color:#666;}
.Micapp_advant ul li{ margin-bottom:6px;}

.app_stra{ height:100px; background-color:#e75d5d; text-align:center; line-height:100px; font-size:40px; color:#fff;}
.app_stra font{ color:#fb0;}

.appfun{ padding:34px 0 0; background:#323232; color:#fff;}
.appfun h1{ color:#fff;}
.appfun .micform{ text-align:center; font-size:20px;}
.appfunlist{ width:1104px; margin:0 auto; overflow:hidden; margin-top:30px;}
.appfunlist ul li{ float:left; width:342px; height:192px; margin:0 39px 39px 0;}
.appfunlist ul li.marginR0{ margin-right:0;}
li.Bgcolor1{ background-color:#397fc2;}
li.Bgcolor2{ background-color:#7cbb00;}/*li2銆乴i11*/
li.Bgcolor3{ background-color:#ffbb00;}/*li3銆乴i12*/
li.Bgcolor4{ background-color:#61b42f;}
li.Bgcolor5{ background-color:#d90073;}
li.Bgcolor6{ background-color:#f18c38;}
li.Bgcolor7{ background-color:#2e8bf0;}/*li7銆乴i9*/
li.Bgcolor8{ background-color:#f65314;}
li.Bgcolor10{ background-color:#c829d0;}
li.Bgcolor13{ background-color:#c7200e;}
li.Bgcolor14{ background-color:#f18d38;}
li.Bgcolor15{ background-color:#00a1f1;}
.appfun_title,.appfun_con{ width:284px; margin:0 auto; font-size:15px;}
.appfun_title{ margin:20px auto 7px auto; font-size:20px;}
.appfun_more{ font-size:40px; line-height:48px; width:204px; margin:45px auto;}

.app_advant{ padding:30px 0 24px 0;}
.app_advant h1{ margin-bottom:30px; color:#333;}
.app_adcon{ width:1100px; height:285px; margin:0 auto; background:url(../images/app_advant.jpg) right no-repeat;}
.round{ width:38px; height:38px; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px; -o-border-radius:19px; -ms-border-radius:19px;  background:#333; line-height:38px; text-align:center; font-size:30px; color:#fff; position:relative; z-index:2; behavior:url(css/ie-css3.htc);}
p.font25{ font-size:25px;}
p.font16{ font-size:16px;}
.app_advant .round{ margin-right:5px;}
.app_advant p.font25{ line-height:38px;}
.app_advant1{ margin-bottom:20px;}

.app_exper{ padding:30px 0; background:#f5f5f5;}
.app_exper h1{ color:#333;}
.app_exper .app_experios,.app_exper .app_experandroid{ width:1080px; height:262px; margin:0 auto;}
.app_exper .app_experios{ background:url(../images/appexper_ios.jpg) left center no-repeat;}
.app_exper .app_experandroid{ background:url(../images/appexper_android.jpg) right center no-repeat;}
.app_exper .line{ width:1080px; border-top:1px dashed #8c8c8c; margin:30px auto;}
.app_exper div ul{ width:774px;}
.app_exper div ul li{ font-size:20px; color:#333; line-height:38px; clear:both; margin-bottom:12px;}
.app_exper .app_experios ul li .round{ background:#177bb2; margin-right:4px;}
.app_exper .app_experandroid ul li .round{ background:#7da407; margin-right:4px;}

.app_case{ padding:30px 0 24px; background:#f1a733; text-align:center;}
.app_case h1{ color:#fff;}
.app_case p{ height:25px; margin:10px 0 30px; font-size:25px; color:#fff;} 

.app_release{ background:#323640; padding:30px 0; color:#fff;}
.app_release h1{ color:#fff;}
.apprelease_ios,.apprelease_an{ width:1100px; margin:20px auto;}
.apprelease_ios h2,.apprelease_an h2{ font-size:25px; margin-bottom:15px;}
.apprelease_ios ul li,.apprelease_an ul li{ float:left; text-align:center; margin-right:50px;}
.apprelease_ios ul li p,.apprelease_an ul li p,.app_push ul li p{ font-size:15px;}

.app_push{ padding:30px 0; background:#d6303a; text-align:center; color:#fff;}
.app_push h1{ color:#fff;}
.app_push h2{ margin:15px auto;}
.app_push ul{ width:1100px; margin:0 auto;}
.app_push ul li{ margin-right:50px; float:left;}
.app_push ul li.push_info img{ margin-top:100px;}

.usercase{ background:#68c3c4; padding:30px 0;}
.usercase h1{ color:#fff; margin-bottom:15px;}
.usercase div{ width:1100px; margin:0 auto; text-align:center;}
.usercase div img{ margin-right:10px;}

.user_more{ background:#51acad; height:50px; line-height:50px; text-align:center; font-size:20px;}
.user_more a{ color:#fff;}

.app_paying,.app_data{ padding:30px 0; text-align:center;}
.app_paying h1{ color:#666; margin-bottom:30px;}

.app_data{ background:#f5f5f5;}
.app_data h1{ color:#5672c3; font-size:30px;}
.app_data p{ height:25px; font-size:25px; color:#666; margin:10px 0 20px;}

.app_open{ height:60px; background:#029875; line-height:60px; font-size:30px; text-align:center;}
.app_open a{ color:#fff;}