/*
    初始化
*/
body{
    margin: 0; 
    padding: 0; 
    width:100%; 
    height: 100%; 
    font-family: 'Microsoft YaHei'; 
    background: #fff; 
    position: relative;
}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{
    list-style: none; 
    padding: 0; 
    margin: 0;
}
@font-face{font-family: FZLTHJW;     /*自定义的字体名*/
    src:url('../font/FZLTHJW.ttf');   /*引入字体包*/
}

/*
    container
*/
.container{width: 1200px; padding: 0; max-width: 1200px; position: relative; display: block; height: 100%;}


/* 
    header
*/
.header{position: absolute; z-index: 4; transition: all .3s; left: 0; top: 0; width: 100%;}
.header .logo{float: left; line-height: 50px; margin-right: 48px;}
.header .menu{float: left;}
.header .menu li{float: left; margin-right: 56px; position: relative;}
.header .menu li::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #FFFFFF;
}
.header .menu li:hover::after{
    /* width: 100%;
    left: 0; */
    width: 40px;
    transition: all .3s;
}
.header .menu li:hover .down{
    display: block;
}
.header .menu li:nth-last-child(1){margin-right: 0px;}
.header .menu a{color:#FFFFFF; display: block; line-height: 64px; text-decoration: none; font-size: 18px;}
/* .header .menu .active{color: #ffffff; position: relative;}
.header .menu .active::before{content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; display: block; background: #ffffff;} */
.header .menu .down{
    width: 206px;
    position: absolute;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    display: none;
    box-shadow: 0px 0px 30px rgba(81,101,168,.16);
}
.header .menu .down a{
    height: 46px;
    line-height: 46px;
    display: block;
    height: 46px;
    line-height: 46px;
    color: #666B7E;
    font-size: 14px;
    text-align: center;
    
}
.header .menu .down a:hover, .submenu_active{
    color: #2468F2 !important;
    background-color: rgba(36, 104, 242, .05);
}
.header .menu-bt{display: none;}

/* 固定导航 */
.headerFix{
    position: fixed;
    box-shadow: 0px 10px 10px rgba(215,223,239,.5);
    background-color: #FFFFFF;
}
.headerFix .menu li::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: #2468F2;
}
.headerFix .menu a{color: #12152D;}
.headerFix .menu a:hover{color: #12152D;}
.headerFix .menu .active{color: #2468F2 !important; position: relative;}



/* 
    banner
*/
.banner{height: 480px; position: relative; z-index: 1; overflow: hidden;}
/* .banner .img{width: 540px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} */
.banner .img{width: 540px; position: absolute; bottom: 0;}
.banner .img img{width: 100%; position: relative;}
.banner .txt{position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.banner h5{color: #fff;  margin-bottom: 25px; font-family: 'FZLTHJW'; font-size: 48px;}
.banner h6{
    color: #fff; 
    font-family: 'FZLTHJW'; 
    font-size: 14px;
    animation-name: banner-title-sub;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-duration: 3s;
    animation-delay: .5s;
}
@keyframes banner-title-sub{
    0% {
        opacity: 0;
        transform: translate3d(0,120px,0);
    }
    20% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
.banner .txt div{width: 614px; color: #fff; line-height: 26px; font-size: 14px;text-align: justify;}
/* .banner p{color: #fff; font-size: 14px; line-height: 26px;}  */

/* banner查看详情按钮 */
.contentDetail{
    width: 152px !important;
    height: 34px;
    line-height: 34px !important;
    background-color: #2468F2;
    margin-top: 32px;
    text-align: center !important;
    border-radius: 2px;
    cursor: pointer;
}

/* 首页 */
.index-banner{height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #030f2d;}
.index-banner .img{width: 1280px; position: absolute; right: 2%;}
.index-banner img{ animation: animationBanner 5s infinite linear;/*匀速 循环*/ }
.index-banner h5{font-size: 80px;}
.index-banner h6{font-size: 30px;}




/* 
    banner
*/

/* .banner{height: 100vh; position: relative; z-index: 1; overflow: hidden;}
.banner .img{    
    width: 960px;
    right: 8%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner .img img{width: 100%; position: relative;}
.banner .txt{position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.banner h5{color: #fff;  margin-bottom: 25px; font-family: 'FZLTHJW'; font-size: 80px;}
.banner .txt div{color: #fff; font-size: 30px; width: 600px;} 
.index-banner{background-repeat: no-repeat; background-size: cover; background-position: center;}
.index-banner img{ animation: animationBanner 5s infinite linear; }
.index-banner h6{font-size: 30px;}  */
/* @-webkit-keyframes animationBanner{
    0%,100%{ top: 0;}

    25%{ transform: translate(0,6px);}

    50%{ top: 0;}

    75%{ transform: translate(0,-6px);}

} */


/* 
    mainBox
*/
.mainBox{padding: 64px 0 96px; background-repeat: no-repeat; background-size: cover; width: 100%; background-position: center;}
.mainBox .topTi{text-align: center;}
.mainBox .title{height: 45px; line-height: 45px; font-size: 34px; margin-bottom: 16px; color: #191C3D;}
.mainBox .text{color: #697B8C; font-size: 18px;}

.conBox{overflow: hidden; margin-top: 56px;}
.conBoxShadow{overflow: visible;}


/* advantage-mainBox 核心优势 */
.advantage-mainBox{background: #fff;}
.advantage-mainBox .conBox{margin-top: 0; padding-top: 56px;}
.advantage-mainBox .left-con{float: left; width: 465px; margin-top: 46px; opacity: 0;}
.advantage-mainBox .left-con img{width: 100%;}
.advantage-mainBox .right-con{float: right; width: 580px;}
.advantage-mainBox .con-list{margin-bottom: 48px; padding-left: 4px; opacity: 0;}
.advantage-mainBox .con-list:nth-last-child(1){margin-bottom: 0px;}
.advantage-mainBox .con-list:last-child{margin-bottom: 0;}
.advantage-mainBox .con-list h5{font-size: 22px; color: #12152D; margin-bottom: 16px;}
.advantage-mainBox .con-list p{font-size: 14px; color: #697B8C; line-height: 26px;}

.advantage-mainBox:hover img{animation: float 4s infinite linear;/*匀速 循环*/ position: relative;}
@-webkit-keyframes float{
    0%,100%{ top: 0;}

    25%{ transform: translate(0,8px);}

    50%{ top: 0;}

    75%{ transform: translate(0,-8px);}

}


/* solution-mainBox 解决方案 */
/* .solution-mainBox{height: 586px;} */
.solution-mainBox .tabs{float: left; width: 15%; opacity: 0;}
.solution-mainBox .tabs-ul{border-right: solid 1px #E3E8F1; height: 409px;}
.solution-mainBox .tab-nav{line-height: 21px; margin-bottom: 48px; cursor: pointer; text-align: center; color: #A9B7C4;}
.solution-mainBox .tab-nav:hover{color: #2468F2;}
.solution-mainBox .tab-nav-active{border-right: solid 2px #2468F2; color: #2468F2; line-height: 21px; margin-bottom: 48px; cursor: pointer; text-align: center;}

.solution-mainBox .tabs-body{float: left; width: 85%; padding-left: 64px;}
.solution-mainBox .tabs-body .tabs-con{display: none;}
.solution-mainBox .tabs-body .tabs-con-active{display: block;}
.solution-mainBox .tabs-body .tabs-con .productLink a:hover{text-decoration: none;}
.solution-mainBox .tabs-body .tabs-con .productLink img{vertical-align: middle; margin: 0px 6px 1px;}
.solution-mainBox .tabs-body .ti{font-size: 22px; margin-bottom: 16px; opacity: 0;}
.solution-mainBox .tabs-body .txt{font-size: 14px; margin-bottom: 40px; color:#697B8C; line-height: 26px; opacity: 0;}
.solution-mainBox .tabs-body .con .li{margin-bottom: 20px; opacity: 0;}
.solution-mainBox .tabs-body .con .li:last-child{margin-bottom: 0;}
.solution-mainBox .tabs-body .con .li h6{font-size: 16px; position: relative; padding-left: 10px; margin-bottom: 8px;}
.solution-mainBox .tabs-body .con .li h6::after{content: ''; width: 3px; height: 12px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); background: #2468F2;}
.solution-mainBox .tabs-body .con .li .productLink a{color: #2468F2;}
.solution-mainBox .tabs-body .con .borderTxt{overflow: hidden;}
.solution-mainBox .tabs-body .con .borderTxt li{float: left; border: solid 1px #A9B7C4; color:#697B8C; line-height: 34px; padding: 0 18px; margin-right: 32px; border-radius: 2px; font-size: 14px;}
.caseLi{margin-top: 10px;}

.listData{
    display: flex;
    position: relative;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.listData:last-child{
    margin-bottom: 0px;
}
.listItem{
    margin-right: 32px;
    font-size: 14px;
    color: #697B8C;
}
.listItem:last-child{
    margin-right: 0px;
}
.listItem .listTitle:hover{
    color: #FFFFFF;
    background-color: #2468F2;
    border: none;

}
.listItem .listTitle:hover + .listContent{
    display: block;
}
.listTitle{
    width: inherit;
    min-height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #A9B7C4;
    border-radius: 2px;
}
.listContent{
    width: 452px;
    background-color: #fff;
    text-align: justify;
    padding: 24px 30px;
    line-height: 26px;
    display: none;
    border-radius: 2px;
    margin-top: 8px;
    box-shadow: 0px 0px 5px #d7dfef;
}



/* products-mainBox 核心产品*/
.products-mainBox{background: #fff;}
.products-mainBox .row{margin: 0 -36px;}
.products-mainBox .col-xl-3{padding: 0 36px;}
.products-mainBox .boxTop{margin-top: 64px;}
.products-mainBox .con{text-align: center;}
.products-mainBox .con img{margin-bottom: 40px; position: relative;}
.products-mainBox .con h5{margin-bottom: 16px; font-size: 22px; color: #12152D;}
.products-mainBox .con p{margin-bottom: 40px; font-size: 14px; color: #697B8C; line-height: 26px;}
.products-mainBox .con .more{text-decoration: none; width: 120px; line-height: 36px; border: solid 1px #E3E8F1; display: inline-block; color: #A9B7C4; font-size: 14px; transition: all .3s; border-radius: 5px;}
.products-mainBox .con .more:hover{background: #2468F2; color: #fff;}

.products-mainBox .con:hover img{animation: jump 1s  linear;/*匀速 循环*/animation-fill-mode: forwards;/*结束后保持最后状态*/}
@-webkit-keyframes jump{
    0%,100%{ top: 0; transform:rotate(0deg);}

    15%{ top: -15px; transform:rotate(10deg);}

    30%{ top: 0; transform:rotate(0deg);}
    
    45%{ top: -10px; transform:rotate(-10deg);}

    60%{ top: 0; transform:rotate(0deg);}

    80%{ top: -5px; transform:rotate(10deg);}

}


/* honor-mainBox 成就与荣誉*/
.honor-container {
    margin: 0px 20px;
}
.honor-mainBox{}
.honor-wrap{height: 462px; display: flex; justify-content: center; align-items: center;}
.honor-mainBox .row{margin: 0 -9px;}
.honor-mainBox .col-xl-3{padding: 0 9px;}
.honor-mainBox .con{background: #fff; border: 1px solid #EAEEF6; padding: 24px 0px; text-align: center; height: 442px; position: relative; top: 0; transition: all .2s;}
.honor-mainBox .con .conWrap{width: 324px; margin: 0px auto;}
.honor-mainBox .con img{margin-bottom: 16px;}
.honor-mainBox .con h5{font-size: 18px; margin-bottom: 16px; line-height: 24px; color: #12152D;}
.honor-mainBox .con p{font-size: 14px; color: #697B8C; line-height: 26px; text-align: left;}
.honor-mainBox .con:hover{top: -10px; box-shadow: 0 0 5px #c5d2eb;}
#prePage{display: none;}
.honor-conBoxShadow{
    /* width: 1200px;
    height: 100%; */
    overflow: hidden;
}



.conBox-one{
    position: inherit;
    left: 0;
    /* top: 40px; */
    width: 100%;
    transform: translate(0,0);
    transition: all .4s;
} 
.conBox-one-active-pre{
    transform: translate(-100%,0); 
    transition: all .4s;
}
.conBox-one-active-next{
    transform: translate(100%,0); 
    transition: all .4s;
}

/* 指示索引 */
.indicationWrap{
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indicateItem{
    width: 48px;
    height: 4px;
    background-color: #DFE5EB;
    margin-right: 24px;
}
.indicateItem:last-child{
    margin-right: 0px;
}
.indicateActive{
    background-color: #2468F2;
}


/* news-mainBox 最新动态*/
.news-mainBox{background-color: #fff;}
.news-mainBox .conBox{position: relative; height: 320px;}

.news-mainBox .news{opacity: 0; width: 912px; height: 266px; background: #fff; position: absolute; left: 0; top: 5px; z-index: 2; transition: all .2s; overflow: hidden;}
.news-mainBox .newsShadow{opacity: 0; content: ''; position: absolute; left: 0; top: 5px; box-shadow: 0 0 10px #E3E8F1; width: 100%; height: 100%; z-index: 0; width: 912px; height: 266px;} 
.news-mainBox .news .news-con{position: inherit; left: 0; top: 0; width: 100%; transform: translate(100%,0); transition: all .4s; z-index: 0;}
.news-mainBox .news .news-con-active{position: inherit; left: 0; top: 0; width: 100%; transform: translate(0,0); transition: all .4s; z-index: 1;}
/* .news-mainBox .newsBg{content: ''; width: 912px; height: 266px; box-shadow: 0 0 10px #E3E8F1; z-index: 1; position: absolute; left: 0; top: 0;} */
/* .news-mainBox .news:hover{top: -5px;}
.news-mainBox .news:hover .newsCon h5,.news-mainBox .news:hover .newsCon p{color: #2468F2;} */
.news-mainBox .news .img{float: left;}
/* .news-mainBox .news .img img{width: 386px; height: 266px; object-fit: contain;} */
.news-mainBox .news .img img{width: 386px; height: 266px;}
.news-mainBox .news .newsCon{float: left; width: 526px; padding: 40px;}
.news-mainBox .news .newsCon h5{font-size: 18px; margin-bottom: 16px; color: #000; transition: all .3s;}
.news-mainBox .news .newsCon p{font-size: 14px; color: #697B8C; line-height: 26px; margin-bottom: 50px; transition: all .3s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.news-mainBox .news .newsCon span{font-size: 14px; color: #2468F2;}
.news-mainBox .news .newsCon a{font-size: 14px;}

.news-mainBox .news-list{opacity: 0; background: #2468f2; width: 680px; padding: 40px 40px 40px 432px; position: absolute; right: 0; bottom: 0; z-index: 1;}
.news-mainBox .news-list .news-link{display: block; color: #fff; font-size: 14px; line-height: 26px; opacity: .7; margin-bottom: 24px; text-decoration: none; position: relative; padding-left: 20px; cursor: pointer; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news-mainBox .news-list .news-link:last-child{margin-bottom: 0;}
.news-mainBox .news-list .news-link:hover{opacity: 1;}
.news-mainBox .news-list .news-link-active{opacity: 1;}
.news-mainBox .news-list .news-link::after{content: ''; width: 4px; height: 4px; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); background: #fff;}
.news-mainBox .point{position: absolute; left: 0; bottom: 0;}
.news-mainBox .more{opacity: 0; height: 20px; line-height: 20px; position: absolute; right: 0; top: 3px; font-size: 14px; text-decoration: none; color: #2468f2;}
.news-mainBox .more img{margin-left: 8px;}
/* .news-mainBox .more::after{content: ''; width: 0; height: 2px; background: #2468f2; position: inherit; left: 0; bottom: 0; transition: all .3s;}
.news-mainBox .more:hover::after{width: 100%;} */

/* .newsPage-mainBox{background: #fff; margin-top: -64px;} */
.newsPage-mainBox{background: #fff;}
.news-page{display: none;}
.news-page-active{display: block;}
.news-page li{ margin-bottom: 24px;}
.news-page li a{display: block; border-radius: 5px; padding: 20px; text-decoration: none; background: #fff; transition: all .3s; border-bottom: 1px solid #e6e6e6;}
.news-page li .title{font-size: 20px; transition: all .3s;}
.news-page li a:hover .title{color: #2468f2;}
.news-page li .text{font-size: 14px; line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; margin-bottom: 12px;}
.news-page li .time{font-size: 12px; color: #999;}

.pagination{overflow: hidden;}
.pagination li{float: left; margin-right: 5px;}
.pagination a{display: block; text-decoration: none; width: 30px; line-height: 30px; text-align: center; border: solid 1px #ddd; border-radius: 5px;}
.pagination .active{background: #2468f2; color: #fff;}



/* partner-mainBox 合作伙伴*/
/* .partner-mainBox{height: 334px;}
.partner-mainBox .row{margin: 0 -10px;}
.partner-mainBox .col-xl-2{padding: 0 10px;}
.partner-mainBox img{ box-shadow: 0 0 10px #E3E8F1; position: relative; top: 0; transition: all .2s;} */


/* application-mainBox 应用案例*/

/* .application-case{position: relative; border: solid 1px #E3E8F1; height: 196px; margin-bottom: 24px; background-color: #fff;}
.application-case:last-child{ margin-bottom: 0;}
.application-case::after{content: ''; width: 1px; height: 152px; background: #E3E8F1; position: absolute; left: 282px; top: 50%;  transform: translate(0,-50%);}
.application-case .img{width: 282px; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.application-case .txt{width: 918px; position: absolute; right: 0; top: 50%;  transform: translate(0,-50%); padding: 0 80px 0 48px;}
.application-case .txt h5{font-size: 22px; margin-bottom: 16px;}
.application-case .txt p{font-size: 14px; color: #697B8C; line-height: 26px; } */



.application-case{
    border: solid 1px #E3E8F1;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: inherit;
    left: 0;
    /* top: 40px; */
    transform: translate(0,0);
    transition: all .4s
}
.application-case-pre{transform: translate(-100%,0);}
.application-case-next{transform: translate(100%,0);}
/* .application-case:last-child{ margin-bottom: 0; transform: translate(100%,0);} */
.application-case::after{content: ''; width: 1px; height: 152px; background: #E3E8F1; position: absolute; left: 282px; top: 50%;  transform: translate(0,-50%);}
.application-case .img{width: 282px; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}
.application-case .txt{width: 918px; position: absolute; right: 0; top: 50%;  transform: translate(0,-50%); padding: 0 80px 0 48px;}
.application-case .txt h5{font-size: 22px; margin-bottom: 16px;}
.application-case .txt p{font-size: 14px; color: #697B8C; line-height: 26px; }

.caseWrap{
    /* max-width: 1392px;
    min-width: 1296px; */
    height: 276px;
    margin: 0px auto;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    position: relative;
}

/* row-mainBox 产品优势*/
.row-mainBox .row{margin: 0px;}
.row-mainBox .col-12{padding: 0px;}
.row-mainBox .con{background: #fff; box-shadow: 0 0 10px #e4e9f1; border-radius: 0; position: relative; padding: 48px 40px 48px 142px; height: 260px;}
.row-mainBox .con img{position: absolute; left: 40px; top: 50%; transform: translate(0,-50%);}
.row-mainBox .con .ti{font-size: 18px; margin-bottom: 16px;}
.row-mainBox .con .txt{font-size: 14px; color: #697B8C; line-height: 26px;text-align: justify;}
.row-mainBox .EBC-conBox .con{height: 234px;}

/* .row-mainBox2 .row{margin: 0 -12px;} */
.row-mainBox2 .col-xl-4{padding: 0 12px; margin-bottom: 24px; opacity: 0;}
.row-mainBox2 .col-xl-4:last-child(2){margin-bottom: 0;}
.row-mainBox2 .con{height: 285px; padding: 48px 40px 48px 142px;}
.row-mainBox2 .con img{left: 40px;}

.row-mainBox3 .con{height: 210px;}


/* pic-mainBox 方案架构*/
/* .pic-mainBox img{width: 100%;} */
.pic-mainBox .picBox{
    position: relative;
    margin-top: 56px;
    height: 756px;
    display: flex;
    overflow: hidden;
    /* align-items: center; */
}
.energy-pic-mainBox .picBox{
    height: 672px;
}

.pic-mainBox .picContent{
    width: 100%;
    height: 510px;
    z-index: 3;
    color: #fff;
    margin-top: 96px;
    /* overflow: hidden; */
    transition: all .2s;
    position: absolute;
}
.pic-mainBox .picContent .pic-con{
    position: inherit;
    width: 100%;
    height: 500px;
    transform: translate(0,0);
    transition: all .4s;
    margin-left: 4px;
}
.pic-mainBox .picContent .pic-con-active-pre{
    transform: translate(-100%,0);
    transition: all .4s;
}
.pic-mainBox .picContent .pic-con-active-next{
    transform: translate(100%,0);
    transition: all .4s;
}
.pic-mainBox .picContent .img{
    width: 706px;
    height: 480px;
    float: left;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.pic-mainBox .picContent .bgShadow{
    width: 260px;
    height: 480px;
    box-shadow: 0px 0px 8px #e3e8f1;
    position: absolute;
    top: 0;
    left: 0px;
    opacity: 0;
}
.pic-mainBox .picContent .picCon{
    float: left;
    width: 400px;
    /* height: 485px; */
    margin-left: 48px;
}
.pic-mainBox .picContent .picCon .title, .pic-mainBox .picContent .picCon .textTitle{
    font-size: 22px;
    font-weight: bold;
    opacity: 0;
}
.pic-mainBox .picContent .picCon .title{
    margin-bottom: 40px;
    color: #fff;
    opacity: 0;
}
.pic-mainBox .picContent .picCon .textTitle{
    margin-bottom: 16px;
    height: 29px;
    line-height: 29px;
}
.pic-mainBox .picContent .picCon .textContent{
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 25px;
    text-align: justify;
    opacity: 0;
}
.pic-mainBox .picContent .picCon .textContentTwo{
    margin-bottom: 0px;
}

.pic-mainBox .picBg{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: inherit;
}
.pic-mainBox .picBox .pic-list{
    width: 940px;
    height: inherit;
    background: #2468F2;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
}
.pic-mainBox .picBox .pic-list .arrowGroup{
    position: absolute;
    right: 48px;
    bottom: 46px;
    text-align: center;
}
.pic-mainBox .picBox .pic-list .num{
    position: absolute;
    left: 495px;
    bottom: 46px;
    color: #fff;
}
.pic-mainBox .picBox .pic-list .leftNum{
    font-size: 38px;
}
.pic-mainBox .picBox .pic-list .rightNum{
    font-size: 16px;
}
.pic-mainBox .arrowGroup img{
    /* width: 36px;
    height: 36px;
    border-radius: 50%; */

}
.pic-mainBox .arrowGroup .arrowLeft{
    margin-bottom: 8px;
}
.pic-mainBox .arrowGroup .arrowLeft:hover, .pic-mainBox .arrowGroup .arrowRight:hover{
    cursor: pointer;
}


/* 公共存证服务平台 */
.storage-banner .img{bottom: 5%;}
.mainBoxWrap{
    padding-bottom: 64px;
}
.mainBoxWrap .title{
    font-weight: bold;
    color: #12152D;
    opacity: 0;
}
.mainBoxWrap .text{
    max-width: 500px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 26px;
    opacity: 0;
}
.featuresItem{
    width: 100%;
    height: 236px;
    position: relative;
    border: 1px solid #EAEEF6;
    margin-bottom: 32px;
    background-color: #ffffff;
}
.mainBoxWrap .col-xl-4{
    opacity: 0;
}
/* .featuresItem::before{
    content: '';
    width: 0%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #04CB94;
    transition: all .5s linear;
}
.featuresItem:hover::before{
    width: 100%;
} */
.featuresItem:hover{
    box-shadow: 0 0 5px #d7dfef;
}
.featuresItem:hover .featuresTitle{
    color: #2468F2;
    border-bottom-color: #2468F2;
}
.featuresTitle {
    width: 296px;
    height: 106px;
    line-height: 106px;
    font-size: 26px;
    font-weight: 500;
    margin: 0px auto;
    border-bottom: 1px solid #E6E6E6;
}
.featuresContent {
    width: 296px;
    line-height: 26px;
    font-size: 14px;
    color: #666B7E;
    margin: 24px auto 0px;
}



/* 
    footer
*/
.footer{background: #161F30; padding: 64px 0;}
.footer .top{overflow: hidden; border-bottom: 1px solid #697B8C; padding-bottom: 36px;}
.footer .top .menu{float: left; margin-right: 80px;}
.footer .top .menu li{margin-bottom: 12px;}
.footer .top .menu li h5{font-size: 18px; color: #fff; margin-bottom: 20px;}
.footer .top .menu li a{font-size: 14px; color: #A9B7C4; text-decoration: none; transition: all .2s;}
.footer .top .menu li a:hover{color: #2468f2;}
.footer .top .contacts{float: left;}
.footer .top .contacts li h5{font-size: 18px; color: #fff;  margin-bottom: 20px;}
.footer .top .contacts li{margin-bottom: 12px; color: #A9B7C4; font-size: 14px;}
.footer .code-area{float: right;}
.footer .code-area .icons{ display: block; height: 28px;}
.footer .code-area .icons-ul{position: relative; z-index: 1; display: block; height: 28px;}
.footer .code-area .icons-ul li{float: left; margin-right: 16px; cursor: pointer; width: 28px; height: 28px; position: relative; overflow: hidden;}
.footer .code-area .icons-ul li .weixin{background: url('../../images/index/footer/icon_weixin_selected.svg') no-repeat; width: 28px; height: 28px; display: block;}
.footer .code-area .icons-ul li .weibo{background: url('../../images/index/footer/icon_weibo_selected.svg') no-repeat; width: 28px; height: 28px; display: block;}
.footer .code-area .icons-ul li:hover>.weixin{background: url('../../images/index/footer/icon_weixin_normal.svg') ;}
.footer .code-area .icons-ul li:hover>.weibo{background: url('../../images/index/footer/icon_weibo_normal.svg') ;}
.footer .code-area .icons-ul .icons-nav-active .weixin{background: url('../../images/index/footer/icon_weixin_normal.svg') ;}
.footer .code-area .icons-ul .icons-nav-active .weibo{background: url('../../images/index/footer/icon_weibo_normal.svg') ;}
.footer .icons-con-active{display: block;}
.footer .icons-con{display: none;}
.footer .iconTabs-body{position: relative; z-index: 0;}
.footer .iconTabs-body .icons-con-active{display: block;;}
.footer .iconTabs-body p{font-size: 12px; color: #fff; margin-top: 8px; text-align: center;}

.footer .bottom .copy{font-size: 12px; color: #697B8C; margin: 25px 0 20px;}
.footer .bottom .link{overflow: hidden;}
.footer .bottom .link li{float: left; font-size: 12px; margin-right: 5px;}
.footer .bottom .link li a{ color: #697B8C; transition: all .2s; text-decoration: none;}
.footer .bottom .link li a:hover{ color: #2468f2;}



/* 
    =================================
              网页加载动效
    =================================
*/

@media all and (min-width: 1000px) and (max-width: 2560px){
    /* .advantage-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all 2.5s; transition-delay: .3s;} */
    .advantage-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* .solution-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;} */
    .solution-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    .products-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .products-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    .honor-mainBox .conBox{position: absolute; width: 1200px; height: 100%; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .honor-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    .honor-mainBox #nextPage{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* .news-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;} */
    .news-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}


    /* .partner-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .partner-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;} */


    /* 行业痛点 */
    .industry-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .industry-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* .row-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;} */
    .row-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* 方案架构 */
    /* .pic-mainBox .picBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;} */
    .pic-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* 应用场景 */
    .application-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .application-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}

    /* 客户案例 */
    .customer-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s;}
    .customer-mainBox .conBox{position: relative; top: 30px; opacity: 0; transition: all .3s; transition-delay: .3s; position: absolute;
        width: 1200px;
        height: 220px;}
    .customer-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    
    /* YG-BAS平台 -平台特性*/
    .bas-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    .bas-mainBox .col-xl-3{opacity: 0; transition: all .3s;}
    
    /* 总体架构 */
    .baspic-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    .baspic-mainBox .basProgramImg{opacity: 0; transition: all .3s;}
    
    /* 技术架构 */
    .bastechnopic-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    .bastechnopic-mainBox .bastechnoProgramImg{opacity: 0; transition: all .3s;}

    /* 服务实践 */
    .service-mainBox .topTi{position: relative; top: 30px; opacity: 0; transition: all .3s;}
    .service-mainBox .imgBgWrap{opacity: 0; transition: all .3s;}
}



/* pc兼容 */
@media all and (min-width: 1200px){
    /* 供应链金融 */
    .industry-mainBox .col-xl-6:nth-child(odd){padding-right: 120px;}
    .industry-mainBox .col-xl-6:nth-child(even){padding-left: 120px;}


    .row-mainBox .col-xl-6{margin-bottom: 48px;}
    .row-mainBox .col-xl-6:nth-child(odd){padding-right: 24px;opacity: 0;}
    .row-mainBox .col-xl-6:nth-child(even){padding-left: 24px;opacity: 0;}
    .row-mainBox .col-xl-6:last-child{margin-bottom: 0;}
}