.flex-control-thumbs li{ position:relative;}
.flex-control-thumbs li img{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0 !important; z-index:1;}
.flex-control-thumbs li a{cursor: pointer; display:block; background:#e6ebf2; width:100%; height:100%; padding: 30px; color: #333; font-size:16px; position:relative;}
.flex-control-thumbs li a.pnav0 i{vertical-align: bottom;display:inline-block; width:70px; height: 64px; background:url(../images/pnav1.png) no-repeat center;}
.flex-control-thumbs li a.pnav1 i{vertical-align: bottom;display:inline-block; width:70px; height: 64px; background:url(../images/pnav2.png) no-repeat center;}
.flex-control-thumbs li a.pnav2 i{vertical-align: bottom;display:inline-block; width:70px; height: 64px; background:url(../images/pnav3.png) no-repeat center;}
.flex-control-thumbs li img.flex-active+a.pnav0 i{display:inline-block; width:70px; height: 64px; background:url(../images/pnav1_hover.png) no-repeat center;}
.flex-control-thumbs li img.flex-active+a.pnav1 i{display:inline-block; width:70px; height: 64px; background:url(../images/pnav2_hover.png) no-repeat center;}
.flex-control-thumbs li img.flex-active+a.pnav2 i{display:inline-block; width:70px; height: 64px; background:url(../images/pnav3_hover.png) no-repeat center;}
.flex-control-thumbs li img.flex-active+a{ background:#AAABAB;color: #fff;}
.fnt_36 {
    font-size: 36px;
}
.mt_30 {
    margin-top: 30px;
}
.fnt_16 {
    font-size: 16px;
}
.fnt_14 {
    font-size: 14px;
}
.mt_45 {
    margin-top:45px;
}

.swiper-button-next, .swiper-button-prev{height: 50px; margin-top:-25px;}
.swiper-button-prev{background-image: url(../images/prev4.png);}
.swiper-button-next{background-image: url(../images/next4.png);}
.swiper-product{margin-bottom: 50px;}
.swiper-product .topBox{background:#fff;width: 100%; max-width:1280px; margin:0 auto; padding-bottom: 100px;padding-top: 5%;}
.swiper-product .bx-wrapper{margin:0 auto;}
.swiper-product .proSlide_con{margin-left: 5%;background: url(../images/section2_conBg.png) center no-repeat;background-size:cover;width: 32.8%;box-sizing: border-box;padding:5% 4% 6% 4%;border-radius: 5px;color:#fff;}
.swiper-product .proSlide_con p{color: #fff;}
.swiper-product .proSlide_con .til{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height:54px;letter-spacing: normal}
/*.swiper-product .proSlide_con .til .swiper-slide{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height:1.5em;letter-spacing: normal}*/
.swiper-product .proSlide_con .line{width:52px;height:1px;background:#fff;}
.swiper-product .proSlide_con .im_prod{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height:1.5em;letter-spacing: normal}
/*.swiper-product .proSlide_con .im_prod .swiper-slide{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height:1.5em;letter-spacing: normal}*/
.swiper-product .proSlide_con .cont{
  display:-webkit-box;
  -webkit-line-clamp:3;
  line-height: 2em;
  height:6em;
  text-overflow: ellipsis;
  overflow:hidden;
  letter-spacing: normal
}
/*.swiper-product .proSlide_con .cont .swiper-slide{
  display:-webkit-box;
  -webkit-line-clamp:3;
  line-height: 2em;
  height:6em;
  text-overflow: ellipsis;
  overflow:hidden;
  letter-spacing: normal
}*/
.btn_more{display:block;padding:12px 26px;background: #fff;border-radius: 5px;}
.btn_more i:after{content:'';display: inline-block;width:7px;height:1em;background:url(../images/icon_01.png) no-repeat center;background-position: 0 0;vertical-align: middle;margin-left: 15px}
.btn_more:hover{/*background:#029ff4;*/background:#AAABAB;color:#fff;}
.btn_more:hover i{color:#fff;}
.btn_more:hover i:after{background-position: 0 -13px;}
.ibox {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: normal;
}
.verti-box {
    vertical-align: middle;
}
.swiper-product .proSlide_con .con_inner{top:80px;}
.swiper-product .proSlide_con .btn_more{ font-style: inherit; width:50%;box-sizing:border-box;/*box-shadow:3px 3px 3px rgba(0,0,0,0.2);*/letter-spacing: normal}
.swiper-product .proSlide_con .btn_more i{font-style: inherit;}
.swiper-product .proSlide_con .prod_href{opacity: 0;filter:alpha(opacity=0);left:0;top:0;}
.swiper-product .proImg{width:50%;height:0;padding-bottom:30%;margin-left:6%}
.swiper-product .proImg .prod_imgBox{top:80px;/*opacity: 0*/}
.swiper-product .proImg .prod_imgBox.fadeInTop{top:0;opacity: 1;transition: all 0.5s 2s}
.swiper-product .pagerBox{width:14px;}
.swiper-product .swiper-pager{width:14px;top:50%;}
.swiper-product .proImg .bx-controls{width:14px;position:absolute;right:-118px;top:0;}
.swiper-product .proImg .bx-pager{bottom:auto;padding-top: 0;width:14px;top:50%;}
.swiper-product .proImg .bx-wrapper .bx-pager.bx-default-pager a{border:2px solid #6f7478;margin:6px 0;border-radius: 50%;cursor:pointer;background:none;}
.swiper-product .proImg .bx-wrapper .bx-pager .bx-pager-item.active a, 
.swiper-product .proImg .bx-wrapper .bx-pager .bx-pager-item:hover a{background:#6f7478;}

.swiper-product .botBox{width:100%;height:190px;background: #e6ebf2; overflow:hidden;}
.swiper-product .prod-menu{width:100%;}
.swiper-product .prod-menu .swiper-wrapper{width:2000%;}
.swiper-product .prod-menu .swiper-slide{height:190px;text-align: center;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;cursor:pointer;}
.swiper-product .prod-menu .swiper-slide.grey{background:#e6ebf2;}
.swiper-product .prod-menu .swiper-slide.wht{background:#fff;border-left:1px solid #fff;border-right:1px solid #fff;}
.swiper-product .prod-menu .swiper-slide:after{content:'';display:inline-block;width:0;height:190px;vertical-align: middle}
.swiper-product .prod-menu dl{width:85%;}
.swiper-product .prod-menu dd{width:70px;height:62px;margin:0 auto;}
.swiper-product .prod-menu dd .iconBox{width:70px;height:62px;left:0;top:0;}
.swiper-product .prod-menu dd .iconBox.icon_h{opacity: 0;filter:alpha(opacity=0);}
.swiper-product .prod-menu dt{color:#19222a;}
.swiper-product .prod-menu .swiper-slide.active{background:#029ff4}
.swiper-product .prod-menu .swiper-slide.active .iconBox._icon{opacity: 0;filter:alpha(opacity=0);}
.swiper-product .prod-menu .swiper-slide.active .iconBox.icon_h{opacity:1;filter:alpha(opacity=100);}
.swiper-product .prod-menu .swiper-slide.active dt{color:#fff;}
.swiper-product .prod-menu .swiper-slide:hover{background:#029ff4}
.swiper-product .prod-menu .swiper-slide:hover .iconBox._icon{opacity: 0;filter:alpha(opacity=0);}
.swiper-product .prod-menu .swiper-slide:hover .iconBox.icon_h{opacity:1;filter:alpha(opacity=100);}
.swiper-product .prod-menu .swiper-slide:hover dt{color:#fff;}
.swiper-product .botBox .bx-wrapper{margin:0!important;border-right:1px solid #fff;}
.swiper-product .botBox .menu-next{display:none;width:19px;height:29px;right:1.2%;top:50%;margin-top: -14px;background:url(../images/menu-next.png) no-repeat center;background-size: cover;z-index:100;}
.swiper-product .botBox .menu-next.active{display:block;}
.swiper-product .botBox .menu-prev{display:none;width:19px;height:29px;left:1.2%;top:50%;margin-top: -14px;background:url(../images/menu-prev.png) no-repeat center;background-size: cover;z-index:100;}
.swiper-product .botBox .menu-prev.active{display:block;}


@media only screen and (max-width: 1366px){
  .swiper-product .proSlide_con{padding:4% 3%;margin-left: 5%}
  .btn_more{padding:10px 12px;text-align: center}
  .swiper-product .topBox{padding-bottom: 3%;padding-top: 3%;}
  .swiper-product .topBox .wrap{width:90%;padding-left: 0;padding-right: 0}
  .swiper-product .proImg .bx-controls{right:-16%;}
  .swiper-product .botBox .menu-prev,
  .swiper-product .botBox .menu-next{width:16px;height:24px;margin-top: -12px}
  .swiper-product .proImg{margin-left: 4%}
  .swiper-product .botBox{height:150px;}
  .swiper-product .prod-menu .swiper-slide{height:150px;}
  .swiper-product .prod-menu .swiper-slide:after{height:150px;}

}

@media only screen and (max-width: 1279px){
  .swiper-product .proSlide_con{width:360px;padding:30px;}
  .swiper-product .proImg{width:404px;height: 242px;padding-bottom:0;margin-left: 10%}
  .swiper-product .proImg .bx-controls{right:-30%;}
}
@media only screen and (max-width: 1200px){
  .swiper-product .proImg{width:360px;height:210px;}
}
@media only screen and (max-width: 1080px){
  .swiper-product .proSlide_con{width:320px;}
  .btn_more{padding:8px;}
  .swiper-product .proImg{width:340px;height: 200px;}

}
@media only screen and (max-width: 1024px){
  .swiper-product .botBox .menu-next{right:3%;}
  .swiper-product .botBox .menu-prev{left:3%;}
  .swiper-product .botBox,
  .swiper-product .prod-menu .swiper-slide,
  .swiper-product .prod-menu .swiper-slide:after{height:160px;}
  .swiper-product .prod-menu dd,
  .swiper-product .prod-menu dd .iconBox{width:56px;height:50px;}
  .swiper-product .proImg .bx-controls{right:-22%;}
} 
@media only screen and (max-width: 960px){
  .swiper-product .topBox .wrap{width:100%;/*padding-left: 20px;padding-right: 20px*/}
  .swiper-product .proSlide_con{margin-left: 2%}
  .swiper-product .proImg{width:300px;height:180px;margin-left:8%}
  .swiper-product .proImg .bx-controls{right:-30%;}
}
@media only screen and (max-width: 859px){
  .swiper-product .proImg{margin-left: 5%}
  .swiper-product .proImg .bx-controls{right:-28%;}
}
@media only screen and (max-width: 800px){
  .swiper-product .proImg .bx-controls{right:-15%;}
}
@media only screen and (max-width: 767px){
  .swiper-product .topBox{padding-left:20px;padding-right:20px;}
  .swiper-product .proSlide_con{float:none;display:block;width:80%;margin-left:auto;margin-right: auto}
  .swiper-product .proSlide_con .btn_more{width:135px; margin-top: 30px;}
  .swiper-product .proImg{display:block;margin:0 auto;width:80%;background:rgba(245,249,255,0.6);padding-top:20px;padding-bottom: 20px;height:auto;}
  .swiper-product .proImg .swiper-container{width:85%;margin:0 auto;}
  .swiper-product .proImg .bx-controls{right:auto;width:80%;left:10%;}
  .swiper-product .proImg .bx-pager{width:100%;bottom:-60px;top:auto;}
  .swiper-product .proImg .bx-wrapper .bx-pager .bx-pager-item{margin:0 5px;}
  .swiper-product .topBox .outer-swipe .blank{display:none;}
  .swiper-product .topBox .outer-swipe{padding-bottom:40px}
  .swiper-product .botBox, 
  .swiper-product .prod-menu .swiper-slide, 
  .swiper-product .prod-menu .swiper-slide:after{height:120px;}
  .swiper-product .prod-menu dd, 
  .swiper-product .prod-menu dd .iconBox{width:42px;height:38px;}
  .swiper-product .botBox .menu-prev, 
  .swiper-product .botBox .menu-next{width:12px;height:18px;margin-top: -9px}
}
@media only screen and (max-width: 639px){
  .swiper-product .botBox, 
  .swiper-product .prod-menu .swiper-slide, 
  .swiper-product .prod-menu .swiper-slide:after{height:100px;}
}
@media only screen and (max-width: 414px){
  .swiper-product .proSlide_con{width:100%;padding:20px;}
  .swiper-product .proImg{width:100%;}
  .swiper-product .proImg .swiper-container{/*width:240px;height:142px;*/}
  /*.swiper-product .proImg{width:240px;height:142px;}*/
  .swiper-product .prod-menu dd, 
  .swiper-product .prod-menu dd .iconBox{width:30px;height:26px;}
  .swiper-product .botBox, 
  .swiper-product .prod-menu .swiper-slide, 
  .swiper-product .prod-menu .swiper-slide:after{height:80px;}
  .swiper-product{margin-bottom: 0;}
  .flex-control-thumbs li a{padding: 15px;}
  .swiper-product .proSlide_con .cont{margin-top: 15px; line-height:24px;}
  .swiper-product .proSlide_con .btn_more{margin-top: 20px; padding:4px 8px;}
  .swiper-product .proSlide_con .til{height: 40px; font-size: 24px;}
  .swiper-product .proSlide_con .line{margin-top: 12px;}
  .swiper-product .proSlide_con .im_prod{margin-top: 12px;}
}