@charset "utf-8";
/*banner*/
.banner{position: relative;width: 100%;height: auto;overflow: hidden;}
.bootslider .bs-container{height: 100%;}
.bootslider .bs-container .bs-slide{height: 100%;}
.bootslider .bs-container .bs-slide .bs-background{height: 100%;}
.bootslider-variableheight .bs-container .bs-slide .bs-background img.fullwidth,
.bootslider-variableheight .bs-container .bs-slide .bs-background img.fullheight,
.bootslider-variableheight .bs-container .bs-slide .bs-background img{
    max-width: none !important;
    position: absolute;
}
.bootslider-variableheight{overflow: hidden;}
.bs-foreground .container{position: relative;height: 100%;}
.bs-foreground .propic{position: absolute;right: 0;top:30%;width: 55%;z-index: -1;}
.bs-foreground .propic>img{width: 100%;}
.bs-foreground .row{text-align: left;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height:50%;color:#fff;}
.slide-til,.slide-til2{margin-bottom: 60px;color:#fff;}
.slide-til span{font-size: 70px;font-weight: bolder;display: block;}
.slide-til p{font-size: 30px;margin-top: 5px;}
.slide-til i{display: inline-block;width: 40px;height: 5px;background: #fff;margin-top: 15px;}
.slide-til2 h2{font-size: 50px;font-weight: bolder;}
.slide-til2 h4{font-size: 30px;font-weight: normal;}
.slide-btn{cursor: pointer; display: inline-block;border: 2px solid #fff;padding: 12px 40px 12px 20px;font-size: 16px;color:#fff;background: url("../images/icon/btn_r.png") no-repeat 90% center; text-transform: uppercase;}
.slide-btn:hover{color:#fff;}
.bs-pagination{width: 90%;  position: absolute;  bottom: 20%;  left: 50%;  transform: translateX(-50%);text-align: right;z-index: 1;}
.pagination{display: inline-block;font-size: 0;}
.pagination li{margin:8px 0;text-align: right;}
.pagination li a{display: inline-block;background: #fff;width: 12px;height: 2px;font-size: 0;}
.bootslider .bs-pagination .active a{z-index: 1;background: #ff2900;width: 18px;}
.key_num p{display: inline-block;font-size: 20px;color:#fff;}
.key_num i{color:#fff;}
.key_num span{color:#ff2900;}
/*左右按钮样式及放置位置*/
.btn-group a{font-size: 0;}
.bootslider .bs-next{opacity: 0; transition: all 0.5s; width: 70px;height: 70px;background: url("../images/icon/b_right.png") no-repeat center;background-size: 45px; position: absolute;right: 10px;top:50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);transition: all 0.3s;z-index: 2;}
.bootslider .bs-prev{opacity: 0; transition: all 0.5s;  width: 70px;height: 70px;background: url("../images/icon/b_left.png") no-repeat center;background-size: 45px; position: absolute;left: 10px;top:50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);transition: all 0.3s;z-index: 2;}
.bootslider:hover .bs-prev,.bootslider:hover .bs-next{opacity: 1;}

/*产品*/
.procon,.swiper-fl{padding: 80px 0;}
.swiper-fl{display: none;}
.procon ul{font-size: 0;}
.procon ul li{display: inline-block;width: 20%;}
.procon ul li a,.swiper-fl .swiper-slide a{display: block;text-align: center;font-size: 16px;color:#333;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;margin-right: -1px;}
.procon ul li a>i,.swiper-fl .swiper-slide a>i{display: inline-block;width: 115px;height: 115px;background-repeat: no-repeat;background-position: center;background-size: contain;transition:all 0.5s;}
.procon ul li a:hover>i,.swiper-fl .swiper-slide a:hover>i{transform:translateY(-8px);}
.procon ul li a>i.i1,.swiper-fl .swiper-slide a>i.i1{background-image: url("../images/icon/index_ico01.png")}
.procon ul li a>i.i2,.swiper-fl .swiper-slide a>i.i2{background-image: url("../images/icon/index_ico02.png")}
.procon ul li a>i.i3,.swiper-fl .swiper-slide a>i.i3{background-image: url("../images/icon/index_ico03.png")}
.procon ul li a>i.i4,.swiper-fl .swiper-slide a>i.i4{background-image: url("../images/icon/index_ico04.png")}
.procon ul li a>i.i5,.swiper-fl .swiper-slide a>i.i5{background-image: url("../images/icon/index_ico05.png")}
.procon ul li a:hover>i.i1,.swiper-fl .swiper-slide a:hover>i.i1{background-image: url("../images/icon/index_ico09.png")}
.procon ul li a:hover>i.i2,.swiper-fl .swiper-slide a:hover>i.i2{background-image: url("../images/icon/index_ico10.png")}
.procon ul li a:hover>i.i3,.swiper-fl .swiper-slide a:hover>i.i3{background-image: url("../images/icon/index_ico11.png")}
.procon ul li a:hover>i.i4,.swiper-fl .swiper-slide a:hover>i.i4{background-image: url("../images/icon/index_ico12.png")}
.procon ul li a:hover>i.i5,.swiper-fl .swiper-slide a:hover>i.i5{background-image: url("../images/icon/index_ico13.png")}
.procon ul li a:hover>p,.swiper-fl .swiper-slide a:hover>p{color:#ff2900;}

/*关于霸特*/
.ab.pd{padding-bottom: 0;}
.title{color:#333;text-align: center;margin-bottom: 65px;}
.title span{display: block;font-weight: lighter;font-size: 28px;text-transform: uppercase;margin-bottom: 10px;letter-spacing:10px;}
.title p{font-size: 24px;letter-spacing:5px;}
.abcon{background: #ff2900;position: relative;}
.ableft{width: 50%;}
.abtxt{padding-right: 120px;color:#fff;}
.abtxt span,.vetil span{display: block;font-size: 18px;text-transform: uppercase;margin-bottom: 15px;font-weight: lighter;letter-spacing: 5px;}
.abtxt i,.vetil i{display: inline-block;width: 40px;height: 1px;background: #fff;margin-bottom: 25px;}
.abtxt p{font-size: 18px;line-height: 30px;}
.abtxt a{display: inline-block;border:1px solid #fff;height:30px;width: 120px;margin-top:30px;background: url("../images/icon/ab_btn.png") no-repeat center;transition: all 0.6s;}
.abtxt a:hover{background: url("../images/icon/ab_btn.png") no-repeat 65% center;}
.abvideo{width: 50%;position: absolute;top:0;bottom:0;right: 0;background: url("../images/index_pic06.jpg") no-repeat center;background-size: cover;}
.abvideo.bgback{background: #333;}
.abvideo .maincon{position: relative;height: 100%;}
.vetil{padding-left: 120px;color:#fff;}
.play{cursor: pointer; position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}
.play a{display:block;width: 60px;height: 60px;background: url("../images/icon/play.png") no-repeat center;background-size: contain;}
.play p{text-transform: uppercase;font-size: 18px;color:#fff;margin-top: 10px;font-weight: lighter;letter-spacing: 5px;}

/*百得资讯*/
.news{overflow: hidden;}
.newsdl{width: 103%;margin-bottom: 50px;}
.newsdl a{display: block;width: 22%;margin-right: 3%;float: left;margin-bottom: 20px;}
.newsdl a dl dt{margin-bottom: 20px;overflow: hidden;}
.newsdl a dl dt img{width: 100%;transition: all 0.5s;}
.newsdl a dl dd{padding: 0 4px;}
.newsdl a dl dd span{display: block; font-size: 16px;color:#333;margin-bottom: 5px;word-break:break-all;  display:-webkit-box; -webkit-line-clamp:1;  -webkit-box-orient:vertical;  overflow:hidden;}
.newsdl a dl dd p{font-size: 12px;color:#999;line-height: 22px;margin-bottom: 10px; word-break:break-all;  display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical;  overflow:hidden;}
.newsdl a dl dd i{display:inline-block;border: 1px solid #c9c9c9;font-size: 12px;color:#999; padding: 5px 10px;}
.newsdl a:hover dl dt img{transform:scale(1.2);}
.newsdl a:hover dl dd span{color:#ff2900;}
.n_more{text-align: center;}
.n_more a{display: inline-block;border: 2px solid #ff2900;color:#ff2900;padding: 10px 50px;font-size: 16px;}
.n_more a:hover{background: #ff2900;color:#fff;}

/*百得优势*/
.advbg{background: url("../images/index_pic05.jpg") no-repeat center;background-size: cover;background-attachment: fixed;}
.title.wh{color:#fff;}
.adv{overflow: hidden;}
.adv ul{width: 105%;}
.adv ul li{float: left;width: 29%;margin-right: 4%;background: #ff3c00;color:#fff;height: 480px;position: relative;}
.adv ul li .advli{width: 100%;height: 100%;}
.adv ul li .advcon{padding: 45px;text-align: center;}
.advcon i{display: inline-block;width: 110px;height: 110px;background-position: center;background-repeat: no-repeat; background-size: contain;transition: all 0.5s;}
.adv ul li:hover .advcon i{transform: rotateY(180deg);}
.advcon h4{font-size: 22px;color:#fff;font-weight: normal;margin-top: 20px;}
.advcon h4 em{width: 30px;height: 2px;background: #fff;display: block;margin: 0 auto;margin-top: 20px;}
.advcon p{font-size: 14px;line-height: 25px;margin-top: 40px;transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.adv ul li:hover .advcon p{margin-top: 30px;}

/*百得全球*/
.map img{width: 100%;}

/*联系*/
.contact{overflow: hidden;}
.contact ul{width: 105%;}
.contact ul li{float: left;width:29%;margin-right: 4%;}
.contact ul li.li1{background: #ff3c00;}
.contact ul li.li2{background: #333;}
.contact ul li.li3{background: #ff9000;}
.contact ul li a{display: block;text-align: center;color:#fff;padding: 35px 0;}
.contact ul li a h4{font-size: 18px;margin-bottom: 10px;letter-spacing: 3px;}
.contact ul li a p{font-size: 12px;margin-bottom: 35px;}
.contact ul li a span{display: inline-block;padding: 5px 35px 5px 25px;background: url("../images/icon/btn_r.png") no-repeat 80% center;background-size: 10px; border: 1px solid #fff;transition: all 0.3s;}
.contact ul li a:hover span{background: url("../images/icon/btn_r.png") no-repeat 82% center;background-size: 10px;}

    /*视频*/
#example_video_1{width:100%; height:100%;}
.video-con{ position:absolute; top:0; left:0;right: 0; height:100%; z-index:3; background:rgba(0,0,0,0.75); display:none;}
.video-con .con{position: relative;height: 100%;}
.video-close{ display:block; width:64px; height:64px; background:url(../images/icon/vd_close.png) no-repeat center; background-size:contain; position:absolute; right:0; top:0; text-indent:-9999em; z-index:99999;}
.video-close:hover{ background:url(../images/icon/vd_close.png) no-repeat center #010101; background-size:contain;}
.video-replay{ display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99999; text-align:center;}
.video-replay i{ display:inline-block; width:64px; height:64px; background:url(../images/icon/replay.png) no-repeat center #010101; background-size:contain; border-radius:9px; margin-bottom:10px; transition:all 0.4s linear;}
.video-replay p{ color:#fff; opacity:0.5; font-size:16px; text-transform: uppercase;letter-spacing: 5px;font-weight: lighter;}
.video-replay:hover p{opacity:1; transition:all 0.4s linear;}



@media (min-width:1280px) { .container{ width:1180px;}  }
@media (max-width:1280px){ .container{ width:960px;}
    /*banner*/
    .bs-foreground .row{left: 10%;transform: translate(0,-50%);}
    .bs-foreground .propic{width: 58%;}
    .slide-til span{font-size: 50px;}
    .slide-til p{font-size: 25px;}
    .slide-til2 h2{font-size: 40px;}
    .slide-til2 h4{font-size: 25px;}

    /*关于霸特*/
    .abtxt{padding-right: 80px;}
    .vetil{padding-left: 30px;}

    /*百得优势*/
    .adv ul li .advcon{padding: 45px 30px;}

}
@media (max-width:992px){ .container{ width:98%;}
    /*banner*/
    .bs-foreground .propic{width:522px;}
    .pd{padding: 50px 0;}
    /*产品*/
    .procon ul li a{font-size: 14px;}
    .procon ul li a>i{width: 85px;height: 85px;}

    /*关于霸特*/
    .abtxt{padding-right:0;}
    .abtxt p{font-size: 16px;line-height: 25px;}
    .abtxt a{width: 90px;}
    .vetil{padding-left:15px;}
    .ableft{width: 100%;}
    .abvideo{width: 100%;position: relative;height: 270px;}

    /*百得资讯*/
    .newsdl a{width: 47%;}
    .newsdl a dl dd span{font-size: 18px;}

    /*百得优势*/
    .adv ul li{height: 420px;}
    .adv ul li .advcon{padding: 25px 15px;}
    .advcon i{width: 70px;height: 70px;}
    .advcon h4{margin-top: 15px;font-size: 18px;}
    .advcon h4 em{margin-top: 15px;}
    .advcon p{margin-top: 20px;font-size: 14px;}

    /*联系*/
    .contact ul{width: 103%;}
    .contact ul li{width: 31%;margin-right:2%;}
}
@media (max-width:750px) { .container {  width: 94%;  }
    /*banner*/
    .bs-foreground .row{left:10%;transform:none;top:18%;}
    .bs-foreground .propic{width:90%;right: auto;left: 50%;margin-left: -45%;top: 50%;  margin-top: -7%;}
    .pd{padding: 30px 0;}
    /*banner*/
    .slide-til span{font-size: 30px;}
    .slide-til p{font-size: 15px;}
    .slide-til i{height: 3px;}
    .slide-til2 h2{font-size: 20px;}
    .slide-til2 h4{font-size: 15px;}
    .slide-btn{font-size: 12px;padding: 5px 30px 5px 10px;}
    .bootslider .bs-prev{opacity: 1;background-size: 30px;left: -2px;width: 40px;height: 40px;}
    .bootslider .bs-next{opacity: 1;background-size: 30px;right: -2px;width: 40px;height: 40px;}
    .slide-til, .slide-til2{margin-bottom: 20px;}

    /*产品*/
    .procon{display: none;}
    .swiper-fl{display: block;padding: 30px 0;}
    .swiper-fl .swiper-slide a>i{width: 65px;height: 65px;}
    .swiper-fl .swiper-slide a{font-size: 12px;}

    /*关于霸特*/
    .title{margin-bottom: 35px;}
    .title span{font-size: 22px;margin-bottom: 5px;letter-spacing: 2px;}
    .title p{font-size: 18px;}
    .abtxt span, .vetil span{font-size: 16px;}
    .abtxt p{font-size: 14px;}

    /*百得资讯*/
    .newsdl{margin-bottom: 20px;}
    .newsdl a dl dt{margin-bottom: 8px;}
    .newsdl a dl dd span{font-size: 16px;}
    .newsdl a dl dd p{line-height: normal;}
    .n_more a{padding: 5px 20px;font-size: 14px;}

    /*百得优势*/
    .adv ul{width:auto;}
    .adv ul li{width: 100%;margin-bottom: 20px;height: auto;}
    .adv ul li .advcon{padding: 35px 15px;}

    /*联系*/
    .contact ul{width: auto;}
    .contact ul li{width: 100%;margin: 0;}
}