/* .news_info {
    width: 70vw;
    margin: 0 auto 80px;
} */

* {
    box-sizing: border-box;
}

.banner {
    /* height:800px; */
}

.banner_Index {
    height: 8rem;
}

.banner .banner_info p {
    font-size: 32spx;
}

.banner .banner_info h2 {
    font-size: 60px;
}

.header ul li:nth-child(1) a {
    color: #f5971c;
}

.banner .banner_info a {
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    width: 210px;
    border: 2px solid #fff;
    border-radius: 32px;
    margin-top: 61px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background: transparent;
}

.banner .banner_info a:hover {
    background: #fff;
    color: #005ddb;
}


/* 优势 */

.advantage {
    width: 100%;
    height: 750px;
    position: relative;
    background: url("../img/index/advantageBG.jpg"
    /*tpa=http://121.199.34.176:8080/img/index/advantageBG.jpg*/
    ) no-repeat;
    background-size: 100% 100%;
}

.containAdvantage {
    width: 1440px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}


/* 优势下三个定位 */

.containBannerList {
    width: 1440px;
    margin: 0 auto;
    display: flex;
    position: absolute;
    top: -68px;
    left: 50%;
    margin-left: -720px;
    z-index: 2;
}

.containBannerList li {
    flex: 1;
    padding-left: 112px;
    width: 474px;
    height: 150px;
    background-color: #005DDB;
    margin-right: 10px;
    border-radius: 16px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    /*   transition: all .3s ease-in; */
}

.containBannerList li:hover {
    background-color: forestgreen;
}

.containBannerList>li h5 {
    font-size: 24px;
    color: #333;
    margin-top: 50px;
    font-weight: bold;
}

.containBannerList>li p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}

.containBannerList>li:nth-child(1) {
    background: url("../img/index/payList01.jpg") no-repeat;
    background-color: #fff;
    background-position: 37px 41px;
    background-size: 53px 62px;
}

.containBannerList>li:nth-child(2) {
    background: url("../img/index/payList02.jpg") no-repeat;
    background-position: 37px 41px;
    background-color: #fff;
    background-size: 56px 65px;
}

.containBannerList>li:nth-child(3) {
    background: url("../img/index/payList03.jpg") no-repeat;
    background-position: 37px 41px;
    background-color: #fff;
    background-size: 50px 63px;
    margin-right: 0px;
}

.containAdvantage {
    height: 750px;
    display: flex;
    /* background:url("../img/index/pay004.jpg") no-repeat;
    background-size: 100% 100%; */
}

.containAdvantage .left {
    width: 592px;
    padding-left: 80px
}

.containAdvantage .left h2 {
    margin-top: 298px;
    font-weight: bold;
    font-size: 36px;
    color: #333;
}

.containAdvantage .left .line {
    width: 50px;
    height: 4px;
    margin-bottom: 30px;
    margin-top: 20px;
    background: #005ddb;
}

.containAdvantage .left p {
    font-size: 18px;
    line-height: 28px;
}

.containAdvantage .left a {
    display: inline-block;
    width: 120px;
    height: 48px;
    text-align: center;
    line-height: 50px;
    color: #005ddb;
    font-size: 16px;
    margin-top: 50px;
    border-radius: 32px;
    border: 2px solid #005ddb;
}

.containAdvantage .left a:hover {
    color: #fff;
    background-color: #f5971c;
    border: 2px solid #fff;
}

.banner_info button:hover {
    color: #f5971c;
    background-color: #fff;
}

.containAdvantage .right {
    width: 846px;
    position: relative;
    flex: 1;
    /*background: url("../img/index/pay002.jpg") no-repeat;*/
    background: url("../img/index/pay002.jpg") no-repeat;
    background-size: 846px 750px;
}

.containAdvantage .right div .dlot {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 18px;
}

.containAdvantage .right div h6 {
    font-size: 18px;
    font-weight: bold;
    color: #005ddb;
    margin-bottom: 13px;
}

.containAdvantage .right div p {
    font-size: 13px;
    line-height: 26px;
    color: #494949;
}

.containAdvantage .right div {
    position: absolute;
    left: -5px;
    top: 0;
}

.containAdvantage .right div.install {
    left: 106px;
    top: 180px;
    text-align: right;
}

.containAdvantage .right img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.containAdvantage .right div.cost {
    left: 56px;
    top: 497px;
    text-align: right;
}

.containAdvantage .right div.maintain {
    left: 630px;
    top: 306px;
    text-align: left;
}

.containAdvantage .right div.install p {
    padding-right: 30px;
}

.containAdvantage .right div.cost p {
    padding-right: 30px;
}

.containAdvantage .right div.maintain p {
    padding-left: 30px;
}

.containAdvantage .right div.update p {
    padding-left: 30px;
}

.containAdvantage .right div.update {
    left: 609px;
    top: 590px;
    text-align: left;
}

.containAdvantage .right div.maintain .dlot {
    margin-right: 22px;
}

