/*解决方案页面 样式开始*/
.solution-img-container{
    background:url("../images/solution-top-img.jpg");
}
.successCase-img-container{ /*成功案例*/
    background:url("../images/successCase-top-img.jpg");
}
.accessProcess-img-container{ /*接入流程*/
    background:url("../images/accessProcess-top-img2.png");
}
.solution-img-container,.successCase-img-container,.accessProcess-img-container{
    background-size:100% auto;
    background-repeat:no-repeat;
    margin-top: 60px;
}
.solution-img-container:before,.successCase-img-container:before,.accessProcess-img-container:before{
    content: "";
    display: block;
    /*padding-top: 32.40%;*/
    padding-top: 23.854%;
}
#solution-navbar,.solution-container,.successCase-container,.accessPro-container,.scroll-container{
    /*width:900px;*/
    width:1200px;
    margin: 0 auto;
}
#iot,#scene,#open{
    margin-top: 8rem;
}
.iot-header{
    margin-bottom: 3rem;
}
.article-container{
    display: block;
}
.article-container:hover{
    box-shadow: 0px 6px 6px #eee;
}
.article-content{
    padding: 0.4rem 1.2rem 0.4rem 1.2rem;
    margin-bottom: 2.5rem;
}
.article-content>h4{
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
}
.article-content>p{
    color:#838383;
}
.article-img{
    background: #fafafa url('../images/solution-scene-1.png') center/100% ;
}
.article-container>div{
    position: relative;
}
.scene-article-container>div:first-child:before{
    content: "";
    display: block;
    padding-top: 72.9167%;
}
img.scene-active{
    display: none;
}
.scene-article-container>div:hover img.scene-active{
    display: block;
}
.scene-article-container>div>img{
    position: absolute;
    top:0;
    left:0;
}
.solution-navbar-container.stick{
    width:100%;
    position: fixed;
    top:60px;
    z-index: 99;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #0074d9;
    border-bottom-color: #0074d9;
}
/*解决方案页面 样式结束*/
/*成功案例页面 样式开始*/
.successCase-img-container,.solution-img-container{
    margin-bottom: 60px;
}
.more-item{
    /*text-align:right;*/
}
/*.successCase-container header>div{
  width:100%;
}*/
.successCase-container .successCase-title,.successCase-container .successCase-title div{
    height:50px;
    line-height: 50px;
}
.successCase-container .successCase-title,.successCase-container .successCase-title div{
    width: 100%;
    height:50px;
    line-height: 50px;
}
.left-menu{
    z-index: 99;
}
.left-menu>ul{
    padding: 0;
}
.left-menu>ul>li{
    height:66px;
    line-height: 66px;
}
.left-menu>ul>li>a>span{
    display: inline-block;
    height:22px;
    width:3px;
    background: #0074d9;
    margin-right: 6px;
    vertical-align: middle;
    margin-top: -2px;
}
.article-summary h4{
    margin-top:4px;
    margin-bottom:26px;
    color:#444;
}
.article-summary p{
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height:24px;
    color:#666;
    margin-bottom:26px;
}
.article-summary a{
    color:#1690ff;
}
 .article-summary a:hover{
     color:#0074d9;
 }#0074d9
/*.left-menu{
    position: fixed;
    top:120px;
    bottom:60px;
    left:225px;
    z-index: 99;
}*/
/*.left-menu-anchor{
    width: 225px;
}*/
.right-content{
    /*background: #fafafa;*/
}
/*#air{
    background:#fff;
}*/

/*.title-icon{
    display: inline-block;
    width:50px;
    height:50px;
    margin-right: 14px;
}
.safety-icon{
    background: url('../images/successCase-safety-icon.png') no-repeat;
}
.entertainment-icon{
    background: url('../images/successCase-entertainment-icon.png') no-repeat;
}
.air-icon{
    background: url('../images/successCase-air-icon.png') no-repeat;
}
.food-icon{
    background: url('../images/successCase-food-icon.png') no-repeat;
}
.care-icon{
    background: url('../images/successCase-care-icon.png') no-repeat;
}
.title-icon,.title-item{
    float:left;
}
.title-item{
    line-height: 50px;
    margin:0;
}
.more-item{
    float:right;
    font-size: 14px;
    color:#0074d9;
    line-height: 70px;
}
.successCase-container article .successCase-title{
    margin-bottom: 30px;
}
.successCase-imgItem-container{
    display: block;
}
.successCase-imgItem-container>a>img{
    border:1px solid #ededed;
    box-shadow: 0 6px 6px #e9e9e9;
}
.successCase-container>article{
    margin-bottom: 84px;
}
.successCase-container>article:last-child{
    margin-bottom: 300px;
}*/


/*成功案例页面 样式结束*/
/*接入流程页面 样式开始*/
.accessPro-container-fullWidth{
    /*background: #fafafa;*/
}
.accessPro-container{
    padding-top: 90px;
}
.accessPro-container>h3 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 92px;
}
.accessPro-container>div,.accessPro-article-container{
    padding-bottom: 148px;
}
.accessPro-container>div,.accessPro-container>h3{
    text-align: center;
}
.accessPro-article-container a{
    display: block;
}
.accessPro-article-container>div{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px;
}
.accessProcess-step div,.accessProcess-step div > div,.accessProcess-step div h5,.accessProcess-step div h3,.accessProcess-step div p{
    text-align: center;
}
.accessProcess-icon{
    width: 60px;
    height: 60px;
    margin:0 auto;
}
.accessProcess-step {
    margin-bottom: 90px;
}
.accessProcess-icon-registe {
    background: url("../images/index/joinacce01.png") no-repeat;
}
.accessProcess-icon-devtest {
    background: url("../images/index/joinacce02.png") no-repeat;
}
.accessProcess-icon-access {
    background: url("../images/index/joinacce3.png") no-repeat;
}
.accessProcess-icon-online {
    background: url("../images/index/joinacce04.png") no-repeat;
}
.accessProcess-icon-registe, .accessProcess-icon-devtest, .accessProcess-icon-access, .accessProcess-icon-online {
    background-size: 100%;
}
.accessProcess-step div > div {
    /*margin-bottom: 18px;*/
}
.accessProcess-step div h5 {
    font-size: 18px;
    color:#232323;
}
 .accessProcess-step div p {
     font-size: 14px;
     color:#a6a6a6;
     margin-bottom: 38px;
 }
.accessProcess-devtest-item a{
    text-decoration: none;
}
.accessProcess-devtest-item>div {
    padding-top: 30px;
    background: #fff;
}
.accessProcess-devtest-item>div {
    padding-bottom: 20px;
}
.accessProcess-devtest-item>div img {
    margin-bottom: 12px;
    width: 104px;
    height: 148px;
}
.accessProcess-devtest-item>div p {
    margin-bottom: 18px;
    color:#a9a9a9;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
 .accessProcess-devtest-item>div:hover{
     background: #fff;
     box-shadow: 0px 4px 28px #eee;
 }
 .accessPro-online-container > div   img {
     border:1px solid #ddd;
 }
.accessPro-online-container > div   img:hover {
    border:1px solid transparent;
    box-shadow: 0px 4px 28px #eee;
}


/*接入流程页面 样式结束*/