﻿@charset "utf-8";
/* CSS Document */
.w1200{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:before,.clearfix:after{ clear:both; content:""; display:block; height:0; visibility:hidden;}
.mt138{ margin-top:138px;}
.pdown-bg{ position:absolute; width:100%; height:100%; top:0; z-index:-1;}
.pdown-bg1{ background:#5ba4fc;}
.pdown-bg2{ background:#fd7a72;}
.pdown-bg3{ background:#a2ce5d;}
.pdown-bg4{ background:#6371aa;}

/*轮播*/
/* 本例子css */
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; max-width:1920px; margin-left:auto; margin-right:auto;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; text-align:center; bottom:65px; z-index:1; width:100%; }
.slideBox .hd ul{ overflow:hidden; zoom:1;  }
.slideBox .hd ul li{ display:inline-block; vertical-align:middle; margin-right:13px;  width:10px; height:10px; text-align:center; border:1px solid rgba(255,255,255,0.4); cursor:pointer; color:transparent; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; }
.slideBox .hd ul li.on{ border-color:#fff; background:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.tempWrap{ height:100%;}
.slideBox .bd ul{ height:100%;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; height:100%;}
.slideBox .bd img{ }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.pdown-img{ display:block; height:579px; width:auto; }
.pdown-img img{display:block; margin-left:auto; margin-right:auto; max-width:100%;height:100%;}
.pdown-txt{ margin-top:24px;}
.pdown-txt h6{ color:#ffffff; font-family:"微软雅黑"; font-size:48px; line-height:84px;}
.pdown-txt p{ color:#ffffff; font-family:"微软雅黑",Regular; font-size:30px; line-height:46px; font-weight:100;}

.image-container{display: flex; /* 设置为flex布局 */
        justify-content: space-between;/* 水平居中对齐 */
        margin-left: 30px; /* 设置左边外边距为像素 */
        margin-right: 50px; /*设置右边外边距为像素 */
        margin-top: 30px; /*上*/
        margin-bottom: 30px;/*下*/
    }


.w744{ width:744px;}
.w456{ width:456px;}
.pdown-logo{ margin-top:44px;}
.pdown-logo .logo-img{ display:inline-block; vertical-align:middle; width:117px; height:117px; font-size:0px;}
.pdown-logo .logo-img img{ display:inline-block; vertical-align:middle; width:100%;height:100%;}
.pdown-logo .logo-txt{ display:inline-block; vertical-align:middle; margin-left:49px;}
.pdown-logo .logo-txt h6{ color:#ffffff; font-family:"微软雅黑", Bold; font-size:38px; line-height:1; letter-spacing:5px;  }
.pdown-logo .logo-txt p{color:#ffffff; font-family:"微软雅黑", Regular; font-size:14px; line-height:1; margin-top:19px; }
.pdown-tit{ color:#ffffff;font-family:"微软雅黑",Regular; font-size:30px; line-height:36px; margin-top:36px;}
.pdown-code{ margin-left:2px; margin-top:36px;}
.pdown-code img{ display:block; width:132px; height:132px;}
.pdown-link{ margin-top:40px; margin-left:3px; font-size:0px;}
.pdown-link .link_ios{display:inline-block; vertical-align:middle; font-family: 微软雅黑; font-size:0px; color:#ffffff; border:1px solid #fff; border-radius:4px; line-height:58px; height:58px; padding-left:28px; padding-right:26px; margin-right:65px;}
.pdown-link img{display:inline-block; vertical-align:middle; line-height:60px; width:187px;}
.pdown-link a:hover{ text-decoration:none;}
.pdown-link a span{font-family:"微软雅黑",Regular; font-size:20px; display:inline-block; vertical-align:middle;}
.pdown-link i{ background:url(../images/pdown-iphone.png) no-repeat; background-size:31px auto; display:inline-block; vertical-align:middle; width:31px; height:38px; margin-right:20px;}
.pdown-link i.pdown-ios{ background-position:0px 0px;}
.pdown-link a.link-android1{ background:#fff; color:#5ba4fc;}
.pdown-link .link-android1 i.pdown-android{ background-position:0px -43px;}
.pdown-link a.link-android2{ background:#fff; color:#fd7a72;}
.pdown-link .link-android2 i.pdown-android{ background-position:0px -86px;}
.pdown-link a.link-android3{ background:#fff; color:#a2ce5d;}
.pdown-link .link-android3 i.pdown-android{ background-position:0px -129px;}
.pdown-link a.link-android4{ background:#fff; color:#6371aa;}
.pdown-link .link-android4 i.pdown-android{ background-position:0px -172px;}
.pdown-logo .logo-img{ display:inline-block; vertical-align:middle; width:117px; height:117px; font-size:0px; overflow:hidden; border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -moz-border-radius:20px;-ms-border-radius:20px;}

.pdown-main{ position:absolute; max-width:1200px; width:100%; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); padding-bottom:0px;}

@media screen and (max-height:800px){
    .pdown-img{ height:445px;}
    .pdown-txt h6{ font-size:36px; line-height:64px;}
    .pdown-txt p{ font-size:23px; line-height:35px;}
    .pdown-main{ padding-bottom:8px;}
    .slideBox .hd{ bottom:43px;}
    .pdown-logo .logo-img{ width:90px; height:90px;}
    .pdown-logo .logo-txt h6{ font-size:29px;}
    .pdown-logo .logo-txt p{ font-size:12px; margin-top:15px;}
    .pdown-tit{ font-size:23px; margin-top:27px;}
    .pdown-code img{ width:101px; height:101px;}
}
@media screen and (max-width:1200px){
    .w744{ width:62%;}
    .w456{ width:38%;}







body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}
*{
	font-family: arial,sans-serif,"Microsoft YaHei",STHeiti,"Droid Sans Fallback",sans-serif;
	cursor: pointer;
}
*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
    height: 100%; width:100%; overflow:hidden; margin:0px; padding:0px;
}

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

ul,li,ol{list-style-type: none;}
a{text-decoration: none;}

body{
	max-width: 750px;
	margin: 0 auto;
	line-height: inherit;
	overflow-x:scroll;
}
.tc{ text-align:center;}
/*reset-END*/
.s_middle{ position:absolute; width:100%; height:auto; max-width:750px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);  padding-bottom:1.58rem; }
.down-logo{ /*margin-top:0.99rem;*/ /*margin-top:0.52rem;*/ text-align:center; font-size:0px;}
.down-logo span.logo-img{ display:inline-block; vertical-align:middle; width:0.8rem; font-size:0px;}
.down-logo .logo-img img{ display:inline-block; width:0.8rem; height:0.8rem;}
.down-logo .logo-txt{ display:inline-block; vertical-align:middle; text-align:left; margin-left:0.38rem;}
.down-logo .logo-txt h6{ color:#ffffff; font-family:"微软雅黑", Bold; font-size:0.3rem; letter-spacing:0.17rem;}
.down-logo .logo-txt p{ color:#ffffff; font-family:"微软雅黑", Regular; font-size:0.15rem;}
.down-img{ /*padding-top:79.47%;*/ height:5.96rem; /*margin-top:0.76rem;*/margin-top:0.5rem;}
.down-img img{ display:block; width:auto; height:5.96rem; margin-left:auto; margin-right:auto;}
.down-txt { /*margin-top:0.71rem;*/ margin-top:0.5rem;color:#ffffff;}
.down-txt h6.txt-tit{  font-size:0.37rem;}
.bottom{  position:absolute; width:100%; bottom:1.45rem; }
.down-lun{ position:relative; height:0.1rem; /*margin-top:0.57rem;*/margin-top:0.36rem;}
.down-txt p.txt-explain{ color:#ffffff; font-size:0.24rem; margin-top:0.1rem; }
.down-link{ font-size:0px; /*margin-top:0.45rem;*/ margin-top:0.4rem;}
.down-link a{ display:inline-block; color:#ffffff; font-family:Adobe, "黑体", Std, R; line-height:0.68rem; padding-left:0.28rem; padding-right:0.28rem; border:1px solid #fff; border-radius:10px; margin-left:0.32rem; margin-right:0.32rem; font-size:0px;}
.down-link a span{ font-size:0.3rem; display:inline-block; vertical-align:middle;}
.down-link a i{ background:url(../images/down-bg.png) no-repeat; background-size:0.4rem auto; width:0.4rem; height:0.36rem; display:inline-block; vertical-align:middle; margin-right:0.25rem;}
.down-link a .down-icon1{ background-position:0rem 0rem;}
.down-link a .down-icon2{ background-position:0rem -0.44rem;}
.txt-img{display:block; height:0.84rem; width:auto; margin-left:auto; margin-right:auto;}



/*轮播图*/
.swiper-container { margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-container-no-flexbox .swiper-slide { float: left;}
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0.16rem;left: 0;width: 100%;}
/* Bullets */
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background: #000;opacity: 0.4;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet {background: #fff;}
.swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff;}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000;}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;-webkit-transform: translate3d(0px, -50%, 0);transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 5px 0;display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
/* Pagination Styles */
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10; font-size:0px;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-container { width: 100%; } 
.swiper-container img {display: block;}

/*轮播修改*/
.swiper-bg{ z-index:-1; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.swiper-container { width: 100%; height:100%; margin:0px; padding:0px; position:relative;} 
.swiper-container img { display: block;}
.swiper-slide1{ background:#5ba4fc;}
.swiper-slide2{ background:#fd7a72;}
.swiper-slide3{ background:#a2ce5d;}
.swiper-slide4{ background:#6371aa;}
.swiper-pagination{ font-size:0px;}
.swiper-pagination{ bottom:0rem; width:100%;}
.swiper-pagination-bullet-active{ background:#fff !important; }
.swiper-pagination-bullet{ background:#fff !important; margin-right:0.32rem; width:0.1rem; height:0.1rem;}
/*轮播-END*/

/*下载*/
.download_layer{ z-index:2; position:fixed; width:100%; max-width:750px; height:100%; left:auto; top:0px; background:rgba(0,0,0,0.7) url(../images/right-tip.png) top 0.3rem right 0.5rem no-repeat; background-size:58% auto; display:none;}

.app-fixed{ position:fixed; z-index:2; bottom:0.8rem; width:100%; max-width:750px; left:auto;}

.down-logo span.logo-img{ display:inline-block; vertical-align:middle; width:0.8rem; font-size:0px; overflow:hidden; border-radius:0.2rem; -webkit-border-radius:0.2rem; -o-border-radius:0.2rem; -moz-border-radius:0.2rem; -ms-border-radius:0.2rem;}
}




















