.inner-banner {position: relative;background-position: center top;background-image: url(/static/7/nbanner-bg1.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.inner-banner::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: 0.65;}
.inner-banner .container {padding: 150px 0px;position: relative;text-align: center;}

.inner-bannertitle {margin: 0;color: #fff;font-size: 30px;font-weight: bold;}

.thm-breadcrumb {margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 10px;}
.thm-breadcrumb li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.thm-breadcrumb li+li:before {content: '\f105';font-family: 'FontAwesome';font-size: 16px;color: #fff;margin-left: 10px;margin-right: 10px;}
.thm-breadcrumb li a {font-size: 16px;color: #fff;}
.thm-breadcrumb li.active a {color: rgba(30, 130, 232, 1);}

/*******n_case_bg*********/
.n_case_bg{ position:relative; padding:0.8rem 0px; overflow:hidden;}
.n_case_list{position:relative; width:100%;overflow:hidden;}

.n_case_list .case-item{margin-bottom: 25px;}
.n_case_list .case-item .imgBox{position: relative;overflow: hidden;}
.n_case_list .case-item .imgBox .overflowHide{ padding-bottom:80%;}
.n_case_list .case-item .imgBox .showBox{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.n_case_list .case-item .imgBox .showBox a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 20px;padding: 15px 0;}
.n_case_list .case-item .imgBox .showBox a:before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.n_case_list .case-item .imgBox .showBox a:after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}

.n_case_list .case-item i{transition: all .5s ease-in;}
.n_case_list .case-item .contectBox{position: relative;overflow: hidden;width: 100%;padding: 20px;border: 1px solid #f2f2f2;}
.n_case_list .case-item .contectBox .pro-title{font-size: 18px;color: #333;overflow: hidden;margin-bottom: 16px;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;} 
.n_case_list .case-item .contectBox .lookDetail{position: relative;display: block;color: #777;height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5;}

.n_case_list .case-item:hover .showBox{opacity: 1;}
.n_case_list .case-item:hover .showBox a:after{width: 20%;}
.n_case_list .case-item:hover .showBox a:before{width: 20%;}
.n_case_list .case-item:hover .lookDetail i{transform: scaleX(1.8);}