@charset "utf-8";
/* Slider */
.slick-slider { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; z-index: 1; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { font-size: inherit; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; width: 100%; }
.slick-slide.slick-loading img { display: none; width: 100%; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-loading .slick-list { background: #fff; }
.slick-arrow { position: absolute; top: 0; bottom: 0; margin: auto; width: 100px; height: 100px; background-color: #474747; border-radius: 5px; overflow: hidden; z-index: 2; cursor: pointer; color: #fff; text-align: center; opacity: 0.8; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity .2s; transition: opacity .2s; }
.slick-prev { left: 20px; }
.slick-next { right: 20px; }
.slick-arrow:after { font-family: icon; font-size: 22px; cursor: pointer; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.slick-prev:after { content: '\e739'; }
.slick-next:after { content: '\e738'; }
.slick-prev { left: 0px; }
.slick-next { right: 0px; }
.slick-arrow.slick-disabled, .slick-arrow.slick-disabled:hover { opacity: 0.5; }
.slick-dotted.slick-slider { }
.slick-dots { position: absolute; left: 0; right: 0; bottom: 20px; display: block; font-size: 0; text-align: center; z-index: 2; }
.slick-dots li { display: inline-block; margin: 0 5px; padding: 5px; border-radius: 50%; background-color: #333; cursor: pointer; }
.slick-dots li:hover { opacity: 0.8; }
.slick-dots li.slick-active, .slick-dots li.slick-active:hover { opacity: 1; background-color: #fff; }
/*	复用图片包裹	*/
.scaleimg { overflow: hidden; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.scaleimg img { width: 100%; height: auto; -webkit-transition: transform .5s; transition: transform .5s; }
.scaleimg:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.clear:after { content: ""; display: block; width: 100%; clear: both; }
.middle { font-size: 0; letter-spacing: -1.5em; }
.middle:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.middle-cont { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0; }
.bnbd1 { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; height: 824px; box-shadow: 0px 0px 30px 0px #ccc; }
.bnbd1:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.45); }
.bnbd1 .block { position: relative; height: 100%; }
.bnbd1 .text { padding: 0 11.5%; text-align: justify; color: #fff; margin-top: -96px; }
.bnbd1 .text .fz40 { text-align: center; font-family: fz; }
.bnbd1 .text .p { padding-top: 20px; }
.bnbd1 .nav_bar { position: absolute; left: 0; bottom: 0; width: 100%; }
.bnbd1 .scroll-tab { position: relative; margin: auto; overflow: hidden; }
.bnbd1 .scroll-box { position: relative; overflow: hidden; }
.bnbd1 .scroll-track { display: table; white-space: nowrap; }
.bnbd1 .scroll-item { display: inline-block; background-color: #fff; vertical-align: middle; cursor: pointer; min-width: 12.8vw; box-sizing: border-box; padding: 0 1%; line-height: 96px; text-align: center; position: relative; overflow: hidden; letter-spacing: 0; }
.bnbd1 .scroll-item .x { height: 5px; position: absolute; left: 0; top: 0; width: 100%; transition: all 0.6s ease; }
.bnbd1 .scroll-item .s1 { line-height: 1.2; display: inline-block; vertical-align: middle; position: relative; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 100ms; }
.bnbd1 .scroll-item .mk { position: absolute; left: 0; width: 100%; top: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860) 200ms; }
.bnbd1 .scroll-prev, .bnbd1 .scroll-next { position: absolute; top: 0; bottom: 0; padding: 0 5px; height: 100%; background-color: #bb6f31; cursor: pointer; z-index: 1; font-family: icon; font-size: 18px; color: #fff; height: 38px; border-radius: 50%; width: 30px; line-height: 38px; margin: auto; }
.bnbd1 .scroll-prev { left: -18px; text-align: right; letter-spacing: 0;}
.bnbd1 .scroll-next { right: -18px; text-align: left; letter-spacing: 0;}
.bnbd1 .scroll-prev:before { content: '\e734'; }
.bnbd1 .scroll-next:before { content: '\e735'; }
.bnbd1 .disabled { opacity: 0.5; cursor: default; }
.bnbd1 .scroll-item:hover .s1, .bnbd1 .scroll-item.cur .s1 { -ms-transform: translate(0, -96px); -webkit-transform: translate(0, -96px); transform: translate(0, -96px); }
.bnbd1 .scroll-item:hover .mk, .bnbd1 .scroll-item.cur .mk { -ms-transform: translate(0, -96px); -webkit-transform: translate(0, -96px); transform: translate(0, -96px); }
.bnbd1 .scroll-item:hover .x, .bnbd1 .scroll-item.cur .x { height: 15px; }
.bnbd1 .scroll-item:hover, .bnbd1 .scroll-item.cur { opacity: 0.8; }
.bnbd2 { position: relative; }
.bnbd2 .bgi { position: absolute; bottom: -12vw; right: 10vw; width: 22vw; }
.bnbd2 .bgi img { width: 100%; height: auto; }
.bnbd2 .clearfix { height: 45.4vw; }
.bnbd2 .l { float: left; width: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnbd2 .l .con { max-width: 615px; float: right; height: 100%; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/bnbd3.jpg") no-repeat bottom center; position: relative; width: 100%; background-size: 100% auto; }
.bnbd2 .l .con .num { position: absolute; left: 0; width: 100%; text-align: center; font-size: 90px; color: #fff;  bottom: 3.8vw; line-height: 1; text-shadow: 0px 0px 20px #313c2c; }
.bnbd2 .r { overflow: hidden; height: 100%; }
.bnbd2 .r .con { max-width: 615px; float: left; height: 100%; width: 100%; box-sizing: border-box; padding-left: 8.5%; }
.bnbd2 .r .con .fz40 { padding-bottom: 1.5vw; font-family: fz; }
.bnbd2 .r .con .p { color: #707070; }
.bnbd2 .r .con .fz18 { position: relative; padding-left: 16px; margin-top: 1.5vw; }
.bnbd2 .r .con .fz18:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #7f8e3d; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; }
.bnbd2 .r .con .button { margin-top: 4vw; }
.bnbd3 { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 8.3vw 0; }
.bnbd3 .top { padding-right: 15vw; }
.bnbd3 .top .t1 { overflow: hidden; padding-bottom: 1.5vw; }
.bnbd3 .top .t1 .fz40 { float: left; font-family: fz; }
.bnbd3 .top .t1 .button { float: right; position: relative; top: 0.5vw; }
.bnbd3 .top .p { }
.bnbd3 .top .num {  font-size: 90px; line-height: 1; color: #6b5186; padding-top: 1.5vw; }
.bnbd3 .top .button1 { }
.bnbd3 .con { overflow: hidden; position: relative; margin-top: 3.5vw; }
.bnbd3 .con .img { width: 52%; height: auto; padding: 12px; background: #fff; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 2; }
.bnbd3 .con .img img { width: 100%; height: auto; }
.bnbd3 .con .img2 { position: relative; z-index: 1; float: right; margin-top: 4vw; }
.bnbd3 .con .img:hover { z-index: 3; }
.bnbd4 { position: relative; }
.bnbd4 .clearfix { height: 48.6vw; }
.bnbd4 .l { float: right; width: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnbd4 .l .con { max-width: 615px; float: left; height: 100%; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/bnbd8.jpg") no-repeat bottom center; position: relative; width: 100%; background-size: 100% auto; }
.bnbd4 .l .con .num { position: absolute; left: 0; width: 100%; text-align: center; font-size: 90px; color: #fff;  bottom: 3.8vw; line-height: 1; text-shadow: 0px 0px 20px #313c2c; }
.bnbd4 .r { width: 50%; height: 100%; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: end; align-items: flex-end; }
.bnbd4 .r .con { max-width: 615px; width: 100%; box-sizing: border-box; padding-right: 8.5%; }
.bnbd4 .r .con .fz40 { padding-bottom: 1.5vw; font-family: fz; }
.bnbd4 .r .con .box { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: 1px solid #d1a37c; border-top: 1px solid #d1a37c; margin-top: 2.5vw; }
.bnbd4 .r .con .box .item { border-right: 1px solid #d1a37c; border-bottom: 1px solid #d1a37c; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; position: relative; -ms-flex: 1; flex: 1; min-width: 33.1%; height: 9vw; box-sizing: border-box; max-height: 180px; }
.bnbd4 .r .con .box .item .img1 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 150%; pointer-events: none; height: 150%; text-align: center; -ms-flex-line-pack: center; align-items: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; }
.bnbd4 .r .con .box .item .img1 img { display: inline-block; vertical-align: middle; }
.bnbd4 .r .con .box .fz18 {text-align: justify; }
.bnbd4 .r .con .box .item:before { content: ""; display: block; position: absolute; width: 12px; height: 12px; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/arr1.png") no-repeat center; position: absolute; left: -1px; top: -1px; }
.bnbd4 .r .con .box .item:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/arr2.png") no-repeat center; position: absolute; right: -1px; top: -1px; }
.bnbd4 .r .con .box .item .x:before { content: ""; display: block; position: absolute; width: 12px; height: 12px; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/arr3.png") no-repeat center; position: absolute; right: -1px; bottom: -1px; }
.bnbd4 .r .con .box .item .x:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/arr4.png") no-repeat center; position: absolute; left: -1px; bottom: -1px; }
.bnbd4 .r .con .box .item .t1 { text-align: center; }
.bnbd4 .r .con .box .item .ico { width: 50%; height: auto; display: inline-block; margin-bottom: 10%; transition: all 0.4s ease; }
.bnbd4 .r .con .box .item .ico img { height: auto; max-height: inherit; max-width: inherit; width: 100%; }
.bnbd4 .r .con .box .item .h22 { min-width: 100%; display: block; }
.bnbd4 .r .con .box .item:last-child { background: rgba(255,255,255,0.3); }
.bnbd4 .r .con .box .item:hover .ico { transform: rotate(180deg); }
.bnbd5 { padding: 8vw 0; }
.bnbd5 .top { padding-right: 12vw; position: relative; }
.bnbd5 .top .fz40 { font-family: fz; padding-bottom: 1.5vw; }
.bnbd5 .top .p { }
.bnbd5 .top .button { margin-top: 1.6vw; }
.bnbd5 .top .button .bttn { background-image: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/btn1.png"); color: #9b3f84; }
.bnbd5 .top .num {  font-size: 90px; line-height: 1; color: #fff; text-align: center; text-shadow: 0px 0px 20px #7d7d7d; position: absolute; right: 0; top: -20px; }
.bnbd5 .top .num .s1 { height: 70px; line-height: 65px; }
.bnbd5 .cont { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3.5vw; }
.bnbd5 .cont .item { width: calc(50% - 40px); position: relative; }
.bnbd5 .cont .item .tit { background: #9b3f84; line-height: 55px; min-width: 50%; box-sizing: border-box; padding: 0 15px; color: #fff; position: relative; z-index: 1; display: inline-block; text-align: center; }
.bnbd5 .cont .item .img { height: auto; padding-left: 40px; margin-top: 40px; position: relative; z-index: 1; }
.bnbd5 .cont .item .img img { width: 100%; height: auto; max-height: inherit; }
.bnbd5 .cont .item:before { content: ""; display: block; position: absolute; left: 0; top: 26px; right: 40px; bottom: 0; border: 1px solid #9b3f84; box-sizing: border-box; }
.bnbd6 { position: relative; }
.bnbd6 .clearfix { height: 45.4vw; }
.bnbd6 .l { float: left; width: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnbd6 .l .con { max-width: 615px; float: right; height: 100%; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/bnbd14.jpg") no-repeat bottom center; position: relative; width: 100%; background-size: 100% auto; }
.bnbd6 .l .con .num { position: absolute; left: 0; width: 100%; text-align: center; font-size: 90px; color: #fff;  bottom: 3.8vw; line-height: 1; text-shadow: 0px 0px 20px #313c2c; }
.bnbd6 .r { overflow: hidden; height: 100%; }
.bnbd6 .r .con { max-width: 615px; float: left; height: 100%; width: 100%; box-sizing: border-box; padding-left: 8.5%; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/bnbd15.jpg") no-repeat bottom center; background-size: 100% auto; }
.bnbd6 .r .con .text { -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); }
.bnbd6 .r .con .fz40 { padding-bottom: 1.5vw; font-family: fz; }
.bnbd6 .r .con .p { color: #707070; }
.bnbd6 .r .con .t { overflow: hidden; }
.bnbd6 .r .con .fz18 { position: relative; padding-left: 16px; margin-top: 1.5vw; float: left; margin-right: 70px; }
.bnbd6 .r .con .fz18:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #2f9486; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; }
.bnbd6 .r .con .button { margin-top: 3vw; }
.bnbd7 { padding: 8.3vw 0; position: relative; }
.bnbd7 .bgi1 { width: 50%; position: absolute; right: 0; background: #babbbc; top: 0; bottom: 40%; }
.bnbd7 .bgi2 { position: absolute; left: 0; bottom: 0; max-width: 46%; }
.bnbd7 .bgi2 img { width: 100%; height: auto; max-height: inherit; }
.bnbd7 .block { position: relative; z-index: 1; }
.bnbd7 .top { padding-right: 12vw; position: relative; z-index: 1; }
.bnbd7 .top .t1 { overflow: hidden; padding-bottom: 1.5vw; }
.bnbd7 .top .t1 .fz40 { float: left; font-family: fz; }
.bnbd7 .top .t1 .button { float: right; position: relative; top: 0.5vw; }
.bnbd7 .top .t1 .button .bttn { background-image: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/btn2.png"); color: #0790be; }
.bnbd7 .top .num {  font-size: 90px; line-height: 1; color: #fff; text-align: center; text-shadow: 0px 0px 20px #7d7d7d; position: absolute; right: 0; top: -20px; }
.bnbd7 .top .num .s1 { height: 70px; line-height: 65px; }
.bnbd7 .top .t { overflow: hidden; }
.bnbd7 .top .fz18 { position: relative; padding-left: 16px; margin-top: 1.5vw; float: left; margin-right: 35px; }
.bnbd7 .top .fz18:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #0790be; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); box-sizing: border-box; }
.bnbd7 .cont { padding-top: 3.1vw; position: relative; }
.bnbd7 .cont .img { max-width: 34%; }
.bnbd7 .cont .img2 { position: absolute; left: 50%; top: 0; }
.bnbd8 { padding: 8.3vw 0 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.bnbd8 .block { position: relative; z-index: 1; }
.bnbd8:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #fff; height: 10vw; width: 100%; }
.bnbd8 .top { position: relative; z-index: 1; color: #fff; }
.bnbd8 .top .t1 { overflow: hidden; padding-bottom: 1.5vw; }
.bnbd8 .top .t1 .fz40 { float: left; font-family: fz; }
.bnbd8 .top .t1 .button { float: right; position: relative; top: 0.5vw; }
.bnbd8 .top .num {  font-size: 90px; line-height: 1; text-align: center; float: left; margin-right: 10%; }
.bnbd8 .top .num .s1 { height: 70px; line-height: 65px; }
.bnbd8 .top .h { height: 1px; background: #ce5f64; margin: 2vw -30px 3vw; }
.bnbd8 .top .r_con { overflow: hidden; display: -ms-flexbox; display: flex; }
.bnbd8 .top .r_con .item { text-align: center; float: left; -ms-flex: 1; flex: 1; }
.bnbd8 .top .r_con .item .x { display: block; width: 11px; height: 11px; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; margin: 0 auto 3px; position: relative; }
.bnbd8 .top .r_con .item .x:before { content: ""; position: absolute; left: 100%; width: 2.9vw; height: 1px; top: 50%; background: #fff; margin-top: -1px; }
.bnbd8 .top .r_con .item .x:after { content: ""; position: absolute; right: 100%; width: 2.9vw; height: 1px; top: 50%; background: #fff; margin-top: -1px; }
.bnbd8 .top .r_con .item:first-child .x:after { display: none; }
.bnbd8 .top .r_con .item:last-child .x:before { display: none; }
.bnbd8 .top .r_con .item .fz18 { width: 18px; word-wrap: break-word; margin: 0 auto; }
.bnbd8 .cont { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 3vw 0 0; }
.bnbd8 .cont .img { width: calc(50% - 10px); overflow: hidden; }
.bnbd9 { padding: 8.3vw 0 0; }
.bnbd9 .clearfix { height: 46.8vw; }
.bnbd9 .l { float: left; width: 50%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.bnbd9 .l .con { max-width: 615px; float: right; height: 100%; background: url("https://www.mrusedautoparts.com/Public/static/themes/bdxsg/image/jjl/bnbd22.jpg") no-repeat bottom center; position: relative; width: 100%; background-size: 100% auto; }
.bnbd9 .l .con .num { position: absolute; left: 0; width: 100%; text-align: center; font-size: 90px; color: #fff;  bottom: 3.8vw; line-height: 1; text-shadow: 0px 0px 20px #313c2c; }
.bnbd9 .l .text { width: 71%; background: rgba(166,159,166,0.8); color: #fff; text-align: justify; }
.bnbd9 .l .text .padd { padding: 5vw 2.5vw; }
.bnbd9 .l .text .fz40 { font-family: fz; }
.bnbd9 .l .text .p { margin-top: 1.5vw; }
.bnbd9 .l .text .button { margin-top: 2vw; }
.bnbd9 .r { overflow: hidden; height: 100%; }
.bnbd9 .r .con { max-width: 615px; float: left; height: 100%; width: 100%; box-sizing: border-box; position: relative; }
.bnbd9 .r .con:before { content: ""; position: absolute; box-sizing: border-box; border: 2px solid #a39da3; border-left: 0; left: 0; right: 3.4vw; bottom: 2vw; top: 0; }
.bnbd9 .r .con .img { margin-top: 3.6vw; position: relative; z-index: 1; float: right; max-height: 100%; max-width: 27vw; }
.bnbd9 .r .con .img img { width: 100%; height: auto; }
.bnbd10 { padding: 8.3vw 0; }
.bnbd10 .top { padding-right: 12vw; position: relative; margin-bottom: 3.6vw; }
.bnbd10 .top .fz40 { font-family: fz; padding-bottom: 1.5vw; }
.bnbd10 .top .p { color: #707070; }
.bnbd10 .top .button { margin-top: 1.6vw; }
.bnbd10 .top .num {  font-size: 90px; line-height: 1; color: #b6000c; text-align: center; position: absolute; right: 0; top: -20px; }
.bnbd10 .top .num .s1 { height: 70px; line-height: 65px; }
.bnbd10 .cont { position: relative; }
.bnbd10 .cont:before { content: ""; display: block; position: absolute; width: 51%; top: 0; bottom: 0; border: 2px solid #b6000c; border-bottom: 0; border-left: 0; }
.bnbd10 .cont .box1 { overflow: hidden; position: relative; z-index: 1; }
/*.bnbd10 .cont .box1 img {width: 100%;height: auto;}*/
.bnbd10 .cont .box1 .l { float: left; width: 58.1%; margin-right: 3%; }
.bnbd10 .cont .box1 .r { overflow: hidden; }
.bnbd10 .cont .box1 .t { overflow: hidden; }
.bnbd10 .cont .box1 .t .fz18 { position: relative; padding-left: 16px; margin-bottom: 1.3vw; float: left; padding-right: 20px; min-width: 50%; box-sizing: border-box; }
.bnbd10 .cont .box1 .t .fz18:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #b6000c; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); box-sizing: border-box; }
.bnbd11 { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; height: 671px; }
.bnbd11 .mask { position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: #000; }
.bnbd11 .block { position: relative; z-index: 1; height: 100%; }
.bnbd11 .cont { color: #fff; text-align: center; padding: 0 11%; }
.bnbd11 .cont img{ width: 125px; }
.bnbd11 .cont .icon { margin-bottom: 20px; }
.bnbd11 .cont .p { padding-top: 5px; text-align: justify; }

@media screen and (max-width:1680px) {
.bnbd2 .bgi { width: 15vw; bottom: -8vw; }
.bnbd7 .top { padding-right: 14vw; }
}

@media screen and (max-width:1400px) {
.bnbd5 .top { padding-right: 15vw; }
.bnbd7 .top { padding-right: 15vw; }
.bnbd10 .top { padding-right: 15vw; }
}

@media screen and (max-width:1300px) {
.bnbd3 .top { padding-right: 0; }
.bnbd5 .top { padding-right: 0; }
.bnbd5 .top .num { position: static; text-align: left; padding-top: 1.5vw; }
.bnbd5 .top .num .s1 { height: auto; line-height: inherit; display: inline-block; }
.bnbd6 .clearfix { height: 50vw; }
.bnbd7 .top { padding-right: 0; }
.bnbd7 .top .num { position: static; text-align: left; padding-top: 1.5vw; }
.bnbd7 .top .num .s1 { height: auto; line-height: inherit; display: inline-block; }
.bnbd8 .top .h { margin-right: 0; margin-left: 0; }
.bnbd8 .top .r_con .item .x:after, .bnbd8 .top .r_con .item .x:before { width: 3.2vw; }
.bnbd9 .clearfix { height: 60vw; }
.bnbd9 .r .con .img { max-width: 36vw; }
.bnbd10 .top { padding-right: 0; }
.bnbd10 .top .num { position: static; text-align: left; padding-top: 1.5vw; }
.bnbd10 .top .num .s1 { height: auto; line-height: inherit; display: inline-block; }
.bnbd2 .r .con { padding: 0 4%; }
.bnbd4 .r .con { padding: 0 4%; }
.bnbd6 .r .con { padding: 0 4%; }
}

@media screen and (max-width:1200px) {
.bnbd4 .clearfix { height: 60vw; }
.bnbd6 .clearfix { height: 60vw; }
.bnbd9 .l .text { width: 78%; }
.bnbd9 .l .text .padd { padding: 3vw 2vw; }
.bnbd9 .r .con .img { margin-right: 4%; }
.bnbd9 .r .con:before { right: 6vw; }
}

@media screen and (max-width:1024px) {
/*.bnbd3 .top .t1 .button {top: 0.2vw;}*/
.bnbd1 .text { padding: 0 5%; }
.bnbd2 .l .con .num { font-size: 80px; bottom: 12%; }
.bnbd2 .bgi { display: none; }
.bnbd3 .top { padding-right: 0; }
.bnbd3 .top .t1 .button { top: 1px; }
.bnbd3 .top .num { font-size: 80px; }
.bnbd4 .l .con .num { font-size: 80px; bottom: 12%; }
.bnbd4 .r .con .box .item { height: 10vw; }
.bnbd4 .r .con .box .fz18 { padding: 0; }
.bnbd5 .top .num { font-size: 80px; }
.bnbd6 .l .con .num { font-size: 80px; bottom: 12%; }
.bnbd6 .r .con .text { -webkit-transform: translateY(-18%); -ms-transform: translateY(-18%); transform: translateY(-18%); }
.bnbd7 .top .num { font-size: 80px; }
.bnbd7 .top .t1 .button { top: 1px; }
.bnbd8 .top .num { font-size: 80px; margin-right: 3%; }
.bnbd9 .l .text { width: 100%; }
.bnbd9 .l .con .num { font-size: 80px; }
.bnbd10 .top .num { font-size: 80px; }
}

@media screen and (max-width:850px) {
.bnbd1 { height: auto; }
.bnbd1 .block { padding: 80px 0 160px; }
.bnbd1 .text { margin-top: 0; padding: 0; }
.bnbd1 .text .p { padding-top: 10px; }
.bnbd1 .scroll-item { padding: 0 30px; }
.bnbd1 .scroll-item { line-height: 80px; }
.bnbd1 .scroll-item:hover .s1, .bnbd1 .scroll-item.cur .s1 { -ms-transform: translate(0, -80px); -webkit-transform: translate(0, -80px); transform: translate(0, -80px); }
.bnbd1 .scroll-item:hover .mk, .bnbd1 .scroll-item.cur .mk { -ms-transform: translate(0, -80px); -webkit-transform: translate(0, -80px); transform: translate(0, -80px); }
.bnbd1 .scroll-item:hover .x, .bnbd1 .scroll-item.cur .x { height: 10px; }
.bnbd2 .clearfix { height: auto; }
.bnbd2 .l { float: none; width: 100%; }
.bnbd2 .l .con { float: none; max-width: inherit; padding-bottom: 90%; }
.bnbd2 .l .con .num { font-size: 60px; }
.bnbd2 .r .con { float: none; padding: 30px 15px; max-width: inherit; }
.bnbd2 .r .con .fz40 { padding-bottom: 10px; }
.bnbd2 .r .con .fz18 { margin-top: 15px; }
.bnbd2 .r .con .button { margin-top: 20px; }
.bnbd3 .top .num { font-size: 60px; }
.bnbd3 .top .t1 { padding-bottom: 15px; }
.bnbd3 .con .img { width: 46%; padding: 6px; }
.bnbd4 .clearfix { height: auto; }
.bnbd4 .l { float: none; width: 100%; }
.bnbd4 .l .con { float: none; max-width: inherit; padding-bottom: 90%; }
.bnbd4 .l .con .num { font-size: 60px; }
.bnbd4 .r { width: auto; }
.bnbd4 .r .con { float: none; padding: 30px 15px; max-width: inherit; }
.bnbd4 .r .con .box .item { height: 100px; }
.bnbd4 .r .con .fz40 { padding-bottom: 15px; }
.bnbd4 .r .con .box { margin-top: 20px; }
.bnbd5 .top .num { font-size: 60px; padding-top: 15px; }
.bnbd5 .cont .item .img { margin-top: 20px; padding-left: 20px; }
.bnbd5 .top .fz40 { padding-bottom: 10px; }
.bnbd5 .top .button { margin-top: 20px; }
.bnbd6 .clearfix { height: auto; }
.bnbd6 .l { float: none; width: 100%; }
.bnbd6 .l .con { float: none; max-width: inherit; padding-bottom: 90%; }
.bnbd6 .l .con .num { font-size: 60px; }
.bnbd6 .r { width: auto;}
.bnbd6 .r .con { float: none; padding: 30px 15px 42vw; max-width: inherit; }
.bnbd6 .r .con .box .item { height: 100px; }
.bnbd6 .r .con .fz40 { padding-bottom: 15px; }
.bnbd6 .r .con .box { margin-top: 20px; }
.bnbd6 .r .con .text { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
.bnbd6 .r .con .fz18 { margin-top: 15px; float: none; margin-right: 0; }
.bnbd6 .r .con .button { margin-top: 20px; }
.bnbd7 .top .num { font-size: 60px; padding-top: 15px; }
.bnbd7 .cont .item .img { margin-top: 20px; padding-left: 20px; }
.bnbd7 .top .fz40 { padding-bottom: 10px; }
.bnbd7 .cont .img { max-width: 42%; }
.bnbd7 .bgi1 { display: none; }
.bnbd7 .top .fz18 { margin-top: 15px; margin-right: 0; float: none; }
.bnbd7 .cont { padding-top: 20px; }
.bnbd8 { padding-bottom: 40px; }
.bnbd8 .top .t1 { padding-bottom: 15px; }
.bnbd8 .top .h { margin: 20px 0; }
.bnbd8 .top .num { font-size: 60px; float: none; margin-right: 0; padding-bottom: 20px; }
.bnbd8 .top .num .s1 { height: auto; line-height: inherit; display: inline-block; }
.bnbd8:after { display: none; }
.bnbd8 .cont { display: block; margin-top: 0; }
.bnbd8 .cont .img { width: 100%; margin-top: 20px; text-align: center; }
.bnbd8 .top .r_con .item .x:after, .bnbd8 .top .r_con .item .x:before { width: 4vw; }
.bnbd9 .clearfix { height: auto; }
.bnbd9 .l { float: none; width: 100%; }
.bnbd9 .l .con { float: none; max-width: inherit; padding-bottom: 90%; }
.bnbd9 .l .con .num { font-size: 60px; }
.bnbd9 .l .text { position: absolute; left: 0; }
.bnbd9 .r { display: none; }
.bnbd10 .top .num { font-size: 60px; padding-top: 15px; }
.bnbd10 .cont .item .img { margin-top: 20px; padding-left: 20px; }
.bnbd10 .top .fz40 { padding-bottom: 10px; }
.bnbd10 .top .button { margin-top: 20px; }
.bnbd10 .cont .box1 .t { padding-bottom: 10px; }
.bnbd10 .cont .box1 .t .fz18 { float: none; padding-right: 0; margin-bottom: 10px; }
.bnbd11 { height: auto; padding: 8.3vw 0; }
.bnbd11 .cont { padding: 0; }
.bnbd11 .cont .icon img { max-height: 120px; }
}

@media screen and (max-width:768px) {
.bnbd3 .con .img { width: auto; position: static; }
.bnbd3 .con .img2 { float: none; }
.bnbd5 .cont .item { width: 100%; }
.bnbd5 .cont { display: block; }
.bnbd5 .cont .item+.item { margin-top: 30px; }
.bnbd10 .cont .box1 .l { float: none; width: auto; margin-right: 0; margin-bottom: 20px; }
.bnbd10 .cont .box1 .img { text-align: center; }
.bnbd10 .cont:before { display: none; }
}