.containAdvantage .right div.update .dlot {
    margin-right: 22px;
}

.chooseWePay {
    width: 100%;
    background-position: top center;
    background-size: 100% 100%;
    position: relative;
    background: #08182c;
    /* z-index: -99; */
}

.chooseWePay .chooseWePayContent {
    width: 1440px;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    position: relative;
    z-index: 999;
}

.chooseWePayContent h2 {
    font-size: 35px;
    color: #fff;
    font-weight: bold;
}

.chooseWePayContent .line {
    width: 80px;
    height: 4px;
    margin: 18px auto 30px;
    background-color: #fff;
}

.chooseWePayContent p {
    color: #7389bd;
    font-size: 16px;
}

.chooseWePayContent ul.chooseWePayNav {
    display: flex;
    margin-top: 66px;
}

.chooseWePayContent ul.chooseWePayNav>li {
    flex: 1;
    font-size: 18px;
    color: #8e9cc2;
    height: 70px;
    line-height: 70px;
    border-bottom: 4px solid transparent;
}

.chooseWePayContent ul.chooseWePayNav>li a {
    color: #8e9cc2;
}

.chooseWePayContent ul.chooseWePayNav>li:hover {
    cursor: pointer;
}

.chooseWePayContent ul.chooseWePayNav>li.hoverchooseWePayNavLi {
    color: #f5971c;
    font-size: 24px;
    border-bottom: 4px solid #f5971c;
}

.chooseWePayContent ul.chooseWePayNav>li.hoverchooseWePayNavLi a {
    color: #f5971c;
}

.navContent {
    width: 1010px;
    height: 505px;
    margin: 30px auto 0;
    background: url("../img/index/map590.png"
    /*tpa=http://121.199.34.176:8080/img/index/map590.png*/
    ) no-repeat;
    background-size: 100% 100%;
    /* background-position: 0 -36px !important; */
}

.chooseWePayContent .navContent>ul {
    width: 750px;
    height: 750px;
    margin: 0 auto;
    position: relative;
}

.chooseWePayContent .navContent>ul>li {
    position: absolute;
    text-align: left;
    top: 15%;
    left: -73px;
    width: 50%;
    height: 50%;
    transform-origin: right bottom;
}

.chooseWePayContent .navContent>ul>li>p {
    transform-origin: left top;
    width: 10px;
    height: 10px;
}

.chooseWePayContent .navContent>ul>li>p img {
    width: 145px;
    height: 145px;
}

.chooseWePayContent .navContent>ul>li>p>span {
    display: block;
    width: 50px;
    height: 72px;
    background-color: greenyellow;
    margin-bottom: 15px;
}


/* 产品背景图 */


/* 
.chooseWePayContent .navContent>ul>li.xinshiqinggou span{
   
    background:url("../img/index/pintuanhuodong.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.pintuanhuodong span{
   
    background:url("../img/index/pintuanhuodong.png") no-repeat;
    
}
.chooseWePayContent .navContent>ul>li.kanjia span{
   
    background:url("../img/index/kanjia.png") no-repeat;
    margin-bottom: 15px;
}
.chooseWePayContent .navContent>ul>li.hiabaotuiguang span{
    background:url("../img/index/hiabaotuiguang.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.fanliguanli span{
 
    background:url("../img/index/fanliguanli.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.quanminyingxiao span{
  
    background:url("../img/index/quanminyingxiao.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.youhuiquan span{
  
    background:url("../img/index/youhuiquan.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.minicode span{
   
    background:url("../img/index/minicode.png") no-repeat;
  
} */


/* hover */


/* .chooseWePayContent .navContent>ul>li.minicode span:hover{
   
    background:url("../img/index/minicodehover.png") no-repeat;
  
}
.chooseWePayContent .navContent>ul>li.xinshiqinggou span:hover{
   
    background:url("../img/index/xinshiqinggouhover.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.pintuanhuodong span:hover{
   
    background:url("../img/index/pintuanhuodonghover.png") no-repeat;
    
}
.chooseWePayContent .navContent>ul>li.kanjia span:hover{
   
    background:url("../img/index/kanjiahover.png") no-repeat;
    margin-bottom: 15px;
}
.chooseWePayContent .navContent>ul>li.hiabaotuiguang span:hover{
    background:url("../img/index/hiabaotuiguanghover.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.fanliguanli span:hover{
 
    background:url("../img/index/fanliguanlihover.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.quanminyingxiao span:hover{
  
    background:url("../img/index/quanminyingxiaohover.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.youhuiquan span{
  
    background:url("../img/index/youhuiquanhov.png") no-repeat;
   
}
.chooseWePayContent .navContent>ul>li.minicode span{
   
    background:url("../img/index/minicode.png") no-repeat;
  
} */


/* 产品icon集合定位结束 */

.chooseWePayContent .navContent>ul>li a {
    font-size: 15px;
    color: #fff;
}


/* 智慧旅游有我更轻松 */

