/* 公用部分 */
.elli{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis}
.line3{display:-webkit-box;overflow:hidden;text-align:justify;text-overflow:ellipsis;white-space:normal;-o-text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line2{display:-webkit-box;overflow:hidden;text-align:justify;text-overflow:ellipsis;white-space:normal;-o-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:focus{outline:0}
.nav-bar2{border-bottom:1px solid #eaeaea}
.nav-bar2 a{font-size:12px;color:#999;line-height:45px}
.nav-bar2 a::after{content:"\e636";display:inline-block;padding:0 5px;font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.nav-bar2 a:last-child::after{display: none;}
.white-bg{background-color: #FFFFFF;}
.content-bg{background-color: #EDEDED;}
.pbt50{padding: 50px 0;}
.content-size{min-height: 500px;padding: 45px;box-sizing: border-box;}
.pbt30{padding: 30px 0;}


.v-home-title{display: flex;justify-content: space-between;align-items: center;}
.v-home-title .name{font-size: 24px;margin: 30px 0 15px;}
.v-home-title .more{font-size: 18px;color: #9A9A9A;display: flex;align-items: center;}
.v-home-title .more::after{content: "next";display: block;width:23px;height:23px;background:#1479d7;text-align:center;line-height:23px;border-radius:50%;font-family:swiper-icons;font-size:12px;color: #FFFFFF;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;color:#fff;font-weight:700;margin:0 5px}
.more-cont-end{display: flex;justify-content: space-between;}
.more-swiper-next::after{content:'next'}
.more-swiper-prev::after{content:'prev'}
.more-swiper-next,.more-swiper-prev{cursor:pointer;width:23px;height:23px;background:#1479d7;text-align:center;line-height:23px;border-radius:50%;font-family:swiper-icons;font-size:12px;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;color:#fff;font-weight:700;margin:0 5px}
/* 大块左右布局 */
.lr-block{display: flex;justify-content: space-between;}
.lr-r-block{width: 330px;}
.lr-l-block{width: 1055px;}
.content-block-bg{overflow: hidden;background-color: #F2F2F2;}
.content-block-inner{margin: 25px;background-color: #FFFFFF;padding: 35px;box-sizing: border-box;}

.product-company-info{width: 330px;-ms-flex-negative: 0;flex-shrink: 0;background: url(image/cases/product/p-company-info.png) no-repeat top/100%;padding: 45px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.product-company-info  .company-info{background: #FFFFFF;padding: 40px 18px;border-radius: 24px 0px 24px 0px;}
.product-company-info  .company-info .layui-table tr{border-bottom: 1px solid #eaeaea;}
.product-company-info  .company-info .layui-table td{width: 50px;font-size: 12px;text-align: right;}
.product-company-info  .company-info .layui-table td:nth-child(2){width: calc(100% - 65px);text-align: left;}
/*公用 end */
.h-cate-list,.l-case-list{display: flex;flex-wrap: wrap;}
.h-cate-list .item{width: 325px;border-radius: 10px;overflow: hidden;margin: 0 33px 34px 0;position: relative;display: block;}
.h-cate-list .item:nth-child(4n){margin-right: 0;}
.h-cate-list .item>img{ width: 100%;height: 243.75px;}
.h-cate-list .item .compant-name{position: absolute;top: 0;right: 0;height: 25px;background: #1479D7;border-radius: 0 0 0 10px;color: #FFFFFF;font-size: 12px;padding: 0 8px;line-height: 25px;}
.h-cate-list .item .item-footer{display: flex;align-items: flex-end;justify-content: space-between;position: fixed;position: absolute;bottom: 0;width: 100%;height: 92px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0));border-radius: 10px;color: #FFFFFF;padding:3px 8px;box-sizing: border-box;}
.h-cate-list .item .item-footer .name{font-size: 14px;width: 210px;}
.h-cate-list .item .item-footer .r-val{}
.h-cate-list .item .item-footer .r-val .iconfont{font-size: 12px;}
.h-cate-list .item .item-footer .r-val .iconfont::before{padding-right: 3px;}
body{background: #fff}

.c-recommed-swiper .h-cate-list{flex-wrap: nowrap;}
.c-recommed-swiper .h-cate-list .item{margin: 0;}

.l-case-list .item{width: 265px;margin: 20px 18px 0 0;background-color: #FFFFFF;border-radius: 10px;}
.l-case-list .item:nth-child(5n){margin-right: 0;}
.l-case-list .item a{display: block;}
.l-case-list .item .item-header{position: relative;}
.l-case-list .item .item-header .item-tip{position: absolute;top: 0;right: 0;color: #FFFFFF;padding: 0 5px;font-size: 12px;background: linear-gradient(90deg, #FB8E00, #F77210);line-height: 25px;border-radius: 0 0 0 10px;}
.l-case-list .item .item-header>img{width: 100%;height: 200px;}
.l-case-list .item .item-header a img{height: 200px;width: 100%}
.l-case-list .item .item-content{padding: 12px;color: #999999;}
.l-case-list .item .item-content .name{color: #16161A;}
.l-case-list .item .item-content .desc{font-size: 12px;}
.l-case-list .item .item-content .tags{display: flex;justify-content: space-between;font-size: 12px;padding-top: 5px;}
.l-case-list .item .item-content .tags .iconfont{font-size: 12px;margin-right: 5px;}
.l-case-list .item .item-footer{border-top: 1px solid #EEEEEE;color: #666666;line-height: 3em;padding: 0 12px;font-size: 12px;}

.content-title{font-size: 30px;}
.content-block-nav{display: flex;justify-content: space-between;align-items: center;height: 150px;}
.content-block-nav .item{position: relative;display: flex;flex-direction: column;width: 25%;color: #484848;justify-content: center;align-items: center;}
.content-block-nav .item:hover{color: #1479D7;}
.content-block-nav .item::after{content: "";display: block;width: 1px;height: 54px;background: #DCDCDC;position: absolute;right: 0;top: calc(50% - 27px);}
.content-block-nav .item:last-child::after{display: none;}
.content-block-nav .item>img{width: 30px;height: 30px;}
.content-block-nav .item .name{padding-top: 10px;font-size: 16px;color: #1479D7;}
.content-block-nav .item .label{line-height: 1.2em;font-size: 12px;color: #666666;}
.content-section{}

.lr-r-recommend{box-shadow: 0px 0px 16px 0px rgba(63, 63, 63, 0.11);padding: 23px;margin: 20px 0;background: #FFFFFF;}
.title-recommend{color: #1479D7;font-size: 18px;text-align: center;}

.recommend-exhibit-list .item{display: block;background-color: #FFFFFF;border: 1px solid #E3E3E3;margin-bottom: 15px;}
.recommend-exhibit-list .item .item-header img{width: 100%;}
.recommend-exhibit-list .item .item-title{padding: 15px;}