@charset "UTF-8";



@font-face {

    font-family: 'BEBAS';

    src: url('/bocstatic/web/fonts/BEBAS.eot');

    src: url('/bocstatic/web/fonts/BEBAS.eot') format('embedded-opentype'),

        url('/bocstatic/web/fonts/BEBAS.woff2') format('woff2'),

        url('/bocstatic/web/fonts/BEBAS.woff') format('woff'),

        url('/bocstatic/web/fonts/BEBAS.ttf') format('truetype'),

        none format('svg');

}



@font-face {

    font-family: "Century Gothic";

    src: url("/bocstatic/web/fonts/Century Gothic.woff2") format("woff2"),

        url("/bocstatic/web/fonts/Century Gothic.woff") format("woff"),

        url("/bocstatic/web/fonts/Century Gothic.ttf") format("truetype"),

        url("/bocstatic/web/fonts/Century Gothic.eot") format("embedded-opentype"),

        none format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "DIN-REGULAR";

    src: url("/bocstatic/web/fonts/DIN-REGULAR.woff2") format("woff2"),

        url("/bocstatic/web/fonts/DIN-REGULAR.woff") format("woff"),

        url("/bocstatic/web/fonts/DIN-REGULAR.ttf") format("truetype"),

        url("/bocstatic/web/fonts/DIN-REGULAR.eot") format("embedded-opentype"),

        none format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "FETTE-ENGSCHRIFT";

    src: url("/bocstatic/web/fonts/FETTE-ENGSCHRIFT.woff2") format("woff2"),

        url("/bocstatic/web/fonts/FETTE-ENGSCHRIFT.woff") format("woff"),

        url("/bocstatic/web/fonts/FETTE-ENGSCHRIFT.ttf") format("truetype"),

        url("/bocstatic/web/fonts/FETTE-ENGSCHRIFT.eot") format("embedded-opentype"),

        none format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "AVGBBT";

    src: url("/bocstatic/web/fonts/AVGBBT.woff2") format("woff2"),

        url("/bocstatic/web/fonts/AVGBBT.woff") format("woff"),

        url("/bocstatic/web/fonts/AVGBBT.ttf") format("truetype"),

        url("/bocstatic/web/fonts/AVGBBT.eot") format("embedded-opentype"),

        none format("svg");

    font-weight: normal;

    font-style: normal;

}



@media (min-width: 768px) {

    html {

        font-size: 28px !important;

    }

}



@media (min-width: 1025px) {

    ::-webkit-scrollbar {

        width: 6px;

        height: 6px;

    }



    ::-webkit-scrollbar-track {

        background: #fff;

    }



    ::-webkit-scrollbar-thumb {

        background: #C8102E;

        /*border-radius: 4px;*/

    }



    ::-webkit-scrollbar-thumb:window-inactive {

        background: #C8102E;

    }



    ::-webkit-scrollbar-thumb:vertical:hover {

        background: #C8102E;

    }



    html {

        font-size: 30px !important;

    }



    body {

        -ms-overflow-style: scrollbar;

    }

}



@media (min-width: 1440px) {

    html {

        font-size: 34px !important;

    }

}



@media (min-width: 1680px) {

    html {

        font-size: 40px !important;

    }

}



/* ���ñ�����ʽ */

select::-ms-expand {

    display: none;

}



input,

select,

textarea {

    box-shadow: none;

    outline: none;

    border: none;

    border-radius: 0;

    -ms-appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    padding: 0;

}



textarea {

    resize: none;

}



select::-ms-expand {

    display: none;

}



/* ����placeholder��ɫ */

input::-webkit-input-placeholder {

    color: #888;

}



input:-moz-placeholder {

    color: #888;

}



input::-moz-placeholder {

    color: #888;

}



input:-ms-input-placeholder {

    color: #888;

}



textarea::-webkit-input-placeholder {

    color: #888;

}



textarea:-moz-placeholder {

    color: #888;

}



textarea::-moz-placeholder {

    color: #888;

}



textarea:-ms-input-placeholder {

    color: #888;

}



body {

    overflow: hidden;

}



body.no-scroll {

    position: fixed;

    left: 0;

    right: 0;

}



.view {

    padding: 0 4.17%;

}



header {

    /* position: absolute;

    left: 0;

    top: 0; */

    position: fixed;

    width: 100%;

    height: 2.1rem;

    z-index: 90;

    transition: background-color .3s;

    position: fixed;

    background-color: #fff;

    left: 0;

    top: 0;

    transition: all .3s;

}



header.headroom--unpinned,

header.headroom--unpinned.cur {

    top: -2.1rem;

}



header .header-nav {

    border-bottom: 1px solid #e5e5e5;

}



header .logo {

    float: left;

    width: 2.625rem;

    margin-top: .5rem;

    position: relative;

}



header .logo img {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    top: 0;

    transition: all .3s;

}





header .header-right {

    float: right;

    font-size: 0;

}



header .header-right .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin-left: .9rem;

    vertical-align: top;

}



header .header-right .nav-btn-box {

    display: none;

}



header .header-right .tit {

    display: block;

    font-size: .4rem;

    line-height: 2.1rem;

    height: 2.1rem;

    padding-left: .7rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .625rem;

    font-size: .4rem;

    color: #000;

}



header .header-right .item.buy-box .tit {

    background-image: url('/bocstatic/web/img/header-icon1.png');

}



header .header-right .item.lang-box .tit {

    background-image: url('/bocstatic/web/img/header-icon2.png');

}



header .header-right .item.search-box .tit {

    padding: 0;

    width: .625rem;

    height: 2.1rem;

    background-image: url('/bocstatic/web/img/header-icon3.png');

}



header .header-right .item.search-box .tit span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    padding-right: .4rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/lang-arrow.png');

    background-size: .275rem;

}



header .buy-box {

    position: relative;

}



header .buy-box .sub {

    position: absolute;

    left: 50%;

    top: 1.3rem;

    padding-top: .5rem;

    width: 6.4rem;

    transform: translateX(-50%);

    display: none;

}



header .buy-box .sub .list {

    border: 1px solid #dddfe2;

    box-shadow: 0 10px 21px rgba(0, 0, 0, .05);

    padding: .3rem .5rem 0;

    background-color: #f9fafb;

    position: relative;

}



header .buy-box .sub .list:before {

    content: "";

    position: absolute;

    left: 50%;

    top: -.25rem;

    width: .45rem;

    height: .25rem;

    background-repeat: no-repeat;

    background-size: 100%;

    transform: translateX(-50%);

    background-image: url('/bocstatic/web/img/buy-sj.png');

}



header .buy-box .sub .list a {

    display: block;

    font-size: .35rem;

    line-height: .5rem;

    padding: .35rem 1rem;

    padding-right: 0;

    background-repeat: no-repeat;

    background-position: left center;

    color: #333;

    border-bottom: 1px solid #e4e4e6;

    transition: all .3s;

}



header .buy-box .sub .list a:last-child {

    border-bottom: none;

}



.pc-nav {

    position: absolute;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

    font-size: 0;

    white-space: nowrap;

}



.pc-nav li {

    position: relative;

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 .7rem;

}



.pc-nav li .tit {

    display: block;

    font-size: .45rem;

    line-height: 2.1rem;

    color: #000;

    transition: all .3s;

}



.pc-nav li .tit:after {

    display: block;

    content: attr(title);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden;

}



.pc-nav li.cur .tit {

    /* color: #de0245; */

    font-weight: bold;

}



.pc-nav .navson {

    position: absolute;

    width: 200%;

    left: 50%;

    transform: translateX(-50%);

    top: 2.1rem;

    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);

    display: none;

}



.pc-nav .navson a {

    display: block;

    height: 1rem;

    line-height: 1rem;

    background: rgba(255, 255, 255, 1);

    position: relative;

    font-size: 0.35rem;

    text-align: center;

    position: relative;

    color: #000;

}



.pc-nav .navson a:after {

    content: '';

    position: absolute;

    width: 90%;

    height: 1px;

    bottom: 0;

    left: 5%;

    background: rgba(0, 0, 0, 0.1);

}



.pc-nav .navson a:last-child:after {

    display: none;

}



.pc-nav .navson a:before {

    content: '';

    position: absolute;

    width: 2px;

    height: 14px;

    background: #de0245;

    left: 2px;

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

    transition: all 0.3s ease 0s;

}



.pc-nav .navson a:hover {

    background: rgba(255, 255, 255, 1);

}



.pc-nav .navson a:hover:before {

    opacity: 1;

}



.index-page header {

    height: 1.8rem;

}



.index-page .pc-nav li .tit {

    height: 1.8rem;

    line-height: 1.8rem;

}



.index-page header .header-right .tit {

    height: 1.8rem;

    line-height: 1.8rem;

}



.index-page header .header-right .item.search-box .tit {

    height: 1.8rem;

}



header .header-right .search-box {

    display: none;

}



.index-page header .header-right .search-boxnew {

    margin-top: .5rem;

    border: 1px solid #ccc;

    display: inline-block;

}



.index-page header.cur .header-right .search-boxnew {

    margin-top: .7rem;

    border: 1px solid #eee;

}



header .header-right .search-boxnew {

    width: 3rem;

    height: 0.625rem;

    border: 1px solid #eee;

    /* height: 2.1rem; */

    margin-top: .725rem;

}



header .header-right .search-boxnew form {

    width: 3rem;

    height: 0.625rem;

}



header .header-right .search-boxnew form input:first-child {

    width: 2rem;

    height: 0.625rem;

    padding-left: 0.2rem;

    float: left;

    box-sizing: border-box;

    background-color: transparent;

    font-size: 14px;

}



.index-page .pc-nav {

    left: 45%;

}



.index-page header.cur .pc-nav {

    left: 50%;

}



header .header-right .search-boxnew form input:last-child {

    width: 1rem;

    height: .625rem;

    float: left;

    box-sizing: border-box;

    background-color: transparent;

    background-image: url('/bocstatic/web/img/header-icon3.png');

    background-position: center;

    background-size: 14px;

    background-repeat: no-repeat;

}



index-page .pc-nav .navson {

    top: 1.8rem;

}





.m-nav {

    display: none;

}



header.white {

    background-color: #fff;

}



.lang-dialog {

    position: absolute;

    left: 0;

    top: 2.1rem;

    width: 100%;

    background-color: #e6e7e8;

    padding: .9rem 0 .5rem;

    display: none;

}



.lang-dialog .list {

    padding: 0 3.125%;

}



.lang-dialog .list .lang-item {

    box-sizing: border-box;

    border-right: 1px solid rgba(191, 191, 191, .5);

    padding-top: 1.55rem;

}



.lang-dialog .list .lang-item:first-child {

    padding-top: .25rem;

}



.lang-dialog .list .lang-item:last-child {

    border-right: none;

}



.lang-dialog .list .cur-lang {

    font-size: .35rem;

    line-height: .6rem;

    background-repeat: no-repeat;

    background-position: .5rem center;

    background-image: url('/bocstatic/web/img/cur-lang.png');

    padding-left: 1.5rem;

    color: #de0045;

    margin-bottom: .7rem;

    background-size: .55rem;

}



.lang-dialog .list .lang-item a {

    display: block;

    font-size: .425rem;

    line-height: .5rem;

    color: #333;

    padding: .5rem 1.5rem;

    transition: all .3s;

}



.lang-dialog .list .lang-item span {

    display: inline-block;

    padding-bottom: .1rem;

    border-bottom: 1px solid #333;

    transition: all .3s;

}



.search-dialog {

    position: absolute;

    right: 23.177%;

    top: 50%;

    margin-top: -.575rem;

    display: none;

}



.search-dialog .search-close {

    position: absolute;

    width: .55rem;

    height: .575rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/search-close.png');

    right: -2.2rem;

    top: 50%;

    margin-top: -.2875rem;

    transition: all .3s;

}



.search-dialog .search {

    width: 11.9rem;

    border: 1px solid #cac9c9;

    padding: .3rem .6rem;

    border-radius: 4px;

}



.search-dialog .search input[type=text] {

    float: left;

    width: 90%;

    height: .55rem;

    line-height: .55rem;

    font-size: .45rem;

    color: #cac9c9;

    background-color: transparent;

}



.search-dialog .search input[type=submit] {

    float: right;

    width: .55rem;

    height: .55rem;

    background-repeat: no-repeat;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/search-submit.png');

    background-color: transparent;

}



.search-black {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #424242;

    opacity: .65;

    filter: alpha(opacity=65);

    z-index: 30;

    display: none;

}



.header-nav.on .pc-nav {

    transform: scale(0);

}



.header-nav.on .header-right .buy-box,

.header-nav.on .header-right .lang-box,

.header-nav.on .header-right .search-box .tit,

.header-nav.on .divide,

.header-nav.on .nav-btn-box {

    transform: scale(0);

}



.clearfixed {

    height: 2.1rem;

}



/* header end */

footer {

    padding: 2rem 0 1.75rem;

    background-color: #ebebeb;

}



.f-left {

    float: left;

}



.f-left .f-logo {

    width: 2rem;

}



.f-left .f-logo img {

    width: 100%;

}



.f-left .tit {

    font-size: .35rem;

    line-height: .4rem;

    color: #4c4c4c;

    margin-top: .4rem;

}



.f-left .tel {

    font-size: .75rem;

    line-height: .8rem;

    color: #4c4c4c;

    margin-top: .2rem;

}



.f-left .ico-box {

    margin-top: .75rem;

    font-size: 0;

}



.f-left .ico-box .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

    margin-right: .35rem;

    position: relative;

}



.f-left .ico-box .item:last-child {

    margin-right: 0;

}



.f-left .ico-box .ico {

    display: block;

    border-radius: 100%;

    width: 1rem;

    height: 1rem;

    border: 1px solid rgba(153, 153, 153, .5);

    background-repeat: no-repeat;

    background-position: center;

    background-size: .525rem;

    transition: all .3s;

}



.f-left .ico-box .item:nth-child(1) .ico {

    background-image: url('/bocstatic/web/img/f-ico1.png');

}



.f-left .ico-box .item:nth-child(2) .ico {

    background-image: url('/bocstatic/web/img/f-ico2.png');

}



.f-left .ico-box .img-box {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 1rem;

    padding-top: .45rem;

    display: none;

}



.f-left .ico-box .img {

    padding-top: 4px;

    position: relative;

    width: 3.25rem;

    padding: 4px;

    background-color: #fff;

}



.f-left .ico-box .img img {

    width: 100%;

}



.f-left .ico-box .img:before {

    content: "";

    position: absolute;

    left: 50%;

    top: -4px;

    width: 7px;

    height: 4px;

    margin-left: -3px;

    background-image: url('/bocstatic/web/img/qrcode-sj.png');

}



.f-left .back-btn {

    display: none;

}



.f-nav {

    margin-right: 9.375vw;

    float: right;

    font-size: 0;

}



.f-nav li {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

    width: 1.75rem;

    margin-right: 5.2vw;

}



.f-nav li:last-child {

    margin-right: 0;

}



.f-nav li .tit {

    display: block;

    font-size: .425rem;

    line-height: .5rem;

    color: #1a1a1a;

}



.f-nav li .navson {

    margin-top: .5rem;

}



.f-nav li .navson a {

    display: block;

    font-size: .35rem;

    line-height: .75rem;

    white-space: nowrap;

    color: #808080;

    transition: all .3s;

}



.f-right {

    float: right;

}



.f-right .back-btn {

    margin-top: 1rem;

    font-size: 0;

}



.f-right .back-btn a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .4rem;

    color: #C8102E;

    padding-bottom: 2px;

    border-bottom: 1px solid transparent;

    transition: all .3s;

}



.f-tit {

    font-size: .4rem;

    line-height: .5rem;

    color: #4c4c4c;

}



.f-share .share-box {

    margin-top: .5rem;

    font-size: 0;

}



.f-share .share-box a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 20px;

    height: 20px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    padding: 0;

    margin: 0 .5rem 0 0;

}



.f-share .bshare-custom .bshare-weixin {

    background-image: url('/bocstatic/web/img/f-ico2.png')

}



.f-share .bshare-custom .bshare-sinaminiblog {

    background-image: url('/bocstatic/web/img/f-ico1.png')

}



.f-share .bshare-custom .bshare-qqim {

    background-image: url('/bocstatic/web/img/about-play-btn.png')

}



.f-lang {

    margin-top: 1.75rem;

}



.f-lang .select {

    margin-top: .3rem;

    position: relative;

}



.f-lang .select .tit {

    display: block;

    font-size: .35rem;

    line-height: .7rem;

    height: .7rem;

    width: 3rem;

    border: 1px solid rgba(5, 0, 1, .1);

    padding: 0 .2rem;

    color: #4c4c4c;

    position: relative;

}



.f-lang .select .tit:before {

    content: "";

    position: absolute;

    right: .2rem;

    width: .275rem;

    height: .15rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/f-arrow.png');

    background-position: center;

    top: 50%;

    margin-top: -.075rem;

}



.f-lang .select .sub {

    display: none;

    position: absolute;

    left: 0;

    top: .7rem;

    border: 1px solid rgba(5, 0, 1, .1);

    width: 100%;

    box-sizing: border-box;

    background-color: #ebebeb;

    max-height: 2.8rem;

    overflow: hidden;

}



.f-lang .select .sub a {

    display: block;

    height: .7rem;

    line-height: .7rem;

    padding: 0 .2rem;

    box-sizing: border-box;

    color: #4c4c4c;

    border-bottom: 1px solid rgba(5, 0, 1, .1);

    transition: all .3s;

}



.f-lang .select .sub a:last-child {

    border-bottom: none;

}



.f-lang .select .sub .mCSB_scrollTools {

    width: 3px;

}



.f-lang .select .sub .mCSB_scrollTools .mCSB_draggerRail {

    width: 3px;

    background: transparent;

}



.f-lang .select .sub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #C8102E;

    border-radius: 0;

}



.f-lang .select .sub .mCSB_inside>.mCSB_container {

    margin-right: 0;

}



.f-bottom {

    margin-top: 1rem;

}



.f-bottom .copy {

    float: left;

}



.f-bottom .copy,

.f-bottom .copy a {

    font-size: .35rem;

    line-height: .4rem;

    color: #838383;

}



.f-bottom .copy a {

    margin-left: .3rem;

    transition: all .3s;

}



.f-bottom .copy .back-btn {

    color: #C8102E;

    display: none;

}



.fot-btns {

    float: right;

    font-size: 0;

    display: none;

}



.fot-btns a,

.fot-btns span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .4rem;

    color: #838383;

    vertical-align: middle;

    transition: all .3s;

}



.fot-btns span {

    width: 1px;

    height: .25rem;

    background-color: #000;

    opacity: .2;

    filter: alpha(opacity=20);

    margin: 0 .5rem;

}



.notice-wrap {

    height: 38px;

    display: none;

}



.notice-fix {

    position: fixed;

    left: 0;

    bottom: -1.5rem;

    z-index: 5;

    width: 100%;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    padding: 9px 0;

    transition: bottom .5s;

}



.notice-fix.show {

    bottom: 0;

}



.notice-view {

    width: 50%;

    margin: 0 auto;

}



.notice-fix .tit {

    font-size: 12px;

    line-height: 20px;

    color: #C8102E;

    float: left;

}



.notice-fix .notice-tab {

    float: left;

    width: 80%;

    overflow: hidden;

    height: 20px;

    /* text-align: center; */

}



.notice-fix .notice-tab .swiper-slide {

    height: auto;

}



.notice-fix .notice-tab a {

    display: block;

    font-size: 12px;

    line-height: 20px;

    color: #C8102E;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all .3s;

}



.notice-fix .close-btn {

    position: absolute;

    right: 4.17%;

    top: 50%;

    transform: translateY(-50%);

    width: .4rem;

    height: .4rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/search-close.png');

    transition: all .3s;

}



.index-page .notice-wrap {

    display: block;

}



.recruit-dialog-box {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

    display: none;

}



.recruit-dialog-box .black {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .5;

    filter: alpha(opacity=50);

}



.recruit-dialog {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 21.25rem;

    box-sizing: border-box;

    padding: .75rem .9rem 1rem;

    background-color: #fff;

    transform: translate(-50%, -50%);

}



.recruit-dialog .tit-box {

    padding-bottom: .7rem;

    border-bottom: 1px solid rgba(220, 220, 220, .6);

}



.recruit-dialog .tit {

    float: left;

    font-size: .6rem;

    line-height: .7rem;

    color: #282b30;

}



.recruit-dialog .recruit-close {

    float: right;

    width: .425rem;

    height: .425rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/teacher-close.png');

    margin-top: .2rem;

}



.recruit-dialog .con {

    font-size: .35rem;

    color: #666666;

    line-height: .75rem;

    margin-top: 1rem;

    height: 8.25rem;

    overflow: hidden;

}



.recruit-dialog .con .mCSB_scrollTools .mCSB_draggerRail {

    width: 1px;

    background: rgba(0, 0, 0, .1);

}



.recruit-dialog .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #de0245;

    border-radius: 0;

}



/* footer end */

.index-page .clearfixed {

    display: none;

}



.index-page header {

    /* position: absolute; */

    left: 50%;

    top: 0;

    width: 78.125%;

    /* height: 2.75rem; */

    background-color: rgba(255, 255, 255, .8);

    transform: translateX(-50%);

    box-shadow: 0 6px 15px rgba(98, 98, 98, .06);

    transition: all .3s;

}



.index-page header .logo {

    /* margin-top: .7rem; */

    width: 2rem;

}



.index-page .header-nav {

    border-color: transparent;

}



.index-page .header-nav .divide {

    display: block;

}



.header-nav .divide,

.index-page .header-nav .divide {

    display: none;

}



.index-page .pc-nav {

    transform: translateX(-50%);

}



.index-page .pc-nav li {

    /* margin: 0 .4rem; */

}



/* .index-page .pc-nav li .tit{

    line-height: 2.75rem;

}

.index-page header .header-right .tit{

    line-height: 2.75rem;

}

.index-page header .header-right .item:nth-child(3) .tit{

    height: 2.75rem;

} */

.index-page header .header-right .tit {

    background-size: .45rem;

}



.index-page .lang-dialog {

    /* top: 2.5rem; */

}



.lang-dialog .lang-tit {

    font-size: .5rem;

    line-height: .6rem;

    margin-bottom: .3rem;

    padding-left: .5rem;

    color: #000;

    padding: 0 3.125%;

}



.index-page .lang-dialog .lang-tit {

    padding-left: .5rem;

}



.index-page .lang-dialog .list {

    padding: 0;

}



/* .index-page header .buy-box .sub{

    top: 2rem;

} */

.header-nav .divide {

    width: 1px;

    height: .3rem;

    margin-top: 1.2rem;

    background-color: #7d7d7d;

    float: right;

    display: none;

}



.index-page header.cur {

    width: 100%;

    height: 2.1rem;

    background-color: #fff;

}



.index-page header.cur .buy-box .sub {

    top: 1.3rem;

}



.index-page .header-nav .divide {

    margin-top: .8rem;

}



.index-page header.cur .pc-nav li {

    margin: 0 .7rem;

}



.index-page header.cur .logo {

    margin-top: .5rem;

    width: 2.625rem;

}



.index-page header.cur .pc-nav li .tit {

    line-height: 2.1rem;

    height: 2.1rem;

}



.index-page header.cur .pc-nav .navson {

    top: 2.1rem;

}



.index-page header.cur .header-right .tit {

    line-height: 2.1rem;

    height: 2.1rem;

}



