/*list title*/
.ls-title {
    padding: 2rem 0rem;
    font-size: 3rem;
}
/*list title*/

/*product*/
.ls-product {
    overflow: hidden;
}

    .ls-product > ul > li {
        width: 25%;
        float: left;
        padding-right: 25px;
        margin-bottom: 25px;
        overflow: hidden;
    }

.ls-product-item {
    width: 100%;
    border: 1px solid #ececec;
  /*  border-radius: 5px 5px 0px 0px;*/
    overflow: hidden;
}

    .ls-product-item:hover .ls-product-item-img >a > img {
        width: 100%;
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1.05);
    }

.ls-product-item-img {
    overflow: hidden;
}

.ls-product-item-img > a > img {
    width: 100%;
    transition: transform 1s cubic-bezier(.23,1,.32,1);
    transform: scale(1);
}

.ls-product-item > p {
    padding: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
    height:70px;
    width: 100%;
}
/*product*/

/*solution*/
.ls-solu {
    overflow: hidden;
}

    .ls-solu ul {
        overflow: hidden;
        padding:0px!important;
        margin:0px!important;
    }

        .ls-solu ul li {
            list-style: none;
            float: left;
            width: 33.333%;
            padding-right: 25px;
            margin-bottom: 25px;
            overflow: hidden;
        }

.ls-solu-item {
    background-color: #f1f1f1;
    height: 360px;
    overflow: hidden;
}

    .ls-solu-item:hover {
        background-color: #f9f9f9;
    }

.ls-solu-item-img {
    overflow: hidden;
}

    .ls-solu-item-img > a> img {
        width: 100%;
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1);
    }

.ls-solu-item:hover .ls-solu-item-img >a > img {
    transition: transform 1s cubic-bezier(.23,1,.32,1);
    transform: scale(1.05);
}

.ls-solu-item:hover a {
    color:darkred;
}
.ls-solu-item > a {
    width: 100%;
    line-height: 32px;
    padding: 16px 20px 0px 20px;
    font-size: 20px;
    overflow: hidden;
}

.ls-solu-item > p {
    width: 90%;
    margin: 16px auto;
    text-indent: 2.25rem;
    font-size: 1rem;
    overflow: hidden;
}
/*solution*/


/*customer*/
.ls-customer {
    overflow: hidden;
}

    .ls-customer > ul > li {
        width: 25%;
        float: left;
        padding-right: 25px;
        margin-bottom: 25px;
        overflow: hidden;
    }

.ls-customer-item {
    width: 100%;
    border: 1px solid #ececec;
/*    border-radius: 5px 5px 0px 0px;*/
    overflow: hidden;
}
    .ls-customer-item:hover .ls-customer-item-img >a>img {
        width: 100%;
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1.05);
    }

.ls-customer-item-img {
    overflow: hidden;
}
    .ls-customer-item-img >a> img {
        width: 100%;
/*        border-radius: 5px 5px 0px 0px;*/
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1);
    }
.ls-customer-item > p {
    padding: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
}
/*customer*/


