@charset "utf-8";
/* CSS Document */

body { font-family:微软雅黑; color:#666}
.box { clear: both; zoom: 1;}
ul{ margin:0; padding:0}
h1{ font-size:36px}
.box:after { clear: both; display: block; visibility: hidden; height: 0; content: ".";}
.navbar-default { background-color:#ffffff; border:0; border-top:4px solid #00a3da}
.navbar-default h1 { margin:0;margin-top: 5px;}
.navbar-brand { width:140px; height:50px; background-image:url(../images/logo1.png);background-size: 80% 80%; background-repeat: no-repeat; background-position: 6px 6px; padding: 0; text-indent:-9999px}
.nav-col{float:right}
.big-01 {background-image:url(../images/1.jpg);background-position: 55%;background-size: cover;}
.big-02 {background-image:url(../images/2.jpg);background-position: 50%;background-size: cover;}
.big-03 {background-image:url(../images/3.jpg);background-position: right top;background-size: cover;}
.big-04 {background-image:url(../images/4.jpg);background-position: 50%;background-size: cover;}
.section { font: "Microsoft Yahei"; color: #fff;}
.container-km { width:90%; height:300px; margin-top:50px;}
.container-fluid {margin:0 auto;}
.section h1{ margin-top:80px;}
.section .big-03 h1{ margin-top:80px;}
.section h1,.section h2,.section h3 { }
@media (min-width: 768px){
h1{ font-size:40px}
.container-fluid {width: 1180px;}
.section{height: 510px!important;}
.container-km { width:1180px; height:460px;}
.big-01 {background-image:url(../images/1.jpg)}
.big-02 {background-image:url(../images/2.jpg)}
.big-03 {background-image:url(../images/3.jpg)}
.big-04 {background-image:url(../images/4.jpg)}
.section h1{ margin-top:150px;}
.section .big-03 h1{ margin-top:120px;}
}
.context { position:absolute; width:100%; margin:0 auto; z-index:9999;}
.section img { display: block; max-width: 100%; height: auto;}
.section p { position: relative; bottom: -120%;}
.section button { margin:10px}
.carousel-indicators {position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;
}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px;  margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff;  border-radius: 10px;}
.carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff;}

/**/
.list-backg { background-color:#f1f1f1}
.list-box .list-icon{ text-align:center; padding-top:20px}
.list-icon span { color:#36F; font-size:100px;}
.list-imgtext .container { padding:10px 0;width:90%; }
.list-imgtext li { margin-left:20px; padding:5px 0; font-size:18px}
.list-imgtext img { width:100%; }
.list-imgtext h2,.list-imgtext h3,.list-imgtext h4 { }
.t9 h3 { text-align:center; color:#666; height:40px}
@media (min-width: 768px){
	.list-imgtext .container{ width:1180px;}
	.list-imgtext img { width:100%; margin:10px}
}
/**/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.navbar-default .navbar-nav>li>a{ color:#505050;padding-top: 23px;padding-bottom: 23px; font-size:16px}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color:#505050}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#FFF;background-color:#00a3da}
.show01 { }
.show01 li { margin-left:20px;}
.show02 h1 { margin-top:50px; font-size:30px}
.show02 li h3{ font-size:16px; margin:5px 0}
.show01 .btn-lg { margin-top:10px}
.show03 { color:#666}
.btn-icon,.list-text h3, .list-text p { text-align:center}
.btn-icon img {width:100px;}
.list-bigtext img { width:80px}
.list-grea li { color:#1999ca}
.list-grea li h4 { color:#7a7a7a; margin:0}
.list-grea li span { color:#d2d2d2; font-style:italic; font-size:28px; padding-right:15px;}
.list-work { width:100%; margin:0 auto}
.list-height { line-height:2}
.list-height2 { line-height:1.2}
.list-phone { text-align:center}
.list-title {padding-top:0px}
.list-bigtxt { font-size:18px}
.list04 .col-md-7 img,.list-weibo1 img {width:100%;}
.list-weibo1,.list-weibo2 {width:100%;text-align:center}
.enDownload{position: relative;}
.apk_download{ width: 50%; float: left;}
.ios_download_btn{ position: absolute; width: 50%; top:3px; left: 0;}
.android_download_btn{ position: absolute; width: 50%; bottom: 3px; left:  0}
.download_qrcode{ width: 48%; float: left; margin-left: 52%;}
.download_qrcode img{ width: 100%;}
.enDownload:after{display: block;height: 0; content: ""; clear: both;}
@media (min-width: 768px){
.show01 { text-align:left; margin:0 100px}
.show02 h1 { margin-top:90px; font-size:36px}
.show02 li h3{ font-size:24px; margin:25px 0}
.list-bigtext img { width:150px}
.list-work { width:70%; margin:0 auto}
.list-phone { text-align:right}
.list-title {padding-top:150px}
.list04 .col-md-7 img,.list-weibo1 img {width:100%; margin-top:20px; }
.list-weibo1,.list-weibo2 {width:50%;text-align:center}
}
/*250891*/
.apk_download { float:left;width:50%}
.w_android { margin-top:40px}
.apk_ewm { float:left; padding-left:25px;width:50%}
.apk_ewm img {width:210px}
#cnzz_stat_icon_1263608926{display: none;}
.mobileDownloadBtns{display: none; width: 43%; margin: 40px auto 0;}
.mobileDownloadBtns a img{ margin-top:20px;}
@media (min-width: 768px){
.apk_ewm  { width:auto}
.w_android { margin-top:60px}
}

footer { background-color:#333333; width:100%; padding:40px 0}
.bott{ margin:0 auto; text-align:center}
@media (min-width: 768px){	.bott{width:1100px; text-align:left}}
.bott div { line-height:2; color:#c2c2c2; font-weight:bold; font-size:14px; text-align:center}
.bott a {color:#c2c2c2;}
.f_code { margin:5px;}
@media (min-width: 768px){.f_code { float:right;    margin-right: 20px; width: 150px;height: 150px; display:block}}

.showfooter { width:90%; margin:5px auto; display:block; text-align:center}
@media (min-width: 768px){.showfooter { display:none}}

/*遮罩*/
.mobileDownloadLayerBody{position: absolute;  width: 100%;  height: 100%;  z-index: 1000;  overflow: hidden;}
.mobileDownloadLayer{display: none; position: fixed;  top:0; left: 0;  width: 100%;  height: 100%;  background-color: rgba(0,0,0,0.7);  z-index: 2000; }
.mobileLayerTips{text-align: center;  color: #fff;  padding-top: 25%; background-image: url(../images/jiantou.png); background-position: right top; background-size: 33% 84%; background-repeat: no-repeat;}
.downloadCenter { margin: 0 auto; float: none;}
.newslist{margin-bottom: 40px;}
.newslist a{ font-size: 16px; }
.newsCon{ margin-top:70px;}


/*小程序弹窗展示样式*/
/*.qrcodeDiv{
    position: relative;
}
.qrcodeDiv img{
    position: absolute;
    height: 150px;
    width: 150px;
    top: 40px;
    right: -55px;
    transform-origin: top;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.qrcodeDiv:hover img {
    transform: scale(1);
    opacity: 1;
}*/

/*#qrcodeDiv #qrCode{
    position: absolute;
    height: 150px;
    width: 150px;
    top: 45px;
    left: 1px;
    transform-origin: top;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}*/
#qrcodeDiv #qrCode{
    position: absolute;
    height: 150px;
    width: 150px;
    top: 110px;
    left: 0px;
    right: 0px;
    transform-origin: top;
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#qrcodeDiv:hover #qrCode {
    transform: scale(1);
    opacity: 1;
}

#loginInDiv{
    width: 100px;
}
#loginInBtn{
    background-color: #FFFFFF;
    border: none;
    color: #337AB7;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

#qrcodeBtn{
    color: #337AB7;
    font-size: 16px
}



/*小屏*/
@media screen and (max-width: 1500px) {
    #collapseAd{
        padding-right: 34%;
    }
    #qrcodeDiv{
        width:15%;
        height: 10px;
        top: -45px;
        left: 58%;
    }
    #loginInDiv{
        width:15%;
        height: 10px;
        top: -46px;
        left: 66%;
    }
    #container-fluid-div{
        margin-left: 11%;
    }
}
/*官网页面适配*/
@media screen and (min-width: 1501px) {
    #collapseAd{
        padding-right: 23.5%;
    }
    #container-fluid-div{
        margin-left: 13.5%;
    }
    #qrcodeDiv{
        width:15%;
        height: 10px;
        top: -45px;
        left: 80%;
    }
    #loginInDiv{
        width:15%;
        height: 10px;
        top: -46px;
        left: 88%;
    }
}