.index-page header.cur .header-right .item.search-box .tit {

    height: 2.1rem;

}



.index-page header.cur .header-right .item:nth-child(3) .tit {

    height: 2.1rem;

}



.index-page header.cur .lang-dialog {

    top: 2.1rem;

}



.index-page header.cur .header-nav .divide {

    margin-top: .9rem;

}



.index-page .header-nav .divide {

    /* margin-top: 1.2rem; */

}



.banner {

    width: 100%;

    height: 100vh;

    /* overflow: hidden; */

    position: relative;

}



.banner .swiper-slide {

    height: 100%;

}



.banner .swiper-slide .pc-img,

.banner .swiper-slide .m-img {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.banner .swiper-slide .pc-img {

    background-position: right center;

}



.banner .swiper-slide .m-img {

    display: none;

    background-position: left center;

}



.banner .swiper-slide .block {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.btns {

    position: absolute;

    z-index: 3;

}



.btns .swiper-pagination-bullet {

    width: .3rem;

    height: .3rem;

    background-color: #cbcbcb;

    border-radius: 100%;

    transition: all .3s;

}



.btns .swiper-pagination-bullet-active {

    background-color: #d8134a;

}



.banner .btns {

    left: 3.90625%;

    top: 50%;

    transform: translateY(-50%);

    width: .3rem;

}



.banner .btns .swiper-pagination-bullet {

    margin: .15rem 0;

}



.ban-fast {

    position: absolute;

    bottom: 4.17%;

    left: 50%;

    /* transform: translateX(-50%); */

    margin-left: -39.0625%;

    width: 78.125%;

    padding: .4rem 6.25%;

    background-repeat: repeat-x;

    background-image: url('/bocstatic/web/img/fast-bg.png');

    background-size: cover;

    z-index: 3;

    box-sizing: border-box;

}



.ban-fast .row {

    margin: 0 -5.0%;

}



.ban-fast .item {

    box-sizing: border-box;

    padding: 0 5.0%;

    position: relative;

}



.ban-fast .item:before {

    position: absolute;

    content: "";

    right: 0;

    top: 50%;

    width: 1px;

    height: 1.5rem;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/fast-line.png');

    background-size: 1px;

    margin-top: -.75rem;

}



.ban-fast .item:last-child:before {

    display: none;

}



.ban-fast .tit {

    font-size: .45rem;

    line-height: .7rem;

    font-weight: bold;

}



.ban-fast .fast {

    margin-top: .125rem;

    font-size: 0;

}



.ban-fast .fast a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    line-height: .4rem;

    color: #666;

    margin-right: .9rem;

    padding-bottom: 4px;

    position: relative;

    transition: all .3s;

}



.ban-fast .fast a:last-child {

    margin-right: 0;

}



.ban-fast .fast a:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 2px;

    background-color: #de0245;

    width: 0;

    transition: all .3s;

}



.index-brand-box {

    padding-top: 2.25rem;

}



.index-brand {

    position: relative;

}



.index-tit {

    float: left;

    font-size: .7rem;

    line-height: .8rem;

    font-weight: bold;

}



.index-brand-btns {

    float: left;

    margin-left: 3rem;

}



.index-brand-btns .swiper-slide {

    width: auto;

    margin-right: 1rem;

    font-size: 0;

}



.index-brand-btns .swiper-slide a {

    font-size: .4rem;

    line-height: .8rem;

    color: #666;

    transition: all .3s;

}



.index-brand-btns .swiper-slide.cur a {

    color: #C8102E;

}



.index-brand {

    margin-top: .75rem;

}



.index-brand .brand-list {

    /* padding-top: 1.5rem; */

    position: relative;

    /* overflow: hidden; */

}



.brand-list .brand-item {

    display: none;

}



.index-brand .img-box {

    /* float: right; */

    width: 68%;

    position: absolute;

    right: 0;

    top: 1.5rem;

    overflow: hidden;

    z-index: 3;

}



.index-brand .img-box img {

    width: 100%;

}



.index-brand .text-box {

    /* position: absolute;

    left: 0;

    top: 0; */

    position: relative;

    float: left;

    width: 36.08%;

    border: .4rem solid #f0f0f0;

    box-sizing: border-box;

    padding: 3.4rem 2.5rem 1.75rem .9rem;

    z-index: 2;

}



.index-brand .brand-logo {

    text-align: center;

}



.index-brand .brand-logo img {

    max-width: 100%;

}



.index-brand .con {

    font-size: .4rem;

    color: #666666;

    line-height: .8rem;

    height: 2.4rem;

    overflow: hidden;

    /* text-align: center; */

    margin-top: 2rem;

}



.index-more {

    width: 4rem;

    height: 1.15rem;

    line-height: 1.15rem;

    display: block;

    margin: 0 auto;

    /* background-color: #C8102E; */

    border: 2px solid #C8102E;

    font-size: .4rem;

    color: #C8102E;

    font-weight: bold;

    text-align: center;

    transition: all .3s;

    border-radius: 4px;

}



.index-brand .index-more {

    margin-top: 2rem;

}



.index-brand .play-btn {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    width: 2rem;

}



.index-brand .play-btn svg {

    width: 100%;

}



/* .index-brand .play-btn .icon{

    display: block;

    width: 2.475rem;

    height: 2.475rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/play-btn.png');

    margin: 0 auto;

    transition: all .3s;

}

.index-brand .play-btn .txt{

    font-size: .4rem;

    line-height: .5rem;

    font-family: arial;

    color: #fff;

    margin-top: .3rem;

    display: block;

    transition: all .3s;

} */

.index-brand .play-btn svg {

    width: 100%;

}



#play-button-circle,

#play-button-triangle {

    fill: none;

    stroke: #fff;

    stroke-width: 5;

    stroke-linejoin: round;

    stroke-miterlimit: 10;

}



#play-button-circle {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    /* stroke-dashoffset: 340; */

    stroke-dasharray: 340;

}



#play-button-triangle {

    /* stroke-dashoffset: 180; */

    stroke-dasharray: 180;





}



@keyframes stroke {

    0% {

        stroke-dashoffset: 340;

        /* stroke-dasharray: 340; */

    }



    100% {

        stroke-dashoffset: 0;

        /* stroke-dasharray: 0; */

    }

}



@keyframes stroke2 {

    0% {

        stroke-dashoffset: 180;

        /* stroke-dasharray: 180; */

    }



    100% {

        stroke-dashoffset: 0;

        /* stroke-dasharray: 0; */

    }

}



.index-brand .btns {

    position: absolute;

    left: 0;

    bottom: 5.33%;

    width: 100%;

    z-index: 3;

    text-align: center;

    font-size: 0;

}



.index-brand .btns .swiper-pagination-bullet {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 .2rem;

}



.buttons {

    font-size: 0;

}



.buttons a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 1rem;

    height: 1rem;

    border: 3px solid #C8102E;

    background-repeat: no-repeat;

    background-position: center;

    background-size: .225rem;

    transition: all .3s;

}



.index-brand .buttons {

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    text-align: right;

    z-index: 3;

}



.index-brand .buttons a {

    margin-left: .5rem;

}



.index-brand .buttons .prev {

    background-image: url('/bocstatic/web/img/index-prev1.png');

}



.index-brand .buttons .next {

    background-image: url('/bocstatic/web/img/index-next1.png');

}



.index-product-box {

    padding-top: 4rem;

}



.index-product-btns {

    float: left;

    margin-left: 1.25rem;

}



.index-product-btns .swiper-slide {

    width: auto;

    margin-right: 1rem;

}



.index-product-btns .swiper-slide a {

    display: block;

    font-size: .4rem;

    line-height: .8rem;

    color: #333;

    transition: all .3s;

}



.index-product-btns .swiper-slide.hot a {

    padding-left: .7rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('/bocstatic/web/img/hot-icon.png');

    background-size: .45rem;

}



.index-product {

    margin-top: 1.25rem;

    padding-top: 1.75rem;

    position: relative;

    overflow: hidden;

}



.index-product .block {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 0;

    height: 34.21%;

    background-color: #f0f0f0;

}



.index-product .img {

    width: 95.45%;

    margin: 0 auto;

    position: relative;

}



.index-product img {

    width: 100%;

}



.index-product .m-img {

    display: none;

}



.index-product .img .link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.index-product .prev,

.index-product .next {

    position: absolute;

    border-color: #fff;

    top: 49%;

    z-index: 3;

    margin-top: -.75rem;

}



.index-product .prev {

    background-image: url('/bocstatic/web/img/index-prev2.png');

    left: 7.4%;

}



.index-product .next {

    background-image: url('/bocstatic/web/img/index-next2.png');

    right: 7.4%;

}



.index-product .text-box {

    position: absolute;

    right: 2.28%;

    bottom: 24%;

    width: 33.93%;

    z-index: 3;

    padding-right: 12.5%;

    box-sizing: border-box;

}



.index-product .text-box .tit {

    font-size: 1rem;

    line-height: 1.25rem;

    color: #f5f0f1;

    font-weight: bold;

}



.index-product .text-box .index-more {

    margin: 1rem 0 0;

}



.index-product .txt {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin-top: -.975rem;

    padding: 0 1.5rem;

    height: 1.95rem;

    line-height: 1.95rem;

    font-size: .75rem;

    color: #fffefe;

    font-weight: bold;

    background: linear-gradient(to right, #c99a7d 0%, #e3b89d 100%);

    position: relative;

    z-index: 3;

}



.index-product .btns {

    position: absolute;

    /* width: 33.93%; */

    bottom: 14.8%;

    /* right: 2.28%; */

    right: 7.4%;

    z-index: 3;

}



.index-product .btns .swiper-pagination-bullet {

    margin: 0 0 0 16px;

}



.index-join-box {

    padding: 3rem 0 5rem;

}



.index-tit-box .join-more {

    float: right;

    font-size: .4rem;

    line-height: .8rem;

    padding-right: .6rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/join-more.png');

    color: #666;

    font-weight: bold;

    transition: all .3s;

}



.index-join {

    margin-top: .9rem;

}



.index-join .global-box {

    float: left;

    width: 50%;

    margin-left: 11.36%;

    margin-top: -1.65rem;

    position: relative;

}



.index-join .global-box img {

    width: 100%;

}



.index-join .area {

    position: absolute;

    right: -6.88%;

    top: 24.76%;

}



.index-join .area .txt {

    position: relative;

    z-index: 3;

    padding: .4rem .9rem;

    background-color: #fff;

    box-shadow: 10px 16px 20px rgba(35, 70, 130, .05);

    line-height: .6rem;

    color: #4c4c4c;

    width: 5rem;

    font-size: .45rem;

    text-align: left;

}



.index-join .area:before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 9rem;

    height: 3.1rem;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/global-sj.png');

}



.index-join .txt {

    font-size: .45rem;

    line-height: .6rem;

    position: absolute;

    left: 0;

    bottom: -1.5rem;

    width: 100%;

    color: #888;

    text-align: center;

}



.index-join .tips {

    position: absolute;

    left: -10.5%;

    bottom: 11.8%;

}



.index-join .tips .item {

    font-size: .375rem;

    line-height: .55rem;

    padding-left: .8rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .525rem;

    margin-top: .45rem;

}



.index-join .tips .item:nth-child(1) {

    background-image: url('/bocstatic/web/img/global-icon1.png');

}



.index-join .tips .item:nth-child(2) {

    background-image: url('/bocstatic/web/img/global-icon2.png');

}



.index-join .join-list {

    float: right;

    width: 36.93%;

}



.index-join .join-list .item {

    display: block;

    padding: 0 1.75rem 0 2.15rem;

    position: relative;

}



.index-join .join-list .item .bg {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    opacity: 0;

    filter: alpha(opacity=0);

}



.index-join .join-list .con-box {

    padding: 1.2rem 0;

    border-bottom: 1px solid #f9f3f5;

    position: relative;

    z-index: 3;

    transition: all .3s;

}



.index-join .join-list .item:last-child .con-box {

    border: none;

}



.index-join .join-list .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #060606;

    font-weight: bold;

    transition: all .3s;

}



.index-join .join-list .con {

    font-size: .375rem;

    line-height: .4rem;

    color: #666;

    margin-top: .3rem;

    width: 85%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all .3s;

}



.index-join .join-list .con-box .join-deital {

    position: absolute;

    right: 0;

    top: 38.5%;

    width: 1rem;

    height: 1rem;

    /* background-color: #d8134a; */

    background-repeat: no-repeat;

    /* background-size: .175rem; */

    /* background-image: url('/bocstatic/web/img/join-detail.png'); */

    background-image: url('/bocstatic/web/img/index-next1.png');

    background-size: .225rem;

    background-position: center;

    border: 2px solid #d8134a;

    border-radius: 100%;

    transition: all .3s;

}



.sub-nav-box {

    width: 100%;

    background-color: #fff;

}



.sub-nav {

    width: 100%;

}



.sub-nav .swiper-slide {

    width: auto;

    margin-right: 1.25rem;

}



.sub-nav .swiper-slide a {

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    color: #000;

    font-size: .35rem;

    position: relative;

    transition: all .3s;

}



.sub-nav .swiper-slide a:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    background-color: #f50000;

    transform: scaleX(0);

    transition: all .3s;



}



.sub-nav .swiper-slide.cur a {

    color: #de0245;

}



.sub-nav .swiper-slide.cur a:before {

    transform: scaleX(1);

}



.sub-container img {

    width: 100%;

}



.sub-clearfixed {

    height: 1.25rem;

    display: none;

}



.sub-container .sub-nav-box {

    position: fixed;

    left: 0;

    top: 2.1rem;

    box-shadow: 0 0 .25rem rgba(0, 0, 0, .1);

    z-index: 10;

}



.sub-container.fix .sub-clearfixed {

    display: block;

}



.products-page .sub-nav-box {

    background-color: #e4e4e4;

}



.sub-banner {

    position: relative;

}



.sub-banner img {

    width: 100%;

}



.ban-about2 {

    height: 14.25rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.sub-banner .txt {

    position: absolute;

    left: 6.1%;

    bottom: 10%;

    font-size: 1rem;

    line-height: 1rem;

    color: #fff;

}



.ban-about {

    height: 15.5rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.profile-box {

    padding: 3.5rem 0 3.15rem;

    position: relative;

}



.about-tit {

    font-size: 1.1rem;

    line-height: 1rem;

    padding-left: 2rem;

    position: absolute;

}



.about-tit:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: .25rem;

    height: 1rem;

    background-color: #de0245;

}



.profile-box .about-tit {

    left: 0;

    top: 3.5rem;

}



.pub-con {

    font-size: .4rem;

    line-height: .7rem;

    color: #4c4c4c;

}



.profile-box .con {

    width: 50%;

    margin-left: 30.9659%;

    float: left;

}



.profile-box .line {

    width: 32.558%;

    height: 1px;

    background-color: #000;

    opacity: .1;

    filter: alpha(opacity=10);

    margin-top: .6rem;

}



.about-more {

    display: block;

    width: 3.625rem;

    height: 1.15rem;

    line-height: 1.15rem;

    color: #de0245;

    font-size: .45rem;

    /* background-color: #de0245; */

    border-radius: 4px;

    border: 2px solid #de0245;

    text-align: center;

    transition: all .3s;

}



.profile-box .about-more {

    float: right;

    margin-right: 3.8%;

}



.profile-box .img {

    position: absolute;

    left: 3.125%;

    top: 50%;

    width: 22.3958%;

    transform: translateY(-50%);

}



.profile-box .img img {

    width: 100%

}



.about-box .left,

.about-box .right {

    height: 11.25rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.about-box .left {

    float: left;

    width: 45.677%;

    position: relative;

}



.about-box .left .num-box {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    transform: translateY(-50%);

}



.about-box .left .num-box {

    font-size: 0;

    text-align: center;

}



.about-box .left .num-box .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 .5rem;

}



.about-box .left .num-box .num {

    font-size: .6rem;

    color: #de0245;

}



.about-box .left .num-box .num span {

    font-size: 1.2rem;

    line-height: 1.3rem;

    font-family: 'BEBAS';

}



.about-box .left .num-box .txt {

    margin-top: .6rem;

}



.about-box .right {

    float: right;

    width: 54.323%;

    position: relative;

}



.about-box .right .play-btn {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 2rem;

    height: 2rem;

    /* background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/about-play-btn.png'); */

    transition: all .3s;

}



.culture-box {

    padding: 4.25rem 0 2rem;

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.culture-box .about-tit {

    left: 0;

    top: 4.25rem;

}



.culture-box .culture {

    float: right;

    width: 81.25%;

}



.culture-box .culture .row {

    margin: 0 -2rem;

}



.culture-box .culture .item {

    padding: 0 2rem;

    box-sizing: border-box;

}



.culture-box .culture .icon {

    width: 2.825rem;

}



.culture-box .culture .icon img {

    width: 100%;

}



.culture-box .culture .tit {

    font-size: .75rem;

    line-height: .8rem;

    color: #000;

    margin-top: .75rem;

}



.culture-box .culture .pub-con {

    margin-top: .4rem;

    height: 1.4rem;

}



.culture-box .culture .about-more {

    margin-top: 3rem;

    /* font-size: .4rem;

    line-height: .5rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .65rem;

    background-image: url('/bocstatic/web/img/culture-more.png');

    color: #de0245;

    padding-left: 1rem; */

    float: right;

    /* display: inline-block; */

}



/* .culture-box .culture .item:first-child .more-btn{

    background-image: url('/bocstatic/web/img/rec-btn.png');

} */

.duty-box {

    padding: 5.5rem 0 0;

    position: relative;

    background-color: #f5f5f5;

}



.duty-box .about-tit {

    left: 0;

    top: 2.75rem;

}



.duty-box .img {

    float: left;

    width: 40.57%;

    margin-left: 11.7%;

}



.duty-box .img img {

    width: 100%;

}



.duty-box .text {

    position: absolute;

    top: 38.88%;

    right: 11%;

    padding-left: 3.6rem;

}



.duty-box .text .line {

    position: absolute;

    left: 0;

    top: .5rem;

    width: 1.7rem;

    height: 1px;

    background-color: #de0245;

}



.duty-box .text .con {

    font-size: .7rem;

    line-height: 1.2rem;

    transform: skewX(-6deg);

    color: #3d3d3d;

    position: relative;

}



.duty-box .text .con:before,

.duty-box .text .con:after {

    content: "";

    position: absolute;

    width: .525rem;

    height: .4rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}



.duty-box .text .con:before {

    left: -7.5%;

    top: 8px;

    background-image: url('/bocstatic/web/img/duty-yin1.png');

}



.duty-box .text .con:after {

    right: 22%;

    bottom: .5rem;

    background-image: url('/bocstatic/web/img/duty-yin2.png');

}



.duty-box .text .about-more {

    margin-top: 1.5rem;

}



.talk-box {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 17.5rem;

    position: relative;

}



.talk-box .about-tit {

    left: 0;

    top: 4rem;

}



.talk-box .text {

    position: absolute;

    top: 25.7%;

    left: 28.49%;

}



.talk-box .text .tit {

    font-size: 1.2rem;

    line-height: 1.3rem;

    color: #de0245;

    transform: skewX(-6deg);

}



.talk-box .text .con {

    font-size: .9rem;

    line-height: 1rem;

    color: #000;

    margin-top: .3rem;

    transform: skewX(-6deg);

}



.talk-box .text .about-more {

    margin-top: 1.1rem;

}



.about-nav-box .swiper-slide {

    padding: 0 1.1rem;

    position: relative;

    margin: 0;

}



.about-nav-box .swiper-slide:first-child {

    padding-left: 0;

}



.about-nav-box .swiper-slide:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

    height: .4rem;

    margin-top: -.2rem;

    background-color: #d2d2d2;

    opacity: .5;

    filter: alpha(opacity=50);

}



.about-nav-box .swiper-slide:last-child:before {

    display: none;

}



.about-nav-box .swiper-slide a {

    padding-left: .8rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .425rem;

}



.about-nav-box .swiper-slide a:before {

    display: none;

}



.about-nav-box .swiper-slide:nth-child(1) a {

    background-image: url('/bocstatic/web/img/about-top-icon1.png');

}



.about-nav-box .swiper-slide:nth-child(2) a {

    background-image: url('/bocstatic/web/img/about-top-icon2.png');

}



.about-nav-box .swiper-slide:nth-child(3) a {

    background-image: url('/bocstatic/web/img/about-top-icon3.png');

}



.about-nav-box .swiper-slide:nth-child(4) a {

    background-image: url('/bocstatic/web/img/about-top-icon4.png');

}



.about-nav-box .swiper-slide:nth-child(5) a {

    background-image: url('/bocstatic/web/img/about-top-icon5.png');

}



.about-nav-box .swiper-slide:nth-child(1).cur a {

    background-image: url('/bocstatic/web/img/h-about-top-icon1.png');

}



.about-nav-box .swiper-slide:nth-child(2).cur a {

    background-image: url('/bocstatic/web/img/h-about-top-icon2.png');

}



.about-nav-box .swiper-slide:nth-child(3).cur a {

    background-image: url('/bocstatic/web/img/h-about-top-icon3.png');

}



.about-nav-box .swiper-slide:nth-child(4).cur a {

    background-image: url('/bocstatic/web/img/h-about-top-icon4.png');

}



.profile-wrap {

    margin-top: .95rem;

    background-color: #f5f5f5;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: 100%;

    padding: 1.75rem 0 3.25rem;

}



.profile-wrap .icon {

    width: 1.875rem;

    margin: 0 auto;

}



.profile-wrap .text {

    margin-top: .75rem;

    font-size: 0;

    text-align: center;

}



.profile-wrap .text .tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    padding-bottom: .4rem;

    border-bottom: 1px solid rgba(149, 149, 149, .3);

    font-size: 1.1rem;

    line-height: 1.2rem;

    color: #C8102E;

}



.profile-wrap .text .pub-con {

    margin-top: 1.4rem;

    line-height: .9rem;

}



.profile-wrap .num-box {

    width: 71%;

    margin: 2.5rem auto 0;

    background-color: #fff;

    border: 1px solid #f0f0f0;

}



.profile-wrap .num-box .item {

    padding: 1.5rem 0;

    text-align: center;

    position: relative;

}



.profile-wrap .num-box .item:before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: #f0f0f0;

}



.profile-wrap .num-box .item:last-child:before {

    display: none;

}



.profile-wrap .num-box .num-txt {

    font-size: 0;

    color: #de0245;

}



.profile-wrap .num-box .unit,

.profile-wrap .num-box .num {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: bottom;

}



.profile-wrap .num-box .unit {

    font-size: .5rem;



    line-height: .5rem;

}



.profile-wrap .num-box .num {

    font-size: 1.5rem;

    line-height: 1.4rem;

    font-family: 'BEBAS';

}



.profile-wrap .num-box .txt {

    font-size: .425rem;

    line-height: .5rem;

    color: #4c4c4c;

    margin-top: .35rem;

}



.profile-video {

    height: 13.75rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}



.profile-video .play-btn {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center;

    width: 2rem;

    transition: all .3s;

}



/* .profile-video .play-btn{

    display: block;

    width: 1.625rem;

    height: 1.625rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/profile-play.png');

} */

.profile-container {

    padding-bottom: 2.15rem;

}



.world-box {

    padding: 2rem 6.8% 1.5rem 9%;

    background-color: #f5f5f5;

    overflow: hidden;

}



.world-box .text {

    width: 35.81%;

}



.world-box .text span {

    font-size: .75rem;

    line-height: .8rem;

    color: #de0245;

    font-family: "AVGBBT";

}



