body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}

.back{ 
    background: url(../images/bg.png) 50% no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    position: relative;
    min-width: 1080px;
} 
.top-a{ position: absolute;left:0; top: 0;  }
.center-box{ width: 1074px; margin:0 auto; position: relative; }
.left-width{ width: 550px; position: relative; height: 100vh; }
.left-center{ position: absolute; left: 0; top: 50%; right: 0; transform: translate(0,-50%); }
.logo{ margin-bottom: 0px; }

.ewm-box {
    background-color: #fff;
    box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, .1);
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
}
.dz-link{ height: 42px; border:solid 1px #ddd; padding:0 15px; line-height: 40px; margin-top: 15px; }
.img-c{ margin-bottom: -50px; }

.ios{ margin-top: 25px; background: url(../images/ios.png) left center no-repeat; background-size: 32px auto; padding-left: 36px; font-size: 16px; line-height: 18px; }
.ios span{ display: inline-block; margin-top: 1px; font-size: 12px; line-height: 14px; }
.az{ margin-top: 25px; background: url(../images/android.png) left center no-repeat; background-size: 32px auto; }
.link-center{ height: 42px;
    margin-top: 20px;
     width: 100%;
    background: #0c186c;
    color: #fff!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 16px;
    border: 0; }
.link-center-sm{ height: 42px; line-height: 50px; margin-top: 15px; }
.right-width{ width: 521px; }
    .pc-swiper {
      width: 100%;
      height: 100vh;
    }

    .pc-swiper .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    .pc-swiper.swiper-slide img {
      display: block;
      width: 100%;

      object-fit: cover;
    }
.pc-swiper .swiper-pagination-clickable .swiper-pagination-bullet{width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ddd;
    padding: 0;
    cursor: pointer;
    color: transparent; opacity: 1; margin:20px 5px!important;}
.pc-swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{width: 15px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 7.5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); margin:20px 0!important;}
.swiper{ position: relative; }
/********手机*********/
.header{ position: relative; line-height: 44px; height: 44px; }
.kf-icon{ position: absolute; left: 15px; top: 0; bottom: 0; width: 20px; background: url(../images/icon-kf.png) center no-repeat; }
.header img{ height: 26px; }
.phone-swiper .swiper-slide{ padding:0 15px; }
.phone-swiper .swiper-pagination-bullet{width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ddd;
    padding: 0;
    cursor: pointer;
    color: transparent; opacity: 1; transform: translate(0,-3px); margin:0px 5px!important; display: inline-block;}
.phone-swiper .swiper-pagination-bullet-active{width: 20px;
    height: 12px;
    border: 1px solid #eee;
    border-radius: 7.5px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); transform: translate(0,0); margin:0px 5px!important;}
.phone-c{ position: relative; height: 100%; display: inline-block; }


.imageContent {
    position: absolute;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 8px;
    padding: 8px 12px;
    box-shadow: 0 2px 6px 0 rgba(51, 51, 51, .2);
    top: 8px;
    left: 12px;
    font-size: 10px;}
.imageContent img{ width: 20px; height: 20px; }
.imageContent span{margin-left: 4px;
    white-space: nowrap; }
.phone-bottom{ padding:0 30px; position: fixed; left: 0; right: 0; bottom: 0; }
.phone-bottom a{ display: block; margin-top: 15px;
    height: 50px; line-height: 50px; background: #0c186c; color: #fff; border-radius: 12px;
    font-size: 16px; }
.phone-swiper{ position: fixed; text-align: center; left: 0; right: 0; top: 66px; bottom: 195px; height: auto; }
.phone-swiper img{ max-height: 100%; }
.footer{     padding: 20px 0;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0;
    color: #0c186c;
    font-size: 14px;
  }
.footer div{ background: url(../images/raw.png) left center no-repeat; padding-left: 30px; }
.phone{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.phone-mask{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; z-index: -1; transition: 0.5s all; }
.active .phone-mask{ z-index: 100; }
.phone-d{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background: #fff; }
.phone-down{ position: fixed; left: 0; right: 0; top: 100%; transition: 0.5s all; bottom: 0; overflow-y: auto; z-index: 100; background: #fff; border-radius: 15px 15px 0 0;  }
.active .phone-down{ top: 20%; }
.phone-down-top{ height: 20px; position: relative; }
.phone-down-top:before{position: absolute;
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    background-color: rgba(0,0,0,.14);
    }
.phone-down-img{ padding: 10px 6px 50px; }
.phone-down-img p{color: #333;
    font-size: 18px;
    margin:20px 0;
    margin-bottom: 20px;
    text-align: center;}
.kf-box{ position: fixed; display: none; padding:0 10px; left: 0; background: #fff; top: 0; right: 0; bottom: 0; z-index: 1000; }
.kf-box-header{ line-height: 40px; position: relative; font-size: 18px; }
.kf-box-header a{ position: absolute; left: 5px; top: 0; bottom: 0; width: 12px; background: url(../images/go-back.png) center no-repeat; }
.downloadApp{
    display: flex;
    padding: 20px 0;
}
.downloadApp .downloadApp_info{
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px;
    color: #333;
}
.downloadApp .downloadApp_info div:first-child {
    font-size: 16px;

    line-height: 16px;
}
.downloadApp .downloadApp_info div {
    font-size: 13px;
    line-height: 20px;
}
.kf-box-a{ position: relative; display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.1);
    height: 68px;
    margin-top: 10px;
    padding: 0 20px; }
.downloadApp_text{
    padding-left: 20px;
    flex: 1 1;
}
.downloadApp_text>div:first-child {
    color: #333;
    font-size: 16px;

    line-height: 16px;
}
.downloadApp_text .downloadApp_text_remind {
    color: #999;
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
}