.carousel-box {
    width: 100%;
    max-height: 576px;
}

.icon-intro h1 {
    font-size: 18px;
}

.icon-intro .thumbnail {
    border: none;
}

.icon-left {
    width: 38px;
    height: 38px;
    background: url('../img/l-r-icon.png') -3px -3px;
}

.icon-right {
    width: 38px;
    height: 38px;
    background: url('../img/l-r-icon.png') -47px -3px;
}

.carousel-control .icon-right {
    position: absolute;
    top: 45%;
    right: 50%;
    z-index: 5;
}

.carousel-control .icon-left {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 5;
}

.carousel:hover .carousel-control {
    opacity: 1;
    transition: .5s;
    filter: alpha(opacity=100);
}
.df-section{
    
}
.df-section h1{
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}
.df-section h5{
    font-size: 16px;
    text-align: center;
    padding: 30px 0;
}
.df-section .row{
    padding-top: 45px;
}

.df-power-content h3{
    color: #000;
}

.bg-dtui {
    width: 56px; height: 56px;
    background: url('../img/index-css-sprites.png') -10px -10px;
    margin: 0 auto;
}

.bg-jshu {
    width: 56px; height: 56px;
    background: url('../img/index-css-sprites.png') -162px -10px;
    margin: 0 auto;
}

.bg-yyin {
    width: 56px; height: 56px;
    background: url('../img/index-css-sprites.png') -314px -10px;
    margin: 0 auto;
}

.df-power-content{
    cursor: pointer;
}

.jishu h3,
.ditui h3,
.yyin h3{
    font-size: 20px;
    font-weight: bold;
}
.jishu p,
.ditui p,
.yyin p{
    color: #999999;
    font-size: 14px;
}
.df-power-content:hover > h3,
.df-power-content:hover > p{
    color: #00a8e8;
}
.jishu:hover .bg-jshu{
    background: url('../img/index-css-sprites.png') -238px -10px;
}

.ditui:hover .bg-dtui{    
    background: url('../img/index-css-sprites.png') -86px -10px;
}
.yyin:hover .bg-yyin{    
    background: url('../img/index-css-sprites.png') -390px -10px;
}










/**/
.pro-main {
    position: relative;
}

.pro-main .thumbnail .caption {
    padding: 10px 10px;
}

/**/
.text-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    /*opacity: 0;*/
}

.port-1 {
    position: relative;
    overflow: hidden;
    height: 393px;
    background-color: #232323;
    width: 100%;
    text-align: center;
}

.port-1 .text-desc {
    padding-top: 74px;
    top: -100%;
    /*background: url("../img/pro-bg.png") center no-repeat;*/
    background-color: rgba(0, 167, 235, .6);
    /*opacity: .5;*/
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}

.port-1 .cation-content {
    padding-top: 155px;
    color: #ffffff;
}

.port-1 .text-desc h3 {
    margin: 10px 0 40px 0;
}

.port-1 .text-desc a,
.port-1 .text-desc a:link,
.port-1 .text-desc a:hover {
    color: #ffffff;
}

.port-1.effect-2 .text-desc {
    top: auto;
    bottom: -100%;
}

.port-1.effect-2:hover .text-desc {
    bottom: 0;
}

.port-1.effect-2:hover .cation-content > .box-text {
    display: none;
}

.thumbnail:hover .caption {
    box-shadow: 0 15px 30px 0 rgba(102, 102, 102, .1);
}

/*************************/

.pro-item {
    position: relative;
    overflow: hidden;
    padding: 15px 15px;
    height: 180px;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -ms-transition: all .5s linear;
}