.world-box .world-wrap {

    margin-top: .4rem;

    position: relative;

}



.world-box .world-wrap .m-box {

    display: none;

}



.world-box .item {

    position: absolute;

    width: 2.116%;

}



.world-box .item .txt {

    font-size: .35rem;

    line-height: .4rem;

    font-family: "Lao UI";

    font-weight: bold;

    color: #de0245;

    white-space: nowrap;

    position: absolute;

    left: 50%;

    bottom: -.6rem;

    transform: translateX(-50%);

}



.world-box .item1 {

    left: 11.26%;

    top: 19.5369%;

}



.world-box .item2 {

    left: 33.447%;

    top: 63.6758%;

}



.world-box .item3 {

    left: 50%;

    top: 28.9%;

}



.world-box .item4 {

    left: 58.7%;

    top: 45.73%;

}



.world-box .item5 {

    left: 77.1331%;

    top: 57.887%;

    display: none;

}



.world-box .center-item {

    width: .75%;

    position: absolute;

    left: 78.6%;

    top: 45.586%;

}



.world-box .center-item .txt {

    position: absolute;

    left: 100%;

    top: 0;

    color: #de0245;

    padding-left: .6rem;

    text-transform: uppercase;

    font-size: .3rem;

    line-height: .9rem;

}



.world-box .world-product {

    position: absolute;

    width: 7.3%;

    left: 25.8%;

    top: 50.65%;

}



.world-box .line {

    position: absolute;

}



.world-box .line .bg {

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

}



.world-box .line1 {

    top: 13%;

    right: 21.48%;

    width: 66.348%;

    height: 33.5745%;

}



.world-box .line2 {

    top: 35.6%;

    right: 20.7%;

    width: 32.15%;

    height: 11.14%;

    display: none;

}



.world-box .line3 {

    top: 43.415%;

    right: 21.7%;

    width: 43.686%;

    height: 26.483%;

}



.world-box .line4 {

    top: 44.8%;

    right: 21.5%;

    width: 18.6348%;

    height: 6.8%;

}



.world-box .line5 {

    width: 1.433%;

    height: 17.22%;

    right: 21.16%;

    top: 44%;

}



.world-box .nation {

    position: absolute;

    left: 4.4%;

    bottom: 24.6%;

    color: #66011f;

    font-size: .45rem;

    line-height: .5rem;

}



.world-box .nation span {

    color: #de0245;

    font-size: 2.5rem;

    line-height: 2.3rem;

    font-family: "AVGBBT";

}



.world-box .nation:before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 8%;

    width: 500px;

    height: 1px;

    background-color: #e4e4e6;

}



.culture-page {

    background-color: #f7f7fa;

}



.culture-page .sub-nav-box {

    background-color: #f7f7fa;

}



.culture-top {

    /*padding: 3.5rem 0 8.5rem;*/

    padding: 3.5rem 0 0;

    text-align: center;

    position: relative;

}



.culture-top .tit {

    font-size: 1rem;

    line-height: 1.1rem;

    color: #1a1a1a;

}



.culture-top .line {

    width: 2rem;

    height: 2px;

    background-color: #de0245;

    margin: .75rem auto 0;

}



.culture-top .yin {

    width: .85rem;

    margin: 2.35rem auto 0;

}



.culture-top .con {

    font-size: .45rem;

    line-height: .9rem;

    margin: 1.1rem auto 0;

    width: 47.159%;

}



.culture-top .img {

    width: 14.5rem;

    position: absolute;

    left: 50%;

    margin-left: -7.25rem;

    bottom: 0;

    transform: translateY(50%);

    display: none;

}



.culture-top .img img {

    width: 100%;

    animation: circle linear 20s infinite;

}



@keyframes circle {

    0% {

        transform: rotate(0);

    }



    100% {

        transform: rotate(360deg);

    }

}



.culture-bottom {

    position: relative;

    /*height: 19.625rem;*/

    height: 9.625rem;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    padding-bottom: 4.75rem;

}



.culture-list-box {

    position: absolute;

    left: 0;

    bottom: 4.75rem;

    width: 100%;

}



.culture-bottom .culture-list .row {

    margin: 0 -1px;

}



.culture-bottom .culture-list .item {

    box-sizing: border-box;

    padding: 0 1px;

}



.culture-bottom .culture-list .con-box {

    position: relative;

}



.culture-bottom .culture-list .init-box {

    background-color: #fff;

    padding: 1.35rem 0;

    box-shadow: 0 0 2rem rgba(40, 40, 40, .02);

    border-radius: 2px;

    text-align: center;

}



.culture-bottom .culture-list .icon {

    width: 2.075rem;

    margin: 0 auto;

}



.culture-bottom .culture-list .tit {

    font-size: .675rem;

    line-height: .7rem;

    color: #333;

    margin-top: .9rem;

}



.culture-bottom .culture-list .en-tit {

    font-size: .375rem;

    line-height: .4rem;

    color: #333;

    font-family: "Century Gothic";

    margin-top: .2rem;

    text-transform: uppercase;

}



.culture-bottom .culture-list .con {

    display: none;

}



.culture-bottom .culture-list .hover-box {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 100%;

    padding: 1.2rem 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/culture-hover-bg.jpg');

    border-radius: 2px;

    text-align: center;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.culture-bottom .culture-list .hover-box .tit {

    font-size: .675rem;

    line-height: .7rem;

    color: #fff;

    margin-top: .7rem;

}



.culture-bottom .culture-list .line {

    width: .75rem;

    height: 2px;

    background-color: #fff;

    margin: .45rem auto 0;

}



.culture-bottom .culture-list .con {

    font-size: .45rem;

    line-height: .8rem;

    color: #fff;

    padding: 0 13.33%;

    margin-top: 1rem;

}



.culture-bottom .culture-list .hover-box .con {

    display: block;

}



.duty-view {

    width: 80.2%;

    margin: 0 auto;

}



.duty-container {

    padding: 3.25rem 0 3.75rem;

    background-color: #f5f5f5;

}



.duty-tit-box {

    font-size: 0;

    text-align: center;

}



.duty-tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .75rem;

    line-height: .8rem;

    color: #1a1a1a;

    padding-bottom: .4rem;

    border-bottom: 1px solid rgba(112, 112, 112, .3);

}



.duty-tit-box .img {

    margin: 1.1rem auto 0;

    width: 5.15rem;

    padding-right: 2rem;

}



.duty-tit-box .img img {

    position: relative;

    width: 100%;

    animation: imgfd 1.5s linear infinite alternate;

    -moz-animation: imgfd 1.5s linear infinite alternate;

    -webkit-animation: imgfd 1.5s linear infinite alternate;

    -o-animation: imgfd 1.5s linear infinite alternate;

}



@keyframes imgfd {

    from {

        top: -.2rem;

    }



    to {

        top: .2rem;

    }

}



@-moz-keyframes imgfd {

    from {

        top: -.2rem;

    }



    to {

        top: .2rem;

    }

}



@-webkit-keyframes imgfd {

    from {

        top: -.2rem;

    }



    to {

        top: .2rem;

    }

}



@-o-keyframes imgfd {

    from {

        top: -.2rem;

    }



    to {

        top: .2rem;

    }

}



.ban-duty {

    margin-top: 1.1rem;

    border-radius: 8px;

    overflow: hidden;

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

    height: 11.15rem;

}



.ban-duty img {

    width: 100%;

}



.duty-list-tit {

    margin-top: 1rem;

    font-size: 0;

    margin-top: 2.5rem;

    text-align: center;

}



.duty-list-tit .tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: 1.1rem;

    line-height: 1.1rem;

    color: #de0245;

    padding: 0 0 .75rem;

    border-bottom: 1px solid #dedede;

    position: relative;

}



.duty-list-tit .tit:before,

.duty-list-tit .tit:after {

    content: "";

    position: absolute;

    width: .5rem;

    height: .4rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}



.duty-list-tit .tit:before {

    background-image: url('/bocstatic/web/img/duty-tit-yin1.png');

    left: -1.3rem;

}



.duty-list-tit .tit:after {

    right: -1.3rem;

    bottom: .75rem;

    background-image: url('/bocstatic/web/img/duty-tit-yin2.png');

}



.duty-list-tit .con {

    font-size: .45rem;

    line-height: .9rem;

    color: #4c4c4c;

    width: 50.65%;

    margin: 1.2rem auto 0;

}



.duty-list {

    margin-top: 2.5rem;

}



.duty-list .row {

    margin: 0 -.4rem;

}



.duty-list .img {

    border-radius: 4px 4px 0 0;

    overflow: hidden;

    position: relative;

}



.duty-list img {

    width: 100%;

    transition: all .3s;

}



.duty-list .true-img {

    position: absolute;

    left: 0;

    top: 0;

}



.duty-list .item {

    box-sizing: border-box;

    padding: 0 .4rem;

    margin-bottom: 1rem;

}



.duty-list .con-box {

    display: block;

}



.duty-list .con-box .text {

    padding: 1.1rem 1rem 1.5rem;

    background-color: #fff;

    text-align: center;

}



.duty-list .con-box .text .tit {

    font-size: .75rem;

    line-height: 1rem;

    height: 2rem;

    overflow: hidden;

    color: #060606;

}



.duty-list .con-box .text .con {

    font-size: .375rem;

    line-height: .65rem;

    color: #666;

    margin-top: .6rem;

}



.duty-list .con-box .duty-more {

    display: block;

    position: relative;

    height: 1.45rem;

}



.duty-list .con-box .duty-arrow {

    height: 100%;

    display: block;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 1.125rem;

    background-image: url('/bocstatic/web/img/duty-arrow.png');

    background-color: #dcdcdc;

}



.duty-list .con-box .duty-more .txt {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 1.45rem;

    line-height: 1.45rem;

    color: #fff;

    font-size: .4rem;

    text-align: center;

    background-color: #de0245;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.talk-tab-box {

    padding: 2.75rem 0 2.25rem;

    position: relative;

}



.talk-tab-box .talk-tit {

    text-align: center;

    font-size: 0;

}



.talk-tab-box .talk-tit .tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: 1.2rem;

    line-height: 1.2rem;

    color: #000;

    position: relative;

}



.talk-tab-box .talk-tit .txt {

    position: relative;

}



.talk-tab-box .talk-tit .txt:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 5px;

    width: 100%;

    height: 6px;

    z-index: -1;

    background-color: #df0024;

}



.talk-tab-box {

    padding: 2.75rem 0 2.25rem;

}



.talk-tab-box .bimg-box {

    margin-top: 1rem;

    /* background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/talk-line.png'); */

    position: relative;

}



.talk-tab-box .bimg-tab {

    overflow: hidden;

    position: relative;

}



.talk-tab-box .bimg-tab .swiper-slide {

    width: 52.67%;

    margin: 0 2%;

    cursor: pointer;

}



.talk-tab-box .bimg-tab .swiper-slide .img {

    position: relative;

}



.talk-tab-box .bimg-tab .swiper-slide .img:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    opacity: .68;

    filter: alpha(opacity=68);

}



.talk-tab-box .bimg-tab .swiper-slide .text {

    font-size: .5rem;

    line-height: .6rem;

    color: #1a1a1a;

    text-align: center;

    margin-top: 1rem;

    opacity: 0;

    filter: alpha(opacity=0);

}



.talk-tab-box .bimg-tab .swiper-slide-active {

    cursor: default;

}



.talk-tab-box .bimg-tab .swiper-slide-active .img:before {

    opacity: 0;

    filter: alpha(opacity=0);

}



.talk-tab-box .bimg-tab .swiper-slide-active .text {

    opacity: 1;

    filter: alpha(opacity=100);

}



.talk-tab-box .simg-tab {

    width: 48.4375%;

    margin: .7rem auto 0;

    padding-top: 1.75rem;

    border-top: 1px solid #231f20;

    overflow: hidden;

}



.talk-tab-box .simg-tab .swiper-slide {

    width: 12.8371%;

    margin-right: 1.7%;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

}



.talk-tab-box .simg-tab .swiper-slide:last-child {

    margin-right: 0;

}



.talk-tab-box .simg-tab .swiper-slide:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .5;

    filter: alpha(opacity=50);

    transition: all .3s;

}



.talk-tab-box .simg-tab .swiper-slide img {

    width: 100%;

}



.talk-tab-box .simg-tab .swiper-slide.cur:before {

    opacity: 0;

    filter: alpha(opacity=0);

}



.talk-tab-box .prev,

.talk-tab-box .next {

    position: absolute;

    top: 50%;

    width: .9rem;

    height: .9rem;

    margin-top: -.95rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: .175rem;

    background-color: #de0245;

    border-radius: 100%;

    z-index: 3;

}



.talk-tab-box .prev {

    background-image: url('/bocstatic/web/img/talk-prev.png');

    left: 1%;

}



.talk-tab-box .next {

    background-image: url('/bocstatic/web/img/talk-next.png');

    right: 1%;

}



.talk-tab-box .swiper-button-disabled {

    display: none;

}



.live-tab-box:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #f5f5f5;

    z-index: -1;

}



.talk-aside {

    position: fixed;

    top: 50%;

    left: .25rem;

    transform: translateY(-50%);

    z-index: 50;

}



.talk-aside a {

    display: block;

    margin-bottom: .2rem;

    background-color: #d5d5d5;

    border-radius: 2px;

    transition: all .3s;

    position: relative;

}



.talk-aside .icon {

    display: block;

    width: 1.25rem;

    height: 1.25rem;

    transition: all .3s;

}



.talk-aside .icon img {

    width: 100%;

}



.talk-aside .icon:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

    height: .8rem;

    transform: translateY(-50%);

    background-color: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;



}



.talk-aside .txt {

    position: absolute;

    left: 1.25rem;

    top: 0;

    padding: 3rem;

    height: 1.25rem;

    line-height: 1.25rem;

    padding: 0 .5rem;

    white-space: nowrap;

    font-size: .4rem;

    color: #fff;

    background-color: #de0245;

    border-radius: 0 2px 2px 0;

    transition: all .3s;

    visibility: hidden;

    opacity: 0;

    filter: alpha(opacity=0);

}



.talk-aside a:last-child {

    margin-bottom: 0;

}





.talk-aside a.cur {

    background-color: #de0245;

}



.news-nav-box .swiper-slide:nth-child(1) a {

    background-image: url('/bocstatic/web/img/news-top-icon1.png');

}



.news-nav-box .swiper-slide:nth-child(2) a {

    background-image: url('/bocstatic/web/img/news-top-icon2.png');

}



.news-nav-box .swiper-slide:nth-child(3) a {

    background-image: url('/bocstatic/web/img/news-top-icon5.png');

}



.news-nav-box .swiper-slide:nth-child(4) a {

    background-image: url('/bocstatic/web/img/news-top-icon3.png');

}



.news-nav-box .swiper-slide:nth-child(5) a {

    background-image: url('/bocstatic/web/img/news-top-icon4.png');

}





.news-nav-box .swiper-slide:nth-child(1).cur a {

    background-image: url('/bocstatic/web/img/h-news-top-icon1.png');

}



.news-nav-box .swiper-slide:nth-child(2).cur a {

    background-image: url('/bocstatic/web/img/h-news-top-icon2.png');

}



.news-nav-box .swiper-slide:nth-child(3).cur a {

    background-image: url('/bocstatic/web/img/h-news-top-icon5.png');

}



.news-nav-box .swiper-slide:nth-child(4).cur a {

    background-image: url('/bocstatic/web/img/h-news-top-icon3.png');

}



.news-nav-box .swiper-slide:nth-child(5).cur a {

    background-image: url('/bocstatic/web/img/h-news-top-icon4.png');

}



.news-page .sub-container {

    background-color: #fffcfc;

}



.news-page .sub-nav-box {

    background-color: #fffcfc;

}



.news-box {

    padding: 1.4rem 0 3.875rem;

}



.news-view {

    width: 78.125%;

    margin: 0 auto;

}



.news-box .news-top {

    display: block;

}



.news-box .news-top .img {

    overflow: hidden;

}



.news-box .news-top img {

    width: 100%;

    transition: all .3s;

}



.news-box .news-top .text {

    margin-top: .9rem;

}



.news-box .news-tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #060606;

    font-weight: bold;

    transition: all .3s;

}



.news-box .pub-con {

    margin-top: .4rem;

    color: #666;

    line-height: .6rem;

}



.news-box .time-box {

    font-size: 0;

    margin-top: .6rem;

}



.news-box .time-box .time,

.news-box .time-box .tip {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: middle;

}



.news-box .time-box .time {

    padding: 0 .3rem;

    font-size: .4rem;

    color: #4c4c4c;

    background-color: #f2f4f5;

}



.news-box .time-box .tip {

    font-size: .3rem;

    line-height: .6rem;

    height: .6rem;

    padding: 0 .2rem;

    background-color: #de0245;

    color: #fff;

    border-radius: 2px;

    margin-left: .6rem;

}



.news-box .news-list {

    margin-top: 1.75rem;

}



.news-box .news-list .row {

    margin: 0 -.7rem;

}



.news-box .news-list .item {

    box-sizing: border-box;

    padding: 0 .7rem;

    margin-bottom: 1.4rem;

}



.news-box .news-list .con-box {

    display: block;

}



.news-box .news-list .img {

    overflow: hidden;

    position: relative;

}



.news-box .news-list .img .true-img {

    position: absolute;

    left: 0;

    top: 0;

}



.news-box .news-list img {

    width: 100%;

    transition: all .3s;

}



.news-box .news-list .text {

    margin-top: .7rem;

}



.news-box .news-list .time-box {

    margin-top: .4rem;

}



.news-box .news-list .news-tit {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    transition: all .3s;

}



.page {

    font-size: 0;

    text-align: center;

}



.page a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 1rem;

    height: 1rem;

    border: 1px solid #e5e5e5;

    /* background-color: #fff; */

    vertical-align: top;

    /* margin-right: .1rem; */

    margin: 0 .05rem;

    text-align: center;

    line-height: 1rem;

    font-size: .4rem;

    color: #666;

    transition: all .3s;

}



.page a[rel=prev],

.page a[rel=next] {

    background-repeat: no-repeat;

    background-position: center;

    background-size: .3rem;

}



.page a[rel=prev] {

    background-image: url('/bocstatic/web/img/page-prev.png');

}



.page a[rel=next] {

    background-image: url('/bocstatic/web/img/page-next.png');

}



.page a.page-first,

.page a.page-end {

    /* display: none; */

}



.page a.active {

    border-color: #d90044;

    color: #d90044;

}



.news-box .page {

    margin-top: 1rem;

}



.data-box {

    padding: 2.25rem 0 4.5rem;

    background-color: #fffcfc;

}



.data-view {

    width: 66.67%;

    margin: 0 auto;

}



.data-tit .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #000;

}



.data-tit .desc {

    font-size: .4rem;

    line-height: .5rem;

    color: #545454;

    margin-top: .3rem;

}



.data-tit .line {

    width: 1.5rem;

    height: 5px;

    background-color: #d80041;

    margin-top: 1.5rem;

}



.data-box .type-btns {

    margin-top: 1rem;

}



.data-list {

    margin-top: 1rem;

}



.data-list .item {

    display: block;

    padding: .45rem 1.4rem .45rem .7rem;

    background-color: #e5e5e5;

    margin-bottom: .6rem;

    border-radius: 4px;

}



.data-list .item:last-child {

    margin-bottom: 0;

}



.data-list .item .txt {

    float: left;

    font-size: .45rem;

    line-height: .625rem;

    color: #4c4c4c;

    width: 80%;

    /* white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; */

    padding-left: 1rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .7rem;

    background-image: none;

    transition: all .3s;

}



.data-list .drive-item .txt {

    background-image: none;

}



.data-list .video-item .txt {

    background-image: none;

}



.data-list .item .download-btn {

    float: right;

    line-height: .625rem;

    padding-left: .8rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .5rem;

    background-image: url('/bocstatic/web/img/download-btn.png');

    color: #666;

    font-size: .375rem;

    transition: all .3s;

    margin-left: .5rem;

}



.data-list .item .play-btn {

    display: none;

    float: right;

    line-height: .625rem;

    padding-left: .8rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .55rem;

    background-image: url('/bocstatic/web/img/data-play-btn.png');

    color: #666;

    font-size: .375rem;

    transition: all .3s;

}



.data-box .data-list .item .txt {

    background-image: none;

}



.data-box .data-list .item.pic-item .txt {

    background-image: none;

}



.data-list .page {

    margin-top: 2.5rem;

}



.focus-box {

    padding: 2.25rem 0 3.125rem;

    background-color: #fffcfc;

}



.focus-view {

    width: 75%;

    margin: 0 auto;

}



.focus-title .data-tit {

    float: left;

}



.focus-title .focus-world {

    float: left;

    margin-left: 17%;

    width: 43.19%;

}



.focus-list {

    position: relative;

    top: -1rem;

}



.focus-list .row {

    margin: 0 -.3rem;

}



.focus-list .item {

    /* box-sizing: border-box;

    padding: 0 .95rem; */

    /* margin-bottom: 1.9rem; */

    width: 20%;

    box-sizing: border-box;

    padding: 0 .3rem;

    /* margin-bottom: 1.9rem; */

}



.focus-list .item .con-box {

    background-color: #fff;

    padding: 1.25rem 0;

    border-radius: 16px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

}



.focus-list .item .qrcode {

    width: 3.575rem;

    height: 3.575rem;

    margin: 0 auto;

}



.focus-list .item .qrcode img {

    display: block;

}



.focus-list .item .icon {

    width: 1.5rem;

    margin: .6rem auto 0;

}



.focus-list .item .icon img {

    display: block;

}



.focus-list .item .text {

    margin-top: .2rem;

    text-align: center;

}



.focus-list .item .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #212121;

}



.focus-list .item .con {

    font-size: .375rem;

    line-height: .4rem;

    margin-top: .2rem;

    color: #999;

}



.newsinfo-box {

    padding: 4.25rem 0 5.5rem;

}



.sub-banner {

    position: relative;

}



