/* 产品展示区 */
.center {
    max-width: 1480px;
    margin: 0 auto;
    overflow: hidden;
}
#product{
    position: relative;
    margin-bottom: 100px;
}

#product .item{
    position: relative;
}
#product .item div.title{
    text-align: center;
    height: 158px;
    line-height: 158px;
}
#product .item div.title img{
    vertical-align: -5%;
}

#product .item .left,
#product .item .right{
    width: 47px;
    height: 37px;
}

#product .item .tv{
    width: 43px;
    height: 37px;
    margin-left: 30px;
}
#product .item .product-name{
    font-size:36px;
    color: #2986F9;
    margin-left: 18px;
    margin-right:30px;
}

#product .item div.content{
    display: flex;
    height: 430px;
    justify-content: space-around;
}

#product .item div.content div{
    flex:1;
    width:400px;
    height: 420px;
    background-color: #fff;
    border-radius: 8px;
    /* margin-left:70px; */
    flex-grow: 1;
    flex-shrink: 0;
    flex: 0 1 400px;
}

#product .item div.content div img{
    width: 400px;
    height: 300px;
}
#product .item div.content div p{
    width:400px;
    height: 120px;
    box-shadow: 0 0px 12px 0 rgba(131,131,131,0.22);
    border-radius: 0 0 8px 8px;
    padding: 22px 29px;
    text-align: center;
    font-size:18px;
    color: #666;
    line-height: 28px;
}

#product-diandu:after{
    position: absolute;
    content: url(http://img.ectv.cloud/pic.ectv.com/service/new-online.png);
    width: 81px;
    height: 31px;
    margin-top: -20px;
    margin-left: 10px;
}

/* 智慧解决方案 */
#smart{
    position: relative;
    width: 100%;
    height: 1060px;
    background: url("http://img.ectv.cloud/pic.ectv.com/service/smart/bg.png") no-repeat center;
}
#smart h6{
    width: 100%;
    text-align: center;
    font-size:42px;
    color:#fff;
    font-weight: 400;
    margin-top: 80px;
}
#smart div.line{
    width:31px;
    height: 6px;
    border-radius: 3px;
    background-color: #fff;
    margin: 18px auto 60px;
}
#smart div.content{
    /* min-width: 1480px; */
    width: 100%;
    height:437px;
    display: flex;
    justify-content: space-between;
}
#smart div.content div {
    flex: 1;
    flex-grow :1;
}
#smart div.content div img{
    width: 311px;
}
/* #smart div.content img:last-of-type{
    margin-right:0px;
} */
#smart div.box{
    width: 1360px;
    height: 234px;
    background-color: rgba(255,255,255,.22);
    margin:177px auto;
    /* background-color: red; */
}


/* 应用场景 */
#application {
    position: relative;
    top: -323px;
    height: 675px;
}
#application div.title{
    text-align: center;
}
 img{
    vertical-align: -36%;
}

#application div.title span{
    font-size: 36px;
    color: #FFFFFF;
    margin: 0 42px;
}

#application div.content{
    /* position: absolute;
    left: 172px; */
    margin:0 auto;
    width: 1320px;
    overflow-x: hidden;
    margin-top:72px;
    height: 896px;
}

#application div.content #carouse-img{
    width: 500%;
    height: 720px;
}

#application div.content #carouse-img img{
    width: 1320px;
    height: 720px;
    vertical-align: 0%;
}
#carouse-text{
    position: absolute;
    /* left: 1053px; */
    left: 78%;
    top: 166px;
    /* float:right; */
    width: 250px;
    height: 572px;
    font-size: 20px;
    font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
    font-weight: 400;
    text-align: justify;
    color: #ffffff;
    line-height: 46px;
}

@media screen and (min-width: 1420px){
    #carouse-text{
        left: 78%;
    }
}
@media screen and (min-width: 1420px) and (max-width: 1680px) {
    #carouse-text{
        left: 73%;
    }
}
@media screen and (min-width: 1680px) and (max-width: 1878px) {
    #carouse-text{
        left: 72%;
    }
}

@media screen and (min-width: 1878px){
    #carouse-text{
        left: 70%;
    }
}
#application div.content #carouse-dot {
    width: 100%;
    display: flex;
    box-shadow: 0 0px 12px 0 rgba(131,131,131,0.22);
}

#application div.content #carouse-dot li{
    flex: 1;
    color: #666;
    height:80px;
    line-height: 80px;
    font-size:24px;
    text-align: center;
}

#application div.content #carouse-dot li.active{
    color: #fff;
    background-color: #2986F9;
}

#footer {
    top: 0px;
    color: #999;
    background: url(http://img.ectv.cloud/pic.ectv.com/footer.png) no-repeat;
}
.other-links {
    width: 811px;
}

#copyright {
    top: 0px;
    background-color: #fff;
    color: #666;
}

#copyright a:hover {
    color: #0F7AC0;
}