﻿*, :after, :before {
    box-sizing: border-box;
    margin:0;
}

.list_wrap {
    width: 1200px;
    margin: 0 auto;
}

    .list_wrap .list_title {
        padding: 60px 0 33px;
    }

        .list_wrap .list_title h3 {
            font-size: 28px;
            font-weight: 400;
            color: #333;
            line-height: 40px;
            text-align:center;
        }

.list_container .list_type_item {
    padding: 28px 0 110px;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}
.list_type_item ul li {
    float: left;
    width: 550px;
    height: 120px;
    padding: 20px 15px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor:pointer;
}
    .list_type_item ul li:hover{
        background-color:#e1f1ff;
    }
    .list_type_item ul li:nth-of-type(odd) {
        margin-right: 100px;
    }

    .list_type_item ul li .item_icon {
        float: left;
        width: 90px;
        height: 90px;
        margin-right:28px;
    }

    .list_type_item ul li .item_icon img{
        width:100%;
        height:100px;
    }

    .list_type_item ul li .item_desc {
        float: left;
        width:400px;
    }

        .list_type_item ul li .item_desc h5 {
            font-size: 16px;
            font-weight: 400;
            color: #333;
            line-height: 22px;
            margin: 12px 0;
        }

        .list_type_item ul li .item_desc p {
            font-size: 14px;
            font-weight: 400;
            color: #666;
            line-height: 20px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient:vertical;
        }




.intelligent_main h3, .intelligent_main h4 {
    font-weight: 700;
    color: #333;
    text-align:center;
}
.intelligent_main h3 {
    font-size: 34px;
    line-height: 39px;
    margin-top: 50px;
    /*margin-bottom:50px;*/
}
.intelligent_main h4 {
    font-size: 30px;
    line-height: 45px;
    height: 70px;
    position:relative;
}
    .intelligent_main h4:before {
        content: "";
        width: 18px;
        height: 3px;
        position: absolute;
        bottom: 0;
        background: #d8d8d8;
        left: 50%;
        transform: translateX(-50%);
    }

.intelligent_main .white_card {
    position: relative;
    width: 1200px;
    margin: 43px auto 185px;
}

    .intelligent_main .white_card .bg {
        position: absolute;
        z-index: 1;
        width: 1079px;
        height: 340px;
        left:0;
        top:0;
        background-repeat: no-repeat;
        background-image: url('../images/bg_left.png');
    }
    .intelligent_main .white_card .bg1 {
        position: absolute;
        z-index: 1;
        width: 1079px;
        height: 340px;
        right: -60px;
        top: 0;
        background-repeat: no-repeat;
        background-image: url('../images/bg_right.png');
    }
        .intelligent_main .white_card .front {
            position: absolute;
            width: 1024px;
            bottom: 0;
            background: #fff;
            box-shadow: 0 2px 20px 0 rgba(0,0,0,.2);
            border-radius: 10px;
            z-index: 2;
            background-repeat: no-repeat;
            overflow: hidden;
        }
    .intelligent_main .white_card .front_wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        margin: 50px 30px 50px 50px;
    }
        .intelligent_main .white_card .front_wrapper .front_left {
            width: 460px;
            height: 268px;
            display: flex;
            align-items: center;
            justify-content:center;
        }
            .intelligent_main .white_card .front_wrapper .front_left img{
                width:100%;
                height:100%;
            }
        .intelligent_main .white_card .front_wrapper .front_right {
            width: 424px;
            /*min-height: 269px;*/
            position: relative;
            margin-left: 0;
            display: flex;
            align-items: center;
            padding:18px;
        }
            .intelligent_main .white_card .front_wrapper .front_right:before {
                content: "";
                width: 18px;
                height: 18px;
                position: absolute;
                top: 0;
                left: 0;
                border-top: 1px solid #333;
                border-left: 1px solid #333;
            }
            .intelligent_main .white_card .front_wrapper .front_right .p1 {
                font-size: 22px;
                font-weight: 700;
                color: #333;
                line-height:26px;
            }
            .intelligent_main .white_card .front_wrapper .front_right .p2 {
                font-size: 16px;
                font-weight: 400;
                color: #555;
                line-height: 26px;
                margin-top:10px;
            }
            .intelligent_main .white_card .front_wrapper .front_right:after {
                content: "";
                width: 18px;
                height: 18px;
                position: absolute;
                bottom: 0;
                right: 0;
                border-bottom: 1px solid #333;
                border-right: 1px solid #333;
            }
.intelligent_main .product_ability {
    width: 1024px;
    margin: 42px auto 103px;
}
    .intelligent_main .product_ability img{
        width:100%;
    }
.intelligent_main .white_card .product_features {
    width: 70%;
    margin: 76px auto;
    min-height:140px;
}
    .intelligent_main .white_card .product_features .product {
        display: flex;
        align-items: center;
        margin-bottom:40px;
    }
.deviceIntruduce {
    margin: 30px auto;
    text-align:center;
}
    .deviceIntruduce .wrapper {
        font-size: 16px;
        /*background: rgba(17,17,17,.59);
        box-shadow: 0 2px 20px 0 rgba(0,0,0,.3);*/
        display: inline-block;
        padding: 7px 16px;
    }
    .deviceIntruduce p {
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
        color: #000;
        text-align: center;
        line-height: 30px;
        position:relative;
    }
        .deviceIntruduce p:before {
            content: "";
            width: 15px;
            height: 12px;
            position: absolute;
            top: 0;
            left: 0;
            border-top: 1px solid #000;
            border-left: 1px solid #000;
        }

        .deviceIntruduce p:after {
            content: "";
            width: 15px;
            height: 12px;
            position: absolute;
            bottom: 0;
            right: 0;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
        }
       /* .intelligent_main .white_card .product_features .product .product_left {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px;
            background: #1668ce;
            text-align: center;
            box-shadow: 0 2px 8px rgba(74,139,215,.28);
        }*/