.ban-contact {

    height: 15.75rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.sub-banner .join-text {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    transform: translateY(-50%);

    text-align: center;

}



.sub-banner .join-text .tit {

    font-size: 1.3rem;

    line-height: 1.4rem;

    color: #fff;

}



.sub-banner .join-text .desc {

    font-size: .45rem;

    line-height: .5rem;

    color: #fff;

    margin-top: .5rem;

    opacity: .8;

    filter: alpha(opacity=80);

}



.contact-box {

    padding: 1.35rem 1.25%;

}



.join-list-box .item {

    display: block;

    overflow: hidden;

    position: relative;

    margin-bottom: .75rem;

}



.join-list-box .item:last-child {

    margin-bottom: 0;

}



.join-list-box .img {

    float: left;

    width: 52.15%;

}



.join-list-box .img img {

    width: 100%;

}



.join-list-box .bg {

    position: absolute;

    right: -45.6989%;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #ededed;

    transform: skewX(-20deg);

    transition: all .5s;

}



.join-list-box .text-box {

    position: absolute;

    left: 56.774%;

    top: 0;

    width: 100%;

    height: 100%;

}



.join-list-box .text-box .text {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}



.join-list-box .text .tit {

    font-size: 1rem;

    line-height: 1.1rem;

    color: #212121;

}



.join-list-box .text .con {

    font-size: .45rem;

    line-height: .5rem;

    color: #545454;

    margin-top: .4rem;

}



.join-list-box .text .more-btn {

    display: block;

    width: 2.2rem;

    height: .75rem;

    line-height: .75rem;

    text-align: center;

    background-color: #fff;

    font-size: .4rem;

    color: #000;

    margin-top: 1.1rem;

    transition: all .3s;

}



.join-list-box .item:nth-child(2) .img {

    float: right;

}



.join-list-box .item:nth-child(2) .bg {

    left: auto;

    left: -44.6%;

    background-color: #de0045;

}



.join-list-box .item:nth-child(2) .text-box {

    right: auto;

    left: 6.45%;

}



.join-list-box .item:nth-child(2) .text .tit {

    color: #fff;

}



.join-list-box .item:nth-child(2) .text .con {

    color: #ffd4dd;

}



.join-list-box .item:nth-child(2) .text .more-btn {

    color: #b6000b;

}



.join-list-box .item:nth-child(3) .bg {

    background-color: #b37f50;

}



.join-list-box .item:nth-child(3) .text .tit {

    color: #fff;

}



.join-list-box .item:nth-child(3) .text .con {

    color: #fde2c5;

}



.join-list-box .item:nth-child(3) .text .more-btn {

    color: #946333;

}



.join-list-box .item:nth-child(2) .block {

    content: "";

    position: absolute;

    left: 42%;

    top: 0;

    width: 17.2%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/contact-block.png');

    z-index: 3;

}



.business-box {

    padding: .9rem 1.25%;

}



.business-box .join-list-box .bg {

    background-color: #b1824e;

}



.business-box .join-list-box .text .tit {

    color: #fff;

}



.business-box .join-list-box .text .con {

    color: #fde2c5;

}



.business-box .join-list-box .text .more-btn {

    color: #946333;

}



.business-top {

    margin-bottom: .75rem;

    padding: 1.5rem 0 1.25rem;

}



.business-view {

    width: 65.59%;

    margin: 0 auto;

}



.business-top .left {

    float: left;

    margin-left: 1.75rem;

    padding-top: 2rem;

}



.business-top .left .en-tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #000;

    text-transform: uppercase;

}



.business-top .left .con {

    font-size: .7rem;

    line-height: .8rem;

    /* margin-top: 1.1rem; */

}



.business-top .left .con span {

    color: #de0245;

    font-size: .9rem;

    line-height: 1rem;

}



.business-top .left .desc {

    font-size: .6rem;

    line-height: .7rem;

    color: #666;

    margin-top: .25rem;

}



.business-top .left .business-btn {

    margin-top: 1.75rem;

    /* width: 4.125rem;

    height: 1.4rem;

    line-height: 1.4rem;

    background-color: #de0245;

    display: block;

    text-align: center;

    font-size: .4rem;

    color: #fff;

    border-radius: 2px;

    transition: all .3s; */

}



.business-top .right {

    float: right;

    width: 40.16%;

    margin-right: 8.9%;

    position: relative;

}



.business-circle {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: rotate(-89deg);

    stroke: #b5bec0;

}



.business-circle .business-progress {

    display: block;

    width: 102%;

    height: 102%;

    margin-left: -1%;

    margin-top: -1%;

}



.business-circle .business-progress svg {

    width: 100%;

    height: 100%;

}



.business-circle circle {

    stroke-dasharray: 1610;

    stroke-dashoffset: 1610;

    animation: dash linear 36s infinite;

}



@keyframes dash {

    50% {

        stroke-dashoffset: 0;

    }



    100% {

        stroke-dashoffset: -1610;

    }

}



.circle-tab {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}



.circle-tab li {

    display: none;

}



.circle-btns .point {

    position: absolute;

    width: 10px;

    height: 10px;

    border: 3px solid #3c3c3c;

    background-color: #fff;

    border-radius: 100%;

    z-index: 3;

}



.circle-btns .point:nth-child(1) {

    left: 50%;

    top: -6px;

    margin-left: -6px;

}



.circle-btns .point:nth-child(2) {

    right: 10%;

    bottom: 16%;

}



.circle-btns .point:nth-child(3) {

    left: 1%;

    bottom: 32%;

}



.circle-btns .point.cur {

    background-color: #de0245;

    border-color: #de0245;

}



.contact-nav-box .swiper-slide a {

    background-size: .5rem;

}



.contact-nav-box .swiper-slide:nth-child(1) a {

    background-image: url('/bocstatic/web/img/contact-top-icon1.png');

}



.contact-nav-box .swiper-slide:nth-child(2) a {

    background-image: url('/bocstatic/web/img/contact-top-icon2.png');

}



.contact-nav-box .swiper-slide:nth-child(3) a {

    background-image: url('/bocstatic/web/img/contact-top-icon3.png');

}



.contact-nav-box .swiper-slide:nth-child(4) a {

    background-image: url('/bocstatic/web/img/about-top-icon5.png');

}



.contact-nav-box .swiper-slide:nth-child(1).cur a {

    background-image: url('/bocstatic/web/img/h-contact-top-icon1.png');

}



.contact-nav-box .swiper-slide:nth-child(2).cur a {

    background-image: url('/bocstatic/web/img/h-contact-top-icon2.png');

}



.contact-nav-box .swiper-slide:nth-child(3).cur a {

    background-image: url('/bocstatic/web/img/h-contact-top-icon3.png');

}



.contact-nav-box .swiper-slide:nth-child(4).cur a {

    background-image: url('/bocstatic/web/img/h-about-top-icon5.png');

}



.network-box {

    padding: 2.5rem 0 4.75rem;

}



.network-view {

    width: 79.17%;

    margin: 0 auto;

}



.network-box h3 {

    text-align: center;

    font-size: 1.15rem;

    color: #1a1a1a;

    line-height: 1.2rem;

}



.network-box .select-box {

    margin-top: 1.5rem;

    font-size: 0;

    text-align: center;

    position: relative;

    z-index: 6;

}



.network-box .select-box .select {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 8.75rem;

    margin: 0 .4rem;

    text-align: left;

    position: relative;

}



.network-box .select-box .select.on {

    z-index: 6;

}



.network-box .select-box .select-tit {

    display: block;

    height: 1rem;

    line-height: 1rem;

    padding: 0 6px;

    font-size: .4rem;

    color: #333;

    border: 1px solid #dce1e4;

    border-radius: 4px;

    position: relative;

}



.network-box .select-box .select-tit:before {

    content: "";

    position: absolute;

    right: .3rem;

    top: 50%;

    width: 11px;

    height: 11px;

    margin-top: -5px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/select-arrow.png');

}



.network-box .select-box .sub {

    position: absolute;

    left: 0;

    top: calc(1rem + 2px);

    width: 100%;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    border-radius: 4px;

    overflow: auto;

    max-height: 10rem;

    display: none;

}



.network-box .select-box .sub a {

    display: block;

    height: 1rem;

    line-height: 1rem;

    color: #333;

    font-size: .4rem;

    padding: 0 6px;

    border-bottom: 1px solid #ddd;

    transition: all .3s;

}



.network-box .network {

    margin-top: 2.5rem;

}



.network .img-box {

    float: left;

    width: 58.15%;

    position: relative;

}



.network .img-box img {

    width: 100%;

}



.network .img-box .coo-box {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 0;

}



.network .img-box .coo-box .coo-logo,

.network .img-box .coo-box .coo-divide,

.network .img-box .coo-box .coo-txt {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: middle;

}



.network .img-box .coo-box .coo-logo {

    width: 2.15rem;

}



.network .img-box .coo-box .coo-divide {

    width: 1px;

    height: .5rem;

    background-color: #959595;

    margin: 0 .5rem;

}



.network .img-box .coo-box .coo-txt {

    font-size: .6rem;

    line-height: .7rem;

    color: #666;

}



.network .img-box .coo-box .coo-txt span {

    font-size: 1.2rem;

    line-height: 1rem;

    color: #C8102E;

    font-family: "FETTE-ENGSCHRIFT";

}



.network .img-box .text {

    position: absolute;

    left: 0;

    bottom: 4.51%;

    font-size: .35rem;

    line-height: .4rem;

}



.network .img-box .text .txt {

    color: #de0245;

}



.network .img-box .text .num {

    color: #de0245;

    font-size: .6rem;

    font-family: "FETTE-ENGSCHRIFT";

}



.network .img-box .m-box {

    display: none;

}



.network .img-box .pc-box {

    position: relative;

}



.network .img-box .list .item {

    position: absolute;

    font-size: .35rem;

    line-height: .4rem;

    color: #333;

    padding-left: .4rem;

}



.network .img-box .list .item:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: .1rem;

    width: .2rem;

    height: .2rem;

    background-color: #e63837;

    border-radius: 100%;

}



.network .img-box .list .item:nth-child(1) {

    left: 73.33%;

        top: 15.477%;

}



.network .img-box .list .item:nth-child(2) {

left: 73.788%;

    top: 25.5849%;

}



.network .img-box .list .item:nth-child(3) {

left: 70.43%;

    top: 31.3%;

}



.network .img-box .list .item:nth-child(4) {

    left: 61.5%;

        top: 37%;

}



.network .img-box .list .item:nth-child(5) {

    left: 63%;

        top: 39%;

}



.network .img-box .list .item:nth-child(6) {

    left: 59.71%;

        top: 41.835%;

}



.network .img-box .list .item:nth-child(7) {

    left: 64.5%;

        top: 47.17%;

}



.network .img-box .list .item:nth-child(8) {

    left: 67.342%;

        top: 53.56%;

}



.network .img-box .list .item:nth-child(9) {

left: 71.7%;

    top: 58.95%;

}



.network .img-box .list .item:nth-child(10) {

    left: 69.35%;

        top: 65%;

}



.network .img-box .list .item:nth-child(11) {

    left: 66.8%;

        top: 73%;

}



.network .img-box .list .item:nth-child(12) {

    left: 62.46%;

        top: 69.45%;

}



.network .img-box .list .item:nth-child(13) {

    left: 60%;

        top: 79.55%;

}



.network .img-box .list .item:nth-child(14) {

left: 52.18%;

    top: 80.55%;

}



.network .img-box .list .item:nth-child(15) {

    left: 54%;

        top: 92%;

    

}



.network .img-box .list .item:nth-child(16) {

    left: 40.11%;

        top: 78.53%;

}



.network .img-box .list .item:nth-child(17) {

    left: 49.38%;

        top: 71.8%;

}



.network .img-box .list .item:nth-child(18) {

    left: 56.636%;

        top: 71.4%;

}



.network .img-box .list .item:nth-child(19) {

    left: 57.27%;

        top: 62%;

}



.network .img-box .list .item:nth-child(20) {

    left: 57.9%;

        top: 54.256%;

}



.network .img-box .list .item:nth-child(21) {

    left: 56%;

        top: 46.49%;

}



.network .img-box .list .item:nth-child(22) {

    left: 64.5%;

        top: 59.6%;

}



.network .img-box .list .item:nth-child(23) {

    left: 49.237%;

    top: 36.79%;

}



.network .img-box .list .item:nth-child(24) {

left: 46.9%;

    top: 47.16%;

}



.network .img-box .list .item:nth-child(25) {

left: 50.56%;

    top: 55.25%;

}



.network .img-box .list .item:nth-child(26) {

left: 48.64%;

    top: 65.71%;

}



.network .img-box .list .item:nth-child(27) {

    left: 41.2%;

        top: 64.69%;

}



.network .img-box .list .item:nth-child(28) {

    left: 32.4%;

        top: 37.388%

}



.network .img-box .list .item:nth-child(29) {

    left: 32.68%;

    top: 47.84%;

}



.network .img-box .list .item:nth-child(30) {

    left: 17.43%;

    top: 30.32%;

}



.network .img-box .list .item:nth-child(31) {

    left: 17.43%;

    top: 57.28%;

}



.network .img-box .list .item:nth-child(32) {

    left: 72.4%;

        top: 78.27%;

}



.network .img-box .list .item:nth-child(33) {

    left: 61.5%;

        top: 83.27%;

}



.network .img-box .list .item:nth-child(34) {

left: 56%;

    top: 84.5%;

    padding: 0 .4rem 0 0;

}



.network .img-box .list .item:nth-child(34):before {

    right: 0;

    left: auto;

}



.network .img-box .list .item.cur {

    padding-left: .8rem;

}



.network .img-box .list .item.cur:before {

    width: .6rem;

    height: .875rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: .6rem;

    background-image: url('/bocstatic/web/img/map-point.png');



    background-color: transparent;

    border-radius: 0;

}



.network .img-box .list .item:nth-child(34).cur {

    padding: 0 .8rem 0 0;

}



.network .img-box .list .item:nth-child(34).cur:before {

    left: auto;

    right: 0;



}



.network .right {

    position: absolute;

    top: 0;

    right: 0;

    width: 36.58%;

    height: 86%;

    overflow: hidden;

}



.network .right .network-list {

    width: 91.7%;

}



.network .right .row {

    margin: 0 -.5rem;

}



.network .right .item {

    /* margin: .5rem 0; */

    box-sizing: border-box;

    padding: 0 .5rem;

}



.network .right .con-box {

    padding: .7rem 0;

    border-bottom: 1px solid #ebebeb;

}



.network .right .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #1a1a1a;

    /* margin-top: .5rem; */

}



.network .right .tel {

    font-size: .375rem;

    color: #47494c;

    line-height: .75rem;

    margin-top: .2rem;

}



.network .right .tel p {

    padding-left: .55rem;

    background-repeat: no-repeat;

    background-position: left .2rem;

    background-size: .4rem;

}



.network .right .tel p:nth-child(1) {

    background-image: none;

}



.network .right .tel p:nth-child(2) {

    background-image: none;

}



.network .right .mCSB_scrollTools .mCSB_draggerRail {

    width: 2px;

    background: #dcdcdc;

}



.network .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #c9c9c9;

    border-radius: 0;

    /* height: 34px; */

    width: 14px;

    border-radius: 2px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/scroll-icon.png');

}



.network-box .join-select {

    /* display: none; */

}



.services-page header .header-nav {

    border-color: transparent;

}



.sub-banner {

    position: relative;

}



.ban-services {

    height: 17.75rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.sub-banner .service-text {

    position: absolute;

    left: 50%;

    top: 23.84%;

    transform: translateX(-50%);

    width: 14.15rem;

    text-align: center;

}



.sub-banner .service-text .tit {

    font-size: 1.25rem;

    line-height: 1.3rem;

    color: #fff;

}



.sub-banner .service-text .desc {

    font-size: .75rem;

    line-height: .8rem;

    color: #fff;

    margin-top: .3rem;

}



.sub-banner .service-search {

    margin-top: 1.25rem;

    position: relative;

}



.sub-banner .service-search input[type=search] {

    width: calc(100% - 2.8rem);

    height: .5rem;

    padding: .4rem 1.4rem;

    background-color: #fff;

    font-size: .35rem;

    line-height: .5rem;

    color: #999;

    border-radius: 2px;

    background-repeat: no-repeat;

    background-position: .7rem center;

    background-image: url('/bocstatic/web/img/service-search.png');

    background-size: .375rem;

    box-shadow: 0 20px 20px rgba(0, 0, 0, .01);

}



.service-search .service-sub {

    position: absolute;

    left: 0;

    top: 1.3rem;

    width: 100%;

    box-sizing: border-box;

    padding: .75rem 1.4rem 1rem;

    background-color: rgba(255, 255, 255, .84);

    text-align: left;

    display: none;

}



.service-search .service-sub .sub-tit,

.service-search .service-sub .hot-list {

    display: inline-block;

    *display: inline;

    zoom: 1;

}



.service-search .hot-search {

    padding-bottom: .7rem;

    border-bottom: 1px solid rgba(220, 220, 220, .5);

    margin-bottom: .75rem;

}



.service-search .sub-tit {

    font-size: .3rem;

    line-height: .4rem;

    color: #808080;

}



.service-search .hot-list {

    font-size: 0;

    margin-left: .6rem;

}



.service-search .hot-list a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .4rem;

    color: #4c4c4c;

    margin-right: .8rem;

    padding-bottom: 2px;

    border-bottom: 1px solid transparent;

    transition: all .3s;

}



.service-search .hot-list a:last-child {

    margin-right: 0;

}



.service-search .fast-list {

    font-size: 0;

    margin-top: .4rem;

}



.service-search .fast-list a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .4rem;

    color: #333;

    margin-right: 16.95%;

    margin-bottom: .3rem;

    border-bottom: 1px solid transparent;

    padding-bottom: 4px;

    transition: all .3s;

}



.service-search .fast-list a:nth-child(3n) {

    margin-right: 0;

}



.services-box {

    padding: 1.75rem 0 4rem;

    background-color: #f5f5f5;

}



.service-view {

    width: 78.125%;

    margin: 0 auto;

}



.services-box .tit-box {

    text-align: center;

}



.service-tit {

    font-size: .95rem;

    line-height: 1rem;

    color: #1a1a1a;

    text-align: center;

}



.services-box .tit-box .desc {

    font-size: .375rem;

    line-height: .4rem;

    margin-top: .5rem;

    color: #666;

}



.services-box .used-list {

    margin-top: 1.75rem;

}



.services-box .used-list .row {

    margin: 0 -.375rem;

}



.services-box .used-list .item {

    box-sizing: border-box;

    padding: 0 .375rem;

    margin-bottom: 1rem;

}



.services-box .used-list .con-box {

    display: block;

    padding: 1.25rem 0;

    background-color: #fff;

    box-shadow: 0 20px 20px rgba(0, 0, 0, .03);

}



.services-box .used-list .icon {

    width: 2.15rem;

    margin: 0 auto;

    position: relative;

    top: 0;

    transition: all .3s;

}



.services-box .used-list .text {

    margin-top: .7rem;

    text-align: center;

}



.services-box .used-list .tit {

    font-size: .7rem;

    line-height: .8rem;

    color: #1a1a1a;

    transition: all .3s;

}



.services-box .used-list .con {

    font-size: .375rem;

    line-height: .7rem;

    height: 1.4rem;

    color: #666;

    margin-top: .25rem;

}



.question-box {

    margin-top: 1.25rem;

}



.question-box .all-btn {

    /*  display: block;

    width: 3rem;

    height: 1rem;

    line-height: 1rem; */

    margin: .75rem auto 0;

    /* text-align: center;

    background-color: #de0245;

    border-radius: 4px;

    color: #fff;

    font-size: .45rem;

    transition: all .3s; */

}



.question-box .question {

    margin-top: 1.25rem;

    background-color: #fff;

    box-shadow: 0 20px 20px rgba(0, 0, 0, .03);

}



.question .tab-btns {

    font-size: 0;

    text-align: center;

    border-bottom: 1px solid #eee;

}



.question .tab-btns a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    height: 1.75rem;

    line-height: 1.75rem;

    margin: 0 8.33%;

    font-size: .55rem;

    color: #1a1a1a;

    position: relative;

    transition: all .3s;

}



.question .tab-btns a:before {

    content: "";

    position: absolute;

    width: 0;

    height: 2px;

    background-color: #de0045;

    bottom: 0;

    left: 0;

    transition: all .3s;

}



.question .tab-btns a.cur {

    /* color: #de0045; */

}



.question .tab-btns a.cur:before {

    width: 100%;

}



.question .tab-box {

    padding: 1rem 6%;

}



.question .tab-item {

    display: none;

}



.question .tab-box .row {

    margin: 0 -1rem;

}



.question .tab-box .item {

    box-sizing: border-box;

    padding: 0 1rem;

}



.question .tab-box .con-box {

    display: block;

    line-height: 1rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: .425rem;

    color: #4c4c4c;

    padding-left: .7rem;

    position: relative;

    transition: all .3s;

}



.question .tab-box .con-box:after {

    display: block;

    content: attr(title);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden;

}



.question .tab-box .con-box:before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: .2rem;

    height: .2rem;

    background-color: #dcdcdc;

    border-radius: 100%;

    margin-top: -.1rem;

    transition: all .3s;

}



.service-contact {

    margin-top: 2.25rem;

}



.service-contact .contact-list {

    margin-top: 1rem;

}



.service-contact .contact-list .con-box {

    background-color: #fff;

    padding: 2rem 0 1.4rem;

    text-align: center;

}



.service-contact .contact-list .con-box .block {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: none;

}



.service-contact .contact-list .item:nth-child(2) .con-box .block {

    display: block;

}



.service-contact .contact-list .icon {

    width: 2.25rem;

    margin: 0 auto;

    position: relative;

    top: 0;

    transition: all .3s;

}



.service-contact .contact-list .row {

    margin: 0 -5px;

}



.service-contact .contact-list .item {

    box-sizing: border-box;

    padding: 0 5px;

}



.service-contact .contact-list .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #000;

    margin-top: .6rem;

    transition: all .3s;

}



.service-contact .contact-list .tel {

    font-size: .7rem;

    line-height: .7rem;

    color: #000;

    margin-top: .6rem;

    font-family: ""

}



.service-contact .contact-list .desc {

    margin-top: .25rem;

    font-size: .4rem;

    line-height: .5rem;

    color: #808080;

}



.network-box .city {

    font-size: .35rem;

    line-height: .4rem;

    color: #333;

    text-align: center;

    margin-top: 1.5rem;

}



.service-network {

    padding-bottom: 0;

}



.map-box {

    margin-top: .75rem;

    position: relative;

}



.map-box .map {

    height: 20rem;

}



.map-box img {

    width: auto;

}



.map-box .amap-marker-label {

    display: none;

}



.store-list-box {

    position: absolute;

    width: 10.125rem;

    left: 11.875%;

    top: 50%;

    margin-top: -8.575rem;

    /* transform: translateY(-50%); */

    background-color: #fff;

    box-sizing: border-box;

    padding: 1rem 1.25rem;

}



.store-list-box .location {

    display: block;

    width: 100%;

    background-color: #de0245;

    text-align: center;

    font-size: 0;

}



.store-list-box .location span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    line-height: .9rem;

    padding-left: .6rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('/bocstatic/web/img/location.png');

    font-size: .375rem;

    color: #fff;

}



.store-list-box .pro-select {

    margin-top: .6rem;

    position: relative;

    z-index: 3;

    overflow: inherit;

    display: block;

}



.store-list-box .pro-select .tit {

    display: block;

    padding: 0 .4rem;

    height: .85rem;

    line-height: .85rem;

    border: 1px solid #dcdcdc;

    line-height: .85rem;

    color: #666;

    font-size: .375rem;

    position: relative;

}



.store-list-box .pro-select .tit:before {

    content: "";

    position: absolute;

    right: .45rem;

    top: 50%;

    width: 12px;

    height: 8px;

    margin-top: -4px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/pro-select-arrow.png');

}



.store-list-box .pro-select .sub {

    display: none;

    position: absolute;

    left: 0;

    top: .9rem;

    width: 100%;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    background-color: #fff;

    max-height: 10rem;

    overflow: auto;

}



.store-list-box .pro-select .sub a {

    display: block;

    height: 1rem;

    line-height: 1rem;

    color: #333;

    font-size: .4rem;

    padding: 0 .4rem;

    border-bottom: 1px solid #ddd;

    box-sizing: border-box;



}



.store-list {

    margin-top: 1rem;

    height: 11.75rem;

    overflow: hidden;

}



.store-list li {

    padding-bottom: .75rem;

    margin-bottom: .9rem;

    border-bottom: 1px solid #dadada;

}



.store-list li .con-box {

    width: 86.77%;

}



.store-list li .tit {

    font-size: .45rem;

    line-height: .6rem;

    color: #1a1a1a;

    padding-left: .75rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .425rem;

    background-image: url('/bocstatic/web/img/position.png');

}