/*news*/
.ls-news {
overflow:hidden;
}

    .ls-news > ul > li {
        width: 100%;
        float:left;
        padding-right:25px;
        overflow:hidden;
        margin-bottom:25px;
    }

        .ls-news > ul > li > a {
            display:block;
            width: 100%;
            padding:20px;
            border: 1px solid #ececec;
            overflow: hidden;
        }
            .ls-news > ul > li > a:hover {
                background-color: #f8f8f8;
            }

            .ls-news > ul > li > a > div {
                float: left;
            }

            .ls-news > ul > li > a > div:first-child {
                width:25%;
            }

                .ls-news > ul > li > a > div>img {
                    width: 100%;
                }

                .ls-news > ul > li > a > div:last-child {
                    width: 75%;
                    padding-left:25px;
                }

        .ls-news > ul > li > a > div> p {
            font-size: 1rem;
            color: #999;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

                .ls-news > ul > li > a > div > h5 {
                    font-family: Georgia, "Times New Roman", Times, serif;
                    font-size: 18px;
                    color: #aaa;
                }
/*news*/


/*news2*/
.ls-detail-news {
    overflow: hidden;
}

    .ls-detail-news > ul > li {
        width: 50%;
        float: left;
        padding-right: 25px;
    }

        .ls-detail-news > ul > li > a > div {
            width: 100%;
            padding: 20px;
            border: 1px solid #ececec;
            margin-bottom: 20px;
            position: relative;
            height: 120px;
            overflow: hidden;
        }

            .ls-detail-news > ul > li > a > div:hover {
                background-color: #f8f8f8;
            }

            .ls-detail-news > ul > li > a > div > p {
                font-size: 1rem;
                color: #999;
                word-break: break-all;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
/*news2*/

/*video*/
.ls-video {
    overflow: hidden;
}

    .ls-video > ul > li {
        width: 33.333%;
        float: left;
        padding-right: 25px;
        margin-bottom: 25px;
        overflow: hidden;
    }

.ls-video-item {
    width: 100%;
    border: 1px solid #ececec;
/*    border-radius: 5px 5px 0px 0px;*/
    overflow: hidden;
    position:relative;
}

    .ls-video-item:hover .ls-video-item-img img {
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1.05);
    }

.ls-video-item-img {
    overflow: hidden;
    min-height: 150px;
}

    .ls-video-item-img img {
        width: 100%;
/*        border-radius: 5px 5px 0px 0px;*/
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform: scale(1);
    }

.ls-video-item-title {
    padding: 0rem 1.5rem;
    line-height:6rem;
    font-size: 1.5rem;
    text-align: center;
    width: 100%;
    color:#fff;
    background-image: url(/Content/site/images/news_tip_bg.png);
    position: absolute;
    left: 0px;
    bottom: 0px;
}
/*video*/



/*document*/
.ls-document {
    overflow: hidden;
}

    .ls-document ul li {
        width: 100%;
    }

.ls-document-item {
    width: 100%;
    padding: 20px;
    border: 1px solid #ececec;
    margin-bottom: 20px;
    overflow: hidden;
}

    .ls-document-item:hover {
        background-color: #f8f8f8;
    }

    .ls-document-item div {
        float: left;
        line-height:60px;
        overflow:hidden;
    }

    .ls-document-item>div>span {
        font-size:3rem;
    }

    .ls-document-item-title {
        width: 80%;
        font-size:2rem;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
        .ls-document-item-title>span {
            font-size: 2rem!important;
            font-family: Georgia, "Times New Roman", Times, serif;
            color: #bbb;
            font-size: 5rem;
        }

        .ls-document-item div:first-child {
            width: 5%;
            text-align:center;
        }
        .ls-document-item div:last-child {
            width: 15%;
            text-align:center;
        }
/*document*/

/*recruit招聘*/
.ls-recruit {
    overflow: hidden;
}
.ls-recruit ul li{
    overflow: hidden;
    margin-bottom:25px;
}

    .ls-recruit-title {
        padding: 15px 30px;
        background-color: #4b5054;
        color:#fff;
        font-size:2rem;
    }
.ls-recruit-desc {
    padding: 15px 30px;
    line-height: 3rem;
    border: 1px solid #ececec;
}
/*recruit招聘*/

/*partner*/
.ls-partner {
    overflow: hidden;
}

    .ls-partner ul {
        overflow: hidden;
    }

        .ls-partner ul li {
            list-style: none;
            width: 16.666%;
            padding-left: 25px;
            margin-bottom: 25px;
            overflow: hidden;
            float: left;
        }

.ls-partner-item {
    width: 100%;
}

    .ls-partner-item img {
        width: 100%;
    }
/*partner*/


/*friendlink */
.ls-friend {
    overflow: hidden;
    padding-right: 25px;
}

    .ls-friend ul {
        overflow: hidden;
    }

        .ls-friend ul li {
            list-style: none;
            width: 12.5%;
            padding-left: 25px;
            margin-bottom: 25px;
            overflow: hidden;
            float: left;
        }

.ls-friend-item {
    width: 100%;
}

    .ls-friend-item img {
        width: 100%;
        border: 1px solid #ececec;
    }
/*friendlink */


/*knowledge*/
.ls-knowledge {
    overflow: hidden;
}

    .ls-knowledge > ul > li {
        width: 50%;
        float: left;
        padding-right: 25px;
    }

        .ls-knowledge > ul > li > a > div {
            width: 100%;
            padding: 20px;
            border: 1px solid #ececec;
            margin-bottom: 20px;
            position: relative;
            height: 120px;
            overflow: hidden;
        }

            .ls-knowledge > ul > li > a > div:hover {
                background-color: #f8f8f8;
            }

            .ls-knowledge > ul > li > a > div > p {
                font-size: 1rem;
                color: #999;
                word-break: break-all;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }
/*knowledge*/