.tourismSoeasy {
    padding-top: 18px;
    text-align: center;
    height: 208px;
    background: url("../img/index/travelSodeasy.png"
    /*tpa=http://121.199.34.176:8080/img/index/travelSodeasy.png*/
    ) no-repeat;
    background-size: 100% 100%;
}

.tourismSoeasy h2 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #fff;
}

.tourismSoeasy .line {
    width: 80px;
    height: 4px;
    margin: 0 auto;
    background-color: #fff;
}

.tourismSoeasy p {
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
}

.tourismSoeasy a {
    line-height: 43px;
    display: inline-block;
    width: 160px;
    height: 43px;
    font-size: 14px;
    border-radius: 32px;
    border: 2px solid #fff;
    color: #fff;
}

.tourismSoeasy a:hover {
    color: #f5971c;
    background-color: #fff;
}


/* 新闻 */

.news {
    padding-top: 66px;
    ;
    text-align: center;
    width: 100%;
    border-top: 1px solid #cbecf4;
    height: 804px;
    background: url("../img/index/newBG.jpg"
    /*tpa=http://121.199.34.176:8080/img/index/newBG.jpg*/
    ) no-repeat;
    background-size: 100% 100%;
}

.newsContent {
    margin: 0 auto;
}

.newsContent>h2 {
    font-size: 34px;
    color: #333;
}

.newsContent>.line {
    width: 50px;
    height: 4px;
    margin: 20px auto 28px;
    background-color: #005ddb;
}

.newsContent>p {
    font-size: 17px;
    color: #666;
    margin-bottom: 60px;
}

.newsContent .newsconDetail {
    display: flex;
    width: 1440px;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}

.newsContent .newsconDetail>li {
    height: 392px;
    width: 700px;
}

.newsContent .newsconDetail>li.listOne {
    width: 100%;
    position: relative;
    margin-right: 40px;
    /* background: url("../img/index/pic3.png") no-repeat;
    background-size: 100% 100%; */
    border-radius: 12px;
}

.newsContent .newsconDetail>li.listOne {
    position: relative;
    overflow: hidden;
}

.newsContent .newsconDetail>li.listOne>a {
    width: 100%;
    display: block;
    height: 100%;
}

.newsContent .newsconDetail>li.listOne img {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    transition: all 0.6s;
}

.newsContent .newsconDetail>li.listOne img:hover {
    transform: scale(1.05);
}

.newsContent .newsconDetail>li.listOne h6 {
    position: absolute;
    left: 40px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-align: left;
    bottom: 122px;
}

.newsContent .newsconDetail>li.listOne h6:hover {
    font-size: 18px;
}

.newsContent .newsconDetail>li.listOne a span {
    text-align: left;
    position: absolute;
    left: 40px;
    bottom: 52px;
    font-size: 14px;
    color: #fff;
}