.store-list li .con {

    padding-left: .75rem;

    font-size: .35rem;

    color: #808080;

    line-height: .6rem;

    margin-top: .5rem;

}



.store-list li .send-box {

    padding-left: .75rem;

    margin-top: .5rem;

}



.store-list li .send-box .send-btn {

    float: left;

    font-size: .35rem;

    line-height: .4rem;

    padding-left: .6rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .35rem;

    background-image: url('/bocstatic/web/img/send.png');

    color: #1a1a1a;

}



.store-list li .send-box .distance {

    float: right;

    font-size: .4rem;

    line-height: .5rem;

    color: #de0245;

    font-weight: bold;

    display: none;

}



.store-list li .score {

    padding-left: .75rem;

    margin-top: .6rem;

    font-size: .35rem;

    line-height: .4rem;

}



.store-list li .score .star {

    display: inline-block;

    *display: inline;

    zoom: 1;

    height: .4rem;

    background-repeat: repeat-x;

    background-image: url('/bocstatic/web/img/star.png');

    vertical-align: top;

}



.map-box .store-list .mCSB_scrollTools .mCSB_draggerRail {

    background: none;

    width: 3px;

}



.map-box .store-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background: #de0245;

    width: 3px;

}



.map-box .store-list .mCSB_scrollTools {

    width: 3px;

}



.map-box .store-list .mCSB_inside>.mCSB_container {

    margin-right: 0;

}



.map-box .store-list .mCSB_outside+.mCSB_scrollTools {

    right: -1px;

}



.policy-box {

    padding: 2.5rem 0 3.75rem;

    background-color: #fffcfc;

}



.policy-box .policy {

    margin-top: 1.25rem;

}



.policy-view {

    width: 73.9583%;

    margin: 0 auto;

}



.policy-aside {

    float: left;

    width: 5.75rem;

}



.policy-aside .tit {

    display: block;

    height: 1.35rem;

    line-height: 1.35rem;

    font-size: .6rem;

    padding: 0 .9rem;

    color: #333;

    position: relative;

    transition: all .3s;

}



.policy-aside .tit:before {

    content: "";

    position: absolute;

    right: .9rem;

    top: 50%;

    width: 11px;

    height: 11px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/policy-aside-arrow.png');

    margin-top: -5px;

    transition: all .3s;

}



.policy-aside .sub {

    display: none;

    padding: .3rem 0;

}



.policy-aside .sub a {

    font-size: .375rem;

    line-height: 1rem;

    display: block;

    padding-left: 1.9rem;

    color: #999;

    transition: all .3s;

}



.policy-aside .sub a.cur {

    color: #de0245;

}



.policy-aside li.cur .tit {

    background-color: #f0f1f2;

    color: #de0245;

}



.policy-aside li.cur .tit:before {

    background-image: url('/bocstatic/web/img/policy-aside-arrow2.png');

}



.policy-content {

    float: right;

    width: 73.943%;

    font-size: .4rem;

    color: #808080;

    line-height: 1rem;

}



.policy-content h3 {

    font-size: .5rem;

    line-height: .6rem;

    color: #212121;

    margin-bottom: .4rem;

    font-weight: bold;

}



.policy-content table {



    width: 100%;



}



.policy-content table th {

    font-size: .5rem;

    line-height: .6rem;

    padding: .5rem 0;

    text-align: center;

    background-color: #f5f5f5;

    border: 1px solid #d2d2d2;

    color: #212121;

}



.policy-content table td {

    font-size: .4rem;

    line-height: .5rem;

    color: #666;

    padding: .4rem 0;

    border: 1px solid #d2d2d2;

    text-align: center;

}



.download-box .select-box {

    margin-top: 1rem;

    font-size: 0;

    position: relative;

    z-index: 3;

}



.download-box .select,

.download-box .data-search {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin-right: 2%;

    width: 23.5%;

    vertical-align: top;

    box-sizing: border-box;

    position: relative;

}



.download-box .data-search {

    padding: 0 .5rem;

    border: 1px solid #d2d2d2;

    border-radius: 2px;

    margin-right: 0;

}



.download-box .data-search input[type=text] {

    float: left;

    height: calc(.5rem - 2px);

    padding: .25rem 0;

    width: 80%;

    color: #545454;

    font-size: .4rem;

}



.download-box .data-search input[type=submit] {

    float: right;

    width: .5rem;

    height: .5rem;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/data-search.png');

    margin-top: .25rem;

    background-size: .275rem;

    background-color: transparent;

}



.download-box .select.on {

    z-index: 3;

}



.download-box .select .tit {

    display: block;

    height: 1rem;

    line-height: 1rem;

    color: #545454;

    font-size: .4rem;

    box-sizing: border-box;

    border: 1px solid #d2d2d2;

    border-radius: 2px;

    padding: 0 .5rem;

    position: relative;

}



.download-box .select .tit:before {

    content: "";

    position: absolute;

    right: .5rem;

    top: 50%;

    width: 11px;

    height: 11px;

    margin-top: -5px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/select-arrow.png');

}



.download-box .select .sub {

    position: absolute;

    left: 0;

    top: 1rem;

    width: 100%;

    background-color: #fffcfc;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    border-radius: 4px;

    /* overflow: auto; */

    /* max-height: 4rem; */

    display: none;

}



.download-box .select .sub-list {

    max-height: 4rem;

    overflow: auto;

}



.download-box .select .sub .sec-tit {

    display: block;

    height: 1rem;

    line-height: 1rem;

    color: #333;

    font-size: .4rem;

    padding: 0 .5rem;

    border-bottom: 1px solid #ddd;

    box-sizing: border-box;

    transition: all .3s;

}



.download-box .select .sub input[type=text] {

    display: block;

    width: calc(100% - 1rem);

    height: .5rem;

    line-height: .5rem;

    padding: .25rem .5rem;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #ddd;

    font-size: .4rem;

    color: #333;

}



.download-box .select .sub .third-nav {

    display: none;

}



.download-box .select .sub .third-nav a {

    display: block;

    height: 1rem;

    line-height: 1rem;

    padding: 0 1rem;

    border-bottom: 1px solid #ddd;

    font-size: .4rem;

    color: #333;

}



.download-box .data-list {

    margin-top: 1.35rem;

}



.ban-question {

    height: 13.75rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.question-search {

    position: absolute;

    width: 19.75rem;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);



}



.question-search .inp {

    height: 1.25rem;

    padding: 0 .9rem;

    border: 1px solid rgba(255, 255, 255, .4);

    border-radius: .625rem;

}



.question-search input[type=text] {

    height: .7rem;

    padding: .275rem 0;

    background-color: transparent;

    color: #fefefe;

    font-size: .5rem;

    line-height: .7rem;

    width: 80%;

    /*  opacity: .4;

    filter: alpha(opacity=40); */

}



.question-search input[type=text]::-webkit-input-placeholder {

    color: #fefefe;

}



.question-search input[type=text]:-moz-placeholder {

    color: #fefefe;

}



.question-search input[type=text]::-moz-placeholder {

    color: #fefefe;

}



.question-search input[type=text]:-ms-input-placeholder {

    color: #fefefe;

}



.question-search input[type=submit] {

    float: right;

    width: .7rem;

    height: .7rem;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/question-search.png');

    background-size: .45rem;

    margin-top: .275rem;

    background-color: transparent;

}



.question-search .keywords {

    margin-top: .4rem;

    padding: 0 1rem;

    font-size: 0;

}



.question-search .keywords span,

.question-search .keywords a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    color: #fefefe;

    margin-right: .55rem;

    transition: all .3s;

}



.question-container {

    padding-bottom: 4.25rem;

    background-color: #f7f7f7;

}



.question-wrap {

    margin-top: -.375rem;

    background-color: #fff;

    z-index: 3;

    position: relative;

}



.question-wrap .question-aside {

    width: 21%;

    float: left;

    border-right: 1px solid #ededed;

    padding-bottom: 5.5rem;

}



.question-wrap .question-aside .tit {

    /* text-align: center; */

    padding: 0 15%;

    font-size: .6rem;

    line-height: 2.15rem;

    border-bottom: 1px solid #ededed;

}



.question-wrap .aside li {

    border-bottom: 1px solid #ededed;

}



.question-wrap .question-tit {

    display: block;

    height: 2.25rem;

    line-height: 2.25rem;

    /* padding: 0 34.9%; */

    padding: 0 15%;

    color: #000;

    font-size: .5rem;

    position: relative;

}



.question-wrap .question-tit:before {

    content: "";

    position: absolute;

    /* right: 2rem; */

    right: 10%;

    top: 50%;

    width: .35rem;

    height: .35rem;

    transform: translateY(-50%);

    background-repeat: no-repeat;

    background-position: center;

    background-size: .35rem;

    background-image: url('/bocstatic/web/img/question-jia.png');

    transition: all .3s;

}



.question-wrap .aside .sub {

    display: none;

    padding-bottom: 1rem;

}



.question-wrap .aside .sub a {

    display: block;

    font-size: .375rem;

    line-height: .4rem;

    margin-bottom: .25rem;

    /* padding-left: 3rem; */

    padding-left: 25%;

    color: #4c4c4c;

    transition: all .3s;

}



.question-wrap .aside .sub a:last-child {

    margin-bottom: 0;

}



.question-wrap .aside li.cur .question-tit:before {

    background-image: url('/bocstatic/web/img/question-jian.png');

}



.question-wrap .aside .sub a.cur {

    color: #de0245;

}



.question-wrap .question-list {

    padding: 2.5rem 9.33% 3.625rem;

    width: calc(60.34% - 1px);

    float: right;

}



.question-wrap .question-list .tit-box {

    display: block;

    padding: .5rem 0;

    border-bottom: 1px solid #ededed;

}



.question-wrap .question-list .txt {

    float: left;

    font-size: .5rem;

    line-height: .7rem;

    color: #1a1a1a;

    width: 90%;

    transition: all .3s;

}



.question-wrap .question-list .icon {

    float: right;

    width: .7rem;

    height: .7rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: .425rem;

    margin-right: .3rem;

    background-image: url('/bocstatic/web/img/list-jia.png');

    transition: all .3s;

}



.question-wrap .question-list .sub {

    background-color: #f5f5f5;

    padding: 1rem 1.5rem .6rem;

    display: none;

}



.question-wrap .question-list .con {

    font-size: .375rem;

    line-height: .75rem;

    color: #4c4c4c;

    word-break: break-word;

}



.question-wrap .question-list .slideup {

    text-align: right;

    font-size: 0;

    margin-top: .3rem;

}



.question-wrap .question-list .slideup-btn {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .4rem;

    line-height: .5rem;

    color: #de0245;

}



.question-wrap .question-list li.cur .icon {

    transform: rotate(45deg);

}



.page-box {

    font-size: 0;

    text-align: center;

    margin-top: 2.1rem;

}



.page-box .page,

.page-box .help {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 .375rem;

    vertical-align: middle;

}



.page-box .page .next {

    margin-right: 0;

}



.page-box .page .prev {

    margin-left: 0;

}



.page-box .help {

    font-size: .35rem;

    line-height: .4rem;

    color: #545454;

}



.page-box .help a {

    color: #de0245;

    text-decoration: underline;

}



.products-container {

    padding: 1.25rem 0 3rem;

}



.index-tit-box .more-btn {

    float: right;

    font-size: .4rem;

    line-height: .8rem;

    color: #666;

    font-weight: bold;

    padding-right: .6rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/products-more.png');

}



.products-tab {

    margin-top: 1.25rem;

}



.products-tab .pc-box {

    position: relative;

}



.products-tab .bg-tab {

    overflow: hidden;

    box-shadow: 0 3px 35px rgba(82, 83, 87, .35);

}



.products-tab .bg-tab img {

    width: 100%;

}



.products-tab .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .4;

    filter: alpha(opacity=40);

    z-index: 3;

}



.products-tab .tab-btns {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    overflow: hidden;

}



.products-tab .tab-btns .con-box {

    display: block;

    height: 100%;

    box-sizing: border-box;

    border-right: 1px solid rgba(246, 242, 243, .1);

}



.products-tab .tab-btns .text {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(calc(-50% + 1.25rem));

    width: 100%;

    text-align: center;

    transition: all .3s;

}



.products-tab .tab-btns .text .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #fff;

}



.products-tab .tab-btns .text .desc {

    font-size: .45rem;

    line-height: .5rem;

    color: #fff;

    opacity: .4;

    filter: alpha(opacity=40);

    margin-top: .25rem;

}



.products-tab .tab-btns .text .more-btn {

    width: 1.35rem;

    margin: 1.25rem auto 0;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.products-tab .tab-btns .text .wait {

    font-size: .5rem;

    line-height: .6rem;

    margin-top: 1.25rem;

    color: #fff;

}



.products-tab .tab-btns .black {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .5);

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.products-tab .tab-btns .swiper-slide.cur .text {

    transform: translateY(-50%);

}



.products-tab .tab-btns .swiper-slide.cur .text .more-btn {

    opacity: 1;

    filter: alpha(opacity=100);

}



.products-tab .tab-btns .swiper-slide.cur .black {

    opacity: 1;

    filter: alpha(opacity=100);

}



.products-tab .pro-btn {

    margin-top: 1.5rem;

    text-align: center;

    position: static;

    font-size: 0;

}



.products-tab .swiper-button-disabled {

    display: none;

}



.products-tab .m-box {

    display: none;

}



.new-products-box {

    margin-top: 1.85rem;

}



.new-products {

    margin-top: 1.1rem;

    padding: .85rem 0 0;

    position: relative;

}



.new-products:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 11.5rem;

    background-color: #ebebeb;

}



.new-products .new-tab {

    overflow: hidden;

    padding: .9rem 0 0;

    margin: 0 auto;

    width: 91.8%;

}



.new-products .new-tab .swiper-slide {

    padding: 0 .9rem;

    box-sizing: border-box;

}



.new-products .new-tab .con-box {

    position: relative;

}



.new-products .new-tab .hover-box {

    visibility: hidden;

    background-color: #fff;

    display: block;

    padding: 1.2rem 0 1.35rem;

    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15);

    opacity: 0;

    filter: alpha(opacity=0);

    position: relative;

    z-index: 3;

    transition: all .3s;

}



.new-products .new-tab .hover-box a {

    display: block;

}



.new-products .new-tab .hover-box .img {

    width: 61.4754%;

    margin: .25rem auto 0;

}



.new-products .new-tab .hover-box .img img {

    width: 100%;

}



.new-products .new-tab .text {

    text-align: center;

}



.new-products .new-tab .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #060606;

    font-weight: bold;

}



.new-products .new-tab .con {

    font-size: .375rem;

    line-height: .5rem;

    color: #666;

    margin-top: .4rem;

}



.new-products .new-tab .con span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    height: .5rem;

    color: #C8102E;

    font-size: .35rem;

    line-height: .5rem;

    padding: 0 4px;

    border: 2px solid #C8102E;

    position: relative;

    margin-right: .25rem;

}



.new-products .new-tab .con span:before {

    content: "";

    position: absolute;

    width: 7px;

    height: 9px;

    right: -7px;

    top: 50%;

    background-image: url('/bocstatic/web/img/new-product-arrow.png');

    background-repeat: no-repeat;

    background-position: center;

    margin-top: -4px;

    background-color: #fff;

}



.new-products .new-tab .hover-box .pro-btns {

    margin-top: .8rem;

    font-size: 0;

    text-align: center;

}



.new-products .new-tab .hover-box .pro-btns a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 3.15rem;

    height: 1rem;

    line-height: 1rem;

    color: #C8102E;

    font-size: .4rem;

    border: 2px solid #C8102E;

    margin: 0 .25rem;

    border-radius: 4px;

    transition: all .3s;

}



.new-products .new-tab .init-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.new-products .new-tab .init-box .bg {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: 100%;

}



.new-products .new-tab .init-box .text {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    width: 86.885%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/new-text-bg.png');

    padding: .75rem 0 .9rem;

}



.new-products .new-tab .pro-btn {

    margin-top: 1.1rem;

}



.pro-btn {

    font-size: 0;

    text-align: center;

}



.pro-btn .swiper-pagination-bullet {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: .3rem;

    height: .3rem;

    margin: 0 .2rem;

    background-color: #cbcbcb;

    border-radius: 100%;

    transition: all .3s;

}



.pro-btn .swiper-pagination-bullet-active {

    background-color: #d8134a;

}



.order-box {

    margin-top: 4.25rem;

}



.order-box .order-wrap {

    margin-top: 1.4rem;

}



.order-box .order-wrap .left {

    width: 57.386%;

    float: left;

    position: relative;

}



.order-box .order-tab .swiper-slide {

    width: 100%;

}



.order-box .order-wrap .left .block {

    content: "";

    position: absolute;

    right: 0;

    top: 13.72%;

    width: 93%;

    height: 100%;

    background-color: #ebebeb;

}



.order-box .order-tab {

    width: 93%;

    overflow: hidden;

}



.order-box .order-tab img {

    width: 100%;

}



.order-box .order-wrap .order-btn {

    position: absolute;

    right: -.4rem;

    bottom: -6%;

    width: 4.125rem;

    height: 1.4rem;

    line-height: 1.4rem;

    background-color: #de0245;

    text-align: center;

    color: #fff;

    font-size: .4rem;

    border-radius: 4px;

    z-index: 3;

    transition: background-color .3s;

}



.order-box .order-wrap .right .order-btn {

    display: none;

}



.order-box .pro-btn {

    position: absolute;

    z-index: 3;

    bottom: -8%;

    left: 3.5%;

    width: 93%;

}



.order-box .pro-btn .swiper-pagination-bullet {

    background-color: #d7d6d6;

}



.order-box .pro-btn .swiper-pagination-bullet-active {

    background-color: #d8134a;

}



.order-box .right {

    float: right;

    width: 30.113%;

    position: relative;

    margin-right: 5.11%;

}



.order-box .right img {

    width: 100%;

}



.order-box .business-circle {

    transform: rotate(-90deg);

}



.order-box .text {

    position: absolute;

    left: -13.7%;

    top: -17.5%;

}



.order-box .text .en-tit {

    font-size: .75rem;

    line-height: .8rem;

    color: #000;

    text-transform: uppercase;

}



.order-box .text .index-tit {

    float: none;

}



.order-box .text .desc {

    font-size: .6rem;

    line-height: .7rem;

    color: #666;

    margin-top: .25rem;

}



.quality-box {

    padding: 2rem 0 1.75rem;

    background-color: #f5f5f5;

}



.ban-order {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 15.75rem;

}



.order-view {

    width: 65.1%;

    margin: 0 auto;

}



.order-tit {

    text-align: center;

    font-size: .95rem;

    line-height: 1rem;

    color: #1a1a1a;

}



.order-desc {

    font-size: .375rem;

    line-height: .65rem;

    text-align: center;

    margin-top: .5rem;

    color: #666;

}



.quality-box .type-box {

    font-size: 0;

    text-align: center;

    margin-top: 1.4rem;

}



.quality-box .type-box .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 3rem;

    padding: .95rem 0 .75rem;

    margin: 0 .9rem;

    transition: all .3s;

}



.quality-box .type-box .icon {

    width: 1.25rem;

    margin: 0 auto;

    position: relative;

}



.quality-box .type-box .icon .hover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

}



.quality-box .type-box .txt {

    font-size: .375rem;

    line-height: .4rem;

    color: #000;

    margin-top: .3rem;

    transition: all .3s;

}



.quality-box .slideup-btn {

    display: block;

    width: 3.7rem;

    height: 1rem;

    font-size: 0;

    border-radius: 4px;

    background-color: #de0245;

    text-align: center;

    margin: 1.75rem auto 0;

    transition: all .3s;

}



.quality-box .slideup-btn span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .45rem;

    line-height: 1rem;

    color: #fff;

    padding-right: .9rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/order-slide.png');

    background-size: .5rem;

}



.quality-box .step-text {

    font-size: .35rem;

    line-height: .4rem;

    text-align: center;

    margin-top: .25rem;

    color: #de0245;

}



.step-box {

    padding: 1.5rem 0 1rem;

    display: none;

}



.step-view {

    width: 53.6458%;

    margin: 0 auto;

}



.step-list li {

    position: relative;

    margin-bottom: .75rem;

}



.step-list li:last-child {

    margin-bottom: 0;

}



.step-list .img {

    float: left;

    width: 53.1%;

}



.step-list .img .m-img {

    display: none;

}



.step-list .text {

    position: absolute;

    right: 0;

    top: 50%;

    width: 37.864%;

    transform: translateY(-50%);

}



.step-list .text .num {

    font-size: 1.2rem;

    line-height: 1.3rem;

    font-family: "DIN-REGULAR";

    color: #de0245;

}



.step-list .text .tit {

    font-size: .75rem;

    line-height: .8rem;

    color: #333;

    margin-top: .5rem;

}



.step-list .text .con {

    font-size: .35rem;

    line-height: .6rem;

    color: #808080;

    margin-top: .3rem;

}



.step-list .text .line {

    width: 1.1rem;

    height: 4px;

    background-color: #de0245;

    margin-top: 1.1rem;

}



.step-list li:nth-child(2n) .img {

    float: right;

}



.step-list li:nth-child(2n) .text {

    right: auto;

    left: 9.22%;

}



.step-close {

    display: block;

    width: 1.25rem;

    margin: 2rem auto 0;

}



.step-close img {

    width: 100%;

}



.step-close .txt {

    font-size: .6rem;

    line-height: .7rem;

    color: #333;

    text-align: center;

    margin-top: .4rem;

}



.tech-box {

    padding: 2rem 0 3.1rem;

    background-color: #ebebec;

}



.tech-box .tech-list {

    margin-top: 1.5rem;

    overflow: hidden;

    position: relative;

}



.tech-box .swiper-slide {

    width: 20%;

    height: 13.75rem;

    position: relative;

    overflow: hidden;

}



.tech-box .swiper-slide .bg {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    transition: all .3s;

}



.tech-box .swiper-slide .txt {

    position: absolute;

    left: 12%;

    bottom: 8.72%;

    width: .7rem;

    height: 2.8rem;

}



.tech-box .swiper-slide .txt span {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    font-size: .65rem;

    line-height: .7rem;

    color: #fff;

}



.tech-box .tech-list .order-prev,

.tech-box .tech-list .order-next {

    display: none;

}



.order-tab-box {

    padding: 2.25rem 0 2.5rem;

}



.order-tab-wrap {

    margin-top: .5rem;

    padding-top: 1.5rem;

    background-repeat: no-repeat;

    background-position: center top;

    background-image: url('/bocstatic/web/img/order-world.png');

    overflow: hidden;

    position: relative;

}



.order-tab {

    width: 64.772%;

    margin: 0 auto;

}



.order-tab .swiper-slide {

    width: 48%;

    margin: 0 1%;

}



.order-tab .swiper-slide .con-box {

    display: block;

}



.order-tab .swiper-slide .con-box .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.order-tab .swiper-slide .con-box .icon {

    position: absolute;

    left: 50%;

    top: 50%;

    width: .975rem;

    transform: translate(-50%, -50%);

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.order-prev,

.order-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 1.25rem;

    height: 1.75rem;

    background-color: rgba(0, 0, 0, .4);

    background-repeat: no-repeat;

    background-position: center;

    z-index: 3;

    transition: all .3s;

}



.order-prev {

    background-image: url('/bocstatic/web/img/order-prev.png');

    left: 0;

}



.order-next {

    background-image: url('/bocstatic/web/img/order-next.png');

    right: 0;

}



