.product .tab_slide {width:calc(100% - 20px) !important; margin:0 auto;}
.product {width:100%; background-color:#fff; overflow:hidden; margin:120px 0 80px 0; position: relative;  }
.product div.wdFull{  /*margin-left : calc(50% - 640px); background-color:#f5f5f5;*/ 
 position:relative;  z-index: 1;  border-radius:0px 0 0 0px;  } 
.product div.wdFull .wd13{ padding:10px 0px; /*background-color:#f5f5f5;*/  overflow:hidden; 
position:relative;  margin:0px auto;  }
.product .tit {max-width:100%; margin:0 auto; padding: 0 30px 0px 0px; overflow:hidden; text-align:center;}
.product .tit h3{font-size:65px;  }
.product .tit p{display:none; float:left; font-size:16px; padding:22px 0 0 0; color:#999}

div.bannerBox {width:100%;border-top:0px solid #e0e0e0; padding:0px 0 30px 0 ;  overflow:hidden !important; }
section.banner{/*width:1340px;*/ margin:0 auto; position:relative; overflow:hidden; clear:both;  padding:0px 0;  }
.nbs-flexisel-container {  position:relative; padding:0px 0px;overflow:hidden; border:0px solid #dfdfdf; border-radius:0px; }
.nbs-flexisel-ul {position:relative; width:99999px; margin:0px; padding-top:50px; list-style-type:none; text-align:center; overflow: auto;}
.nbs-flexisel-inner { overflow: hidden; float:left; width:100%; box-sizing:border-box;   }
.nbs-flexisel-item {float:left !important; margin:0px;padding:0px; cursor:pointer; position:relative; overflow:hidden; }
.nbs-flexisel-item a{overflow: hidden; display:block; margin: 10px  12px; border:1px solid #dfdfdf; padding:0px;
 border-radius:0px; transition:all 0.3s; text-align:left;background:#fff;  box-shadow:0 3px 5px rgba(0,0,0,0.05); }
.nbs-flexisel-item a:hover{color:#333;background:#fff;  border:1px solid #ccc; transition:all 0.3s; 
 box-shadow:0 3px 12px rgba(0,0,0,0.15); }
.nbs-flexisel-item a:hover .class{  }
.nbs-flexisel-item a:hover .name,.nbs-flexisel-item a:hover .tct {  }
.nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin:  0px; }

/*** Navigation ***/
.nbs-flexisel-nav-left{border-radius:0px !important; -moz-border-radius:0px !important; -webkit-border-radius: 0px !important;  }
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {padding:5px 4px;  border:0px solid rgb(0,0,0,0.3); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius: 0px;     
    position: absolute; cursor: pointer; z-index: 4; top: 0%;  background-color: rgba(255,255,255,0); color: #fff; background-size:contain }
.nbs-flexisel-nav-left {left: 2%; position:absolute; width:50px; height:50px;opacity:0.8; background-image:url("../img/prev_bl2.png"); background-repeat:no-repeat; background-position:center center;}
.nbs-flexisel-nav-left.disabled {opacity: 0.3;}
.nbs-flexisel-nav-right { right: 2%; width:50px;  height:50px; opacity:0.8; background-image:url("../img/next_bl2.png"); background-repeat:no-repeat; background-position:center center;}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover{/*background-color: rgba(0,0,0,0);*/ opacity:1 }

.nbs-flexisel-ul li {float:left; display:inline-block; width:auto; }
.nbs-flexisel-ul li a .cont {padding:25px; min-height:150px; }
.nbs-flexisel-ul li a span.class { padding:3px 20px; font-size:14px; font-weight:500; color:#888;
border:1px solid #ccc; border-radius:0px;  text-align:center; margin-right:5px; }
.nbs-flexisel-ul li a span.name {display:block; padding:15px 0 10px 0; font-size:20px; font-weight:600;}
.nbs-flexisel-ul li a span.txt {display:block; padding:0px; font-size:14px; line-height:20px; font-weight:500;}
.nbs-flexisel-ul li a img {max-width:100%;  vertical-align:top; transform:scale(1); margin-bottom:0px;
 filter: grayscale(100%); background:#fff; transition:all 0.3s;}
 .nbs-flexisel-ul li a:hover img { filter: grayscale(0%); transition:all 0.5s; transform:scale(1.1)}

/*.nbs-flexisel-ul li a .mask { transition: all 0.3s; mask-size:95%;  background-color:#f5f5f5;
  -webkit-mask-image: url(../img/mask.png); mask-repeat:no-repeat; 
  mask-image: url(../img/mask.png);  mask-repeat:no-repeat; mask-position: center;}*/
.nbs-flexisel-ul li a:hover{ transition: all 0.3s;  }
.nbs-flexisel-ul li a:hover .mask { mask-size:200%; transition: all 0.6s; }

.nbs-flexisel-item a div.imgs {max-width: 100%;  width:100%; overflow:hidden; cursor: pointer; 
position: relative;margin:  0px; vertical-align: top; text-align:center; background:#fff;}
.nbs-flexisel-item a:hover img {transform:scale(1); transition:all 0.3s}
.nbs-flexisel-item a div.imgs div {position: absolute;  z-index: 9; top:20px; left:18px;}
.nbs-flexisel-item a div.imgs span {display:block; background:#333; color:#fff; font-size:15px; margin:7px 0;
border-radius:50px; padding:5px 10px; min-width:60px;  z-index: 9; font-weight:500}
.nbs-flexisel-item a div.imgs span.area1 {background:#C22228;}
.nbs-flexisel-item a div.imgs span.area2 {background:#30346D;}
.nbs-flexisel-item a div.imgs span.area3 {background:#AE03FF;}
.nbs-flexisel-item a div.imgs span.area4 {background:#306D53;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/

@media (max-width: 1500px) {
.tab_slide{max-width : calc(100% - 100px); }
}
@media (max-width: 1023px) {
	.nbs-flexisel-item a {margin:10px}
.tab_slide{max-width : calc(100% - 30px); }	
.product  {margin:40px auto 30px auto }
.product .tit h3{font-size:30px;  }
.product .tit {max-width:100%; padding: 0 0px 15px 0px;}
.nbs-flexisel-ul {padding-top:40px}
section.banner{width:100%;margin:0 auto; position:relative; overflow:hidden; clear:both;  }
.nbs-flexisel-container {position:relative; padding:0px;overflow:hidden; border:0px solid #dfdfdf; border-radius:5px; }
.nbs-flexisel-ul {position:relative; width:99999px; margin:0px;  list-style-type:none; text-align:center; overflow: auto;}
.nbs-flexisel-inner {position:relative; overflow: hidden; float:left; width:100%; box-sizing:border-box;   padding:0 10px;  }
.nbs-flexisel-item {float:left; margin:0px;padding:0px; cursor:pointer; position:relative; }
.nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin: 0;}
.nbs-flexisel-item span {/*display:block;*/ font-weight:600; padding:0 ;  }
.nbs-flexisel-ul li a img { filter: grayscale(0%);}
/*.nbs-flexisel-item a{  }
.nbs-flexisel-ul li a .mask { transition: all 0.3s; mask-size:auto; }
.nbs-flexisel-ul li a span.tit { padding:5px 5px; font-size:18px;}
.nbs-flexisel-ul li a span.txt {padding:10px 5px; font-size:14px; }*/
 
 .nbs-flexisel-nav-left {left: 0%; }
.nbs-flexisel-nav-right { right: 0%;}
  
.tab_slide {width:100% !important;}
.tab_slide .tabmenu_menu {width:100%;}
div.bannerBox { padding:0}

.nbs-flexisel-ul li {float:left; display:inline-block; width:auto;}
.nbs-flexisel-ul li a span {/*display:block;*/}
.nbs-flexisel-ul li a img {max-width:100%; width:100%; vertical-align:top;}
.nbs-flexisel-ul li a:hover span {color:#fff;}


.nbs-flexisel-ul li a .cont {padding:20px 15px 15px 15px; min-height:auto}
.nbs-flexisel-ul li a span.class { padding:2px 15px; font-size:16px;margin-right:5px; }
.nbs-flexisel-ul li a span.name { padding:15px 0 10px 0; font-size:16px;}
.nbs-flexisel-ul li a span.txt { font-size:13px; line-height:18px;}
.nbs-flexisel-item a div.imgs span { font-size:4; margin:5px 0; padding:3px 10px; min-width:50px;}

.product  .wd13{ padding:10px 0px !important} 
}
@media (max-width: 768px) {
.nbs-flexisel-nav-left { height:42px;}
.nbs-flexisel-nav-right { height:42px; 	}
}
@media (max-width: 640px) {	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}