@import url("../css/bootstrap4_5.min.css");

body, html {
    margin: 0;
    padding: 0;
    background: #F5F5F5;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    border: 0;
}

/*----------------------------------------------*/
/*公用*/
.btn-white {
    background: white;
    color: #000;
    text-align: center;
    display: inline-block;;
}

.btn-green {
    background: #20C2AA;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

.btn-green:hover {
    color: #ffffff;
    box-shadow: 3px 3px 3px #c1c1c1;
}

.text-d1 {
    color: #d1d1d1;
    font-size: 20pt;
    font-weight: 1000;
}

/*其他*/
.title_big {
    font-weight: 1000;
    font-size: 28pt;
}

h1.title_big:hover {
    font-size: 29pt;
}

.logo {
    height: 35px;
    margin-top: 10px;
    width: auto;
}

/*底部*/
footer.footer {
    background: #000000;
}

footer.footer a {
    color: #fff;
}

footer.footer .nav .nav-item a {
    color: #999999;
    padding-left: 0;
    padding-right: 0;
}

footer.footer .nav .nav-item a:hover {
    color: #20C2AA;
}

/*解决方案*/
.solution a img:hover {
    box-shadow: 5px 5px 5px #cccccc;
}
.solution a span {
    position: absolute;
    left: 0;
    bottom: 10%;
    font-size: 16pt;
    color: white;
    font-weight: bold;
    width:100%
}

/*产品分类*/
.category-list {
    display: none;
}
.category-list a{
    color: #666666;
}
.category-list a:hover {
    color: #000000;
}

.category-list a.c-active {
    color: #000000;
}

/*产品列表*/
.product-list .section-name {
    font-size: 14pt;
    font-weight: bold;
}

.product-list .section-name img {
    width: 30px;
}

.section-list .section-item {
    background: white;
    overflow: hidden;
    box-shadow: 3px 3px 3px #f1f1f1;
}
.section-list .section-item:hover{
    box-shadow: 5px 5px 5px #cccccc;
}
.section-list .section-item span{
    font-size: 10pt;
}
/*智慧社区解决方案*/
.precision-item {
    background: white;
    box-shadow: 3px 3px 3px #f1f1f1;
    min-height: 232px;
    text-align: center;
}
.precision-item:hover {
    box-shadow: 5px 5px 5px #cccccc;
}
.precision-item p{
    padding:0;
    margin:5px 0;
}
.precision-item img{
    height: 120px;
    width: auto;
}
/*社区平台*/
.platform-item {
    min-height: 220px;
    padding: 60px 20px 0 20px;
    background: white;
    font-size: 10pt;
    position: relative;
    box-shadow: 3px 3px 3px #f1f1f1;
}

.platform-item .p-icon {
    position: absolute;
    top: -40px;
    left: 0;
    text-align: center;
    width: 100%;
}
.platform-item .p-icon img{
    width:100px;
}

.platform-item:hover {
    box-shadow: 5px 5px 5px #cccccc;
}

/*多种控制方式*/
.control-item {
    padding: 50px 0;
    text-align: center;
}

.control-item ul li {
    float: left;
    margin-bottom: 20px;
    display: inline-block;
}

.control-item img {
    height: 40px;
    width: auto;
}

/*合作优势*/
.superiority img {
    box-shadow: 3px 3px 3px #f1f1f1;
}

.superiority img:hover {
    box-shadow: 5px 5px 5px #cccccc;
}

/*联系我们*/
.contact-list{

}

.contact-list img {
    width: 40px;
}

.contact-detail p {
    padding: 0;
    margin: 8px 0;
    color: #666666;
    font-size: 11pt;
}

/*加入我们*/
.join-left {
    background: white;
}

.join-right {
    padding: 20px 30px;
    background: white;
}

.join-title {
    color: #999999;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}

.join-item .join-info {
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0;
}

.join-item .join-content {
    padding: 20px;
    background: #f5f5f5;
    border-bottom: 1px solid #f1f1f1;
    display: none;
}
.join-item .tag{
    padding:1px 10px;
    display: inline-block;
    background: #20c997;
    color: white;
    border-radius: 10px;
    font-size: 7pt;
}

/*新闻资讯*/
.new-item {
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.new-title {
    font-weight: bold;
    padding-left: 30px;
}

.new-intro {
    color: #999999;
    padding-left: 30px;
}

.new-left img {
    width: 30px;
}

.new-date {
    font-size: 18pt;
    color: #999999;
    font-family: Arial;
}