.order-tab-wrap .order-prev,

.order-tab-wrap .order-next {

    transform: translateY(calc(-50% + .75rem));

}



.order-tab-wrap:before,

.order-tab-wrap:after {

    content: "";

    position: absolute;

    top: 1.5rem;

    width: 7.25rem;

    height: calc(100% - 1.5rem);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 2;

}



.order-tab-wrap:before {

    left: 0;

    background-image: url('/bocstatic/web/img/order-tab-mask1.png');

}



.order-tab-wrap:after {

    right: 0;

    background-image: url('/bocstatic/web/img/order-tab-mask2.png');

}



.order-tab-box .more-btn {

    display: block;

    width: 7.5rem;

    height: 1.25rem;

    line-height: 1.25rem;

    margin: 2.75rem auto 0;

    text-align: center;

    background-color: #de0245;

    color: #fff;

    font-size: .4rem;

    border-radius: 2px;

    transition: all .3s;

}



.order-tab-box .btns {

    position: relative;

    text-align: center;

    font-size: 0;

    margin-top: 1rem;

}



.order-contact {

    padding: 2rem 0;

    background-color: #f5f5f5;

    text-align: center;

    font-size: 0;

}



.qrcode-box,

.hotline-box {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 1rem;

    vertical-align: middle;

}



.qrcode-box {

    /* width: 7.5rem;

    background-color: #fff;

    padding: 1.25rem 0 1.125rem;

    border-radius: .4rem;

    box-shadow: 0 10px 20px rgba(0,0,0,.05); */

}



.qrcode-box .img {

    width: 3.5rem;

    margin: 0 auto;

}



.qrcode-box .img img {

    width: 100%;

}



.qrcode-box .icon {

    display: none;

    width: .625rem;

    margin: .6rem auto 0;

}



.qrcode-box .tit {

    display: none;

    font-size: .5rem;

    line-height: .6rem;

    color: #212121;

    margin-top: .2rem;

}



.qrcode-box .desc {

    font-size: .375rem;

    color: #999;

    line-height: .4rem;

    margin-top: .2rem;

}



.hotline-box .con-box {

    text-align: left;

}



.hotline-box .tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .5rem;

    line-height: 1.375rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('/bocstatic/web/img/hotline-icon.png');

    padding-left: 1.75rem;

    background-size: 1.375rem;

}



.hotline-box .tel {

    font-size: 0;

    color: #de0045;

    margin-top: .5rem;

    padding-bottom: .6rem;

    border-bottom: 1px solid #dcdcdc;

    /* padding-right: .75rem; */

}



.hotline-box .tel p {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .6rem;

    line-height: .7rem;

    margin-right: .75rem;

}



.hotline-box .con {

    font-size: .35rem;

    line-height: .4rem;

    color: #999;

    margin-top: .4rem;

}



.order-dialog-box {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 90;

    display: none;

}



.order-dialog-box .black {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    filter: alpha(opacity=60);

}



.order-dialog {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 78.125%;

    transform: translate(-50%, -50%);

}



.order-dialog img {

    width: 100%;

    display: block;

}



.order-dialog .order-dialog-close {

    position: absolute;

    width: .525rem;

    top: 4.53%;

    right: 2.2%;

    z-index: 3;

}



.order-dialog .bimg-tab {

    overflow: hidden;

}



.order-dialog .bimg-tab .order-prev,

.order-dialog .bimg-tab .order-next {

    display: none;

}



.order-dialog .bimg-tab .txt {

    position: absolute;

    left: 0;

    bottom: 5.33%;

    width: 100%;

    box-sizing: border-box;

    padding: 0 1.25rem;

    font-size: .75rem;

    color: #fff;

    line-height: .8rem;

}



.order-dialog .simg-tab {

    position: absolute;

    right: 7.33%;

    top: 50%;

    transform: translateY(-50%);

    width: 14.67%;

    height: 88%;

    z-index: 3;

    overflow: hidden;

}



.order-dialog .simg-tab .con-box {

    position: relative;

    cursor: pointer;

}



.order-dialog .simg-tab .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    border: 3px solid transparent;

    background-color: #000;

    opacity: .5;

    filter: alpha(opacity=50);

    transition: all .3s;

}



.order-dialog .simg-tab .swiper-slide.cur .mask {

    opacity: 1;

    filter: alpha(opacity=100);

    background-color: transparent;

    border-color: #de0245;

}



.cases-box {

    padding: 2rem 0;

}



.case-view {

    width: 83.33%;

    margin: 0 auto;

}



.ban-cases {

    position: relative;

}



.ban-cases .bg {

    height: 5.5rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    z-index: -1;

}



.ban-cases .txt {

    position: absolute;

    left: 7.5%;

    top: 50%;

    transform: translateY(-50%);

    font-size: 1.35rem;

    line-height: 1.4rem;

    color: #fff;

}



.ban-cases .txt span {

    position: relative;

    display: inline-block;

    *display: inline;

    zoom: 1;

}



.ban-cases .txt span:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 6px;

    background-color: #de0245;

    z-index: -1;

}



.cases-wrap {

    margin-top: 3.1rem;

}



.case-type-box .left {

    float: left;

    margin-top: .1rem;

}



.case-type-box .type-tit {

    float: left;

    font-size: .5rem;

    line-height: .8rem;

    color: #de0245;

    padding-left: .8rem;

    margin-top: .1rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .4rem;

    background-image: url('/bocstatic/web/img/case-icon.png');

}



.case-type-box .type-list {

    float: left;

    margin-top: .1rem;

    margin-left: 1.25rem;

}



.case-type-box .type-list .swiper-slide {

    width: auto;

    margin-right: .75rem;

}



.case-type-box .type-list a {

    display: block;

    font-size: .425rem;

    line-height: .8rem;

    color: #4c4c4c;

    padding: 0 .4rem;

    border-radius: 3px;

    transition: all .3s;

}



.case-type-box .type-list .swiper-slide.cur a {

    color: #fff;

    background-color: #de0245;

}



.case-type-box .back-btn {

    float: right;

    width: 3rem;

    height: 1rem;

    background-color: #de0245;

    color: #fff;

    font-size: .45rem;

    text-align: center;

    line-height: 1rem;

    border-radius: 3px;

}



.case-list {

    margin-top: 1.3rem;

}



.case-list .top-box {

    position: relative;

}



.case-list .item {

    width: 49.875%;

}



.case-list .con-box {

    display: block;

}



.case-list .left {

    float: left;

}



.case-list .right {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

}



.case-list .con-box {

    position: absolute;

    width: 49.624%;

}



.case-list .top-box .left .con-box {

    position: relative;

    width: 100%;

}



.case-list .simg-item .con-box:nth-child(1) {

    left: 0;

    top: 0;

}



.case-list .simg-item .con-box:nth-child(2) {

    right: 0;

    top: 0;

}



.case-list .simg-item .con-box:nth-child(3) {

    left: 0;

    bottom: 0;

}



.case-list .simg-item .con-box:nth-child(4) {

    right: 0;

    bottom: 0;

}



.case-list .left.mid-item {

    position: relative;

}



.case-list .left.mid-item .con-box:nth-child(1) {

    position: relative;

    float: left;

}



.case-list .left.mid-item .con-box:nth-child(2) {

    right: 0;

    top: 0;

}



.case-list .left.mid-item .con-box:nth-child(3) {

    right: 0;

    bottom: 0;

}



.case-list .bottom-box {

    position: relative;

    margin-top: .2rem;

}



.case-list .right.mid-item .con-box:nth-child(1) {

    left: 0;

    top: 0;

}



.case-list .right.mid-item .con-box:nth-child(2) {

    right: 0;

    top: 0;

}



.case-list .right.mid-item .con-box:nth-child(3) {

    right: 0;

    bottom: 0;

}



.case-list .con-box .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.case-list .con-box .icon {

    position: absolute;

    left: 50%;

    top: 50%;

    width: .975rem;

    transform: translate(-50%, -50%);

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.case-page {

    margin-top: 2rem;

    font-size: 0;

    text-align: center;

}



.case-page .page {

    display: inline-block;

    *display: inline;

    zoom: 1;

    padding: 1rem;

    background-color: #fffcfd;

}



.bread-box {

    height: 1rem;

}



.bread-view {

    width: 72.9%;

    margin: 0 auto;

}



.bread-box .bread {

    font-size: 0;

}



.bread-box span,

.bread-box a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: 1rem;

    color: #333;

}



.bread-box a.cur {

    color: #666;

}



.bread-box span {

    margin: 0 3px;

}



.proinfo-box {

    padding: 1rem 0 2rem;

    background-color: #f7f7fa;

    border-bottom: 1px solid #dcdcdc;

}



.proinfo-box .back-box {

    margin-bottom: 1rem;

}



.proinfo-view {

    width: 1040px;

    margin: 0 auto;

}



.proinfo .left {

    float: left;

    width: 40.9%;

}



.proinfo .bimg-box {

    position: relative;

    z-index: 4;

}



.proinfo .bimg-box .swiper-slide {

    opacity: 0;

    filter: alpha(opacity=0);

    overflow: hidden;

}



.proinfo .bimg-box .swiper-slide img {

    width: 100%;

}



.proinfo .bimg-box .swiper-slide-active {

    z-index: 3;

}



.proinfo .bimg-box .play-btn {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1.25rem;

    height: 1.25rem;

    /*  background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/productinfo-play.png'); */

    margin: -.625rem 0 0 -.625rem;

    z-index: 30;

}



.proinfo .bimg-box .play-btn svg {

    width: 100%;

}



.proinfo .bimg-box .magnifier {

    height: 3.75rem;

    width: 3.75rem;

    position: absolute;

    z-index: 20;

    background-size: 500%;

    background-repeat: no-repeat;

    margin-left: -1.875rem;

    margin-top: -1.875rem;

    pointer-events: none;

    border-radius: 100%;

    display: none;

    /* z-index: 3; */

}



.proinfo .simg-box {

    overflow: hidden;

    margin-top: .75rem;

    /*   position: relative;

    z-index: 3; */

}



.proinfo .simg-box .swiper-slide {

    position: relative;

    cursor: pointer;

}



.proinfo .simg-box .swiper-slide img {

    width: 100%;

}



.proinfo .simg-box .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .1;

    box-sizing: border-box;

    border: 2px solid transparent;

    filter: alpha(opacity=10);

    transition: all .3s;

}



.proinfo .simg-box .swiper-slide.cur .mask {

    opacity: 1;

    filter: alpha(opacity=100);

    border-color: #C8102E;

    background-color: transparent;

}



.proinfo .right {

    float: right;

    width: 45.45%;

}



.proinfo .right .tit {

    font-size: .8rem;

    line-height: .9rem;

    color: #000;

}



.proinfo .right .desc {

    font-size: .4rem;

    line-height: .5rem;

    color: #000;

    margin-top: 2rem;

}



.proinfo .proinfo-text {

    margin-top: .75rem;

    /* padding: .3rem 0; */

    /* border-top: 1px solid #e5e5e5; */

}



.proinfo .proinfo-text table {

    width: 100%;

}



.proinfo .proinfo-text td {

    font-size: .4rem;

    line-height: .5rem;

    color: #000;

    padding: .6rem 0;

    border-bottom: 1px solid #e5e5e5;

}



.proinfo .proinfo-text tr:nth-child(1) td {

    /* padding-top: 0; */

}



.proinfo .color-select {

    margin-top: .6rem;

}



.proinfo .color-select .color-tit {

    color: #000;

    font-size: .4rem;

    line-height: .5rem;

}



.proinfo .color-select .color-list {

    margin-top: 1.4rem;

    font-size: 0;

    border-bottom: 1px solid #e5e5e5;

    padding-bottom: .5rem;

}



.proinfo .color-select .color-list .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin-right: .2rem;

    position: relative;



}



.proinfo .color-select .color-list .icon {

    display: block;

    width: .8rem;

    height: .8rem;

    border-radius: 100%;

    transition: all .3s;

}



.proinfo .color-select .color-list .icon span {

    position: absolute;

    left: 50%;

    top: 50%;

    width: .6rem;

    height: .6rem;

    border-radius: 100%;

    transform: translate(-50%, -50%);

}



.proinfo .color-select .color-list .sub {

    position: absolute;

    left: 50%;

    bottom: 100%;

    transform: translateX(-50%);

    padding-bottom: .25rem;

    display: none;

}



.proinfo .color-select .color-list .sub .txt {

    display: block;

    white-space: nowrap;

    font-size: .3rem;

    line-height: .75rem;

    background-color: #de0245;

    padding: 0 .6rem;

    color: #fff;

    border-radius: 2px;

    position: relative;

}



.proinfo .color-select .color-list .sub .txt:before {

    content: "";

    position: absolute;

    width: 11px;

    height: 4px;

    background-repeat: no-repeat;

    background-position: center;

    margin-left: -5px;

    left: 50%;

    bottom: -4px;

    background-image: url('/bocstatic/web/img/color-sj.png');

}



.proinfo .color-select .color-list .item.cur .icon {

    background-color: #fff;

    box-shadow: 0 0 3px rgba(0, 0, 0, .5);

}



.proinfo .buy-btn {

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    background-color: #de0245;

    margin-top: 2.15rem;

    text-align: center;

    color: #fff;

    font-size: .35rem;

}



.proinfo .icon-box {

    margin-top: .8rem;

    font-size: 0;

    text-align: center;

}



.proinfo .icon-box .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .75rem;

    padding-left: 1.25rem;

    margin-right: .5rem;

    padding-right: .5rem;

    vertical-align: middle;

    position: relative;

}



.proinfo .icon-box .item:last-child {

    padding-right: 0;

    margin-right: 0;

}



.proinfo .icon-box .item:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: 1px;

    height: .85rem;

    transform: translateY(-50%);

    background-color: #000;

    opacity: .1;

    filter: alpha(opacity=10);

}



.proinfo .icon-box .item:last-child:before {

    display: none;

}



.proinfo .icon-box .txt {

    font-size: .35rem;

    color: #000;

    line-height: .85rem;

}



.proinfo .icon-box .item:nth-child(2) .icon-tit {

    font-size: .3rem;

    line-height: .4rem;

    color: #000;

}



.proinfo .icon-box .item:nth-child(2) .txt {

    line-height: .4rem;

    margin-top: 2px;

}



.proinfo-view2 {

    width: 1130px;

    margin: 0 auto;

    position: relative;

}



.proinfo-nav-box {

    background-color: #f7f7fa;

    border-bottom: 1px solid #dcdcdc;

    height: calc(1.7rem + 1px);

}



.proinfo-nav {

    font-size: 0;

    float: right;

    width: 66.37%;

}



.proinfo-nav a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    line-height: 1.7rem;

    font-size: .4rem;

    color: #333;

    margin-right: 4rem;

    position: relative;

}



.proinfo-nav a:last-child {

    margin-right: 0;

}



.proinfo-nav a:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    bottom: -2px;

    background-color: #de0245;

    transition: all .3s;

}



.proinfo-nav a.cur {

    color: #de0245;

}



.proinfo-nav a.cur:before {

    width: 100%;

}



.proinfo-bottom-box {

    padding: 1.9rem 0 4rem;

    position: relative;

    z-index: 2;

}



.proinfo-bottom-box .proinfo-aside {

    float: left;

    width: 7rem;

}



.proinfo-aside-tit {

    height: 1.5rem;

    line-height: 1.5rem;

    background-color: #de0245;

    color: #fffefe;

    font-size: .6rem;

    text-align: center;

}



.proinfo-bottom-box .proinfo-aside .list {

    margin-top: .6rem;

}



.proinfo-bottom-box .proinfo-aside .list .item {

    margin-bottom: .5rem;

}



.proinfo-aside .list .con-box {

    display: block;

    background-color: #fff;

    height: 6.5rem;

    position: relative;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

}



.proinfo-aside .list .con-box .img {

    width: 57.14%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

}



.proinfo-aside .list .con-box .text {

    position: absolute;

    left: 0;

    top: 18.8679%;

    width: 100%;

    text-align: center;

    z-index: 3;

}



.proinfo-aside .list .con-box .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #de0245;

    font-weight: bold;

}



.proinfo-aside .list .con-box .desc {

    font-size: .425rem;

    color: #000;

    line-height: .5rem;

    margin-top: 3px;

}



.proinfo-aside .contact-btn {

    height: 1.75rem;

    background-color: #de0245;

    color: #fff;

    font-size: .55rem;

    line-height: 1.75rem;

    border-radius: .875rem;

    display: block;

    padding-left: 3rem;

    overflow: hidden;

    position: relative;

    margin-top: .9rem;

}



.proinfo-aside .contact-btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1.8rem;

    height: 1.8rem;

    background-image: url('/bocstatic/web/img/contact-icon.png');

    background-repeat: no-repeat;

    background-size: cover;

}



.proinfo-bottom-box .right {

    float: right;

    width: 66.37%;

    position: relative;

}



.proinfo-bottom-box .right .con img {

    max-width: 100%;

}



.proinfo-bottom-box .right .con table {

    width: 100%;

}



.proinfo-bottom-box .right .con table tr:nth-child(1) td {

    padding-top: 0;

}



.proinfo-bottom-box .right .con table td {

    padding: 1.5rem 0;

    border-bottom: 1px solid #e5e5e5;

    vertical-align: top;

    color: #333;

    font-size: .425rem;

    line-height: .75rem;

}



.proinfo-bottom-box .right .con table h3 {

    font-size: .55rem;

    color: #19191a;

    line-height: .6rem;

}



.type-btns {

    font-size: 0;

}



.type-btns a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .45rem;

    line-height: .5rem;

    padding-bottom: 5px;

    position: relative;

    color: #1a1a1a;

    margin-right: 1.25rem;

    transition: all .3s;

}



.type-btns a:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 3px;

    background-color: #de0245;

    transition: all .3s;

}



.type-btns a.cur {

    color: #de0245;

    font-weight: bold;

}



.type-btns a.cur:before {

    width: 100%;

}



.proinfo-bottom-box .data-list {

    margin-top: 1.25rem;

    min-height: 25rem;

}



.proinfo-bottom-box .data-list .type-item {

    display: none;

}



.proinfo-item {

    display: none;

}



.proinfo-bottom-box .right .block {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

}



.brand-top {

    padding-top: 2.375rem;

}



.brand-top .left {

    float: left;

    width: 38%;

    margin-left: 5.11%;

}



.brand-top .tit-box {

    border-bottom: 1px solid #ebebeb;

    padding-bottom: .7rem;

}



.brand-top .tit {

    font-size: 1rem;

    line-height: 1.1rem;

    color: #333;

}



.brand-top .tit span {

    color: #de0245;

}



.brand-top .desc {

    font-size: .5rem;

    line-height: .6rem;

    color: #1a1a1a;

    margin-top: .4rem;

}



.brand-top .left .con-box {

    margin-left: 1.75rem;

}



.brand-top .left .m-img {

    display: none;

}



.brand-top .left .con {

    font-size: .425rem;

    color: #333;

    line-height: .9rem;

    margin-top: 1rem;

}



.brand-top .left .con em {

    color: #de0245;

    font-size: .6rem;

    line-height: .7rem;

    font-style: normal;

}



.brand-top .left .brand-world {

    margin-top: 2.5rem;

    position: relative;

}



.brand-top .left .brand-world img {

    width: 100%;

    display: block;

}



.brand-top .left .brand-world .item {

    position: absolute;

}



.brand-top .left .brand-world .lg-point {

    width: 2.638%;

}



.brand-top .left .brand-world .sm-point {

    width: 1.8%;

}



.brand-top .left .brand-world .list .item:nth-child(1) {

    left: 11.8%;

    top: 24.16%;

}



.brand-top .left .brand-world .list .item:nth-child(2) {

    left: 53.47%;

    top: 64%;

}



.brand-top .left .brand-world .list .item:nth-child(3) {

    left: 74.44%;

    top: 47.13%;

}



.brand-top .left .brand-world .list .item:nth-child(4) {

    left: 24.17%;

    top: 13.293%;

}



.brand-top .left .brand-world .list .item:nth-child(5) {

    left: 19.44%;

    top: 51.359%;

}



.brand-top .left .brand-world .list .item:nth-child(6) {

    left: 48.61%;

    top: 10.876%;

}



.brand-top .left .brand-world .list .item:nth-child(7) {

    left: 44.166%;

    top: 47.13%;

}



.brand-top .left .brand-world .list .logo {

    width: 12.1%;

    left: 61.8421%;

    top: 25.98%;

}



.brand-top .right {

    float: right;

    width: 39.659%;

    margin-right: 6.8%;

    position: relative;

}



.brand-top .right .simg {

    width: 59.742%;

    margin-left: -12.6%;

    margin-top: -1.3rem;

    position: relative;

    box-shadow: 0 9px 46px rgba(10, 28, 64, .1);

}



.brand-top .right .simg .play-btn {

    position: absolute;

    left: 50%;

    width: 1.225rem;

    top: 50%;

    transform: translate(-50%, -50%);

}



.brand-top .right .simg .play-btn img {

    transition: all .3s;

}



.brand-top .right .simg .play-btn .hover {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    filter: alha(opacity=0);

}



.brand-bottom {

    padding: 3.5rem 0 3rem;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

}



.brand-bottom .left {

    float: left;

    width: 42.727%;

    margin-left: 5.68%;

}



.brand-bottom .left .circle-box {

    position: relative;

    animation: circle 120s linear infinite forwards;

}



.brand-bottom .left .circle-box .brand-circle-logo {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 23%;

    transform: translate(-50%, -50%);



}



.brand-bottom .left .circle-box .brand-circle-logo img {

    animation: circle2 120s linear infinite forwards;

}



.brand-bottom .left .item {

    position: absolute;

    width: 19.547%;

    cursor: pointer;

    animation: circle2 120s linear infinite forwards;

}



.brand-bottom .left .item img {

    transition: all .3s;

}



.brand-bottom .left .item:nth-child(1) {

    left: 52%;

    top: 10%;

}



.brand-bottom .left .item:nth-child(2) {

    left: 84.67%;

    top: 22.67%;

}



.brand-bottom .left .item:nth-child(3) {

    left: 87%;

    top: 60%;

}



.brand-bottom .left .item:nth-child(4) {

    left: 54.67%;

    top: 75.67%;

}



.brand-bottom .left .item:nth-child(5) {

    left: 16%;

    top: 88%;

}



.brand-bottom .left .item:nth-child(6) {

    left: -10%;

    top: 46.67%;

}



.brand-bottom .left .item:nth-child(7) {

    left: 10%;

    top: 25.33%;

}



.brand-bottom .left .item:nth-child(8) {

    left: 20%;

    top: 0%;

}



.brand-bottom .left .item:nth-child(9) {

    left: 7%;

    top: 58%;

    ;

}

.brand-bottom .left .item:nth-child(10) {

    left: 56%;

    top: -5%;

}



.brand-bottom .left .item .hover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.brand-bottom .left .item.cur .hover,

{

opacity: 1;

filter: alpha(opacity=100);

}



.brand-bottom .left .circle-box.on,

.brand-bottom .left .circle-box.on .item,

.brand-bottom .left .circle-box.on .brand-circle-logo img {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

    /* Safari 和 Chrome */

}



@keyframes circle {

    0% {

        transform: rotate(0);

    }



    100% {

        transform: rotate(360deg);

    }

}



@keyframes circle2 {

    0% {

        transform: rotate(0);

    }



    100% {

        transform: rotate(-360deg);

    }

}





.brand-bottom .right {

    float: right;

    width: 37.5%;

    padding-top: .5rem;

}



