/*body{background: url("../../images/body.png")}*/
/*头部区域*/
html {
    font: 16px / 1.4 Helvetica;
}
.top_index {
    height: 75px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}
.top_index .top_left {
    width: 255px;
    height: 100%;display:inline-block;
    float: left;
    /*background-color: pink;*/
}


.top_index .top_nav>li {
    float: left;
    margin:0px 5px;
    height: 40px;padding:0px 5px;width:80px;text-align:center;
    margin-top: 24px;
}

.mores{position:relative;}
.activeMOre{background-color: rgba(0, 0, 0, 0.3);color:#fff;padding:10px 10px;display:none;
position:absolute;top:42px;left:0px;right:0px;border-radius:0px 0px 5px 5px;}
.activeMOre_item{line-height:28px;font-size:14px;text-align:center;cursor:pointer;color:#ffffff;display:block;}
.activeMOre_item:hover{color:#e70012;}

.activeMOre_item.active{color:#e70012;font-weight:500;}


.finance_index_box2_tab{height:80px;line-height:80px;width:740px;margin:0 auto;border-radius:15px;box-shadow: 0 10px 30px -10px rgba(0,0,0,.3);background:#ffffff;margin-bottom:40px;margin-top:50px;}
.tab_item{width:368px;display:inline-block;text-align:center;font-size:16px;font-weight:600;height:92px;cursor:pointer;}
.tab_item.active{background:url(../images/tabActive.png) center no-repeat;color:#ffffff;background-size:100% auto;}


.top_index.active .top_nav > li.active{border-bottom:3px solid #e70012;}
.top_index .top_nav>li.active{border-bottom:3px solid #ffffff;}


.finance_index_box2{padding:50px 0px;background:#ffffff;height:835px;}
.finance_index_box3{padding:50px 0px;background:#ffffff;}
.finance_index_box4{padding:50px 0px;background:url(../images/hzhbbanner.png) center no-repeat;height:580px;}
.finance_index_box5{padding:50px 0px;background:#ffffff;}
.finance_index_title .finance_index_title_zw{text-align:center;font-size:30px;line-height:60px;font-weight:900;color:#666666;}
.finance_index_title .finance_index_title_yw{text-align:center;font-size:18px;line-height:24px;font-weight:900;color:#666666;}
.newList_item{display:inline-block;width:384px;padding:62px 0px;height:485px;overflow:hidden;}
.newList_item .newList_item_img{width:384px;}
.newList_item  .newList_item_title{line-height:32px;font-size:18px;padding-top:20px;color:#333333; font-weight:900;
  max-height:64px;overflow:hidden;
   width: 100%;
  display: -webkit-box;           /* 使用旧版弹性盒子模型 */
  -webkit-box-orient: vertical;   /* 内容垂直排列 */
  -webkit-line-clamp: 2;          /* 限制显示行数 */
  overflow: hidden;               /* 隐藏溢出内容 */


  text-overflow: ellipsis; /* 超出部分显示省略号 */
  
  
  }
.newList_item  .newList_item_text{line-height:24px;font-size:14px;max-height:72px;overflow:hidden;
color:#333333; 
  width: 100%;
  display: -webkit-box;           /* 使用旧版弹性盒子模型 */
  -webkit-box-orient: vertical;   /* 内容垂直排列 */
  -webkit-line-clamp: 3;          /* 限制显示行数 */
  overflow: hidden;               /* 隐藏溢出内容 */


  text-overflow: ellipsis; /* 超出部分显示省略号 */

}


.finance_index_body{max-width:1200px;margin:0 auto;position:relative;}
.PartnerList{padding:30px 0px;}
.PartnerList_item{display:inline-block;width:275px;padding:0px 0px;margin:10px;background:#ffffff;overflow:hidden;border:1px solid #ffffff;overflow:hidden;}
.PartnerList_item:hover{border:1px solid #e70012;}

.PartnerList_line1{display:none;}
.PartnerList_line2{display:none;}
.PartnerList_line3{display:none;}


.four_box{
    background:url(../../images/index/bg_3.png) no-repeat;
    background-size: 100% auto;
    
}
.four_box .cont1200{

}
.picScroll-left{ width:100%;margin:0 auto;position:relative;  }
.picScroll-left .hd .prev{position: absolute;top:35%;left: -56px;
     cursor:pointer;}
.picScroll-left .hd .next{position: absolute;top:35%;right: -52px;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1;height: 550px; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ display:block; width: 282px; height: 360px;}
.picScroll-left .bd ul li .title{ line-height:24px;   }





.top_index .top_nav>li>a {
    text-decoration: none;
    width: 627px;
    height: 22px;
    font-size:16px;
    font-weight: 500;
    color: #ffffff;
}
.top_index .top_nav>li>a:hover {
    color: #e70012;
}

.top_index.active {
  box-shadow: 0 12px 10px -10px rgba(0,0,0,.1);
  z-index: 9999999;background:#ffffff;
}
.top_index.active .top_nav>li>a {
    text-decoration: none;
    width: 627px;
    height: 22px;
    font-size:16px;
    font-weight: 500;
    color: #333333;
}


.top_index .top_left>a {
    display: block;
    width: 185px;
    height: 44px;
	padding:15px 0px;
    background: url("../images/logo_index.png") no-repeat;
    background-position: center center;
    background-size:100%;
}

.top {
    height: 75px;
    width: 100%;
    background-color: #f9f9f9;
    position: fixed;
    top: 0;
    left: 0;
	padding:15px 0px;box-shadow: 0 12px 10px -10px rgba(0,0,0,.1);
    z-index: 9999999;
}
.top_index .top_in {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.top .top_in {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.footer .footer_in {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /*background-color: #2ab8ff;*/
}

.top .top_left {
    width: 260px;
    height: 100%;display:inline-block;
    float: left;
    /*background-color: pink;*/
}
.top_index .top_right {
    width: 940px;
    height: 100%;
	position:relative;
    float: right;
    /*background-color: pink;*/
}
.finance_index_banner{width:100%;position:relative;overflow-x:hidden;padding-bottom:100px;}
.finance_index_banner_img{position:absolute;height:224px;left:0px;right:0px;bottom:0px;}
.top_index.active .top_nav_phone{padding:8px 20px;background:#c0000d;font-size:16px;font-weight:900;color:#fff;border-radius:20px;position:absolute;top:14px;right:0px;}



.top .top_nav_phone{padding:8px 20px;background:#c0000d;font-size:16px;font-weight:900;color:#fff;border-radius:20px;position:absolute;top:14px;right:0px;}
.top_index .top_nav_phone{padding:8px 20px;background-color: rgba(0, 0, 0, 0.3);font-size:16px;font-weight:900;color:#fff;border-radius:20px;position:absolute;top:14px;right:0px;}
.top .top_left>a {
    display: block;
    width: 185px;
    height: 44px;
	padding:15px 0px;
    background: url("../images/logo.png") no-repeat;
    background-position: center center;
    background-size:100%;
}
.top .top_left>p,h6 {
    width: 415px;
    height: 100%;
    float: right;
}
.top .top_left>p {
    width: 415px;
    height: 50px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color:
            #333333;
}
.top .top_left>h6 {
    width: 415px;
    height: 30px;
    font-size: 12.4px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 7px;
    letter-spacing: 0px;
    color:
            #666666;
}
.top .top_right {
    width: 940px;
    height: 100%;
	position:relative;
    float: right;
    /*background-color: pink;*/
}
.top .top_nav {
    width: 920px;
    height: 100%;
    /*background: #f9f9f9;*/
}
.top .top_nav>li {
	
	float: left;
	margin:0px 5px;
	height: 40px;padding:0px 5px;width:80px;text-align:center;
	margin-top: 24px;
	
}
.top .top_nav>li.active{border-bottom:3px solid #c0000d;}
.top_index.active .top_left>a {
    display: block;
    width: 185px;
    height: 44px;
	padding:15px 0px;
    background: url("../images/logo.png") no-repeat;
    background-position: center center;
    background-size:100%;
}





.top .top_nav>li>a {
    text-decoration: none;
    width: 627px;
    height: 22px;
    font-size:16px;
    font-weight: 500;
    color: #000000;
}
.top .top_nav>li>a:hover {
    color: #c0000d;
}
.top_nav li.active{border-bottom: 2px solid #3d9cfe}
/*广告区域*/
.banner-box {
    width: 100%;
    height: 854px;
    position: relative;
    overflow: hidden;
    /*background-color: #f10215;*/
    /*background: no-repeat;*/
    /*background-image: url("../images/banner.png");*/
    /*background-position: center top;*/
}
.banner-box .banner-item{width: 100%;height: 100%;overflow: hidden}
/*内容区域*/


/*底部区域*/
.footer {
    height: 172px;
    width: 100%;
    background: #fff;
}
.footer-content{
    width: 1200px;
    height: 100%;
    margin:  0 auto;
    text-align: center;
    position: relative;
}
.footer-content>p {
    width: 1200px;
    height:24px;
    font-size: 14px;
    color: #333333;
    text-align: center;
    padding-top: 70px;
}
.footer-content>span {
    display: inline-block;
    width: 1200px;
    height: 24px;
    font-size: 14px;
    color: #999999;
}

#oms-box{
    position: relative;
    background: #fff;
}

#oms-box .logo-box{
    width: 100%;
    height: 168px;
    position: absolute;
    left: 0;
    z-index: 12;
}
#oms-box .logo-box a{
    display: inline-block;
    width: 110px;
    height: 68px;
    margin-top: 90px;
    margin-left: 95px;
}
#oms-box .oms-box-text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
}

.site {
    overflow: hidden;
}



@keyframes icon_a {
    from {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
#card1 .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 390px;
    width: 100%;
    margin-top: 90px;
    /*min-height: 600px;*/
    /*max-height: 800px;*/
}


#card1 .wrapper .container {
    position: relative;
    margin: 0 auto;
    /*min-width: 100%;*/
    /*width: auto;*/
    /*height: 390px;*/
}

#card1 .horizontal .container {
    width: 100%;
    max-width: 1920px;
    height: 390px;
    margin-left: calc(50% - 155px);
}

#card1 .vertical .container {
    width: 37rem;
    height: 14rem;
}

#card1 .container .cards-list {
    width: 310px;
    height: 340px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    transition: 330ms;
    background: #fff;
    border-radius: 5px;

}

#card1 .cards-list .cards-img{
    width: 110px;
    height: 110px;
    margin: 30px auto;
    position: relative;
}
#card1 .cards-list .item-a{;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 300;display: none}
#card1 .cards-list .cards-img .cards-bg{display: none;width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 200;background: url("../images/icon-bg2.png") no-repeat center}
#card1 .cards-list .cards-img .cards-icon{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 201;}
#card1 .cards-list .cards-img .cards-icon-1{background: url("../images/oms.png") no-repeat center center;}
#card1 .cards-list .cards-img .cards-icon-2{background: url("../images/is.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-3{background: url("../images/oa.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-4{background: url("../images/集团邮箱.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-5{background: url("../images/大昌出行logo.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-6{background: url("../images/保险.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-7{background: url("../images/大数据.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-8{background: url("../images/元动.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-9{background: url("../images/金蝶.png") no-repeat center center}
#card1 .cards-list .cards-img .cards-icon-10{background: url("../images/云之家.png") no-repeat center center}
#card1 .cards-list .cards-title{text-align: center;font-size: 24px;color: #666;margin-bottom:18px }
#card1 .cards-list .cards-text{font-size: 16px;color: #999;text-align: center;width: calc(100% - 32px);}
#card1 .cards-list .cards-text span{padding-left:16px;padding-right: 16px ;display: inline-block;width: 100%}
#card1 .cards-list .cards-text .cards-text-warp{display: none}
#card1 .cards-list .cards-num-icon{width: 46px;height:40px;background: url("../images/num-bg.png") no-repeat center center;font-size: 15px;color: #999;text-align: center;background-size: 46px 40px;position: absolute;bottom: 14px;left:0;right: 0;margin: auto;}
#card1 .cards-list .cards-num-icon span{line-height: 34px}
#card1 .cards-list .cards-btn{display: none;width: 100%;height: 40px;font-size: 15px;line-height: 40px;background: #4592ff url("../images/进入.png") no-repeat 94% center;position: absolute;bottom: 0;left:0}
#card1 .cards-list .cards-btn span{padding-left: 20px;color: #fff;display: inline-block;width: 100%;height: 100%}
#card1 .active{height: 400px!important;top: -30px!important;}
#card1 .cards-list.active{box-shadow: 0 0px 10px #4592ff;background: #4592ff;color: #fff!important;}
#card1 .active .cards-text{color: #fff!important;}
#card1 .active .cards-title{color: #fff!important;}
#card1 .active .cards-num-icon{color: #fff!important;}
#card1 .card000s-list.active .cards-bg{display: block}
#card1 .cards-list.active .cards-btn{display: block}
#card1 .cards-list.active .cards-text-title{display: none}
#card1 .cards-list.active .cards-text-warp{display: block}
#card1 .cards-list.active .cards-num-icon{bottom:26px}
#card1 .cards-list.active .item-a{display: block}
#card1 .cards-list.active .cards-img .cards-icon-1{background: url("../images/oms白.png") no-repeat center center;}
#card1 .cards-list.active .cards-img .cards-icon-2{background: url("../images/is白.png") no-repeat center center}
#card1 .cards-list.active .cards-img .cards-icon-3{background: url("../images/oa白.png") no-repeat center center}
#card1 .cards-list.active .cards-img .cards-icon-4{background: url("../images/集团邮箱白.png") no-repeat center center}
/*#card1 .cards-list.active .cards-img .cards-icon-5{background: url("../images/大昌出行logo.png") no-repeat center center}*/
#card1 .cards-list.active .cards-img .cards-icon-6{background: url("../images/保险白.png") no-repeat center center}
#card1 .cards-list.active .cards-img .cards-icon-7{background: url("../images/大数据白.png") no-repeat center center}
/*#card1 .cards-list.active .cards-img .cards-icon-8{background: url("../images/元动白.png") no-repeat center center}*/
#card1 .cards-list.active .cards-img .cards-icon-9{background: url("../images/金蝶白.png") no-repeat center center}
#card1 .cards-list.active .cards-img .cards-icon-10{background: url("../images/云之家白.png") no-repeat center center}


#card1 .cards-list.active .cards-num-icon{background: url("../images/白角标.png") no-repeat center center;background-size: 46px 40px}
#card1 .cards-list.active .cards-num-icon span{line-height: 34px}
#card1 .cards-list.active .cards-bg{display: block;animation: icon_a 5s linear 0s infinite}
#card1 .warpbtn{width: 200px;height: 40px;display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #999;position: absolute;left:50%;transform: translateX(-50%);bottom: -40px;z-index: 8888888}
#card1 .warpbtn .warpbtn-left{width: 30px;height: 24px;background: url("../images/left-btn-act.png") no-repeat center;cursor: pointer}
#card1 .warpbtn-right{width: 30px;height: 24px;background: url("../images/right-btn-act.png") no-repeat center;cursor: pointer}
#card1 .warpbtn .warpbtn-left:hover{background: url("../images/left-btn.png") no-repeat center;}
#card1 .warpbtn-right:hover{background: url("../images/right-btn.png") no-repeat center;}

.banner-bottom{width: 100%;height: 150px;margin-top: -150px;background:rgba(15,15,15,0.4);position: relative;z-index: 999;color: #fff}
.banner-bottom .text-list{width: 1200px;height: 100%;margin: auto;display: flex;justify-content: space-between}
.banner-bottom .text-list .text-item{padding-top:30px;text-align: center }
.banner-bottom .text-list .text-item b{font-size: 40px;font-weight: normal}
.banner-bottom .text-list .text-item span{font-size: 20px}
.banner-bottom .text-list .text-item p{font-size: 18px}
.banner-item{position: relative}
@media screen and (max-width: 1366px) {
    .banner-box {
        height: 640px;
    }
}
/*#banner-video{position: absolute;left: 0;top: 0}*/
.layui-carousel-arrow{z-index: 100 !important;}
.banner-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.banner-img img{position: absolute;left: 50%;margin-left: -960px}
.banner-text{width: 700px;height:200px;position: absolute;left: 0;right: 0;top:240px;margin: auto;z-index: 99 }
.banner-text h2{font-size: 50px;text-align:center;color: #fff;line-height: 1.2em;font-weight: normal}
.banner-text p{font-size: 24px;text-align:center;margin-top: 40px;color: #fff}
.banner-icon-warp{width: 925px;height: 440px;position: absolute;left: 0;right: 0;top: 100px;margin: auto;z-index: 98}
.banner-icon-warp .banner-icon-list{width: 100%;height: 100%;position: relative;}
.banner-icon-warp .banner-icon-list .banner-icon{width: 95px;height: 95px;border-radius:50% }
.banner-icon.oms{background: url("../images/oms-icon.png") no-repeat center;position: absolute;left:47px;top:0px;transition:top  linear; animation: oms_a 8s linear infinite }
.banner-icon.erp{background: url("../images/erp.png") no-repeat center;position: absolute;left:437px;top:47px;transition:top linear; animation: erp_a 8s linear infinite }
.banner-icon.chart{background: url("../images/chart.png") no-repeat center;position: absolute;right:47px;top:10px;transition:top  linear; animation: chart_a 5s linear infinite }
.banner-icon.IS{background: url("../images/dashuju.png") no-repeat center;position: absolute;left:0px;top:324px;transition:top linear;animation: IS_a 4s linear infinite  }
.banner-icon.OA{background: url("../images/oa-icon.png") no-repeat center;position: absolute;right:0px;top:270px;transition:top  linear; animation: OA_a 3s linear infinite }
/*.banner-icon.oms{background: url("../images/oms.png") no-repeat center}*/
#banner-item-3 .banner-text{width: 100%;height:200px;position: absolute;left: 0;right: 0;top:240px;margin: auto;;transition:all 1s ease;animation: text_a 1s}
@keyframes text_a {
    0%{
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        /*display: none;*/
    }
    100%{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
        /*display: block;*/
    }
}
@keyframes oms_a {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes erp_a {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes chart_a {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes IS_a {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes OA_a {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.footer{width: 100%;height: 400px;background: #0f1523;}
.footer-warp-top{width: 100%;height: 250px;}
.footer-warp-top .footer-content{display: flex;flex-wrap: nowrap;padding-top: 60px;}
.footer-warp-top .footer-left{width: 370px;height: 100px;color: #fff;font-size: 18px;line-height: 1.8em;text-align: left}
.footer-warp-top .footer-right{width: auto;height: 100px;font-size: 18px;margin-left:40px;line-height: 100px ;color: #fff}
.footer-warp-top .footer-right a{color: #fff}
.footer-warp-bottom{width: 100%;height: 48px;padding: 38px 0;text-align: center;font-size: 14px;color: #fff}

.color-white{color: #fff}
.color-666{color: #666}
.content-item{width: 100%;padding-top: 90px}
.content-item-header{width: 100%;height: 90px;text-align: center}
.content-item-header h3{font-size: 34px;font-weight: normal}
.content-item-header p{font-size: 20px;margin-top:34px }
#card-warp-2 .content-item-card-warp{width: 1200px;height:476px;margin:100px auto 0 auto;display:
        flex;flex-wrap: nowrap;justify-content: space-between}
#card-warp-2 .content-item-card-warp .card-item{width: 237px;height: 100%;overflow: hidden}
#card-warp-2 .content-item-card-warp .card-item .card-img{width: 100%;height: 256px;margin-bottom: 25px;overflow: hidden}
#card-warp-2 .content-item-card-warp .card-item .card-img img{margin: 0 9px}
#card-warp-2 .content-item-card-warp .card-item .card-title{font-size: 22px;margin-bottom: 30px;text-align: center}
#card-warp-2 .content-item-card-warp .card-item .card-text{font-size: 16px}
#card3{height: 666px;background: url("../images/footer-bg.png") no-repeat center}

#card-warp-2 {width: 1200px;height: 380px;margin: 86px auto 0 auto;position: relative}
#card-warp-2 .content-item-list{width: 1200px;height: 380px;margin: 0 auto;overflow: hidden;position: relative}
#card-warp-2 .content-item-list .list-box{width: 1800px;height:380px;float: left;}
#card-warp-2 .content-item-list .list-box .list-item{width: 300px;height: 380px;position: relative;flex-shrink: 0;overflow: hidden;float: left}
#card-warp-2 .content-item-list .list-box .list-item .list-item-text{display: flex;flex-direction: column;justify-content: center}
#card-warp-2 .content-item-list .list-box .list-item .list-item-text p{font-size: 28px}
#card-warp-2 .content-item-list .list-box .list-item .list-item-text span{font-size: 20px;margin-top: 40px}
#card-warp-2 .content-item-list .list-box .list-item .list-item-text{width: 100%;height: 100%;text-align:
        center;transition: all .8s ease;position: absolute;left: 0;top:0;z-index: 8;}
/*.content-item-list .list-box .list-item .list-item-text{z-index: 8;}*/
#card-warp-2 .content-item-list .list-box .list-item .list-item-shadow{width: 100%;height: 100%;background:rgba(69,146,255,0.94);text-align: center;transition: all .8s ease;position: absolute;left: 0;z-index: 9;top:380px}
#card-warp-2 .content-item-list .list-box .item-bg-1{background: url("../images/大昌出行.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .item-bg-2{background: url("../images/大昌优驾.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .item-bg-3{background: url("../images/车管家.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .item-bg-4{background: url("../images/掌上神器.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .item-bg-5{background: url("../images/畅通保bg.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .item-bg-6{background: url("../images/掌上神器.png") no-repeat center}
#card-warp-2 .content-item-list .list-box .list-item:hover .list-item-text{display: none}
#card-warp-2 .content-item-list .list-box .list-item:hover .list-item-shadow{top:0}

#card-warp-2 .list-item-shadow .app-icon{width: 82px;height: 82px;margin: 50px auto 25px auto}
#card-warp-2 .list-item-shadow .app-icon img{width: 100%;height: 100%}
#card-warp-2 .list-item-shadow .app-code{width: 128px;height: 128px;margin: 0 auto 34px auto}
#card-warp-2 .list-item-shadow .app-code img{width: 100%;height: 100%}
#card-warp-2 .list-item-shadow .app-msg{text-align: center;font-size: 20px}
#card1{height: 720px;background:#F6FAFD;overflow: hidden}
#card2{height: 720px;background:#fff}

#card3 .content-item-card-warp{display: flex;justify-content: space-between;flex-wrap: nowrap;width: 1200px;height: 400px;margin:100px auto 0 auto;}
#card3 .content-item-card-warp .card-item{width:250px;height: 400px;text-align: center }
#card3 .content-item-card-warp .card-item .card-img{width: 100%;height: 256px;overflow: hidden;margin-bottom: 25px}
#card3 .content-item-card-warp .card-item .card-img img{margin:3px auto }
#card3 .content-item-card-warp .card-item .card-title{font-size: 22px;margin-bottom: 30px}
#card3 .content-item-card-warp .card-item .card-text{font-size: 16px}
#card3{position: relative}
.topBtn{width: 50px;height: 50px;background: rgba(255,255,255,0.3);position: absolute;right: 50px;bottom:70px;border-radius: 5px}
.topBtn a{display: inline-block;width: 50px;height:50px;background: url('../images/top.png') center;background-size: 36px 36px}

.finance_index_box2_banner{position:relative;}

.box1_textBox_item{width:200px;display:inline-block;text-align:center;}
.finance_index_box1_textBox{width:1020px;margin:50px auto;}
.box1_textBox_num span{font-size:40px;line-height:80px;font-weight:900;color:#e70012;margin-right:5px;}
.box1_textBox_num{font-size:14px;line-height:40px;font-weight:400;color:#e70012;}


.box1_textBox_text{text-align:center;line-height:30px;color:#000000;line-height:36px;font-size:16px;font-weight:400;}


.finance_index_box1_textBox_more{margin:50px auto;height:40px;width:120px;border:1px solid #e70012;cursor:pointer;
font-size:14px;text-align:center;color:#e70012;text-align:center;line-height:40px;border-radius:5px;display:block;}


.finance_index_box1_textBox_more:hover{margin:50px auto;height:40px;width:120px;border:1px solid #e70012;cursor:pointer;background:#e70012;
font-size:14px;text-align:center;color:#ffffff;text-align:center;line-height:40px;border-radius:5px;display:block;}

.finance_index_box2_banner_icom{position:absolute;left:50%;margin-left:-600px;top:200px;display:none;}
.finance_index_box2_banner_text{position:absolute;left:50%;margin-left:-600px;top:300px;display:none;}
.tab_item_body{display:none;}
.tab_item_body.active{display:block !important;}
.finance_index_box2_banner_text p{text-align:left;font-size:18px;line-height:30px;color:#fff;}
.finance_index_box2_banner_text .msg{text-align:left;font-size:14px;line-height:60px;color:#ffffff;}


.footer_top{padding-top:55px;line-height:50px;font-size:36px;color:#ffffff;font-weight:900;}
.footer_top img{vertical-align:middle;margin-right:20px;}
.footer_bottom_left{width:900px;color:#ffffff;float:left;padding-top:20px;}
.footer_bottom_left_1{width:600px;float:left;}
.footer_bottom_left_2{width:150px;float:left;}
.footer_bottom_right{width:200px;float:right;text-align:center;color:#ffffff;line-height:30px;font-size:14px;}
.footer_bottom_left_line{line-height:28px;font-size:16px;display:block;}
.footer_bottom_left_line_a{line-height:28px;font-size:16px;display:block;cursor:pointer;color:#ffffff;}

.footer_bottom_left_title{line-height:50px;font-size:20px;font-weight:900;}
.footer_text{line-height:50px;text-align:center;color:#999999;font-size:14px;}
.footer_text a{color:#999999;font-size:14px;}
.page_body .page_body_in {
    width: 1200px;
    margin: 0 auto;
	min-height:300px;
    /*background-color: #2ab8ff;*/
}
.finance_index_box3_right{position:absolute;top:30px;right:0px;width:888px;}
.finance_index_box3_left{position:absolute;top:30px;left:0px;width:388px;height:738px;}

.aboutUs_company_text{line-height:32px;font-size:14px;position:relative;padding-left:150px;padding-top:10px;text-align:left;font-weight:500;}
.aboutUs_company_text_t1{position:absolute;top:10px;left:30px;line-height:32px;width:120px;color:#cb8534;}
.aboutUs_company_text_t2{line-height:32px;}
.aboutUs_company_title{line-height:40px;font-size:16px;font-weight:600;color:#333333;border-bottom:2px solid #cb8534;border-top:2px solid #cb8534;}

.aboutUs_company_title2{line-height:40px;font-size:14px;font-weight:600;color:#cb8534;border-bottom:2px solid #cb8534;border-top:2px solid #cb8534;margin-top:10px;}

.aboutUs_company_list{padding:0px 0px;}
.aboutUs_company_list_line{line-height:32px;font-size:14px;color:#333333;padding-left:30px;background:url(../images/d.png) 0px center no-repeat;}

.aboutUs_company_year{padding:10px 0px 0px 0px;}

.aboutUs_title{line-height:40px;font-size:16px;font-weight:600;}



.aboutUs_text{line-height:32px;font-size:14px;text-indent:2em;}


.aboutUs_list_item{line-height:32px;font-size:14px;padding-left:30px;position:relative;}
.aboutUs_list_item::after {
  content: "";
  position:absolute;width:8px;height:8px;border-radius:10px;background:#b9000e;left:10px;top:12px;
}

.page_body_banner_footer{position:absolute;bottom:30px;left:50%;width:1000px;margin-left:-500px;padding-left:0px;}
.page_body_banner_footer_item{font-size:14px;display:inline-block;padding:6px 20px;line-height:24px;border:1px solid #fff;
color:#fff;border-radius:25px;float:left;margin-right:20px;cursor:pointer;}
.page_body_banner_footer_item.active{background:#b9000e;border:1px solid #b9000e;}

.page_body_aboutUs{padding:50px 100px;display:none;}
.page_body_aboutUs.active{display:block !important;}

.page_body_banner1{height:300px;text-align:center;position:relative;background:url(../images/branner1.jpg) center no-repeat;}
.page_body_banner2{height:300px;text-align:center;position:relative;background:url(../images/branner2.jpg) center no-repeat;}

.page_body_banner{height:300px;text-align:center;position:relative;background:url(../images/branner.png) center no-repeat;}
.page_body_banner_text{position:absolute;top:100px;left:50%;margin-left:-500px;}
.page_body_banner_text_us{line-height:50px;font-size:36px;color:#ffffff;text-align:left;}
.page_body_banner_text_us2{line-height:28px;font-size:16px;color:#ffffff;text-align:left;}

.finance_index_box3_left_btn2{background:url(../images/mapt.png) center no-repeat;
margin-top:20px;background-size:100% 100%;padding-left:25px;
display:block;width:275px;height:50px;line-height:40px;font-size:16px;font-weight:900;text-align:left;color:#fff;}
.finance_index_box3_left_btn{margin-top:20px;background:url(../images/mapt.png) center no-repeat;padding-left:25px;
display:block;width:200px;height:50px;line-height:40px;font-size:16px;font-weight:900;text-align:left;color:#fff;}

.finance_index_box3_left_btn span{font-size:40px;vertical-align: baseline;}

.finance_index_box3_left_btn2 span{font-size:40px;vertical-align: baseline;}

.finance_index_box3_left_text .textItem{display:inline-block;font-size:16px;line-height:55px;display:inline-block;margin-right:30px;}









.wave-container {
  position: absolute;top: -55px;
  right: 12px;
  width: 600px;
  height: 600px;
  margin: 100px auto;
}


.wave-container2 {
  position: absolute;top:160px;right:280px;
  width: 400px;
  height: 400px;
  margin: 100px auto;
}
.wave {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.5);
  animation: earthquake-wave 2s infinite ease-out;
  opacity: 0;
}

/* 不同波纹的延迟和大小 */
.wave1 {
  left: 50%;
  top: 50%;
  animation-delay: 0s;
  transform: translate(-50%, -50%) scale(0.8);
}
.wave2 {
  left: 50%;
  top: 50%;
  animation-delay: 0.1s;
  transform: translate(-50%, -50%) scale(0.6);
}
.wave3 {
  left: 50%;
  top: 50%;
  animation-delay: 0.3s;
  transform: translate(-50%, -50%) scale(0.4);
}

/* 关键帧动画：波纹扩散与消失 */
@keyframes earthquake-wave {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.8;
  }
  50% {
    width: 150px;
    height: 150px;
    opacity: 0.3;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0.1;
  }
}

.finance_index_banner_tit{position:absolute;top:30%;left:50%;margin-left:-450px;width:900px;}
.finance_index_banner_tit_item{display:none;}
.finance_index_banner_tit_item.active{display:block;}
.finance_index_banner_tit_item .hanzi{font-size:60px;color:#ffffff;line-height:100px;text-align:center;font-weight:900;}
.finance_index_banner_tit_item .yingyu{font-size:30px;color:#ffffff;line-height:40px;text-align:center;font-weight:900;}


.background-image1 {
  background-image: url(../images/tab_item_body1.png);
  background-size: cover;
  height:680px;width:100%;
  background-position: center;
  transform: scale(1.1); /* 初始缩放 */
  
   animation-name: background-wave;
      animation-duration: 2s; /* 动画持续时间为2秒 */
      animation-timing-function: ease-out; /* 动画速度曲线 */
      animation-iteration-count: 1; /* 动画只执行一次 */
	  
	
}
.background-image2 {
  background-image: url(../images/tab_item_body2.png);
  background-size: cover;
   height:680px;width:100%;
  background-position: center;
  transform: scale(1.1); /* 初始缩放 */
 animation-name: background-wave;
    animation-duration: 2s; /* 动画持续时间为2秒 */
    animation-timing-function: ease-out; /* 动画速度曲线 */
    animation-iteration-count: 1; /* 动画只执行一次 */
 	  
 	
}
.background-image3 {
  background-image: url(../images/tab_item_body3.png);
  background-size: cover;
   height:680px;width:100%;
  background-position: center;
  transform: scale(1.1); /* 初始缩放 */
  animation-name: background-wave;
     animation-duration: 2s; /* 动画持续时间为2秒 */
     animation-timing-function: ease-out; /* 动画速度曲线 */
     animation-iteration-count: 1; /* 动画只执行一次 */
  	  
  	
}
 

/* 关键帧动画：波纹扩散与消失 */
@keyframes background-wave {
  0% {
   transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}