.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_pro_bg{ position:relative; padding:0.8rem 0px; overflow:hidden;}
.n_pro_xqtop{margin-left: -35px; margin-right: -35px;}
.n_pro_xqtop .n_pro_lf{padding-left: 35px; padding-right: 35px; }
.n_pro_xqtop .n_pro_lf .overflowHide{ padding-bottom:112.4%;}
.n_pro_xqtop .n_pro_rf{padding-left: 35px;padding-right: 35px;}
.product-details-title {margin: 0;color: #222222;font-weight: 600;font-size: 30px;margin-bottom: 20px;}
.product-details-text {margin: 0;color: #777777;font-size: 14px;line-height: 26px;}

.product-details-list {margin: 0;margin-top: 25px;}
.product-details-list li {font-size: 16px;color: #222222;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.product-details-list li+li {margin-top: 10px;}
.product-details-list li svg {color: rgba(30, 130, 232, 1);font-size: 20px;margin-right: 10px;}


.n_proxq_box{ position:relative; margin-top:1rem;}
.n_proxq_tit {border-bottom: 1px solid #eeee; padding-bottom:0.25rem;}
.n_proxq_tit span{ display:inline-block;
    color: #fff;
    padding: 12px 37px;
    font-size: 17px;
    font-family: "Rubik";
    font-weight: 500;background-color: rgba(30, 130, 232, 1) !important;
   border: 1px solid rgba(30, 130, 232, 1);}

.n_proxq_content{ font-size:16px; line-height:1.7; color:#333; margin-top:0.4rem;}

.navigation-links{border-top: 1px solid #eee;padding: 30px 0;border-bottom: 1px solid #eeee;margin-top:0.4rem;}
.navigation-links a{color: rgba(30, 130, 232, 1);font-weight: bolder;}
.navigation-links .fa-angle-left{margin-right: 5px;}
.navigation-links .fa-angle-right{margin-left: 5px;}



/********ind***********/
.n_xq_xiang { position:relative; width:100%;padding:0.8rem 0px;}
.n_xq_xiang .n_xq_tit{color: #222222;
    font-size: 26px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: .03em;margin-bottom:45px;}


.caseswiper{ margin:-30px -15px 0px;}
.caseswiper .slick-list{ padding:15px;}
.caseswiper dd{ padding:15px 15px 5px;transition: .5s;}
.caseBox .overflowHide { padding-bottom: 91.35%; margin-bottom:5px;}
.caseBox .casebm { text-align:center;font-weight: bolder; color: #222; height: 45px; line-height: 45px; font-size: 18px;}

.caseswiper dd:hover{margin-top: -5px;box-shadow:0 10px 10px 0 rgba(167,165,165,0.38);}


@media (max-width: 768px) {
  .n_pro_bg {
    position: relative;
    padding: 0.5rem 0px;
    overflow: hidden;
}
.n_pro_xqtop .n_pro_rf {
    padding: 35px;
  
}