.brand-bottom .right .brand-btns {

    display: none;

}



.brand-bottom .right .logo-icon {

    display: none;

}



.brand-bottom .right .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #1a1a1a;

    text-align: center;

}



.brand-bottom .right .line {

    width: 1.25rem;

    height: 4px;

    background-color: #cf234b;

    margin: .8rem auto 0;

}



.brand-bottom .right .con {

    font-size: .375rem;

    line-height: .9rem;

    color: #4c4c4c;

    text-align: center;

    margin-top: .9rem;

}



.brand-bottom .right .play-box {

    text-align: center;

    font-size: 0;

    margin-top: 1.75rem;

}



.brand-bottom .right .play-btn {

    display: inline-block;

    *display: inline;

    zoom: 1;

}



.brand-bottom .right .play-btn .icon {

    width: 1.8rem;

    margin: 0 auto;

    position: relative;

    top: 0;

    transition: all .3s;

}



.brand-bottom .right .play-btn .txt {

    font-size: .425rem;

    line-height: .5rem;

    margin-top: .2rem;

    text-align: center;

    color: #1a1a1a;

    transition: all .3s;

}



.brand-bottom .right .more-btn {

    /* display: block;

    width: 4rem;

    height: 1.15rem;

    background-color: #C8102E;

    text-align: center;

    font-size: .375rem;

    font-weight: bold;

    text-align: center;

    color: #fff;

    line-height: 1.15rem; */

    margin: 1.6rem auto 0;

    transition: all .3s;

}



.brand-bottom .right .num-box {

    margin-top: 2.5rem;

    font-size: 0;

    text-align: center;

}



.brand-bottom .right .num-box .cur,

.brand-bottom .right .num-box .brand-progress,

.brand-bottom .right .num-box .total {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: middle;

}



.brand-bottom .right .num-box .cur,

.brand-bottom .right .num-box .total {

    font-size: .6rem;

    line-height: .7rem;

    color: #1a1a1a;

}



.brand-bottom .right .num-box .brand-progress {

    width: 8rem;

    height: 1px;

    background-repeat: repeat-x;

    margin: 0;

    background-image: url('/bocstatic/web/img/brand-line.png');

    margin: 0 .8375rem;

    position: relative;

}



.brand-bottom .right .num-box .brand-progress .block {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: .88rem;

    height: .88rem;

    border-radius: 100%;

    border: 1px solid #030000;

    margin-left: -.4375rem;

    background-image: url('/bocstatic/web/img/brand-progress.png');

    background-color: #e7e8ea;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 9px;

}



.brandinfo-page header .header-nav {

    border-bottom: none;

}



.brandinfo-page .sub-nav-box {

    background-color: #f0f0f0;

}



.jishi-box {

    padding: 1.25rem 0 1.35rem;

}



.ban-brand {

    position: relative;

}



.ban-brand .pc-img,

.ban-brand .m-img {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.ban-brand .pc-img {

    height: 17.75rem;

}



.ban-brand .m-img {

    display: none;

}



.ban-brand .ban-dialog {

    position: absolute;

    right: 4.26%;

    top: 50%;

    transform: translateY(-50%);

    width: 32%;

    box-sizing: border-box;

    background-color: #fff;

    padding: 1.5rem 1.375rem 1.5rem 1.5rem;

}



.ban-brand .ban-dialog .ban-logo img {

    width: auto;

    max-width: 100%;

}



.ban-brand .ban-dialog .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #3d3d3d;

    font-weight: bold;

    margin-top: .5rem;

}



.ban-brand .ban-dialog .con {

    font-size: .4rem;

    color: #666;

    line-height: .8rem;

    margin-top: .4rem;

}



.ban-brand .ban-dialog .ban-more {

    display: block;

    width: 4rem;

    height: 1.15rem;



    text-align: center;

    font-size: .4rem;

    color: #fff;

    line-height: 1.15rem;

    font-weight: bold;

    margin-top: .75rem;

    border-radius: 4px;

}



.jishi-box .ban-brand .ban-dialog .ban-more {

    background: linear-gradient(to right, #009be2, #195fab);

}



.brand-video {

    margin: 2rem 0;

    position: relative;

}



.brand-video .m-img {

    display: none;

}



.brand-video .play-btn {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 1.8rem;

    transform: translate(-50%, -50%);

}



.brand-video .play-btn img {

    transition: all .3s;

}



.brand-video .play-btn .hover {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    filter: alpha(opacity=0);

}



.solution-box {

    margin-top: 1.75rem;

}



.brandinfo-tit {

    font-size: .7rem;

    line-height: .8rem;

    color: #060606;

    font-weight: bold;

}



.solutio-wrap {

    margin: 0 -.6rem;

}



.solution-tab {

    margin: 1rem -.6rem 0;

    position: relative;

    /* overflow: hidden; */

    padding-bottom: 1.15rem;

    padding: 0 .3rem 1.15rem;

}



.solution-tab .row {

    margin: 0 -.3rem;

}



.solution-tab .item {

    box-sizing: border-box;

    /* padding: 1rem .3rem 0; */

    padding: 0 .4rem;

    margin-bottom: .8rem;

}



.solution-tab .con-box {

    display: block;

    position: relative;

    top: 0;

    transition: all .3s;

}



.solution-tab .con-box .mask {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-image: url('/bocstatic/web/img/solution-mask1.png');

    transition: all .3s;

}



.solution-tab .con-box .text {

    position: absolute;

    left: 0;

    bottom: 7.6%;

    width: 100%;

    box-sizing: border-box;

    padding: 0 .75rem;

    /* height: 5.1rem; */

    height: .7rem;

    overflow: hidden;

    transition: all .3s;

}



.solution-tab .con-box .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #fff;

}



.solution-tab .con-box .con {

    font-size: .4rem;

    line-height: .6rem;

    height: 1.2rem;

    overflow: hidden;

    opacity: .8;

    filter: alpha(opacity=80);

    color: #fff;

    text-align: center;

    margin-top: .8rem;

}



.solution-tab .con-box .solution-btn {

    width: 1.25rem;

    height: 1.25rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/solution-btn.png');

    margin: 1.15rem auto 0;

}



.solution-tab .solution-prev,

.solution-tab .solution-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 1.25rem;

    height: 1.75rem;

    background-color: rgba(0, 0, 0, .4);

    background-repeat: no-repeat;

    background-position: center;

    background-size: .3rem;

    z-index: 3;

    transition: all .3s;

}



.solution-tab .solution-prev {

    left: .6rem;

    background-image: url('/bocstatic/web/img/solution-prev.png');

}



.solution-tab .solution-next {

    right: .6rem;

    background-image: url('/bocstatic/web/img/solution-next.png');

}



.custom-box {

    padding: 1.5rem 0 3.5rem;

    position: relative;

    background-color: #f5f5f5;

}



.custom-box .brandinfo-tit {

    text-align: center;

}



.custom-box .custom-wrap {

    padding-bottom: 2rem;

    border-bottom: 1px solid #e2e2e2;

}



.custom-box .custom {

    margin-top: 1.25rem;

}



.custom-box .m-box {

    display: none;

}



.custom-box .row {

    margin: 0 -.2rem;

}



.custom-box .custom {

    overflow: hidden;

}



.custom-box .swiper-slide {

    margin-right: .4rem;

}



.custom-box .swiper-slide:last-child {

    margin-right: 0;

}



.custom-box .item {

    box-sizing: border-box;

    padding: 0 .2rem;

    margin-bottom: .6rem;

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

    height: 3.5rem;

}



.custom-box .pro-btn {

    margin-top: .9rem;

}



.custom-box .pro-btn .swiper-pagination-bullet {

    background-color: #cbcbcb;

}



.custom-box .pro-btn .swiper-pagination-bullet-active {

    background-color: #d8134a;

}



.jishi-contact {

    margin-top: 2rem;

    text-align: center;

}



.jishi-contact .hotline-box .item {

    margin-bottom: 0;

    margin-right: 1rem;

}



.jishi-contact .hotline-box .item:last-child {

    margin-right: 0;

}



.hotline-box .item:nth-child(2) .tit {

    background-image: url('/bocstatic/web/img/website-icon.png');

}



.jishi-contact .hotline-box .tel {

    padding-bottom: 0;

    border-bottom: none;

    margin-top: .4rem;

    /* line-height: 1rem; */

    font-size: .6rem;

    line-height: .7rem;

}



.jishi-contact .hotline-box .website {

    display: block;

    font-size: .6rem;

    line-height: .7rem;

    color: #212121;

    margin-top: .4rem;

}



.ejia-box {

    padding: 1.25rem 0 0;

}



.ejia-box .ban-brand .ban-dialog .ban-more {

    background-color: #4a4e9b;

}



.ejia-recommend {

    padding: 0 0 1.5rem;

    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);

}



.ejia-recommend .m-box {

    display: none;

}



.ejia-wrap {

    margin-bottom: 1.5rem;

}



.ejia-wrap:last-child {

    margin-bottom: 0;

}



.ejia-wrap .type-box .row {

    margin: 0 -.35rem;

}



.ejia-wrap .type-box .item {

    box-sizing: border-box;

    padding: 0 .35rem;

}



.ejia-wrap .type-box .con-box {

    display: block;

    position: relative;

    top: 0;

    transition: all .3s;

}



.ejia-wrap .type-box .con-box .txt {

    position: absolute;

    left: 0;

    top: 79.76%;

    width: 81%;

    box-sizing: border-box;

    padding: 0 9.5%;

    font-size: .7rem;

    line-height: .8rem;

    color: #fff;

}



.ejia-wrap .type-box .img {

    background-repeat: no-repeat;

    background-position: center;

    background-position: top center;

    background-size: cover;

    overflow: hidden;

    transition: all .3s;

}



.ejia-wrap .type-box .img {

    padding-top: 100%;

}



.ejia-product-wrap {

    margin-top: 1.75rem;

}



.ejia-recommend .brandinfo-tit {

    margin-bottom: .75rem;

}



.ejia-tab {

    margin: 0 -.35rem;

    overflow: hidden;

}



.ejia-tab .swiper-slide {

    box-sizing: border-box;

    padding: 0 .35rem;

}



.product-list .con-box {

    background-color: #fff;

    padding: 1.25rem .6rem .8rem;

    text-align: center;

    position: relative;

}



.product-list .con-box .block {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.product-list .con-box .top-icon {

    position: absolute;

    right: .6rem;

    top: .6rem;

    font-size: 0;

    z-index: 3;

}



.product-list .con-box .icon {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 27px;

    height: 27px;

    background-repeat: no-repeat;

    background-position: center;

    /* background-image: url('/bocstatic/web/img/ejia-tag.png'); */

    text-align: center;

    background-size: cover;

    /* line-height: 20px;

    color: #fff;

    font-size: 12px; */

    margin-right: .3rem;

}



.product-list .con-box .icon:last-child {

    margin-right: 0;

}



.product-list .con-box .pro-hot {

    background-image: url('/bocstatic/web/img/pro-hot.png');

}



.product-list .con-box .pro-new {

    background-image: url('/bocstatic/web/img/pro-new.png');

}



.product-list .con-box .img {

    position: relative;

}



.product-list .con-box .img .true-img {

    position: absolute;

    left: 0;

    top: 0;

}



.product-list .tit {

    font-size: .4rem;

    line-height: .5rem;

    color: #000;

    font-weight: bold;

    height: 1rem;

    overflow: hidden;

}



.product-list .con {

    font-size: .35rem;

    line-height: .4rem;

    color: #999;

    margin-top: .2rem;

}



.product-list .con-box .mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

    z-index: 3;

}



.product-list .con-box .list-btns {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;

    transition: all .3s;

    z-index: 3;

}



.product-list .con-box .list-btns a {

    display: block;

    width: 3.25rem;

    height: 1.1rem;

    border: 2px solid #fff;

    margin: 0 auto .85rem;

    line-height: 1.1rem;

    font-size: .4rem;

    color: #fff;

    font-weight: bold;

    border-radius: 4px;

    transition: all .3s;

}



.product-list .con-box .list-btns a:last-child {

    margin-bottom: 0;

}



.ejia-tab .pro-btn {

    margin-top: 1rem;

}



.ejia-wrap .type-box .item.cur .con-box {

    top: -.5rem;

}



.ejia-wrap .type-box .item.cur .img {

    background-position: bottom center;

}



.ejia-wrap .pro-btn .swiper-pagination-bullet {

    background-color: #c1c1c1;

}



.ejia-wrap .pro-btn .swiper-pagination-bullet-active {

    background-color: #d8134a

}



.office-box {

    padding: 1.25rem 0 3.75rem;

}



.office-box .ban-brand .ban-dialog .ban-more {

    background-color: #df0345;

}



.office-solution-box {

    height: 15rem;

    margin-top: 1.1rem;

    display: none;

}



.office-solution-box .left,

.office-solution-box .right {

    float: left;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}



.office-solution-box .left {

    width: 57.1%;

}



.office-solution-box .left .office-dialog {

    position: absolute;

    left: 6.965%;

    top: 50%;

    transform: translateY(-50%);

    width: 9.75rem;

    padding: 1.4rem 1.25rem 2rem;

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/office-dialog-bg.png');

}



.office-solution-box .left .icon {

    width: 2.425rem;

}



.office-solution-box .left .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #060606;

    font-weight: bold;

    margin-top: 1.1rem;

}



.office-solution-box .left .con {

    font-size: .35rem;

    line-height: .8rem;

    color: #666;

    margin-top: .6rem;

}



.office-solution-box .right {

    width: 42.9%;

}



.office-solution-box .right .text {

    position: absolute;

    left: 0;

    top: 18.33%;

    width: 100%;

    text-align: center;

}



.office-solution-box .right .desc {

    font-size: .5rem;

    line-height: .6rem;

    color: #404040;

}



.office-solution-box .right .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #060606;

    margin-top: .5rem;

    font-weight: bold;

}



.office-solution-box .right .consult-btn {

    /* display: block;

    width: 4.4rem;

    height: 1.15rem;

    line-height: 1.15rem;

    background-color: #df0345;

    text-align: center;

    font-size: .4rem;

    color: #fff;

    font-weight: bold; */

    margin: 1.65rem auto 0;

}



.office-box .ejia-recommend {

    padding: 0;

    margin-top: 1.5rem;

    background: none;

}



.office-box .ejia-recommend .mask {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/office-mask.png');

}



.office-box .ejia-recommend .text {

    position: absolute;

    left: 0;

    bottom: 7.6%;

    width: 100%;

    box-sizing: border-box;

    padding: 0 9.5%;

}



.office-box .ejia-recommend .text .tit {

    font-size: .75rem;

    line-height: .8rem;

    color: #fff;

}



.office-box .ejia-recommend .text .con {

    font-size: .4rem;

    line-height: .5rem;

    color: #fff;

    opacity: .6;

    filter: alpha(opacity=60);

    margin-top: .2rem;

}



.tools-box {

    padding: 1.25rem 0 0;

}



.tools-box .ban-brand .ban-dialog .ban-more {

    background-color: #fdd000;

    color: #060606;

}



.tools-recommend {

    margin-top: .875rem;

    padding: .875rem 0 2.125rem;

    background-color: #f7f8fa;

}



.recommend-tit .brandinfo-tit {

    float: left;

}



.recommend-tit .right-btn {

    float: right;

    font-size: .4rem;

    color: #666;

    line-height: .8rem;

    padding-right: .5rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/products-more.png');

    font-weight: bold;

    transition: all .3s;

}



.tools-recommend .product-list {

    margin-top: .75rem;

}



.tools-recommend .product-list .row {

    margin: 0 -.2rem;

}



.tools-recommend .product-list .item {

    width: 20%;

    float: left;

    box-sizing: border-box;

    padding: 0 .2rem;

    margin-bottom: .5rem;

}



.stationery-box {

    padding-top: 1.25rem;

}



.stationery-box .ban-brand .ban-dialog .ban-more {

    background-color: #df0345;

}



.stationery-recommend {

    margin-top: 1rem;

    padding: 1rem 0 2.9rem;

    background-color: #f7f8fa;

}



.stationery-recommend .ejia-tab {

    margin-top: .75rem;

}



.series-box {

    margin: .75rem -.6rem 0;

    overflow: hidden;

    padding: 1rem .6rem 0;

}



.series-box .hover-box {

    visibility: hidden;

    background-color: #fff;

    display: block;

    padding: 1.1rem 0;

    box-shadow: 0 .25rem .6rem rgba(0, 0, 0, .15);

    opacity: 0;

    filter: alpha(opacity=0);

    position: relative;

    z-index: 3;

    transition: all .3s;

}



.series-box .hover-box a {

    display: block;

}



.series-box .hover-box .img {

    width: 26%;

    margin: .25rem auto 0;

}



.series-box .hover-box .img img {

    width: 100%;

}



.series-box .text {

    text-align: center;

}



.series-box .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #060606;

    font-weight: bold;

}



.series-box .con {

    font-size: .375rem;

    line-height: .5rem;

    color: #666;

    margin-top: .4rem;

}



.series-box .con span {

    display: inline-block;

    *display: inline;

    zoom: 1;

    height: .5rem;

    color: #C8102E;

    font-size: .35rem;

    line-height: .5rem;

    padding: 0 4px;

    border: 2px solid #C8102E;

    position: relative;

    margin-right: .25rem;

}



.series-box .con span:before {

    content: "";

    position: absolute;

    width: 7px;

    height: 9px;

    right: -7px;

    top: 50%;

    background-image: url('/bocstatic/web/img/new-product-arrow.png');

    background-repeat: no-repeat;

    background-position: center;

    margin-top: -4px;

    background-color: #fff;

}



.series-box .hover-box .pro-btns {

    margin-top: .5rem;

    font-size: 0;

    text-align: center;

}



.series-box .hover-box .pro-btns a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 3.15rem;

    height: 1rem;

    line-height: 1rem;

    color: #C8102E;

    font-size: .4rem;

    border: 2px solid #C8102E;

    margin: 0 .25rem;

    transition: all .3s;

}



.series-box .init-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.series-box .init-box .bg {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: 100%;

}



.series-box .init-box .text {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    width: 48.96%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/new-text-bg.png');

    padding: .75rem 0 .9rem;

}



.series-box .pro-btn {

    margin-top: 1rem;

}



.nusign-box .ban-brand .ban-dialog .ban-more {

    background-color: #28282d;

    color: #fff;

}



/* .agnite-box .ban-brand .ban-dialog{

    background-color: transparent;

} */

.agnite-box .ban-brand .ban-dialog .ban-more {

    background-color: #5ea221;

    color: #fff;

}



.pls-box .ban-brand .ban-dialog .ban-more {

    background-color: #df0345;

    color: #fff;

    transition: all .3s;

}



.ban-product {

    overflow: hidden;

    position: relative;

}



.ban-product .pro-btn {

    position: absolute;

    left: 0;

    bottom: 8.923%;

    z-index: 3;

    width: 100%;

}



.ban-product .pro-btn .swiper-pagination-bullet {

    background-color: #fff;

    opacity: .5;

    filter: alpha(opacity=50);

}



.ban-product .pro-btn .swiper-pagination-bullet-active {

    background-color: #d8134a;

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-list-box {

    padding: 2rem 0;

    background-color: #f7f8f9;

}



.pro-aside-box {

    float: left;

    width: 7.5rem;

    /* margin-left: 3.125%; */

}



.aside-top-box {

    display: none;

}



.pro-aside {

    padding: 0 .6rem 0 1.4rem;

}



.pro-aside-box .tit {

    display: none;

    font-weight: bold;

    color: #de0245;

    font-size: .75rem;

    line-height: .8rem;

    padding-bottom: .8rem;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    white-space: nowrap;

}



.pro-aside-box .aside-nav {

    /* margin-top: .8rem; */

}



.pro-aside-box .aside-nav>ul>li {

    margin-bottom: .2rem;

    font-size: 0;

}



.pro-aside-box .aside-nav>ul>li:last-child {

    margin-bottom: 0;

}



.pro-aside-box .aside-tit {

    display: block;

    color: #000;

    font-size: .45rem;

    background-size: .325rem;

    position: relative;

}



.pro-aside-box li.new-li .aside-tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    padding-right: .7rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/hot-icon.png');

    background-size: .3rem;

}



.pro-aside-box li .aside-tit:before {

    display: none;

    content: "";

    position: absolute;

    right: 0;

    width: .3rem;

    height: .3rem;

    top: 50%;

    margin-top: -.15rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    background-image: url('/bocstatic/web/img/aside-jian.png');

}



.pro-aside-box li.new-li .aside-tit:before {

    display: none;

}



.pro-aside-box .aside-nav li.cur .aside-tit:before {

    background-image: url('/bocstatic/web/img/aside-jian.png');

}



.pro-aside-box .aside-nav li.cur .aside-tit {

    font-weight: bold;

}



.pro-aside-box .sec-nav {

    padding-top: .25rem;

    /* display: none; */

}



.pro-aside-box .sec-item {

    margin-bottom: .25rem;

}



.pro-aside-box .sec-tit {

    font-size: .4rem;

    line-height: .5rem;

    color: #000;

    display: block;

    position: relative;

}



.pro-aside-box a:after {

    display: block;

    content: attr(data-title);

    font-weight: bold;

    height: 0;

    overflow: hidden;

    visibility: hidden;

}



.pro-aside-box .sec-item.has .sec-tit:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: .3rem;

    height: .3rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    margin-top: -.15rem;

    background-image: url('/bocstatic/web/img/m-sec-arrow.png');

}



.pro-aside-box .sec-item.has.cur .sec-tit:before {

    transform: rotate(90deg);

}



.pro-aside-box .third-nav {

    /* padding-left: .3rem; */

    margin-top: .25rem;

    display: none;

}



.pro-aside-box .third-item {

    margin-bottom: .2rem;

}



.pro-aside-box .third-item:last-child {

    margin-bottom: 0;

    padding-bottom: .9rem;

}



.pro-aside-box .third-tit {

    font-size: .35rem;

    line-height: .4rem;

    color: #4c4c4c;

    position: relative;

}



.pro-aside-box .third-item.has .third-tit:before {

    content: "";

    position: absolute;

    right: 0;

    top: 50%;

    width: .3rem;

    height: .3rem;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/m-aside-jia.png');

    background-size: 100%;

    margin-top: -.15rem;

}



.pro-aside-box .third-item.has.cur .third-tit:before {

    background-image: url('/bocstatic/web/img/m-aside-jian.png');

}



.pro-aside-box .third-nav a {

    display: block;

    padding-left: .3rem;

}



.pro-aside-box .four-nav {

    padding-left: .3rem;

    margin-top: .2rem;

    display: none;

}



.pro-aside-box .four-nav .four-item {

    margin-bottom: .2rem;

}



.pro-aside-box .four-nav .four-item:last-child {

    margin-bottom: 0;

}



.pro-aside-box .four-nav .four-tit {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .4rem;

    color: #808080;

    padding-right: .3rem;

    background-repeat: no-repeat;

    background-position: right center;

    transition: all .3s;

}



.pro-aside-box .four-nav .four-item.has .four-tit {

    background-image: url('/bocstatic/web/img/four-arrow1.png');

}



.pro-aside-box .five-nav {

    display: none;

    padding-top: .2rem;

    padding-left: .3rem;

}



.pro-aside-box .five-item {

    margin-bottom: .2rem;

}



.pro-aside-box .five-nav a {

    font-size: .35rem;

    display: block;

    line-height: .4rem;

    color: #666;

    display: inline-block;

    *display: inline;

    zoom: 1;

}



