@charset "utf-8";

h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h5 {

    font-size: 1.5em;

}

.title2-b{text-align: center;}
.title2-b a{display: block;color: #333;}
.title2-b b{display: block;font-size: 40px;font-weight: normal;line-height: 40px;}
.title2-b b:before{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(0,0,0,0.49);margin-right: 22px;vertical-align: middle;}
.title2-b b:after{content: "";display: inline-block;width: 56px;height: 1px;background: rgba(0,0,0,0.49);margin-left: 22px;vertical-align: middle;}
.title2-b span{display: block;font-size: 20px;line-height: 20px;margin-top:20px;font-weight: normal;}



.category{width: 100%;padding-top: 12px;margin-bottom: 20px;}
.category h5{line-height: 58px;float: left;}
.category h5 a{float: left;line-height: 58px;color: #666;padding-left: 58px;width: 242px;font-weight: normal;background: url(../images/menu01.jpg) no-repeat; display: block;}
.category h5.on a{background: url(../images/menu01-h.jpg) no-repeat; color: #007bdf;}
.category h5 span{float: left;}
.category ul{display: none;float: left;width: 100%;}
.category li{display: block;border-bottom: 1px solid #e1e1e1;width: 100%;line-height: 42px;background-size: 5px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #007bdf;}


/*搜索*/
.search{height: 90px;background: #fff;}
.search .keyword{float: left;margin-left: 150px;line-height:90px;max-width: 680px;height: 90px;overflow: hidden;}
.search .keyword b{color: #5C5C5C;margin-right:12px;}
.search .keyword a{color: #BFBFBF;margin-right:26px;}
.search .sou{float: right;height: 89px;border-bottom: 1px solid #122a88;box-sizing: border-box;width: 300px;padding-top: 24px;}
.search .sou .txt{height: 24px;width:229px;line-height: 24px;color: #666;border: none;background: none;float: left;margin-top: 9px;border-right: 1px solid #E2E2E2;}
.search .sou .btn{display: block;width: 42px;height: 42px;background: url(../images/search.png) no-repeat;border: none;float: right;}




/*货架案例*/
.case{padding-top:55px;background: url(../images/case-bg.jpg) no-repeat center bottom;padding-bottom:23px;}
.case h2{margin-bottom: 40px;}
.case .tit{float: left;width: 215px;background: #F3F3F3;height: 386px;overflow: hidden;margin-bottom: 50px;}
.case .tit h3{height:32px;line-height:32px;border-bottom: 1px solid rgba(18,42,136,0.07);font-weight: normal;padding-left: 40px;}
.case .tit h3:last-child{border-bottom: none;}
.case .tit h3 a{display: block;}
.case .tit h3 em{display: inline-block;vertical-align: middle;width: 32px;height: 32px;overflow: hidden;margin-right: 16px;line-height:0;}
.case .tit h3 em img{position: relative;transition: all .2s linear;}
.case .tit h3.cur{background: #122A88;border-color: rgba(18,42,136,1);}
.case .tit h3.cur a{color: #fff;}
.case .tit h3.cur em img{position: relative;position: relative;left: -32px;-webkit-filter: drop-shadow(32px 0 #fff);filter: drop-shadow(32px 0 #fff);}
.case .con{float: left;width: 985px;height: 386px;position: relative;margin-bottom: 50px;}
.case .con dt{float: left;width:768px;height: 386px;overflow: hidden;}
.case .con dt a{display: block;}
.case .con dt img{width:768px;height: 386px;}
.case .con dd{float: left;width: 300px;height: 386px;box-sizing: border-box;padding: 73px 48px 0;}
.case .con dd h4 a{display: block;font-size: 22px;line-height: 22px;color: #333;}
.case .con dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 20px;letter-spacing: 1px;height: 96px;overflow: hidden;}
.case .con .tel{position: absolute;left:753px;top:0px;background: url(../images/case-tel.png) no-repeat left top;padding-left:15px;}

.case .con2 li{float: left;width: 391px;margin-right: 13px;display: inline;text-align: center;}
.case .con2 li:last-child{margin-right: 0;}
.case .con2 li a{display: block;}
.case .con2 li img{width: 391px;height: 220px;}
.case .con2 li h4{font-weight: normal;display: block;line-height: 14px;margin-top: 20px;}
.case .con2 .prev1{position: absolute;left: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .next1{position: absolute;right: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .prev1 em,.case .con2 .next1 em{display: table-cell;vertical-align:middle;}

.case .con2{position: relative;}
.case .con2 li{float: left;width: 391px;margin-right: 13px;display: inline;text-align: center;}
.case .con2 li:last-child{margin-right: 0;}
.case .con2 li a{display: block;}
.case .con2 li img{width: 391px;height: 220px;}
.case .con2 li h4{font-weight: normal;display: block;line-height: 14px;margin-top: 20px;}
.case .con2 .prev1{position: absolute;left: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .next1{position: absolute;right: -83px;top:84px;width: 63px;height: 63px;background: #fff;border-radius: 50%;display: table;text-align: center;box-shadow: 0 0 20px #eee;}
.case .con2 .prev1 em,.case .con2 .next1 em{display: table-cell;vertical-align:middle;}