﻿/* g */
.main img{
    display: block;
}
/* 智能硬件 */
.main1{
    padding: 2% 0 5%;
    position: relative;
}
.main1t{
    text-align: center;
    padding-bottom: 4%;
}
.main1t p{
    font-size: 24px;
    color: #8b8b8b;
}
.main1t h1{
    color: #373737;
    font-size: 24px;
}
.main1t h1 img:nth-child(1){
    width:44%;
    display:inline-block;
    vertical-align:middle;
}
.main1t h1 img:nth-child(2){
    width:44%;
     display:inline-block;
    vertical-align:middle;
}
.ssts{
    padding: 9% 0;
    background: url(../images/xqbg.png);
    background-size: 100% 100%;
}
.ssts a{
    display: block;
    width: 60%;
    padding: 2% 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: 1px solid #fff;
    margin: auto;
}
.ssts p:nth-child(2){
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 5% 0 1%; 
}
.ssts p:nth-child(3){
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.sts{
    width: 283px !important;
    position: relative;
    border:1px solid #dddddd;
}
.sts p{
   
 padding:4% 0;
    font-size: 18px;
    color: #373737;
    text-align:center;
}
.one,.two{
    width: 40px !important; 
    height: 40px !important;
    background-size: 100% 100% !important;
    top: 55% !important;
}
.one{
    background: url(../images/left.png) no-repeat center !important; 
    left: -3.5% !important;
}
.two{
    background: url(../images/right.png) no-repeat center !important; 
    right: -3.5% !important;
}
.zs{
     width: 285px;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    background: rgba(94, 158, 193, 0.8);
    display: none;
    z-index: 999;
    padding: 40% 0;
}
.zs>a{
    display: block;
    width: 40%;
    margin: auto;
    text-align: center;
    padding: 1% 0;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
}
.zs>p{
    font-size: 18px;
    color: #373737;
    text-align: center;
    color: #fff;
    padding-top: 5%;
}
.sts:hover .zs{
    display: block;
}
/* 新闻资讯 */
.main2{
    padding: 1% 0 5%;
    overflow: hidden;
}
.main2t{
    padding-bottom: 4%;
}
.main2t1{
    width: 17%;
    background: url(../images/ttbg.png);
    background-size: 100% 100%;
    font-size: 24px;
    padding: 0.5% 0;
    padding-left: 3%;
    color: #fff;
    float: left;
}
.main2t ul{
    width: 30%;
    float: left;
    margin-top: 1.8%
}
.main2t ul li{
    font-size: 18px;
    display: inline-block;
    margin-left: 2%;
    cursor: pointer;
    font-weight:bold;
}
.main2t>a{
    float: right;
    font-size: 16px;
    color: #000;
    margin-top: 2%;
}
.main21{
    width: 100%;
    overflow: hidden;
    display: none;
}
.main211{
    width: 45%;
    float: left;
    margin-left: 1%;
    margin-top: 5%;
}
.main211 img{
    width: 40%;
    float: left;
    border-radius:5px;
}
.main211 div{
    width: 54%;
    float: right;
    padding:3% 0 ;
}
.main211 div h3{
    font-size: 14px;
    color: #333333;
    overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical; 
-webkit-line-clamp:1;
}
.main211 div p:nth-child(2){
    font-size: 12px;
    color: #666666;
    line-height: 2em;
    margin-top: 5%;
    overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical; 
-webkit-line-clamp:2;
}
.main211 div p:nth-child(3){
    font-size: 12px;
    color: #666666;
    padding-top: 3%;
}
.main21 .main211:nth-child(2),.main21 .main211:nth-child(4){
    margin-left: 5%;
}
.xs{
    display: block;
}
.bs{
    color: #006699;
}
/* 典型用户 */
.main3{
    padding: 5% 0;
    overflow: hidden;
}
.main3t{
    padding-bottom: 4%;
    overflow: hidden;
}
.main3t p{
    width: 40%;
    float: left;
    font-size: 30px;
}
.main3t p span:nth-child(1){
    display: inline-block;
    width: 5px;
    height: 25px;
    background: #006699;
    vertical-align: middle;
}
.main3t p span:nth-child(2){
    font-size: 16px;
    color: #8b8b8b;
}
.main3t a{
    float: right;
    font-size: 16px;
    margin-top: 2%;
}

.main3 img{
 width:18.4%;
 float:left;
 margin-left: 2%;
}

.main3 img:nth-child(2){
 margin-left: 0;
}