.pro-aside-box .four-nav .four-item.has.cur .four-tit {

    /* color: #de0245; */

    background-image: url('/bocstatic/web/img/four-arrow2.png');

}



.pro-aside-box .five-nav .five-item.cur a {

    color: #de0245;

}



.pro-aside-box .cur>a {

    font-weight: bold;

}



.pro-select {

    margin-top: 1.25rem;

    background-color: #fff;

    border-radius: 4px;

    overflow: hidden;

    display: none;

}



.pro-select .pro-select-tit {

    font-size: .7rem;

    line-height: .8rem;

    color: #fff;

    /* padding-bottom: .6rem; */

    border-radius: 4px;

    overflow: hidden;

    padding: .3rem 1.4rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('/bocstatic/web/img/pro-select-bg.jpg');

    /* border-bottom: 1px solid rgba(0,0,0,.1); */

}



.pro-select .select-list {

    padding: 0 .6rem 0 1.4rem;

}



.pro-select li {

    padding: .75rem 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

}



.pro-select li:last-child {

    border-bottom: none;

}



.pro-select li {

    /* padding: .6rem 0;

    border-bottom: 1px solid #dedfe0; */

}



.pro-select li .select-tit {

    display: block;

    font-size: .45rem;

    line-height: .5rem;

    color: #000;

    font-weight: bold;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/aside-jia.png');

    background-size: .3rem;

}



.pro-select li .sub {

    margin-top: .3rem;

    /* padding-bottom: .5rem; */

    display: none;

}



.pro-select li .sub .select-item {

    font-size: 0;

    margin-bottom: .4rem;

}



.pro-select li .sub .select-item:last-child {

    margin-bottom: 0;

}



.pro-select li .sub a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    line-height: .5rem;

    color: #000;

    padding-left: .6rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-size: .4rem;

    background-image: url('/bocstatic/web/img/pro-select1.png');

}



.pro-select li.cur .select-tit {

    background-image: url('/bocstatic/web/img/aside-jian.png');

}



.pro-select li .sub .select-item.cur a {

    background-image: url('/bocstatic/web/img/pro-select2.png');

}



.product-list-box .right {

    float: right;

    width: 79.77%;

}



.product-list-box .right .pro-btns {

    display: none;

}



.product-list-box .top-box .left {

    float: left;

    width: 74.7863%;

    font-size: 0;

}



.product-list-box .top-box .pro-title,

.product-list-box .top-box .condition-list {

    float: left;

}



.product-list-box .top-box .pro-title {

    font-size: .7rem;

    line-height: .9rem;

    color: #000;

}



.product-list-box .top-box .condition-list {

    width: 80%;

    padding-left: .9rem;

    margin-left: .9rem;

    margin-top: .1rem;

    position: relative;

    display: none;

}



.product-list-box .top-box .condition-list:before {

    content: "";

    position: absolute;

    left: 0;

    top: .1rem;

    width: 1px;

    height: .65rem;

    background-color: #000;

    opacity: .2;

    filter: alpha(opacity=20);

}



.product-list-box .top-box .condition-list .item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin-right: .6rem;

    margin-bottom: .6rem;

    font-size: 0;

    background-color: #fff;

    box-shadow: 0 2px 10px rgba(7, 7, 7, .04);

    border-radius: 4px;

    padding: 0 .5rem;

    vertical-align: middle;

    transition: all .3s;

}



/* .product-list-box .top-box .condition-list .remove-btn,

.product-list-box .top-box .condition-list .txt{

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: middle;

}

.product-list-box .top-box .condition-list .remove-btn{

    width: 11px;

    height: 11px;

    background-repeat: no-repeat;

    background-position: center;

    background-image: url('/bocstatic/web/img/condition-close.png');

    margin-right: .1rem;

} */

.product-list-box .top-box .condition-list .txt {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .75rem;

    color: #000;

    padding-right: .5rem;

    background-repeat: no-repeat;

    background-position: right center;

    background-image: url('/bocstatic/web/img/condition-close.png');

    background-size: 11px;

    transition: all .3s;

}



.pro-search {

    float: right;

    width: calc(24.21% - 1rem);

    padding: .2rem .5rem;

    border: 1px solid #e5e5e5;

    background-color: #fff;

}



.pro-search input[type=text] {

    float: left;

    width: 80%;

    height: .5rem;

    line-height: .5rem;

    color: #807e7e;

    font-size: .375rem;

}



.pro-search input[type=submit] {

    float: right;

    width: .5rem;

    height: .5rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: .45rem;

    background-image: url('/bocstatic/web/img/pro-search.png');

    background-color: transparent;

}



.product-list-box .product-list {

    margin-top: .9rem;

}



.product-list-box .product-list .item {

    box-sizing: border-box;

    padding: 0 .2rem;

    margin-bottom: .4rem;

}



.product-list-box .product-list .page {

    margin-top: 1rem;

}



.suggest-box {

    height: 10.25rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

}



.suggest-box .text {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    margin-top: -1.925rem;

}



.suggest-box .text .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #fff;

    text-align: center;

}



.suggest-box .text .suggest-btn {

    /* display: block;

    width: 4.5rem;

    height: 1.35rem;

    line-height: 1.35rem;

    background-color: #de0045;

    text-align: center; */

    margin: 1.5rem auto 0;

    /* border-radius: .675rem; */

    color: #fff;

    border-color: #fff;

    /* font-size: .4rem; */

}



.suggest-dialog-box {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 90;

    display: none;

}



.suggest-dialog-box .black {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    filter: alpha(opacity=60);

}



.suggest-dialog {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 78.125%;

    box-sizing: border-box;

    background-color: #fff;

    transform: translate(-50%, -50%);

    padding: 2.25rem 3rem 1.375rem;

}



.suggest-dialog .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #1a1a1a;

}



.suggest-dialog .suggest-form {

    margin-top: 1rem;

}



.suggest-form .left {

    float: left;

    width: 50.4%;

}



.suggest-form .left .row {

    margin: 0 -.35rem;

}



.suggest-form .left .item {

    box-sizing: border-box;

    padding: 0 .35rem;

    margin-bottom: .6rem;

}



.suggest-form .form-tit {

    font-size: .45rem;

    line-height: .5rem;

    margin-bottom: .25rem;

}



.suggest-form input[type=text] {

    width: calc(100% - .8rem);

    padding: .2rem .4rem;

    height: .7rem;

    line-height: .7rem;

    font-size: .375rem;

    color: #808080;

    background-color: #eee;

}



.suggest-form .right {

    float: right;

    width: 47.2%;

}



.suggest-form .text {

    background-color: #eee;

    height: 3.55rem;

    position: relative;

}



.suggest-form .text textarea {

    padding: 0 .4rem;

    margin-top: .2rem;

    width: calc(100% - .8rem);

    height: 2rem;

    font-size: .375rem;

    line-height: .7rem;

    color: #808080;

    background-color: #eee;

}



.suggest-form .text input[type=file] {

    display: none;

}



.suggest-form .text .file-btn {

    position: absolute;

    right: .4rem;

    bottom: .4rem;

    font-size: .35rem;

    line-height: .5rem;

    color: #de0245;

    border-bottom: 1px solid #de0045;

}



.suggest-form .text .file-btn:before {

    content: "";

    position: absolute;

    left: -.8rem;

    top: .05rem;

    background-repeat: no-repeat;

    background-position: left center;

    background-image: url('/bocstatic/web/img/file-btn.png');

    width: .55rem;

    height: .45rem;

    background-size: .55rem;

}



.suggest-form .check-box {

    margin-top: .8rem;

}



.suggest-form .check-box .check {

    float: left;

    width: 50%;

}



.suggest-form .check-box input[type=text] {

    float: left;

    width: calc(60% - .8rem);

}



.suggest-form .check-box img {

    float: right;

    width: 37.5%;

    border: 1px solid #de0045;

    height: 1.1rem;

    box-sizing: border-box;

}



.suggest-form .check-box input[type=submit] {

    float: right;

    width: 3.35rem;

    height: 1.1rem;

    background-color: #fff;

    color: #de0045;

    font-size: .45rem;

    border-radius: 4px;

    border: 2px solid #de0045;

    transition: all .3s;

}



.suggest-contact {

    margin-top: 1.5rem;

    padding-top: 1.2rem;

    border-top: 1px solid rgba(49, 49, 49, .1);

}



.suggest-contact .contact-tit {

    font-size: .75rem;

    line-height: .8rem;

    color: #1a1a1a;

}



.suggest-contact .contact {

    margin-top: .5rem;

    font-size: 0;

}



.suggest-contact .contact-item {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .45rem;

    color: #333;

    margin-right: 1.7rem;

}



.suggest-contact .contact-item:last-child {

    margin-right: 0;

}



.suggest-contact .tip {

    margin-top: .3rem;

    font-size: .4rem;

    line-height: .5rem;

}



.suggest-contact .tip a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    border-bottom: 1px solid #de0245;

    padding-bottom: 3px;

    color: #de0245;

}



.suggest-dialog .suggest-close {

    position: absolute;

    right: .8rem;

    top: .8rem;

    width: .525rem;

}



.suggest-dialog .suggest-close img {

    width: 100%;

}



.not-fix header {

    /*position: relative;*/

}



.not-fix .clearfixed {

    display: block;

}



.sub-container.fix .proinfo-nav-box {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 3;

}



.sub-container.fix .proinfo-bottom-box .proinfo-aside {

    position: fixed;

    top: 3.6rem;

}



.sub-container .proinfo-bottom-box .proinfo-aside.bottom {

    position: absolute;

    top: auto;

    left: 0;

    bottom: 0;

}



.clear-proinfo-nav {

    height: calc(1.7rem + 1px);

    display: none;

    ;

}



.sub-container.fix .clear-proinfo-nav {

    display: block;

}



.website-box {

    padding: 1.75rem 0 2.5rem;

}



.website-box h3 {

    font-size: .75rem;

    color: #333;

}



.website-box .list {

    margin-top: .75rem;

}



.website-box .list li {

    padding-bottom: .9rem;

    border-bottom: 1px solid rgba(229, 229, 229, .6);

    margin-bottom: .75rem;

}



.website-box .list li:last-child {

    margin-bottom: 0;

}



.website-box .list .tit {

    font-size: .5rem;

    line-height: .6rem;

    color: #666;

}



.website-box .list .navson {

    margin-top: .5rem;

    font-size: 0;

}



.website-box .list .navson a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .325rem;

    line-height: .8rem;

    color: #999;

    margin-right: 2rem;

    transition: all .2s;

}



.search-wrap {

    padding: 2rem 0;

}



.search-wrap .tab-btns {

    float: left;

    width: 15.17%;

    border: 1px solid #e6e6e6;

    border-radius: 4px;

    overflow: hidden;

}



.search-wrap .tab-btns a {

    display: block;

    height: 1.95rem;

    line-height: 1.95rem;

    font-family: "Microsoft Yahei";

    text-align: center;

    color: #666;

    font-size: .45rem;

    border-bottom: 1px solid #e6e6e6;

    transition: all .3s;

}



.search-wrap .tab-btns a:last-child {

    border-bottom: none;

}



.search-wrap .tab-btns a.cur {

    color: #fff;

    background-color: #C8102E;

}



.search-wrap .right {

    float: right;

    width: 78.57%;

}



.search-wrap .right .num {

    font-size: .45rem;

    line-height: .5rem;

    border-bottom: 1px solid #e6e6e6;

    color: #999;

    padding-bottom: .75rem;

    font-family: "Microsoft Yahei";

}



.search-list .item {

    display: block;

    padding: 1rem 0;

    border-bottom: 1px solid #e6e6e6;

}



.search-list .item .tit {

    font-size: .6rem;

    line-height: .7rem;

    color: #333;

    font-weight: bold;

}



.search-list .item .pub-con {

    margin-top: .5rem;

}



.search-list .item .time {

    font-size: .4rem;

    line-height: .5rem;

    color: #999;

    font-family: "Microsoft Yahei";

    margin-top: .75rem;

}



.search-wrap .page {

    margin-top: 2.15rem;

}



.productinfo-page .vidcontainer .closevid {

    background-image: url('/bocstatic/web/img/close-vid3.png');

}



.recruit-box {

    padding: 1.5rem 0 1.75rem;

    background-color: #fffcfc;

}



.recruit-box .img {

    text-align: center;

}



.recruit-box .img img {

    width: auto;

    max-width: 100%;

}



.recruit-view {

    width: 66.67%;

    margin: 0 auto;

}



.recruit-tit {

    text-align: center;

}



.recruit-tit .tit {

    font-size: .9rem;

    line-height: 1rem;

    color: #000;

}



.recruit-tit .desc {

    font-size: .4rem;

    line-height: .5rem;

    color: #545454;

    margin-top: .25rem;

}



.recruit-tit .line {

    width: 1.5rem;

    height: 5px;

    background-color: #de0245;

    margin: .75rem auto 0;

}



.recruit-conditions {

    margin-top: 1.5rem;

}



.recruit-conditions .pc-box {

    padding: 0 1rem;

    background-color: #fff;

    border: 1px solid #f6f6f6;

}



.recruit-conditions .m-box {

    display: none;

}



.recruit-conditions .conditon-item {

    padding: .7rem 0;

    border-bottom: 1px solid #f3f3f3;

}



.recruit-conditions .conditon-item:last-child {

    border-bottom: none;

}



.recruit-conditions .condition-tit {

    font-size: .4rem;

    line-height: .7rem;

    color: #333;

    padding-left: 1rem;

    background-repeat: no-repeat;

    background-position: left center;

    float: left;

    background-size: .55rem;

}



.recruit-conditions .work-tit {

    background-image: url('/bocstatic/web/img/recruit-icon1.png');

}



.recruit-conditions .position-tit {

    background-image: url('/bocstatic/web/img/recruit-icon2.png');

}



.recruit-conditions .type-tit {

    background-image: url('/bocstatic/web/img/recruit-icon3.png');

}



.recruit-conditions .condition-right {

    float: right;

    width: 85.83%;

}



.recruit-conditions .condition-list {

    font-size: 0;

}



.recruit-conditions .not-btn,

.recruit-conditions .condition-btn {

    display: inline-block;

    *display: inline;

    zoom: 1;

    vertical-align: top;

}



.recruit-conditions .not-btn,

.recruit-conditions .condition-btn a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .375rem;

    line-height: .7rem;

    color: #666;

    border-radius: 2px;

    transition: all .3s;

}



.recruit-conditions .not-btn {

    padding: 0 .2rem;

    margin-right: .5rem;

}



.recruit-conditions .condition-btn {

    width: 92%;

}



.recruit-conditions .condition-btn a {

    margin-right: .25rem;

    padding: 0 .7rem 0 .25rem;

    position: relative;

}



.recruit-conditions .condition-btn a:before {

    content: "";

    position: absolute;

    right: .25rem;

    top: 50%;

    width: 7px;

    height: 4px;

    margin-top: -2px;

    background-image: url('/bocstatic/web/img/condition-arrow.png');

    background-repeat: no-repeat;

    background-size: 7px;

}



.recruit-conditions .condition-list a.cur {

    color: #fff;

    background-color: #de0245;

}



.recruit-conditions .condition-btn a.cur:before {

    background-image: url('/bocstatic/web/img/condition-arrow2.png');

}



.recruit-conditions .sub-list .sub-item {

    margin-top: .3rem;

    background-color: #f7f9fc;

    padding: .5rem;

    display: none;

}



.recruit-conditions .sub-list .sub-item a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    font-size: .35rem;

    line-height: .7rem;

    color: #999;

    border-radius: 2px;

    padding: 0 .25rem;

    margin-right: .5rem;

    transition: all .3s;

}



.recruit-conditions .sub-list .sub-item a.cur {

    background-color: #de0245;

    color: #fff;

}



.recruit-list {

    margin-top: .9rem;

    padding: 1rem;

    background-color: #fff;

    border: 1px solid #f6f6f6;

}



.recruit-list .recruit-item {

    border-bottom: 1px solid #f5f5f5;

}



.recruit-list .title-box {

    padding: 0 1rem;

    position: relative;

    display: block;

}



.recruit-list .top-title {

    background-color: #f7f9fc;

}



.recruit-list .title-box .tit {

    float: left;

    font-size: .375rem;

    line-height: .5rem;

    padding: .3rem 0;

    color: #666;

}



.recruit-list .top-title .tit {

    font-size: .4rem;

    line-height: .5rem;

    color: #333;

}



.recruit-list .title-box .position {

    width: 27%;

}



.recruit-list .title-box .address {

    width: 25.2%;

}



.recruit-list .title-box .salary {

    width: 27%;

}



.recruit-list .title-box .arrow {

    position: absolute;

    right: 1.2rem;

    top: 50%;

    width: 10px;

    height: 10px;

    margin-top: -5px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 10px;

    background-image: url('/bocstatic/web/img/recruit-arrow.png');

    transition: all .3s;

}



.recruit-list .recruit-item:nth-child(2n+1) .title-box {

    /* background-color: #f7f9fc */

}



.recruit-list .recruit-item.cur .title-box .arrow {

    transform: rotate(-180deg);

}



.recruit-list .recruit-drop {

    background-color: #f7f9fc;

    padding: .7rem 1rem;

    position: relative;

    display: none;

}



.recruit-list .recruit-drop .con-box {

    width: 48.648%;

    font-size: .35rem;

    line-height: .6rem;

    color: #666;

    min-height: 5rem;

}



.recruit-list .recruit-drop .con-box h3 {

    font-size: .4rem;

    line-height: .5rem;

    color: #333;

    margin-bottom: .25rem;

}



.recruit-list .recruit-drop .send-btn {

    position: absolute;

    right: 1rem;

    bottom: 1rem;

}



.recruit-ajax .page {

    margin-top: .9rem;

}



.recruit-box .campus-btn {

    margin: 1rem auto 0;

}



.service-aside {

    left: auto;

    right: .25rem;

}



.service-aside .img-box {

    position: absolute;

    right: 1.25rem;

    top: 50%;

    transform: translateY(-50%);

    padding-right: 6px;

    visibility: hidden;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s;

}



.service-aside .img-box:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-width: 6px;

    border-style: solid;

    border-color: transparent transparent transparent #de0245;

    right: -6px;

    top: 50%;

    transform: translateY(-50%);

}



.service-aside .img {

    width: 3rem;

    height: 3rem;

    padding: .2rem;

    background-color: #de0245;

    border-radius: 4px;

}



.service-aside .img img {

    width: 100%;

}



.service-aside .icon:before {

    right: auto;

    left: 0;

}



.service-aside .txt {

    left: auto;

    right: 1.25rem;

}



.service-aside a:hover .img-box {

    visibility: visible;

    opacity: 1;

    filter: alpha(opacity=100);

}



.product-list-page .load-view {

    display: none;

}



.product-list-page .load-view {

    padding: 0;

}



.product-list-page .load-view .load-circle {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.notice-box .data-list .item .txt {

    background-image: none;

}



.notice-box .data-list .item .download-btn {

    background: none;

    padding: 0;

}



@media (max-width: 1680px) {

    .ban-fast {

        padding: .4rem 3.25%;

    }



    .f-nav li {

        margin-right: 4.5vw;

    }

}



@media (max-width: 1550px) {}



@media (max-width: 1440px) {

    .service-search .fast-list a {

        margin-right: 10%

    }

}



@media (max-width: 1366px) {



    .pc-nav {

        transform: translateX(-60%);

    }



    .pc-nav li {

        margin: 0 .5rem;

    }



    .index-page .lang-dialog .lang-tit {

        padding-left: 0;

    }



    .lang-dialog .list .cur-lang {

        padding-left: 1rem;

        background-position: left center;

    }



    .lang-dialog .list .lang-item a {

        padding: .5rem 1rem;

    }



    .index-page header {

        width: 80%;

    }



    .index-page .pc-nav {

        /* transform: translateX(-68%); */

    }



    .index-page .pc-nav li {

        margin: 0 .4rem;

    }



    .f-nav {

        margin-right: 6.375vw;

    }



    .index-page .ban-fast {

        width: 70%;

        margin-left: -35%;

    }



    /* .f-right{

        float: left;

        margin-top: .5rem;

    } */

    /* .f-lang{

        margin-top: .5rem;

    } */

    .ban-fast .row {

        margin: 0 -3%;

    }



    .ban-fast .item {

        padding: 0 3%;

    }



    .ban-fast .fast a {

        margin-right: .7rem;

    }



    .index-brand .text-box {

        padding: 1.5rem 2rem 1.5rem .9rem;

    }



    .news-box .time-box .tip {

        height: .7rem;

        line-height: .7rem;

    }



    .focus-view {

        width: auto;

        padding: 0 4.17%;

    }



    .question-wrap .question-tit {

        /* padding: 0 25%; */

    }



    .question-wrap .aside li .question-tit:before {

        right: 1rem;

    }



    .question-wrap .aside .sub a {

        /* padding-left: 30%; */

    }



    .business-top .left,

    .business-top .right {

        margin: 0;

    }



    .about-box .left .num-box .item {

        margin: 0 .15rem;

    }



    .culture-box .culture .row {

        margin: 0 -1rem;

    }



    .culture-box .culture .item {

        padding: 0 1rem;

    }



    .duty-box .text {

        right: 8%;

    }



    .brand-top .left .con-box {

        margin-left: 0;

    }



    .new-products .new-tab {

        padding: 0 .35rem;

    }



    .new-products .new-tab .swiper-slide {

        padding: 0 .4rem;

    }



    .case-view {

        width: auto;

        padding: 0 4.17%;

    }



    .proinfo-view,

    .proinfo-view2,

    .bread-view {

        width: 900px;

    }



    .pro-aside-box {

        /* margin-left: 0; */

        width: 6rem;

    }



    .product-list-box .top-box .condition-list {

        width: 75%;

    }



    .pro-aside-box .tit {

        font-size: .75rem;

    }



    .pro-select .pro-select-tit {

        font-size: .7rem;

    }



    .duty-box .img {

        margin-left: 5%;

    }



    .network .right .item {

        width: 100%;

    }



    .pro-aside {

        padding-left: 0;

    }



    .recruit-view {

        width: 80%;

    }



    .notice-view {

        width: 70%;

    }

}



@media (max-width: 1200px) {

    .index-page .ban-fast {

        width: 80%;

        margin-left: -40%;

    }

}



@media (max-width: 1110px) {

    .f-nav {

        margin-right: 2.5vw;

    }

}
/* rebrand logo constraint */
/* Rebranded header logo: match the original wide red badge while keeping mobile nav intact. */
header .logo,
.header-nav .logo {
    width: 210px !important;
    max-width: calc(100vw - 150px) !important;
}
.header-nav .logo img,
header .logo img {
    width: 210px !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    object-fit: contain;
}
.f-logo img {
    width: 150px !important;
    height: auto !important;
    max-width: 100%;
    object-fit: contain;
}
@media (max-width: 767px) {
    header .logo,
    .header-nav .logo {
        width: 145px !important;
        max-width: calc(100vw - 92px) !important;
        margin-top: .18rem !important;
    }
    .header-nav .logo img,
    header .logo img {
        width: 145px !important;
        max-width: 100% !important;
    }
}

/* Single dealer poster footer requested for the rebranded site. */
.dealer-poster-footer {
    padding: 0 !important;
    background: #ece9e5 !important;
    overflow: hidden;
}
.dealer-poster-wrap {
    width: 100%;
    line-height: 0;
}
.dealer-poster-wrap img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
}