.pro-item .pro-item-intro {
    position: relative;
    z-index: 9;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -ms-transition: all .5s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pro-item:hover .pro-item-intro {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.pro-item .pro-item-details {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    overflow: hidden;
    padding-top: 25px;
    width: 100%;
    height: 100%;
    text-align: left;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -ms-transition: all .5s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transform: rotateY(-180deg);
}

.pro-item:hover .pro-item-details {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
}

.pro-item:hover {
    cursor: pointer;
    box-shadow: 0 15px 30px 0 rgba(0, 168, 232, .1);
}

.t-con-right a {
    color: #333;
}

.p-m-l-r-0 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.pro-item-title {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bg-checked {
    width: 14px;
    height: 12px;
    background: url('../img/idx-icon.png') -230px -10px;
}

.bg-icon_i_1 {
    width: 90px;
    height: 90px;
    background: url('../img/idx-icon.png') -12px -5px;
}

.bg-icon_i_2 {
    width: 90px;
    height: 90px;
    background: url('../img/idx-icon.png') -123px -5px;
}

.bg-icon_i_3 {
    width: 90px;
    height: 90px;
    background: url('../img/idx-icon.png') -10px -120px;
}

.bg-icon_i_4 {
    width: 90px;
    height: 90px;
    background: url('../img/idx-icon.png') -114px -120px;
}

.caption-tit {
    padding-right: 8px;
}

.carousel-indicators li {
    margin: 0 8px 0 0;
    width: 12px;
    height: 12px;
    border: none;
    border-radius: 12px;
    background-color: #81817f;
}

.carousel-indicators .active {
    margin: 0 8px 0 0;
    background-color: #00a8e8;
}

.carousel-inner .item {
    height: 576px;
    width: 100%;
}

/*.carousel-inner > .banner-1 {
    background: url("../img/banner1.png") center no-repeat;

}

.carousel-inner > .banner-2 {
    background: url("../img/banner2.png") center no-repeat;

}

.carousel-inner > .banner-3 {
    background: url("../img/banner3.png") center no-repeat;

}*/

.carousel-caption {
    width: 100%;
    top: 25%;
    left: 15%;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .pro-item-details > .index-service {
        padding-left: 115px;
    }

    .carousel-caption > h3,
    .carousel-caption > span {
        display: block;
        line-height: 1.5;
        width: 30%;
    }
}

.bg-bank {
    width: 49px;
    height: 52px;
    background: url('../img/index-pro.png') -80px -10px;
}

.bg-erp {
    width: 54px;
    height: 41px;
    background: url('../img/index-pro.png') -82px -147px;
}

.bg-jf {
    width: 52px;
    height: 45px;
    background: url('../img/index-pro.png') -10px -147px;
}

.bg-mall {
    width: 46px;
    height: 47px;
    background: url('../img/index-pro.png') -219px -10px;
}

.bg-pay {
    width: 47px;
    height: 47px;
    background: url('../img/index-pro.png') -149px -80px;
}

.bg-serve {
    width: 50px;
    height: 52px;
    background: url('../img/index-pro.png') -10px -10px;
}

.bg-sheq {
    width: 56px;
    height: 45px;
    background: url('../img/index-pro.png') -10px -82px;
}

.bg-sq {
    width: 50px;
    height: 50px;
    background: url('../img/index-pro.png') -149px -10px;
}

#showMore {
    display: none;
}

.bg-pt2 {
    margin: 0 auto;
    width: 62px;
    height: 62px;
    background: url('../img/index-link-icon.png') -10px -174px;
}

.pt:hover .bg-pt2 {
    background: url('../img/index-link-icon.png') -10px -256px;
}

.bg-cp2 {
    margin: 0 auto;
    width: 62px;
    height: 62px;
    background: url('../img/index-link-icon.png') -10px -10px;
}

.cp:hover .bg-cp2 {
    background: url('../img/index-link-icon.png') -10px -92px;
}

.bg-zx2 {
    margin: 0 auto;
    width: 62px;
    height: 62px;
    background: url('../img/index-link-icon.png') -10px -338px;
}

.zx:hover .bg-zx2 {
    background: url('../img/index-link-icon.png') -10px -420px;
}

a.first-three-link:hover .caption > h3,
a.first-three-link:hover .caption > p {
    color: #00a8e8;
}

.pt-dl dl {
    margin-top: 35px;
}

.pt-dl dl dd {
    margin-top: 20px;
}

.bg-cp_hdd {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -10px -10px;
}

.bg-cp_hsf {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -82px -10px;
}

.bg-cp_jpay {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -10px -82px;
}

.bg-cp_sbank {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -82px -82px;
}

.bg-cp_sfw {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -154px -10px;
}

.bg-cp_wbank {
    width: 52px;
    height: 52px;
    background: url('../img/cp-index-icon.png') -154px -82px;
}
.flex-center>.fp-tableCell{
    display: flex;
    justify-content: center;
    align-items: center;
}