@charset "UTF-8";
.bx-reg .quit {
  display: none; }

.cephalosome {
  width: 100%;
  height: 35px;
  top: 0;
  z-index: 9999; }
  .cephalosome .halo {
    background: #EEEEEE;
    box-sizing: border-box;
    font-size: 14px; }
    .cephalosome .halo .halo_head {
      width: 1200px;
      height: 40px;
      line-height: 39px;
      display: -webkit-flex;
      display: flex; }
      .cephalosome .halo .halo_head .halo_he {
        flex: 1; }
        .cephalosome .halo .halo_head .halo_he > span {
          padding-left: 12px; }
        .cephalosome .halo .halo_head .halo_he .color_h {
          color: #666666; }
          .cephalosome .halo .halo_head .halo_he .color_h a {
            color: #666666; }
          .cephalosome .halo .halo_head .halo_he .color_h a:hover {
            color: #FF9E01; }
        .cephalosome .halo .halo_head .halo_he #halo_version {
          margin: 0 3% 0 1%; }
      .cephalosome .halo .halo_head .halo_rig {
        text-align: right; }
  .cephalosome .Helmet {
    background: white; }
    .cephalosome .Helmet .Helmet_p {
      position: relative;
      height: 154px;
      box-sizing: border-box;
      display: -webkit-flex;
      display: flex; }
      .cephalosome .Helmet .Helmet_p .Helmet_e {
        width: 260px;
        height: 100%;
        overflow: hidden;
        margin: 36px 10px 0 0; }
        .cephalosome .Helmet .Helmet_p .Helmet_e .Helme_img {
          width: 100%;
          height: 100%; }
          .cephalosome .Helmet .Helmet_p .Helmet_e .Helme_img img {
            width: 80%;
            height: 60%; }
      .cephalosome .Helmet .Helmet_p .Helmet_w {
        margin: 43px 0 0 20px;
        width: 700px; }
        .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t {
          width: 566px;
          height: 45px;
          margin: 0 34px 13px 0; }
          .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t .Helmet_input {
            position: relative;
            width: 100%;
            height: 44px;
            line-height: 43px;
            background: white;
            border: 1px solid #006FAC;
            box-sizing: border-box;
            -webkit-transition: all .3s;
            transition: all .3s; }
            .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t .Helmet_input > i {
              vertical-align: middle;
              color: #c0c4cc;
              font-size: 8px; }
            .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t .Helmet_input > input::-webkit-input-placeholder {
              /* placeholder颜色  */
              color: #989898;
              /* placeholder字体大小  */
              font-size: 14px; }
            .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t .Helmet_input > input {
              width: 400px;
              color: #989898;
              font-size: 14px; }
            .cephalosome .Helmet .Helmet_p .Helmet_w .Helmet_t .Helmet_input .Helmet_seek {
              cursor: pointer;
              display: inline-block;
              width: 96px;
              height: 42px;
              background: #006fac;
              text-align: center;
              font-size: 18px;
              font-weight: bold;
              color: white;
              border: 1px solid #006FAC;
              box-sizing: border-box;
              position: relative;
              right: -1px;
              float: right; }
      .cephalosome .Helmet .Helmet_p .Helmet_s {
        cursor: pointer;
        margin-top: 43px; }
        .cephalosome .Helmet .Helmet_p .Helmet_s .Helmet_ico {
          position: relative;
          height: 45px;
          line-height: 44px;
          background: white;
          border: 1px solid #d5d3d3;
          font-size: 16px;
          font-weight: 400;
          color: #000000;
          text-align: center;
          padding: 0 20px; }
          .cephalosome .Helmet .Helmet_p .Helmet_s .Helmet_ico .Helmet_i > i {
            font-size: 16px !important;
            vertical-align: middle; }
        .cephalosome .Helmet .Helmet_p .Helmet_s .ico_car {
          width: 32px;
          height: 32px;
          line-height: 31px;
          font-style: normal;
          display: none;
          background: #FF9E01;
          border-radius: 50%;
          text-align: center;
          top: 18%;
          right: 6.5%;
          position: absolute;
          font-size: 18px;
          font-weight: 400;
          color: white; }
      .cephalosome .Helmet .Helmet_p .Helmet_V {
        display: none;
        position: absolute;
        right: 0%;
        top: 1%; }

.bottom {
  width: 100%;
  height: 402px;
  background: url("../../images/UCC/footer_d.png") no-repeat;
  background-size: 100% 100%; }
  .bottom .footer_base {
    margin: 0 auto;
    width: 1200px; }
    .bottom .footer_base .bottom_basal {
      padding-top: 34px;
      display: -webkit-flex;
      display: flex;
      width: 1200px;
      height: 233px;
      border-bottom: 1px solid #E0E0E0; }
      .bottom .footer_base .bottom_basal .bottom_img {
        width: 134px;
        height: 133px;
        padding: 0 90px 0 0; }
        .bottom .footer_base .bottom_basal .bottom_img > img {
          width: 100%;
          height: 100%; }
      .bottom .footer_base .bottom_basal .bottom_list {
        display: -webkit-flex;
        display: flex; }
        .bottom .footer_base .bottom_basal .bottom_list ul {
          width: 75px;
          color: white; }
          .bottom .footer_base .bottom_basal .bottom_list ul .bottom_opc {
            opacity: 0.7; }
            .bottom .footer_base .bottom_basal .bottom_list ul .bottom_opc a {
              color: white; }
        .bottom .footer_base .bottom_basal .bottom_list .bottom_lab {
          display: inline-block;
          margin: 0 75px 0 0; }
    .bottom .footer_base .bottom_fond {
      text-align: center;
      width: 100%;
      margin-top: 37px;
      font-size: 12px;
      font-weight: 400;
      color: white;
      opacity: 0.6; }
      .bottom .footer_base .bottom_fond .bottom_fo .bottom_service {
        display: inline-block;
        margin-bottom: 25px; }

/*right right*/
.shopping_right {
  cursor: pointer;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0 auto; }
  .shopping_right .shopping_cart {
    padding-top: 100px;
    width: 60px;
    height: 1000px;
    background: #006FAC;
    text-align: center;
    box-sizing: border-box; }
    .shopping_right .shopping_cart .shopping_package {
      position: relative;
      width: 60px;
      height: 44px;
      line-height: 55px; }
    .shopping_right .shopping_cart .shopping_pac {
      position: relative;
      width: 60px;
      height: 44px;
      line-height: 37px; }
    .shopping_right .shopping_cart .shopping_trolley {
      width: 60px;
      height: 198px; }
      .shopping_right .shopping_cart .shopping_trolley .shopping_char {
        margin: 0 auto;
        width: 20px;
        line-height: 24px;
        font-size: 18px;
        font-weight: 400;
        color: white; }
      .shopping_right .shopping_cart .shopping_trolley .shopping_yua {
        margin: 0 auto;
        width: 20px;
        height: 20px;
        background: white;
        border-radius: 50%;
        color: #006FAC;
        font-size: 14px;
        line-height: 19px; }
    .shopping_right .shopping_cart .shopping_processing {
      width: 60px;
      height: 87px;
      line-height: 86px; }
    .shopping_right .shopping_cart .shopping_Top {
      padding-top: 150px;
      margin: 0 auto;
      width: 40px;
      line-height: 20px;
      font-size: 12px;
      font-weight: 400;
      color: white; }
      .shopping_right .shopping_cart .shopping_Top > a {
        color: white; }
    .shopping_right .shopping_cart .shopping_service {
      width: 200px;
      padding: 0 5px;
      background: white;
      border: 1px solid #d5d3d3;
      font-size: 12px;
      font-weight: 400;
      color: #212121;
      position: absolute;
      right: 100%;
      top: 0;
      box-sizing: border-box; }

/*right right*/
/**font color**/
/**bg**/
/**font-size**/
html,
body,
#app {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  background: #F2F2F2; }

* {
  padding: 0;
  margin: 0; }

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; }

button,
fieldset,
img,
input {
  border: none;
  padding: 0;
  margin: 0;
  outline-style: none; }

ol,
ul {
  list-style: none; }

input,
select {
  vertical-align: middle; }

input,
select,
textarea {
  margin: 0; }

textarea {
  resize: none; }

img {
  border: 0;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

i {
  font-style: normal; }

a {
  color: #000;
  text-decoration: none;
  cursor: pointer; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration: none;
  font-weight: normal;
  font-size: 100%; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0; }

.clearfix {
  *zoom: 1; }

.halo-fl {
  float: left; }

.auto {
  margin: 0 auto;
  width: 1200px; }

.mar-auto20 {
  margin: 11% auto; }

.mar-l10 {
  margin-left: 10px; }

.mar-r10 {
  margin-right: 10px; }

.mar-t10 {
  margin-top: 10px; }

.mar-b10 {
  margin-bottom: 10px; }

.mar-l20 {
  margin-left: 20px; }

.mar-r20 {
  margin-right: 20px; }

.mar-t20 {
  margin-top: 20px; }

.mar-b20 {
  margin-bottom: 20px; }

.mar-b60 {
  margin-bottom: 60px; }

.mar-b70 {
  margin-bottom: 70px; }

.mar-l200 {
  margin-left: 11%; }

.mar-l200 {
  margin-right: 11%; }

.pad-m20 {
  padding: 20px; }

.pad-r10 {
  padding-right: 10px; }

.pad-l10 {
  padding-left: 10px; }

.pad-t10 {
  padding-top: 10px; }

.pad-t40 {
  padding-top: 40px; }

.pad-b10 {
  padding-bottom: 10px; }

.pad-b14 {
  padding-bottom: 14px; }

.pad-b16 {
  padding-bottom: 16px; }

.pad-b70 {
  padding-bottom: 70px; }

.pad-b100 {
  padding-bottom: 100px; }

.pad-r20 {
  padding-right: 20px; }

.pad-l20 {
  padding-left: 20px; }

.pad-t20 {
  padding-top: 20px; }

.pad-b20 {
  padding-bottom: 20px; }

.pad-l200 {
  padding-left: 11%; }

.pad-r200 {
  padding-right: 11%; }

.f-s12 {
  font-size: 12px; }

.f-s14 {
  font-size: 14px; }

.f-s16 {
  font-size: 16px; }

.f-s30 {
  font-size: 30px; }

.f-s32 {
  font-size: 32px; }

.f-s22 {
  font-size: 22px; }

.f-s20 {
  font-size: 20px; }

.f-s18 {
  font-size: 18px; }

.f-s28 {
  font-size: 28px; }

.f-bold {
  font-weight: bold; }

.f-bold400 {
  font-weight: 400; }

.t-box {
  display: -moz-box;
  display: -webkit-box;
  display: box; }

.t-box-flex1 {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  width: auto; }

.t-box-flex2 {
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2;
  width: auto; }

.t-box-flex3 {
  -moz-box-flex: 3;
  -webkit-box-flex: 3;
  box-flex: 3;
  width: auto; }

.t-box-center {
  -moz-box-align: center;
  -webkit-box-align: center;
  box-align: center; }

.t-center {
  text-align: center; }

.iconfont {
  font-size: px2rem(30) !important; }

/**color***/
.color-red {
  color: #FF4E4E; }

.color-black {
  color: #1b1b1b; }

.color-gray {
  color: #666666; }

.color47 {
  color: #474747; }

.color-999 {
  color: #999; }

.color-white {
  color: white; }

.color-org {
  color: #FF9E01; }

.color-666 {
  color: #666666; }

/**bg**/
.bg_org {
  background: #FF9F01; }

.bg_lac {
  background: #006FAC; }

.bg-white {
  background: #FFFFFF; }

.bg-red {
  background: #FF4E4E; }

.bg-gray {
  background: #EEEEEE; }

.bg-e0e {
  background: #e0e0e0; }

.bg-FF4 {
  background: #FF4F4F; }

.ceng {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  display: none; }

.mar-l14 {
  margin-left: 14px; }

.mar-l15 {
  margin-left: 15px; }

.mar-t16 {
  margin-top: 16px; }

.mar-l5 {
  margin: 0 5px 0 0; }

.mar-l17 {
  margin: 0 17px 0 0; }

.mar-l17b24 {
  margin: 0 17px 24px 0; }

.mar-l10 {
  margin: 0 10px 0 0; }

.mar-t12 {
  margin-bottom: 12px; }

.mar-l12 {
  margin: 0 12px 0 0; }

.mar-l20 {
  margin: 0 20px 0 0; }

.mar-l30 {
  margin: 0 30px 0 0; }

.mar-l35 {
  margin: 0 35px 0 0; }

.mar-b16 {
  margin-bottom: 16px; }

.mar-b20 {
  margin-bottom: 20px; }

.mar-lr12 {
  margin: 0 12.5px; }

.pad-t {
  padding-top: 16px; }

.pad-b {
  padding-bottom: 16px; }

.pad-b20 {
  padding-bottom: 20px; }

.pad-30 {
  padding: 30px; }

.pad-lr20 {
  padding: 0 20px; }

.pad-lr10 {
  padding: 0 10px; }

.hr-t {
  border-top: 1px solid #DDDDDD; }

.overflow1 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.overflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.span {
  width: 100%;
  font-size: 0; }

.Toast {
  z-index: 999999;
  padding: 10px 30px 10px 8px;
  font-size: 12px;
  position: fixed;
  left: 50%;
  top: 5%;
  color: #909399;
  height: 22px;
  line-height: 22px;
  background: #edf2fc;
  border: 1px solid #ebeef5;
  border-radius: 5px; }
  .Toast.error {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fde2e2; }
  .Toast.success {
    color: #65c137;
    background: #f0f9eb;
    border-color: #e1f3d8; }
  .Toast p {
    margin-left: 5px;
    float: left; }
  .Toast i {
    font-size: 18px;
    float: left; }

.a-fadeinT {
  -webkit-animation: 0.5s ease-out backwards;
  -moz-animation: 0.5s ease-out backwards;
  -ms-animation: 0.5s ease-out backwards;
  animation: 0.5s ease-out backwards; }

/* 娣″叆-浠庝笂 */
.a-fadeinT {
  -webkit-animation-name: fadeinT;
  -moz-animation-name: fadeinT;
  -ms-animation-name: fadeinT;
  animation-name: fadeinT; }

/* 娣″叆-浠庝笂 */
@-webkit-keyframes fadeinT {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeinT {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeinT {
  0% {
    opacity: 0;
    -ms-transform: translateY(-100px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@keyframes fadeinT {
  0% {
    opacity: 0;
    transform: translateY(-100px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9999; }

.loading-con {
  position: fixed;
  top: 50%;
  right: 50%;
  margin: -20px -20px 0 0;
  font-size: 12px;
  text-align: center; }
  .loading-con .iconfont {
    display: block;
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes rotating {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
.international {
  width: 100%;
  height: 500px; }
  .international > img {
    width: 100%;
    height: 100%; }

.brand {
  padding: 0 21px;
  box-sizing: border-box;
  background: white;
  width: 1200px; }
  .brand .brand_BRAND {
    padding: 40px 0 70px 0;
    display: -webkit-flex;
    display: flex; }
    .brand .brand_BRAND .brand_BTp {
      width: 178px;
      height: 120px;
      padding: 0 18px 0 0;
      cursor: pointer; }
  .brand .brand_Introduction {
    line-height: 24px;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 52px; }
    .brand .brand_Introduction img {
      vertical-align: middle; }
    .brand .brand_Introduction .brand_Int {
      display: inline-block;
      font-size: 24px;
      font-weight: 400;
      color: #006fac; }
  .brand .converge_img {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 36px; }
  .brand .brand_conver {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    padding-bottom: 35px;
    line-height: 38px; }

/*# sourceMappingURL=About_the_brand.css.map */