
footer .group dl.footer-contact-us {
    width: 244px
}

footer .group dl.footer-products {
    width: 162px
}

footer .group dl.footer-solutions {
    width: 176px
}

footer .group dl.footer-follow-us {
    width: 76px
}


main .solotion-section .solutioncenter {
    margin: 30px 0
}

main .solotion-section .solution {
    *zoom: 1;
    width: 1200px;
    margin: 0 auto;
    height: 370px;
    background:#000;
}

main .solotion-section .solution:before, main .solotion-section .solution:after {
    display: table;
    content: ""
}

main .solotion-section .solution:after {
    clear: both
}

main .solotion-section .solution .solution-item {
    position: relative;
    float: left;
    color: #fff;
    width: 144px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: margin 0.3s ease;
    -moz-transition: margin 0.3s ease;
    -ms-transition: margin 0.3s ease;
    -o-transition: margin 0.3s ease;
    transition: margin 0.3s ease
}

main .solotion-section .solution .solution-item .solution-img {
    overflow-y: scroll
}

main .solotion-section .solution img {
    height: 370px;
    width: 336px;
    opacity:0.4;
    filter:alpha(opacity=40); /* 閽堝 IE8 浠ュ強鏇存棭鐨勭増鏈 */

}

main .solotion-section .solution .mask {
    display: block;
    position: absolute;
    top: 0;
    opacity: .77;
    background-image: linear-gradient(-180deg, #364167 0, #0A0B13 100%);
    height: 100%;
    width: 100%
}

main .solotion-section .solution .content {
    position: absolute;
    bottom: 0;
    display: none;
    width: 126px;
    margin-top: 100px;
    text-align:center;
}

main .solotion-section .solution .fatitle{
    position: absolute;
    bottom: 0;
    display: block;
    width: 134px;
    margin-bottom: 20px;
    font-size: 22px; color: #fff;font-family: "microsoft yahei ui"; text-align: center;
}

main .solotion-section .solution .content p {
    color: #fff
}

main .solotion-section .solution .content .icon {
    width: 40px;
    height: 40px
}

main .solotion-section .solution .content .small-title {
  font-size: 22px; font-family: "microsoft yahei ui";
}

main .solotion-section .solution .content .desc {
    display: none; width: 336px;
    font-size: 12px;  padding: 0px 10px;
}

main .solotion-section .solution .content .partner2 {
    display: none;
    margin-top: 35px;
    font-size: 12px
}

main .solotion-section .solution .content .partner2 a {
    color: #fff
}

main .solotion-section .solution .content .partner2 a:hover {
    text-decoration: none;
    color: #108cee
}

main .solotion-section .solution .detail-link {
    position: absolute;
    z-index: 2;
    top: 50%; left: 50%; margin-top:-16px; margin-left: -47px;
    display: none;
    background:#742b86;
    width: 94px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

main .solotion-section .solution .detail-link:hover {
    text-decoration: none
}

main .solotion-section .solution .content .disabled {
    display: none;
    opacity: .6;
    margin-top: 20px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px
}

main .solotion-section .solution .content:hover .disabled {
    display: block
}

main .solotion-section .solution .current {
    width: 336px;
    position: relative;

}

main .solotion-section .solution .current .content {
    width:336px;
    height:68px ;
    display: block;
}
main .solotion-section .solution .current .fatitle{

    display: none;

}

.content{
    margin-bottom: 0;
    text-align: left;
    width: 100%;
}
.content a{position: absolute; right:19px; bottom: 16px; }
main .solotion-section .solution .current .content .desc {
    display: block
}

main .solotion-section .solution .current .content .partner2 {
    display: block
}

main .solotion-section .solution .current  .detail-link {
    display: block
}

main .solotion-section .solution .current img {
    height: 370px;
    opacity:1;
    filter:alpha(opacity=100); /* 閽堝 IE8 浠ュ強鏇存棭鐨勭増鏈 */
}

main .solotion-section .solution .current .mask {
    opacity: .82;
    background-image: linear-gradient(-180deg, #3F6493 0, #1C192B 100%)
}

main .solotion-section .solution .current .right-arrow {
    position: absolute;
    width: 11px;
    height: 18px;
    top: 14px;
    right: 40px;
    background: url(https://bce.bdstatic.com/portal/img/solution/iot/icon-right_60a942b9.png) 0 0 no-repeat
}

main .solotion-section .solution .current span {
    background-color: rgba(0, 0, 0, 0.5)
}

/*ifw begin*/

.tablebg{ width: 100%; background:#f9f9f9; box-shadow:0px 1px 9px 1px rgba(0, 0, 0, 0.1);padding-left: 15px;padding-right: 15px;}
.ifwtable{height: 80px; width: 100%; margin: 0 auto; border: 0px;}
.ifwtable tr{ border: 0px;}
.ifwtable td{
    line-height: 80px; font-size: 16px; color: #333333; font-family: "榛戜綋";
    border: 0px; background: url("../../img/tdbg.png") no-repeat;
     background-position: right;
    cursor: pointer;
}
.ifwtable td:last-child{background: none;}
.ifwtable td a{
    color:#333;
}
.ifwtable td a:hover{
    color:#6C216D; text-decoration: none;
}

#ifw{font-family: "Microsoft YaHei", sans-serif}
.suctwo{
    width: 350px; float: right; height: 125px; text-align: left!important; margin-top: 17px;
}
.sucsen li{ width:578px!important; height:125px; display:inline-block; margin: 15px 15px 15px 0px;}
.suctwo h3{
    height:18px;
    font-size:18px;
    font-family:"榛戜綋";
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:18px;
    border-left: 2px solid #6C216D; padding-left: 5px;
}
.suctwo p{
    height:62px;
    font-size:14px!important;
    font-family:"microsoft yahei ui";
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:24px;
}
.solutionList .solution{
    width: 100%;
    height: 160px;
    margin-top: 25px;
    margin-bottom: 10px;
    cursor: pointer;
}
.solutionList .solution img{
    float: left;
    margin-right: 20px;
    width: 250px;
    height: 160px;
}
.solutionList .solution h3{
    width: 100%;
    height: 35px;
    font-size: 19px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    float: left;
}
.solutionList .solution p{
    font-size: 12px;
    color: rgba(102,102,102,1);
    line-height: 30px;
    display: inline-block;
}
.solutionListRight h3{background: none!important;}
.solutionListLeft{
    display: block;
    float: left;
    width: 250px;
    overflow: hidden;

}
.solutionListLeft img ,.solution-item  img{
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear;
}
.solutionListLeft:hover img,.solution-item:hover img{
    -webkit-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}
.solutionListRight{
    width:60%;
    display: block;
    float: left;
    height: 150px; margin-left: 10px;
    overflow: scroll;
}

.solutionList{
    background: #f9f9f9;
}
.solutionList:hover{
    background: #ececec;
}

.product-banner-name{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.col-md-6 > img{
    max-width: 80%!important;
}