.newsContent .newsconDetail>li.listTwo>.detailList {
    display: flex;
    height: 100%;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li {
    float: left;
    width: 340px;
    border: 1px solid #dedede;
    height: 100%;
    border-radius: 8px;
    text-align: left;
    overflow: hidden;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li h6:hover {
    color: #0051BD
}

.newsContent .newsconDetail>li.listTwo>.detailList>li a:hover {
    border-bottom: 2px solid #005DDB;
    color: #1a45e5;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li:first-child {
    margin-right: 20px;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li>div {
    height: 190px;
    width: 340px;
    overflow: hidden;
    transition: all 0.6s;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li img:hover {
    transform: scale(1.05);
}

.newsContent .newsconDetail>li.listTwo>.detailList>li h6 {
    font-size: 22px;
    color: #333;
    margin-top: 30px;
    text-align: left;
    line-height: 31px;
    padding: 0 30px;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li span {
    font-size: 12px;
    display: block;
    color: #666;
    margin-top: 10px;
    text-align: left;
    padding-left: 30px;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li .a {
    font-size: 16px;
    display: inline-block;
    color: #005ddb;
    margin-top: 41px;
    text-align: left;
    margin-left: 30px;
    border-bottom: 1px solid #a3b9ed;
}

.newsContent .newsconDetail>li.listTwo>.detailList>li .a:hover {
    color: #f5971c;
    border-bottom: 1px solid #a3b9ed;
}

.moreNewsBtn {
    display: block;
    margin: 0 auto;
    line-height: 44px;
    margin-top: 60px;
    width: 162px;
    border-radius: 32px;
    height: 46px;
    font-size: 14px;
    border: 2px solid #005ddb;
    color: #005ddb;
}

.moreNewsBtn:hover {
    color: #fff;
    border: 2px solid #fff;
    background-color: #f5971c;
}


/* 专注SAAS */

.absorbedSaas {
    height: 1128px;
    width: 100%;
    position: relative;
    /*background: url("../img/index/map00000.jpg") no-repeat center;*/
    /*background: url("../img/map_bg_02.jpg") no-repeat center*/
    ;
    background-size: auto 100%;
}

#absorbedSaas {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    height: 100%;
}

.absorbedSaasContent {
    margin: 0 auto;
    text-align: center;
    padding-top: 124px;
}

.absorbedSaasContent h2 {
    font-size: 34px;
    color: #333;
    font-weight: bold;
}

.absorbedSaasContent .line {
    width: 80px;
    height: 4px;
    margin: 20px auto 30px;
    background-color: #005ddb;
}

.absorbedSaasContent>p {
    color: #666;
    font-size: 16px;
    margin-bottom: 60px;
}

.absorbedSaasContent .cooperationList {
    display: flex;
    height: 72px;
    text-align: left;
}

.absorbedSaasContent .cooperationList>div {
    flex: 1;
    padding: 0 50px;
}

.absorbedSaasContent .cooperationList>div:first-child {
    text-align: right;
    border-right: 1px solid #c8d0d6;
}

.absorbedSaasContent .cooperationList>div:last-child {
    text-align: left;
}

.absorbedSaasContent .cooperationList>div>a>p {
    color: #0b4cdf;
    font-size: 42px;
    font-weight: bold;
}

.absorbedSaasContent .cooperationList>div>p>span {
    color: #0b4cdf;
    position: relative;
    top: -20px;
    right: 0;
    font-size: 30px;
    font-weight: bold;
}

.absorbedSaasContent .cooperationList>div>span {
    color: #333;
    font-size: 14px;
}

.mapList {
    position: relative;
    background-color: forestgreen;
}

.mapList>div {
    text-align: center;
    position: absolute;
    left: 100px;
    top: 20px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mapList>div span {
    display: inline-block;
    font-size: 18px;
}

.mapList>div p {
    display: inline-block;
    margin-top: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #e9ecfa;
}

.mapList>div.box152 {
    height: 152px;
    width: 152px;
    left: 1145px;
    top: 15px;
}

.mapList .bgBlue {
    background-color: #063fd6;
}

.mapList .bgYellow {
    background-color: #f5971c;
}

.mapList .jishuzhicheng {
    position: absolute;
    left: 300px;
    top: 120px;
}

.mapList>div.box102 {
    height: 102px;
    width: 102px;
    left: 696px;
    top: 120px;
}

.map {
    width: 1440px;
    margin: 90px auto 0;
    position: relative;
    display: block;
}

.map img {
    width: 100%;
    opacity: 0;
}

.map li {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.map li>div {
    position: relative;
    width: 100%;
    height: 100%;
}

.map li>div .map_info>div:first-child {
    font-size: 18px;
    margin-bottom: 10px;
}

.map li>div .map_info {
    color: white;
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map li>div .map_info>div {
    color: white !important;
}

.map li>div .map_info>div:last-child {
    opacity: 0.8;
}

.map li:nth-child(1) {
    width: 186px;
    height: 186px;
    background: #f5971d;
    left: 24%;
    top: 5%;
}

.map li:nth-child(2) {
    width: 152px;
    height: 152px;
    background: #0740d7;
    left: 32%;
    top: 36%;
}

.map li:nth-child(3) {
    width: 96px;
    height: 96px;
    background: #0740d7;
    left: 52%;
    top: 13%;
}

.map li:nth-child(4) {
    width: 96px;
    height: 96px;
    background: #f5971d;
    left: 59%;
    top: 28%;
}

.map li:nth-child(5) {
    width: 154px;
    height: 154px;
    background: #0740d7;
    left: 59%;
    top: -14%;
}

.map li:nth-child(6) {
    width: 96px;
    height: 96px;
    background: #0740d7;
    left: 78%;
    top: 2%;
}

.mapIcons {
    width: 1440px;
    height: 115px;
    margin: 0 auto;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    /* background: url("../img/index/titlelogo.png") no-repeat; */
    /* background-size: 100% 100%; */
}

.mapIcons a img {
    flex: 1;
    width: 150px;
    height: 50px;
    margin-right: 50px;
    margin-bottom: 20px;
}


/* 全方案解决方案 */

.comprehensive {
    height: 1024px;
    width: 100%;
    position: relative;
    /* background: url("../img/index/dfadsf.jpg") no-repeat; */
    background-size: 100% 100%;
}

.comprehensive .button {
    position: absolute;
    width: 120px;
    height: 60px;
    bottom: 20px;
    left: 100px;
}

.comprehensive .button a {
    display: block;
    color: #fff;
    font-size: 16px;
    transition: 0.5s;
    border: 1px solid #fff;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
}

.comprehensive .button a:hover {
    background: #fff;
    color: #0a6999;
}

.yuan {
    width: 100%;
    height: 465px;
    background-color: darkgoldenrod;
    background: url("../img/index/yuan01bg.jpg"
    /*tpa=http://121.199.34.176:8080/img/index/yuan01bg.jpg*/
    ) no-repeat;
    background-size: 100% 100%;
}

.comprehensiveListP {
    width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 354px;
    background: url("../img/index/choose.png"
    /*tpa=http://121.199.34.176:8080/img/index/choose.png*/
    ) no-repeat;
    background-size: 100% 100%;
}

.comprehensiveListP>li {
    font-size: 15px;
    color: #fff;
    position: absolute;
}

.comprehensiveListP>li:nth-child(1) {
    position: absolute;
    left: 149px;
    bottom: 38px;
}

.comprehensiveListP>li:nth-child(2) {
    left: 335px;
    bottom: 2px;
}

.comprehensiveListP>li:nth-child(3) {
    left: 958px;
    bottom: -3px;
}

.comprehensiveListP>li:nth-child(4) {
    left: 1127px;
    bottom: 46px;
}

.comprehensiveListP>li:nth-child(5) {
    left: 642px;
    bottom: -40px;
}

.comprehensiveActive {
    font-size: 22px;
    line-height: 40px;
    border: 1px solid #0292ee;
    background-color: #036fe5;
    padding: 0 20px;
    height: 40px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.comprehensiveListP>li:nth-child(1).comprehensiveActive {
    left: 109px;
    bottom: 19px;
}

.comprehensiveListP>li:nth-child(2).comprehensiveActive {
    left: 300px;
    bottom: -19px;
}

.comprehensiveListP>li:nth-child(3).comprehensiveActive {
    bottom: -22px;
}

.comprehensiveListP>li:nth-child(4).comprehensiveActive {
    bottom: 23px;
}

.comprehensiveListP>li:nth-child(5).comprehensiveActive {
    left: 620px;
    bottom: -45px;
}

.comprehensiveListP>li:nth-child(5)>h2 {
    font-size: 22px;
    line-height: 50px;
    border: 1px solid #0292ee;
    background-color: #036fe5;
    width: 310px;
    height: 50px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.yuan06 {
    width: 100%;
    height: 600px;
    background: url("../img/index/yuan06.jpg"
    /*tpa=http://121.199.34.176:8080/img/index/yuan06.jpg*/
    ) no-repeat;
    background-size: 100% 100%;
}

.comprehensiveContent {
    width: 1440px;
    padding-left: 64px;
    margin: 0 auto;
    display: flex;
}

.comprehensiveContent .left {
    width: 560px;
    float: left;
    overflow: hidden;
}

.comprehensiveContent .left>h2 {
    font-size: 35px;
    color: #fff;
}

.comprehensiveContent .left>p {
    line-height: 31px;
    margin-top: 38px;
    font-size: 16px;
    color: #fff;
}

.comprehensiveContent .left>a {
    width: 168px;
    height: 42px;
    margin-top: 92px;
    text-align: center;
    border-radius: 32px;
    line-height: 42px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
}

.comprehensiveContent .left>.other {
    margin-top: 56px;
}

.comprehensiveContent .right {
    width: 800px;
    height: 500px;
    float: right;
}

.comprehensiveContent .right>ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.comprehensiveContent .right>ul>li {
    width: 148px;
    height: 64px;
    border-radius: 8px;
    text-align: center;
    position: absolute;
    border: 1px solid #0ca3f7;
}

.comprehensiveContent .right>ul>li>h6:nth-of-type(0) {
    color: #86b1f2;
}

.comprehensiveContent .right>ul>li:nth-child(1) {
    left: 155px;
    top: 288px;
}

.comprehensiveContent .right>ul>li:nth-child(2) {
    left: 309px;
    top: 200px;
}

.comprehensiveContent .right>ul>li:nth-child(3) {
    left: 500px;
    top: 288px;
}

.comprehensiveContent .right>ul>li:nth-child(4) {
    left: 650px;
    top: 200px;
}

.comprehensiveContent .right>ul>li:nth-child(5) {
    left: 820px;
    top: 288px;
}

.comprehensiveContent .right>ul>li>h6 {
    color: #fff;
    line-height: 40px;
    font-size: 14px;
}

.comprehensiveContent .right>ul>li>p {
    color: #49baee;
    ont-size: 10px;
}


/* 轮播效果样式 复制 */

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}


/* 轮播重置样式原点 */

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 90px;
    left: 0;
    width: 100%;
}


/* tab定位 */

.tabProject {
    width: 100%;
    position: relative;
}

.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
}


/*全域修改新*/

.comprehensive1 {
    width: 100%;
    height: 1100px;
    position: relative;
    background: url("../img/index/bggn00.jpg") no-repeat center;
    /* background: url(../img/1.mp4) no-repeat center; */
    background-size: auto 100%;
    /* background-position-y: -271px; */
    /* position: relative; */
}

.maincontent {
    padding-top: 222px;
    width: 1440px;
    height: 1088px;
    margin: 0 auto;
    text-align: center;
}

.maincontent>h2 {
    font-size: 36px;
    color: #fff;
}

.maincontent>.line {
    position: absolute;
    top: 328px;
    left: 50%;
    transform: translate(-50%);
    width: 80px;
    height: 4px;
    background: #fff;
    margin: 30px auto 60px;
}

.protabList {
    display: flex;
    height: 790px;
    width: 1440px;
    /* background: fuchsia;
    background: url("../img/index/bggnContent00.jpg") no-repeat;
    background-size: 100% 100%; */
}

.protabList .left {
    width: 720px;
    height: 825px;
    position: relative;
    left: -160px;
    background: url("../img/index/bggn00_img.png"
    /*tpa=http://121.199.34.176:8080/img/index/bggn00_img.png*/
    ) no-repeat top left;
    background-size: 66% 91%;
}

.protabList .left li {
    color: #93b1ff;
    position: absolute;
    font-size: 16px;
    cursor: pointer;
}

.protabList .left li:hover .protabList .left li>b {
    width: 18px;
    height: 18px;
    border: 7px solid #fff;
}

.protabList .left li b {
    display: inline-block;
    border-radius: 50%;
    ;
    width: 10px;
    height: 10px;
    border: 3px solid #01e3fd;
}

.protabList .left li b.bhover {
    width: 18px;
    height: 18px;
    border: 4px solid #fff;
}

.protabList .left li:nth-child(1) {
    left: 183px;
    top: 39px;
}

.protabList .left li:nth-child(2) {
    left: 325px;
    top: 178px;
}

.protabList .left li:nth-child(3) {
    left: 383px;
    top: 360px;
}

.protabList .left li:nth-child(4) {
    left: 356px;
    top: 506px;
}

.protabList .left li:nth-child(5) {
    bottom: 155px;
    left: 234px;
}

.protabList .left .lihovers {
    font-size: 24px;
    color: #fff;
}

.protabList .right {
    padding-top: 96px;
    /* padding-right:78px; */
    width: 1018px;
    overflow: hidden;
    position: relative;
}

.rightcontent {
    width: 100%;
    height: 100%;
    /* display: none; */
    position: relative;
    display: flex;
}

.protabList .right .rightcontent h2 {
    /*color:#2b2b2b;*/
    text-align: left;
    font-size: 18px;
    color: #efefef;
    margin-bottom: 26px;
}

.protabList .right .rightcontent>div {
    width: 458px;
    padding: 30px 30px 0px;
    border-radius: 16px;
    height: 240px;
    border: 1px solid #0062ff;
    background: rgba(28, 136, 255, 0.15);
}

.protabList .right .two a {
    float: left;
    width: 50%;
    height: 48px;
    border: 1px solid #0b4cdf;
    margin-bottom: 10px;
}

.protabList .right .rightcontent>div:nth-child(1) {
    margin-right: 16px;
}

.protabList .right>div p {
    color: #efefef;
    line-height: 28px;
    font-size: 13px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.protabList .right .one a {
    display: block;
    margin-top: 30px;
    width: 120px;
    height: 48px;
    color: #fff;
    border-radius: 32px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #fff;
}

.protabList .right .one a:hover {
    background-color: #fff;
    color: #005ddb;
}

.protabList .right .two a {
    color: #005ddb;
    border: 0px;
    text-align: left;
    margin-top: 8px;
}

.protabList .right .two a img {
    vertical-align: middle;
}

.protabList .right ul li {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.protabList .right ul li i {
    display: inline-block;
    width: 12px;
    height: 179px;
    position: relative;
    top: 168px;
    margin-right: 12px;
    background: url("../img/index/yuanshop.png") no-repeat;
    /* background-color: #f5971c; */
}

.protabList .right ul li:nth-child(1) {
    bottom: 186px;
    left: 13px;
}

.protabList .right ul li:nth-child(2) {
    bottom: 254px;
    left: 164px;
}

.protabList .right ul li:nth-child(3) {
    bottom: 316px;
    left: 318px;
}

.protabList .right ul li:nth-child(4) {
    bottom: 242px;
    left: 468px;
}

.protabList .right ul li:nth-child(5) {
    bottom: 202px;
    left: 630px;
}

@media only screen and (max-width: 1440px) {
    .containBannerList>li p {
        font-size: 14px !important;
    }
    .protabList .right {
        left: -140px;
    }
    .mapIcons {
        width: auto;
        padding: 0 20px;
        background-size: cover;
        text-align: center;
    }
    .mapIcons a {
        display: inline-block;
    }
    .mapIcons a img {
        margin: 0 15px 10px;
    }
    .newsContent .newsconDetail {
        width: auto;
        margin: 0 20px;
    }
    .containBannerList {
        width: 1200px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .containBannerList>li h5 {
        font-size: 20px;
    }
    .containAdvantage {
        width: auto;
    }
    .containAdvantage .left {
        width: 550px;
    }
    .chooseWePay .chooseWePayContent {
        margin: 0 20px;
        width: auto;
    }
    .containAdvantage .left {
        width: 438px;
    }
}

canvas {
    display: block;
    /* background: #06113f; */
}

.waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


/* ---- stats.js ---- */

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 100%;
    background-color: rgb(6 11 41);
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    /* z-index: -9; */
}


/* 流星效果 */

.night {
    position: absolute;
    width: 279px;
    margin: auto;
    height: 100%;
    transform: rotateZ(-90deg);
    margin-top: -40%;
    overflow: hidden;
    z-index: 0;
    left: 23%;
    right: 0;
    bottom: -37%;
}

.shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background: linear-gradient(-45deg, #fff, rgba(0, 0, 255, 0));
    border-radius: 999px;
    -webkit-filter: drop-shadow(0 0 6px #fff);
    filter: drop-shadow(0 0 6px #fff);
    -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
    animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
}

.shooting_star::before,
.shooting_star::after {
    content: '';
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    height: 8px;
    width: 8px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.shooting_star:nth-child(1) {
    top: calc(50% - 200px);
    left: calc(50% - 105px);
    -webkit-animation-delay: 592ms;
    animation-delay: 592ms;
}

.shooting_star:nth-child(1)::before,
.shooting_star:nth-child(1)::after,
.shooting_star:nth-child(1)::after {
    -webkit-animation-delay: 592ms;
    animation-delay: 592ms;
}

.shooting_star:nth-child(2) {
    top: calc(50% - -18px);
    left: calc(50% - 87px);
    -webkit-animation-delay: 908ms;
    animation-delay: 908ms;
}

.shooting_star:nth-child(2)::before,
.shooting_star:nth-child(2)::after,
.shooting_star:nth-child(2)::after {
    -webkit-animation-delay: 908ms;
    animation-delay: 908ms;
}

.shooting_star:nth-child(3) {
    top: calc(50% - 131px);
    left: calc(50% - 81px);
    -webkit-animation-delay: 1191ms;
    animation-delay: 1191ms;
}

.shooting_star:nth-child(3)::before,
.shooting_star:nth-child(3)::after,
.shooting_star:nth-child(3)::after {
    -webkit-animation-delay: 1191ms;
    animation-delay: 1191ms;
}

.shooting_star:nth-child(4) {
    top: calc(50% + 108px);
    left: calc(50% - 252px);
    -webkit-animation-delay: 638ms;
    animation-delay: 638ms;
}

.shooting_star:nth-child(4)::before,
.shooting_star:nth-child(4)::after,
.shooting_star:nth-child(4)::after {
    -webkit-animation-delay: 638ms;
    animation-delay: 638ms;
}

.shooting_star:nth-child(5) {
    top: calc(50% + 204px);
    left: calc(50% - 207px);
    -webkit-animation-delay: 2554ms;
    animation-delay: 2554ms;
}

.shooting_star:nth-child(5)::before,
.shooting_star:nth-child(5)::after,
.shooting_star:nth-child(5)::after {
    -webkit-animation-delay: 2554ms;
    animation-delay: 2554ms;
}

.shooting_star:nth-child(6) {
    top: calc(50% + 300px);
    left: calc(50% - 257px);
    -webkit-animation-delay: 2165ms;
    animation-delay: 2165ms;
}

.shooting_star:nth-child(6)::before,
.shooting_star:nth-child(6)::after,
.shooting_star:nth-child(6)::after {
    -webkit-animation-delay: 2165ms;
    animation-delay: 2165ms;
}

.shooting_star:nth-child(7) {
    top: calc(50% + 403px);
    left: calc(50% - 69px);
    -webkit-animation-delay: 997ms;
    animation-delay: 997ms;
}

.shooting_star:nth-child(7)::before,
.shooting_star:nth-child(7)::after,
.shooting_star:nth-child(7)::after {
    -webkit-animation-delay: 997ms;
    animation-delay: 997ms;
}

.shooting_star:nth-child(8) {
    top: calc(50% + 500px);
    left: calc(50% - 99px);
    -webkit-animation-delay: 422ms;
    animation-delay: 422ms;
}

.shooting_star:nth-child(8)::before,
.shooting_star:nth-child(8)::after,
.shooting_star:nth-child(8)::after {
    -webkit-animation-delay: 422ms;
    animation-delay: 422ms;
}

.shooting_star:nth-child(9) {
    top: calc(50% + 570px);
    left: calc(50% - 35px);
    -webkit-animation-delay: 714ms;
    animation-delay: 714ms;
}

.shooting_star:nth-child(9)::before,
.shooting_star:nth-child(9)::after,
.shooting_star:nth-child(9)::after {
    -webkit-animation-delay: 714ms;
    animation-delay: 714ms;
}

.shooting_star:nth-child(10) {
    top: calc(50% + 614px);
    left: calc(50% - 232px);
    -webkit-animation-delay: 1136ms;
    animation-delay: 1136ms;
}

.shooting_star:nth-child(10)::before,
.shooting_star:nth-child(10)::after,
.shooting_star:nth-child(10)::after {
    -webkit-animation-delay: 1136ms;
    animation-delay: 1136ms;
}


/* 
.shooting_star:nth-child(11) {
	top: calc(50% - 175px);
	left: calc(50% - 73px);
	-webkit-animation-delay: 617ms;
	animation-delay: 617ms;
}

.shooting_star:nth-child(11)::before,
.shooting_star:nth-child(11)::after,
.shooting_star:nth-child(11)::after {
	-webkit-animation-delay: 617ms;
	animation-delay: 617ms;
}

.shooting_star:nth-child(12) {
	top: calc(50% - -137px);
	left: calc(50% - 300px);
	-webkit-animation-delay: 1175ms;
	animation-delay: 1175ms;
}

.shooting_star:nth-child(12)::before,
.shooting_star:nth-child(12)::after,
.shooting_star:nth-child(12)::after {
	-webkit-animation-delay: 1175ms;
	animation-delay: 1175ms;
}

.shooting_star:nth-child(13) {
	top: calc(50% - 64px);
	left: calc(50% - 125px);
	-webkit-animation-delay: 715ms;
	animation-delay: 715ms;
}

.shooting_star:nth-child(13)::before,
.shooting_star:nth-child(13)::after,
.shooting_star:nth-child(13)::after {
	-webkit-animation-delay: 715ms;
	animation-delay: 715ms;
}

.shooting_star:nth-child(14) {
	top: calc(50% - 144px);
	left: calc(50% - 266px);
	-webkit-animation-delay: 1024ms;
	animation-delay: 1024ms;
}

.shooting_star:nth-child(14)::before,
.shooting_star:nth-child(14)::after,
.shooting_star:nth-child(14)::after {
	-webkit-animation-delay: 1024ms;
	animation-delay: 1024ms;
}

.shooting_star:nth-child(15) {
	top: calc(50% + 300px);
	left: calc(50% - 111px);
	-webkit-animation-delay: 994ms;
	animation-delay: 994ms;
}

.shooting_star:nth-child(15)::before,
.shooting_star:nth-child(15)::after,
.shooting_star:nth-child(15)::after {
	-webkit-animation-delay: 994ms;
	animation-delay: 994ms;
}

.shooting_star:nth-child(16) {
	top: calc(50% + 337px);
	left: calc(50% - 196px);
	-webkit-animation-delay: 546ms;
	animation-delay: 546ms;
}

.shooting_star:nth-child(16)::before,
.shooting_star:nth-child(16)::after,
.shooting_star:nth-child(16)::after {
	-webkit-animation-delay: 546ms;
	animation-delay: 546ms;
}

.shooting_star:nth-child(17) {
	top: calc(50% + 349px);
	left: calc(50% - 240px);
	-webkit-animation-delay: 895ms;
	animation-delay: 895ms;
}

.shooting_star:nth-child(17)::before,
.shooting_star:nth-child(17)::after,
.shooting_star:nth-child(17)::after {
	-webkit-animation-delay: 895ms;
	animation-delay: 895ms;
}

.shooting_star:nth-child(18) {
	top: calc(50% + 401px);
	left: calc(50% - 3px);
	-webkit-animation-delay: 390ms;
	animation-delay: 390ms;
}

.shooting_star:nth-child(18)::before,
.shooting_star:nth-child(18)::after,
.shooting_star:nth-child(18)::after {
	-webkit-animation-delay: 390ms;
	animation-delay: 390ms;
}

.shooting_star:nth-child(19) {
	top: calc(50% + 457px);
	left: calc(50% - 58px);
	-webkit-animation-delay: 414ms;
	animation-delay: 414ms;
}

.shooting_star:nth-child(19)::before,
.shooting_star:nth-child(19)::after,
.shooting_star:nth-child(19)::after {
	-webkit-animation-delay: 414ms;
	animation-delay: 414ms;
}

.shooting_star:nth-child(20) {
	top: calc(50% + 109px);
	left: calc(50% - 174px);
	-webkit-animation-delay: 384ms;
	animation-delay: 384ms;
}

.shooting_star:nth-child(20)::before,
.shooting_star:nth-child(20)::after,
.shooting_star:nth-child(20)::after {
	-webkit-animation-delay: 384ms;
	animation-delay: 384ms;
} */

@-webkit-keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@keyframes tail {
    0% {
        width: 0;
    }
    30% {
        width: 100px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@keyframes shining {
    0% {
        width: 0;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 0;
    }
}

@-webkit-keyframes shooting {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
    }
}

@keyframes shooting {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(300px);
        transform: translateX(300px);
    }
}

@-webkit-keyframes sky {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
}

@keyframes sky {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
}

@media only screen and (max-width: 1370px) {
    .banner_Index {
        height: 5rem;
    }
    .containBannerList>li p {
        font-size: 12px !important;
    }
    .footer_contain {
        margin: 0 40px;
    }
    .footer_contain .top_info .top_info_item {
        padding: 0 32px;
    }
    .mapIcons a img {
        width: 120px;
    }
}

@media only screen and (max-width: 1283px) {
    .banner_Index {
        height: 4.8rem;
    }
    .containBannerList {
        width: 94%;
    }
    .containBannerList>li h5 {
        font-size: 16px;
    }
    .containAdvantage .left {
        width: 23%;
    }
    .footer_contain .top_info .top_info_item {
        padding: 0 22px;
    }
    .mapIcons a img {
        width: 98px;
    }
}