@charset "UTF-8";
/* CSS Document */
html, body {
  position: relative;
}

.header-nav-btn {
  width: 46px;
  height: 36px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.header-nav-btn .box {
  width: 20px;
  height: 15px;
  margin: 16px auto;
  position: relative;
}
.header-nav-btn .line {
  display: block;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
}
.header-nav-btn .line-top {
  top: 0;
  -webkit-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
          transform-origin: left top 0;
}
.header-nav-btn .line-cen {
  top: 7px;
}
.header-nav-btn .line-bot {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
      -ms-transform-origin: left bottom 0;
          transform-origin: left bottom 0;
}

header {
  width: 100%;
  background-color: #ea5504;
  position: relative;
}
header .logo {
  /*display: block;*/
  /*width: 128px;*/
  /*margin: 0 auto;*/
}
header .logo img {
  display: block;
  width: 100%;
}
header .en {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  width: 50px;
  height: 100%;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
}
header .link-shop{
  display: inline-block;
  height: 47px;
  background: url(/bocstatic/m/img/ico_53.png) no-repeat center;
  width: 51px;
  background-size: 110% auto;
  position: absolute;
  right: 0;
  top: 0;
}

footer {
  background-color: #fff;
  border-top: 1px solid #dbdbdb;
}
footer .navbox ul, footer .navbox li {
  width: 100%;
}
footer .navbox li {
  border-bottom: 1px solid #e5e5e5;
}
footer .navbox .tit {
  display: block;
  width: 90%;
  height: 38px;
  line-height: 38px;
  color: #333;
  font-size: 14px;
  padding: 0 5%;
}
footer .navbox .tit.on .ico {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
footer .navbox .ico {
  display: block;
  width: 9px;
  height: 9px;
  background: url(/bocstatic/m/img/ico_01.png) no-repeat center;
  background-size: 100% auto;
  margin-top: 14px;
  float: right;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;
}
footer .navbox .sub-box {
  width: 85%;
  padding: 8px 7.5%;
  padding-left: 0;
  display: none;
}
footer .navbox .sub-box a {
  display: block;
  line-height: 28px;
  font-size: 12px;
  color: #666;
}
footer .navbox .sub-box a:hover {
  color: #000;
}
footer .bot-box {
  text-align: center;
  padding-top: 13px;
  padding-bottom: 18px;
}
footer .bot-box p {
  line-height: 30px;
}
footer .bot-box .link {
  text-align: center;
}
footer .bot-box .link a {
  color: #666;
}
footer .bot-box .oran {
  color: #ea5504;
}

nav {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 0;
}
nav .bg {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.9;
}
nav ul {
  -webkit-transition: visibility 1s linear 0s;
          transition: visibility 1s linear 0s;
  width: 78%;
  left: 11%;
  position: absolute;
  top: 96px;
  visibility: hidden;
}
nav ul.show {
  visibility: visible;
}
nav ul.show li {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
nav li {
  width: 100%;
  border-bottom: 1px solid #434443;
  line-height: 39px;
  -webkit-transform: scale(1.1) translateY(-24px);
      -ms-transform: scale(1.1) translateY(-24px);
          transform: scale(1.1) translateY(-24px);
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
          transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
nav li a {
  display: block;
  color: #e8e8e8;
  height: 39px;
}
nav li .ico {
  display: inline-block;
  width: 37px;
  height: 39px;
  float: left;
}
nav li .ico1 {
  background: url(/bocstatic/m/img/ico_02.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico2 {
  background: url(/bocstatic/m/img/ico_03.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico3 {
  background: url(/bocstatic/m/img/ico_04.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico4 {
  background: url(/bocstatic/m/img/ico_05.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico5 {
  background: url(/bocstatic/m/img/ico_06.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico6{
  background: url(/bocstatic/m/img/ico_50.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico7{
  background: url(/bocstatic/m/img/ico_51.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico999{
  background: url(/bocstatic/m/img/icon_999.png) no-repeat center;
  background-size: 100% auto;
}
nav li .ico8{
  background: url(/bocstatic/m/img/ico_52.png) no-repeat center;
  background-size: 100% auto;
}
nav li:nth-child(1) {
  -webkit-transition-delay: 50ms,50ms;
          transition-delay: 50ms,50ms;
}
nav li:nth-child(2) {
  -webkit-transition-delay: 100ms,100ms;
          transition-delay: 100ms,100ms;
}
nav li:nth-child(3) {
  -webkit-transition-delay: 150ms,150ms;
          transition-delay: 150ms,150ms;
}
nav li:nth-child(4) {
  -webkit-transition-delay: 200ms,200ms;
          transition-delay: 200ms,200ms;
}
nav li:nth-child(5) {
  -webkit-transition-delay: 250ms,250ms;
          transition-delay: 250ms,250ms;
}
nav li:nth-child(6) {
  -webkit-transition-delay: 300ms,300ms;
          transition-delay: 300ms,300ms;
}
nav li:nth-child(7) {
  -webkit-transition-delay: 350ms,350ms;
          transition-delay: 350ms,350ms;
}
nav li:nth-child(8) {
  -webkit-transition-delay: 400ms,400ms;
          transition-delay: 400ms,400ms;
}

/********************首页******************/
.i-ban {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.i-ban ul {
  width: 100%;
}
.i-ban li {
  width: 100%;
}
.i-ban li img {
  display: block;
  width: 100%;
}
.i-ban .pagination {
  position: absolute;
  bottom: 8px;
  left: 50%;
  height: 8px;
  z-index: 5;
}
.i-ban .pagination span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: 1px solid #ea5504;
  float: left;
  border-radius: 50%;
}
.i-ban .pagination span.swiper-pagination-bullet-active {
  background-color: #ea5504;
}

.i-main {
  width: 93.8%;
  padding: 10px 3.1% 5px;
  background-color: #ededed;
}
.i-main ul {
  width: 100%;
}
.i-main li {
  width: 100%;
  margin-bottom: 10px;
}
.i-main li a {
  display: block;
}
.i-main li img {
  display: block;
  width: 100%;
}
.i-main li .word {
  width: 100%;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.i-main li .t1 {
  font-size: 16px;
  color: #000;
  line-height: 25px;
}
.i-main li .t2 {
  line-height: 22px;
  color: #888;
  font-size: 13px;
}

/**********************在线商城*******************/
.mall-wrap .top-ban {
  background: url(/bocstatic/m/img/bg_01.jpg) no-repeat center top #efefee;
  background-size: 100% auto;
  text-align: center;
  position: relative;
  padding-top: 32px;
  padding-bottom: 20px;
  z-index: 2;
}
.mall-wrap .top-ban h3 {
  font-size: 16px;
  color: #ea5504;
  line-height: 27px;
}
.mall-wrap .top-ban .word {
  display: block;
  width: 84%;
  margin: 6px auto 0;
  line-height: 16px;
  font-size: 11px;
}
.mall-wrap .top-ban .brand {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.mall-wrap .top-ban .poin {
  display: block;
  margin: 10px auto 0;
  width: 87px;
}
.mall-wrap .top-ban .sele {
  width: 78%;
  background: url(/bocstatic/m/img/bg_02.png) no-repeat 0;
  background-size: 100% auto;
  text-align: left;
  margin: 10px auto 0;
  position: relative;
}
.mall-wrap .top-ban .sele .tit {
  width: 88%;
  padding: 0 6%;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}
.mall-wrap .top-ban .sele .sub-box {
  width: 100%;
  position: absolute;
  top: 30px;
  border-radius: 2px;
  border: 1px solid #f2f2f2;
  background-color: #fff;
  left: 0;
  display: none;
}
.mall-wrap .top-ban .sele .sub-box a {
  display: block;
  width: 88%;
  padding-left: 6%;
  padding-right: 6px;
  line-height: 30px;
  color: #666;
}
.mall-wrap .mall-nav {
  width: 100%;
  height: 40px;
}
.mall-wrap .nav-box {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #efefef;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-color: #fff;
}
.mall-wrap .nav-box ul {
  width: 103%;
}
.mall-wrap .nav-box li {
  width: 24%;
  border-right: 1px solid #efefef;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
}
.mall-wrap .nav-box li.hover {
  background-color: #ea5504;
  color: #fff;
  border-right: 1px solid #ea5504;
}
.mall-wrap .nav-box.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.mall-wrap .bg-white {
  background-color: #fff;
}
.mall-wrap .bg-gray {
  background-color: #fbfbfb;
}
.mall-wrap .section {
  padding-top: 5px;
}
.mall-wrap .section .tit {
  padding-left: 6%;
  line-height: 35px;
  font-size: 15px;
  color: #333;
  display: block;
}
.mall-wrap .section ul {
  width: 100%;
}
.mall-wrap .section li {
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.mall-wrap .section li .lm-pro {
  width: 50%;
  float: left;
  position: relative;
}
.mall-wrap .section li .lm-pro img {
  display: block;
  width: 36%;
  float: left;
  margin-left: 8%;
}
.mall-wrap .section li .lm-pro .poin {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #f5f5f5;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  display: none;
}
.mall-wrap .section li .ft {
  padding-top: 15px;
  margin-left: 5%;
}
.mall-wrap .section li .cn {
  font-size: 14px;
  color: #000;
  line-height: 20px;
  width: 80px;
}
.mall-wrap .section li .en {
  color: #d7d7d7;
  line-height: 14px;
  font-size: 10px;
  width: 80px;
  text-transform: uppercase;
}
.mall-wrap .section .lm-pro.hover .cn {
  color: #ea5504;
}
.mall-wrap .section .lm-pro.hover .en {
  color: #ea5504;
}
.mall-wrap .section .lm-pro.hover .poin {
  display: block;
}
.mall-wrap .section .lk {
  width: 92%;
  padding: 12px 4%;
  background-color: #f8f8f8;
  display: none;
}
.mall-wrap .section .lk a {
  display: inline-block;
  float: left;
  width: 25%;
  margin-left: 4%;
}
.mall-wrap .section .lk img {
  display: block;
  width: 100%;
}
.mall-wrap .section .lk.right a {
  float: right;
  margin-right: 4%;
}

/******************公司简介*****************/
.crumbs {
  width: 94%;
  padding: 0 3%;
  line-height: 30px;
  font-size: 12px;
  background-color: #f9f9f9;
}
.crumbs a {
  color: #000;
  float: left;
}
.crumbs a.home {
  display: inline-block;
  padding-left: 19px;
  background: url(/bocstatic/m/img/ico_07.png) no-repeat left center;
  background-size: auto 50%;
}
.crumbs span {
  float: left;
  display: inline-block;
  width: 18px;
  color: #aeaeae;
  text-align: center;
}
.crumbs b {
  color: #ea5504;
}

.about-ban img {
  display: block;
  width: 100%;
}
.about-ban{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.about-ban ul,.about-ban li{
  width: 100%;
}
.about-ban .pagination-s{
  position: absolute;
  bottom: 8px;
  left: 50%;
  height: 8px;
  z-index: 5;
}
.about-ban .pagination-s span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border: 1px solid #ea5504;
    float: left;
    border-radius: 50%;
}
.about-ban .pagination-s span.swiper-pagination-bullet-active{
  background-color: #ea5504;
}

.ins-nav {
  width: 100%;
  position: relative;
}
.ins-nav .center {
  width: 92%;
  margin: 0 auto;
  position: relative;
  padding-top: 21px;
  padding-bottom: 20px;
  overflow: hidden;
}
.ins-nav ul {
  width: 100%;
  height: 70px;
}
.ins-nav li {
  width: 32%;
  height: 70px;
  border-right: 1px solid #f8f8f8;
}
.ins-nav li img {
  display: block;
  width: 42%;
  margin: 0 auto;
}
.ins-nav li p {
  line-height: 18px;
  text-align: center;
  color: #999;
}
.ins-nav li a {
  display: block;
  height: 70px;
  position: relative;
}
.ins-nav li .bg {
  display: none;
  width: 100%;
  height: 52px;
  background: url(/bocstatic/m/img/bg_03.png) no-repeat center bottom;
  background-size: 100% auto;
  position: absolute;
  bottom: -8px;
}
.ins-nav li:nth-child(3n+0) {
  border-right: none;
}
.ins-nav li.hover p {
  color: #ea5504;
}
.ins-nav li.hover .bg {
  display: block;
}
.ins-nav .butn {
  width: 3.5%;
  height: 116px;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.ins-nav .prev {
  left: 0;
  background: url(/bocstatic/m/img/btn_01.png) no-repeat center;
  background-size: 70% auto;
}
.ins-nav .next {
  right: 0;
  background: url(/bocstatic/m/img/btn_02.png) no-repeat center;
  background-size: 70% auto;
}

.ins-nav.duty-nav .center {
  width: 88%;
}
.ins-nav.duty-nav .center li {
  width: 33.3%;
}

.about-wrap .top-l-pl {
  width: 100%;
  position: relative;
}
.about-wrap .top-l-pl .l-pl-img {
  width: 100%;
  display: block;
}
.about-wrap .top-l-pl a.l-pl-a {
  display: block;
  width: 39%;
  position: absolute;
  left: 30%;
  bottom: -10px;
}
.about-wrap .top-l-pl a.l-pl-a img {
  display: block;
  width: 100%;
}
.about-wrap .wo-ct {
  width: 84%;
  line-height: 18px;
  color: #888;
  padding: 27px 8% 23px;
  background-color: #f5f5f5;
}
.about-wrap .wo-ct .blk {
  color: #333;
}
.about-wrap .wo-ct img {
  max-width: 100%;
  display: block;
  height: auto;
}

.history-wrap {
  background-color: #f5f5f5;
}
.history-wrap .top-his-img {
  width: 100%;
}
.history-wrap .top-his-img img {
  display: block;
  width: 100%;
}
.history-wrap .list {
  padding-bottom: 40px;
  width: 94%;
  margin: 0 auto;
  position: relative;
}
.history-wrap ul,.history-wrap li {
  width: 100%;
}
.history-wrap li .year{
  font-size: 22px;
  font-family: "Arial";
  font-weight: bold;
  color: #ea5504;
  line-height: 32px;
}
.history-wrap li .right-box{
  width: 243px;
}
.history-wrap li .right-box .top-bg-fir{
  width: 100%;
  height: 12px;
  background: url(/bocstatic/m/img/bg_line05.png) no-repeat center top ;
  background-size: 100% auto;
}
.history-wrap li .right-box .top-bg{
  width: 100%;
  height: 12px;
  background: url(/bocstatic/m/img/bg_line06.png) no-repeat center top;
  background-size: 100% auto;
  margin-top: -12px;
}
.history-wrap li .right-box .contbox{
  border-left: 3px solid #ea5504;
  width: 240px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.history-wrap li .right-box .word{
  color: #ea5504;
  line-height: 20px;
  font-size: 12px;
  width: 112px;
  margin-left: 12px;
}
.history-wrap li .right-box .word p{
  padding-left: 9px;
  background: url(/bocstatic/m/img/ico_43.png) no-repeat left 8px;
  margin-bottom: 5px;
}
.history-wrap li .right-box img{
  float: right;
  max-width: 84px;
}
.history-wrap .list .more{
  display: block;
  width: 102px;
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -144px;
}
.history-wrap .list .more img{
  display: block;
  width: 100%;
}
.history-wrap .list .bot-intr{
  font-size: 14px;
  line-height: 24px;
  color: #ea5504;
  border-bottom: 2px solid #ea5504;
  position: absolute;
  right: 0;
  bottom: 40px;
}

.history-wrap-sec {
  background-color: #f5f5f5;
}
.history-wrap-sec .top-his-img {
  width: 100%;
}
.history-wrap-sec .top-his-img img {
  display: block;
  width: 100%;
}
.history-wrap-sec .list {
  padding-bottom: 15px;
}
.history-wrap-sec .list ul {
  width: 100%;
}
.history-wrap-sec .list li {
  width: 90%;
  padding: 10px 4% 12px 6%;
  background-color: #fff;
}
.history-wrap-sec .list li:hover, .history-wrap-sec .list li.hover {
  background-color: #ea5504;
}
.history-wrap-sec .list li:hover .fl, .history-wrap-sec .list li.hover .fl {
  border-right: 1px solid #ff8533;
}
.history-wrap-sec .list li:hover .fl p, .history-wrap-sec .list li.hover .fl p {
  color: #fff;
}
.history-wrap-sec .list li:hover .fl span, .history-wrap-sec .list li.hover .fl span {
  color: #ffb380;
}
.history-wrap-sec .list li:hover .fr, .history-wrap-sec .list li.hover .fr {
  color: #fff;
}
.history-wrap-sec .list li.gray {
  background-color: #f2f2f2;
}
.history-wrap-sec .list li.gray:hover, .history-wrap-sec .list li.gray.hover {
  background-color: #ea5504;
}
.history-wrap-sec .list .fl {
  border-right: 1px solid #d6d6d6;
  padding-right: 4%;
}
.history-wrap-sec .list .fl p {
  color: #666;
  line-height: 25px;
}
.history-wrap-sec .list .fl strong {
  font-family: "Arial";
  font-size: 29px;
  font-style: italic;
  font-weight: normal;
}
.history-wrap-sec .list .fl i {
  font-size: 14px;
  font-family: "Arial";
  font-style: italic;
}
.history-wrap-sec .list .fl span {
  display: block;
  color: #acacac;
  line-height: 15px;
  letter-spacing: -1px;
  font-style: italic;
  width: 100px;
}
.history-wrap-sec .list .fr {
  width: 56%;
  line-height: 16px;
  color: #666;
  padding-top: 3px;
}
.history-wrap-sec .more {
  display: block;
  width: 44%;
  margin: 15px auto 0;
}
.history-wrap-sec .more img {
  display: block;
  width: 100%;
}

.page {
  padding-top: 14px;
  padding-bottom: 20px;
  text-align: center;
}
.page .pull-right img {
  width: 100%;
  display: block;
}
.page .pull-right ul{
  float: none;
}
.page .pull-right .pagination li{
  float: none;
  display: inline-block;
  width: 27px;
  padding: 0;
  height: 27px;
  text-align: center;
  line-height: 27px;
  color: #999;
  margin: 0 2px 2px;
  background-color: #e9e9e9;
}
.page .pull-right .pagination li a{
  color: #999;
  display: block;
  width: 27px;
  height: 27px;
  padding: 0;
}
.page .pull-right .pagination li.active a{
  color: #fff;
  background-color: #ea5504;
  width: 100%;
  height: 100%;
}
.page .pull-right .pagination li.previous,.page .pull-right .pagination li.next{
  width: auto;
}
.page .pull-right .pagination li.previous a,.page .pull-right .pagination li.next a{
  display: block;
  padding: 0 5px;
  width: auto;
}

.news-wrap {
  background-color: #f5f5f5;
  width: 94%;
  padding: 23px 3% 0;
}
.news-wrap .ins-tit{
  padding-top: 0;
}
.news-wrap .inves-nav{
  margin-bottom: 15px;
}
.news-wrap .tit {
  width: 100%;
  text-align: center;
  padding-bottom: 13px;
}
.news-wrap .tit .en {
  line-height: 33px;
  text-transform: uppercase;
  font-size: 30px;
}
.news-wrap .tit .cn {
  line-height: 28px;
  font-size: 15px;
}
.news-wrap .recom-scroll {
  width: 100%;
  padding-bottom: 28px;
  position: relative;
  overflow: hidden;
}
.news-wrap .recom-scroll ul, .news-wrap .recom-scroll li {
  width: 100%;
}
.news-wrap .recom-scroll li {
  background-color: #fff;
}
.news-wrap .recom-scroll li a {
  display: block;
  width: 86.6%;
  padding: 20px 6.7% 23px;
}
.news-wrap .recom-scroll li img {
  width: 100%;
  display: block;
}
.news-wrap .recom-scroll li .name {
  display: block;
  line-height: 25px;
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}
.news-wrap .recom-scroll li .date {
  display: block;
  line-height: 19px;
  color: #666;
}
.news-wrap .recom-scroll li .ft {
  display: block;
  line-height: 16px;
  margin-top: 7px;
  color: #999;
}
.news-wrap .recom-scroll .pagination {
  position: absolute;
  bottom: 12px;
  left: 50%;
}
.news-wrap .recom-scroll .pagination span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: 1px solid #ea5504;
  float: left;
  border-radius: 50%;
}
.news-wrap .recom-scroll .pagination span.swiper-pagination-bullet-active {
  background-color: #ea5504;
}
.news-wrap .list ul, .news-wrap .list li {
  width: 100%;
}
.news-wrap .list li {
  margin-bottom: 10px;
  background-color: #fff;
}
.news-wrap .list li a {
  width: 86.3%;
  padding: 15px 6.7%;
  display: block;
}
.news-wrap .list li span {
  display: block;
}
.news-wrap .list li .date {
  line-height: 19px;
  color: #666;
}
.news-wrap .list li .name {
  line-height: 23px;
  margin-top: 5px;
  color: #000;
  font-size: 15px;
}
.news-wrap .list li .ft {
  line-height: 16px;
  color: #999;
  margin-top: 7px;
}
.news-wrap .list li .look {
  line-height: 24px;
  font-size: 14px;
  color: #333;
  margin-top: 29px;
}

.news-info {
  width: 94%;
  padding: 14px 3% 25px;
  background-color: #f5f5f5;
}
.news-info .titbox {
  padding-bottom: 6px;
  border-bottom: 1px solid #dcdcdc;
}
.news-info .titbox h3 {
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
.news-info .titbox .date {
  line-height: 16px;
  color: #777;
}
.news-info .cont {
  padding-top: 17px;
  width: 100%;
  padding-bottom: 25px;
}
.news-info .cont img{
  max-width: 100%;
  display: block;
  height: auto;
}
.news-info .return {
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
}
.news-info .return a {
  display: block;
  width: 83%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #ea5504;
  border-radius: 16px;
  margin: 0 auto;
}
.news-info .paging {
  padding-top: 10px;
}
.news-info .paging p {
  line-height: 24px;
}
.news-info .paging a {
  color: #666;
}

.jobs-ban {
  position: relative;
  overflow: hidden;
}
.jobs-ban ul, .jobs-ban li {
  width: 100%;
}
.jobs-ban ul img, .jobs-ban li img {
  display: block;
  width: 100%;
}
.jobs-ban .pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 2;
}
.jobs-ban .pagination span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: 1px solid #ea5504;
  float: left;
  border-radius: 50%;
}
.jobs-ban .pagination span.swiper-pagination-bullet-active {
  background-color: #ea5504;
  border-box: shadow();
}

.jobs-wrap {
  background-color: #f5f5f5;
  padding-bottom: 30px;
}
.jobs-wrap .navbox {
  padding-top: 8px;
  padding-bottom: 20px;
  text-align: center;
}
.jobs-wrap .navbox a {
  display: inline-block;
  width: 24%;
  border: 1px solid #dbdbdb;
  line-height: 24px;
  border-radius: 14px;
  margin: 0 5px;
  text-align: center;
  color: #333;
  vertical-align: top;
}
.jobs-wrap .navbox a:hover, .jobs-wrap .navbox a.hover {
  background-color: #ea5504;
  border: 1px solid #ea5504;
  color: #fff;
}
.jobs-wrap .scroll {
  width: 95%;
  position: relative;
  overflow: hidden;
}
.jobs-wrap .scroll ul {
  width: 100%;
}
.jobs-wrap .scroll li {
  width: 62%;
  margin-right: 3%;
  background-color: #fff;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.jobs-wrap .scroll li img {
  display: block;
  width: 100%;
}
.jobs-wrap .scroll li.auto {
  height: auto;
}
.jobs-wrap .scroll li.auto .font {
  height: auto;
}
.jobs-wrap .scroll .cont {
  width: 84%;
  padding: 15px 8% 0;
  position: relative;
}
.jobs-wrap .scroll .cn {
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
}
.jobs-wrap .scroll .en {
  line-height: 20px;
  color: #bcbcbc;
  text-transform: uppercase;
}
.jobs-wrap .scroll .line {
  display: block;
  width: 8px;
  height: 1px;
  background-color: #9e9e9e;
  margin-top: 5px;
}
.jobs-wrap .scroll .font {
  display: block;
  line-height: 18px;
  margin-top: 6px;
  height: 108px;
  overflow: hidden;
}
.jobs-wrap .scroll .more {
  display: none;
  padding-right: 25px;
  background: url(/bocstatic/m/img/ico_08.png) no-repeat right center;
  background-size: auto 100%;
  line-height: 16px;
  position: absolute;
  right: 8%;
  bottom: -30px;
}
.jobs-wrap .scroll .more.hover {
  background: url(/bocstatic/m/img/ico_10.png) no-repeat right center;
  background-size: auto 100%;
}
.jobs-wrap .scroll li:hover .cn {
  color: #ea5504;
}

.ins-tit {
  padding-top: 23px;
  text-align: center;
}
.ins-tit .en {
  line-height: 33px;
  font-size: 16px;
  font-family: "Arial";
  text-transform: uppercase;
}
.ins-tit .cn {
  line-height: 28px;
  font-size: 22px;
}

.joinus-wrap .sc-box {
  width: 94%;
  padding: 0 3%;
}
.joinus-wrap .sc-box .tex {
  border: none;
  width: 90%;
  padding: 7px 5%;
  background-color: #eaeaea;
  color: #666;
  font-size: 14px;
  height: 15px;
  line-height: 16px;
  margin-bottom: 10px;
}
.joinus-wrap .sc-box .sele {
  border: none;
  background-color: #eaeaea;
  width: 49%;
  height: 26px;
  color: #666;
  padding-left: 4%;
}
.joinus-wrap .sc-box .sub-btn {
  border: none;
  width: 100%;
  text-align: center;
  height: 28px;
  line-height: 28px;
  color: #fff;
  background-color: #666;
  margin-top: 10px;
}
.joinus-wrap .list {
  margin-top: 10px;
  width: 94%;
  padding: 0 3%;
}
.joinus-wrap .list .tab-tt {
  border-top: 2px solid #dfdfde;
  line-height: 30px;
  border-bottom: 1px solid #dfdfde;
  padding-left: 5%;
  color: #333;
  font-weight: bold;
}
.joinus-wrap .list .tab-tt span {
  display: inline-block;
  float: left;
}
.joinus-wrap .list .tab-tt .t1 {
  width: 25%;
  text-align: center;
}
.joinus-wrap .list .tab-tt .t2 {
  width: 20%;
  text-align: center;
}
.joinus-wrap .list .name {
  padding-left: 17px;
  background: url(/bocstatic/m/img/ico_12.png) no-repeat left center;
  background-size: auto 40%;
  width: 47%;
}
.joinus-wrap .list ul, .joinus-wrap .list li {
  width: 100%;
}
.joinus-wrap .list li {
  line-height: 30px;
  border-bottom: 1px solid #eee;
}
.joinus-wrap .list li a {
  display: block;
  padding-left: 5%;
  width: 95%;
  color: #666;
}
.joinus-wrap .list li span {
  display: block;
  float: left;
}
.joinus-wrap .list li .ft1 {
  width: 53%;
}
.joinus-wrap .list li .ft2 {
  width: 25%;
  text-align: center;
}
.joinus-wrap .list li .ft3 {
  width: 20%;
  text-align: center;
}
.joinus-wrap .list li:hover {
  background-color: #ea5504;
}
.joinus-wrap .list li:hover a {
  color: #fff;
}

.join-info {
  width: 88%;
  padding: 15px 6% 26px;
  background-color: #f5f5f5;
}
.join-info h3 {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  line-height: 28px;
}
.join-info .lab {
  width: 100%;
  line-height: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 3px;
}
.join-info .lab span {
  float: left;
  display: inline-block;
  padding-left: 13px;
  background: url(/bocstatic/m/img/ico_13.png) no-repeat left center;
  background-size: auto 50%;
  margin-right: 14px;
}
.join-info .cont {
  padding-bottom: 17px;
  border-bottom: 1px solid #dcdcdc;
  padding-top: 10px;
}
.join-info .cont strong {
  color: #000;
}
.join-info .bot-btn {
  width: 100%;
  margin-top: 10px;
}
.join-info .bot-btn a {
  border-radius: 2px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.join-info .bot-btn a.sub-btn {
  display: block;
  width: 68%;
  background-color: #ea5504;
}
.join-info .bot-btn a.return {
  display: block;
  width: 28.5%;
  background-color: #999;
}
.join-info .bot-link {
  line-height: 28px;
}
.join-info .bot-link a {
  color: #333;
  text-transform: uppercase;
}

.inves-nav {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.inves-nav a {
  display: inline-block;
  vertical-align: top;
  padding: 0 4%;
  border: 1px solid #dbdbdb;
  line-height: 25px;
  color: #333;
  border-radius: 16px;
}
.inves-nav a.hover {
  color: #fff;
  background-color: #ea5504;
  border: 1px solid #ea5504;
}

.inves-wrap {
  background-color: #f5f5f5;
}
.inves-wrap .list-wrap {
  margin-top: 20px;
  width: 94%;
  padding: 0 3%;
}
.inves-wrap .list-wrap ul, .inves-wrap .list-wrap li {
  width: 100%;
}
.inves-wrap .list-wrap li {
  margin-bottom: 10px;
  background-color: #fff;
}
.inves-wrap .list-wrap li a {
  display: block;
  width: 88%;
  padding: 15px 6%;
}
.inves-wrap .list-wrap li.img {
  width: 88%;
  padding: 15px 6%;
}
.inves-wrap .list-wrap li.img img {
  width: 100%;
  display: block;
}
.inves-wrap .list-wrap .date {
  line-height: 18px;
  color: #666;
}
.inves-wrap .list-wrap .font {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  margin-top: 6px;
}
.inves-wrap .list-wrap .look {
  line-height: 24px;
  margin-top: 10px;
  display: block;
  font-size: 13px;
  color: #333;
}

.mailbox {
  width: 100%;
  margin-top: 24px;
}
.mailbox ul {
  width: 100%;
}
.mailbox li,.mailbox dl {
  width: 100%;
}
.mailbox li .ico {
  display: block;
  width: 12%;
}
.mailbox li .ico img {
  display: block;
  width: 100%;
}
.mailbox dl img{
  display: block;
  width: 8%;
  float: left;
}
.mailbox dl .lm-r{
  float: left;
  width: 88%;
  margin-left: 3%;
}
.mailbox dl dd{
  width: 94%;
  padding: 10px 3% 12px;
  border-bottom: 1px solid #e9e9e9;
}
.mailbox dl dd:after{
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden;
  content:".";
}
.mailbox li strong,.mailbox dl h3 {
  display: block;
  line-height: 20px;
  color: #333;
  font-weight: normal;
  font-size: 14px;
}
.mailbox li .long {
  width: 88%;
}
.mailbox li .short {
  width: 38%;
}
.mailbox li p {
  color: #999;
  line-height: 16px;
}

.contact-wrap {
  background-color: #f9f9f9;
}
.contact-wrap .map {
  height: 280px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  margin-top: 9px;
}
.contact-wrap .list {
  width: 94%;
  padding: 5px 3% 10px;
}
.contact-wrap .list ul, .contact-wrap .list li {
  width: 100%;
}
.contact-wrap .list li {
  padding: 9px 0 13px;
  border-bottom: 1px solid #e0e0e0;
}
.contact-wrap .list li .name {
  display: block;
  line-height: 19px;
  font-size: 14px;
  color: #333;
}
.contact-wrap .list li .word {
  display: block;
  line-height: 15px;
  color: #999;
  margin-top: 4px;
}
.contact-wrap .list li .ico {
  display: block;
  width: 10%;
  height: 30px;
  background: url(/bocstatic/m/img/ico_20.png) no-repeat center;
  background-size: 100% auto;
}
.contact-wrap .list li .cont {
  width: 90%;
}
.contact-wrap .list li:hover .ico, .contact-wrap .list li.cur .ico {
  background: url(/bocstatic/m/img/ico_21.png) no-repeat center;
  background-size: 100% auto;
}
.contact-wrap .list li:hover .name, .contact-wrap .list li.cur .name {
  color: #ea5504;
}
.contact-wrap .list li:hover .word, .contact-wrap .list li.cur .word {
  color: #555;
}

.clause-wrap {
  width: 94%;
  padding: 15px 3% 20px;
  background-color: #f5f5f5;
  color: #888;
}
.clause-wrap h3 {
  color: #333;
  font-weight: normal;
}

.service-wrap {
  width: 94%;
  padding: 0 3%;
  background-color: #f5f5f5;
}
.service-wrap .sc-wp {
  margin-top: 8px;
  width: 100%;
}
.service-wrap .sc-wp .sele {
  border: none;
  width: 32%;
  margin-right: 2%;
  height: 26px;
  color: #666;
  font-size: 14px;
  padding-left: 3%;
  background-color: #eaeaea;
}
.service-wrap .sc-wp .sele.right {
  margin-right: 0;
}
.service-wrap .sc-wp .tex {
  border: none;
  margin-top: 10px;
  width: 90%;
  padding: 7px 5%;
  background-color: #eaeaea;
  font-size: 14px;
  height: 15px;
  line-height: 14px;
}
.service-wrap .sc-wp .sc-btn {
  border: none;
  width: 100%;
  height: 30px;
  background-color: #666666;
  color: #fff;
  margin-top: 10px;
  text-align: center;
  line-height: 30px;
}
.service-wrap .list {
  width: 100%;
  margin-top: 18px;
}
.service-wrap .list ul, .service-wrap .list li {
  width: 100%;
}
.service-wrap .list li.bgwh {
  background-color: #fff;
}
.service-wrap .list li a{
  float: left;
  display: block;
  padding: 12px 0 12px;
  width: 100%;
}
.service-wrap .list .ico {
  display: block;
  width: 10%;
  height: 40px;
  background: url(/bocstatic/m/img/ico_22.png) no-repeat center 3px;
  background-size: 60% auto;
}
.service-wrap .list .cont {
  width: 80%;
}
.service-wrap .list .name {
  display: block;
  line-height: 22px;
  color: #000;
  font-size: 14px;
}
.service-wrap .list .font {
  display: block;
  line-height: 16px;
  margin-top: 7px;
  color: #555;
}

.service-info .return{
  display: block;
  width: 84%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #ea5504;
  border-radius: 16px;
  margin: 0 auto;
  position: absolute;
  bottom: 5px;
  left: 8%;
}

.sold-wp {
  padding-top: 15px;
}
.sold-wp .scroll {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.sold-wp .scroll ul, .sold-wp .scroll li {
  width: 100%;
}
.sold-wp .scroll li img {
  display: block;
  width: 100%;
}
.sold-wp .scroll .butn {
  display: block;
  width: 20px;
  height: 30px;
  position: absolute;
  top: 73px;
  opacity: 0.8;
  z-index: 3;
}
.sold-wp .scroll .prev {
  background: url(/bocstatic/m/img/btn_05.png) no-repeat center #000;
  background-size: 30% auto;
  left: 0;
}
.sold-wp .scroll .prev:hover {
  background: url(/bocstatic/m/img/btn_05.png) no-repeat center #ea5504;
  background-size: 30% auto;
  opacity: 1;
}
.sold-wp .scroll .next {
  background: url(/bocstatic/m/img/btn_06.png) no-repeat center #000;
  background-size: 30% auto;
  right: 0;
}
.sold-wp .scroll .next:hover {
  background: url(/bocstatic/m/img/btn_06.png) no-repeat center #ea5504;
  background-size: 30% auto;
  opacity: 1;
}
.sold-wp .word {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 19px;
  text-align: center;
}
.sold-wp .word .ft1 {
  font-size: 14px;
  color: #333;
  line-height: 22px;
}
.sold-wp .word .ft2 {
  line-height: 20px;
  color: #666;
}

.manual-list {
  margin-top: 13px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.manual-list ul {
  width: 105%;
}
.manual-list li {
  width: 45%;
  margin-bottom: 15px;
  margin-right: 5%;
}
.manual-list li img {
  display: block;
  width: 100%;
}

.mall-show-ban {
  width: 100%;
  margin-top: 15px;
}
.mall-show-ban img {
  display: block;
  width: 100%;
}

.mall-show-list {
  width: 100%;
  padding-bottom: 10px;
}
.mall-show-list ul, .mall-show-list li {
  width: 100%;
}
.mall-show-list li {
  border-bottom: 1px solid #dcdcdc;
  padding: 11px 0;
}
.mall-show-list li .ft1 {
  line-height: 22px;
  font-size: 14px;
  color: #333;
}
.mall-show-list li .ft2 {
  line-height: 20px;
}

.duty-wrap .ins-tit {
  margin-bottom: 15px;
}
.duty-wrap .ldu-stu {
  width: 100%;
  background: url(/bocstatic/m/img/bg_04.jpg) no-repeat center top #f9f9f9;
  background-size: 100% auto;
  padding-bottom: 22px;
}
.duty-wrap .ldu-wp {
  padding: 24px 9%;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px #f2f2f2;
  margin: 0 auto 15px;
  border-radius: 3px;
  width: 60%;
}
.duty-wrap .ldu-wp h3 {
  line-height: 26px;
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
}
.duty-wrap .ldu-wp h3 span {
  color: #ea5504;
}
.duty-wrap .ldu-wp p {
  line-height: 22px;
}
.duty-wrap .ldu-wp p span {
  color: #ea5504;
  font-weight: bold;
}
.duty-wrap .ldu-sc {
  width: 100%;
  padding-top: 176px;
  padding: 176px 0 0;
  background: url(/bocstatic/m/img/bg_05.jpg) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.duty-wrap .ldu-sc ul {
  width: 100%;
}
.duty-wrap .ldu-sc li {
  width: 50%;
  text-align: center;
  color: #fff;
  border-top: 1px solid #c9b5a2;
  padding-top: 10px;
  padding-bottom: 7px;
  min-height: 70px;
}
.duty-wrap .ldu-sc li .num,.duty-wrap .ldu-sc li h3 {
  display: block;
  line-height: 29px;
  font-size: 24px;
  font-family: "Arial";
  margin-bottom: 4px;
}
.duty-wrap .ldu-sc img{
  display: none;
}
.duty-wrap .ldu-sc li p {
  line-height: 18px;
}
.duty-wrap .ldu-sc li .box {
  border-right: 1px solid #c9b5a2;
  width: 100%;
}
.duty-wrap .ldu-intr {
  width: 88%;
  padding: 0 6% 22px;
  background-color: #f5f5f5;
}
.duty-wrap .ldu-intr ul, .duty-wrap .ldu-intr li {
  width: 100%;
}
.duty-wrap .ldu-intr li {
  padding-top: 15px;
}
.duty-wrap .ldu-intr li h3 {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  margin-bottom: 7px;
}
.duty-wrap .ldu-intr li p {
  line-height: 16px;
  color: #888;
}
.duty-wrap .ldu-intr li img {
  display: block;
  width: 100%;
  margin-top: 12px;
}

/*****************产品*****************/
.pro-home .menu {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.pro-home .menu ul {
  width: 103%;
}
.pro-home .menu li {
  width: 24%;
  border-right: 1px solid #dbdbdb;
}
.pro-home .menu li a {
  padding: 14px 0;
  display: block;
}
.pro-home .menu .ico {
  display: block;
  height: 32px;
  background-size: 110px auto !important;
}
.pro-home .menu p {
  line-height: 24px;
  text-align: center;
  color: #888;
}
.pro-home .menu li.hover .ico {
  background-position: center bottom !important;
}
.pro-home .menu li.hover p {
  color: #ea5504;
}
.pro-home .pro-list ul, .pro-home .pro-list li {
  width: 100%;
}
.pro-home .pro-list .tips {
  padding: 20px 0 22px;
  position: relative;
  text-align: center;
}
.pro-home .pro-list h3 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  line-height: 37px;
}
.pro-home .pro-list p.f14 {
  font-size: 16px;
  line-height: 27px;
}
.pro-home .pro-list p.f12 {
  line-height: 17px;
  width: 90%;
  margin: 0 auto;
}
.pro-home .pro-list a.link {
  display: inline-block;
  padding-right: 23px;
  background: url(/bocstatic/m/img/ico_27.png) no-repeat right center;
  background-size: auto 60%;
  font-size: 14px;
  line-height: 27px;
  color: #ed6d00;
  margin-top: 9px;
}
.pro-home .pro-list .triangle {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
  left: 50%;
  margin-left: -18px;
}
.pro-home .pro-list .img img {
  display: block;
  width: 100%;
}
.pro-home .list-option {
  padding: 10px 0;
  background-color: #f5f5f5;
}
.pro-home .list-option ul, .pro-home .list-option li {
  width: 100%;
  background-color: #fff;
}
.pro-home .list-option ul a, .pro-home .list-option li a {
  display: block;
  width: 90%;
  padding: 0 5%;
  color: #666;
  line-height: 32px;
  background: url(/bocstatic/m/img/ico_30.png) no-repeat 95% center;
  background-size: auto 40%;
}
.pro-home .list-option li {
  border-bottom: 1px solid #dcdcdc;
}
.pro-home .list-option li:first-child {
  border-top: 1px solid #dcdcdc;
}

.pro-wp .proban {
  position: relative;
  overflow: hidden;
}
.pro-wp .proban li {
  width: 100%;
}
.pro-wp .proban li img {
  display: block;
  width: 100%;
}
.pro-wp .proban .pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  height: 8px;
  z-index: 5;
}
.pro-wp .proban .pagination span {
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border: 1px solid #ea5504;
  float: left;
  border-radius: 50%;
}
.pro-wp .proban .pagination span.swiper-pagination-bullet-active {
  background-color: #ea5504;
}
.pro-wp .tit-name {
  width: 91.2%;
  padding: 17px 4.4% 12px;
}
.pro-wp .tit-name .en {
  line-height: 22px;
  font-size: 21px;
  font-family: "Arial";
  text-transform: uppercase;
}
.pro-wp .tit-name h2 {
  font-size: 21px;
  color: #ea5504;
  line-height: 28px;
}
.pro-wp .tit-name h2 span {
  font-size: 12px;
  color: #888;
  font-weight: normal;
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
}

.proinfo-list {
  width: 91.2%;
  padding: 15px 4.4% 0;
  background-color: #f5f5f5;
  position: relative;
  overflow: hidden;
}
.proinfo-list .big-recom {
  position: relative;
  cursor: pointer;
}
.proinfo-list .big-recom .img {
  display: block;
  background-color: #fffdf7;
}
.proinfo-list .big-recom img {
  display: block;
  width: 100%;
}
.proinfo-list .big-recom .sign {
  display: block;
  width: 56px;
  height: 27px;
  background: url(/bocstatic/m/img/ico_28.png) no-repeat 0;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 33px;
}
.proinfo-list .big-recom .cont {
  width: 92%;
  padding: 11px 3% 18px 5%;
  background-color: #fff;
  position: relative;
}
.proinfo-list .big-recom .tips h3 {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  line-height: 18px;
}
.proinfo-list .big-recom .tips p {
  line-height: 16px;
  color: #888;
}
.proinfo-list .big-recom .detail {
  line-height: 16px;
  margin-top: 8px;
}
.proinfo-list .big-recom .more {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/bocstatic/m/img/ico_29.png) no-repeat right center;
  background-size: auto 100%;
  position: absolute;
  right: 3%;
  bottom: 5px;
}
.proinfo-list .big-recom:hover .more {
  background: url(/bocstatic/m/img/ico_29.png) no-repeat left center;
  background-size: auto 100%;
}
.proinfo-list ul.list {
  width: 102%;
  margin-top: 12px;
}
.proinfo-list ul.list li {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 13px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}
.proinfo-list ul.list li .fav{
  width: 30px;
  height: 30px;
  background: url(/bocstatic/m/img/fav01.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 0;
}
.proinfo-list ul.list .img {
  display: block;
  background-color: #fafafa;
  /*max-height: 145px;*/
}
.proinfo-list ul.list .img img {
  width: 100%;
  display: block;
}
.proinfo-list ul.list .name {
  width: 84%;
  padding: 12px 8%;
}
.proinfo-list ul.list .name .f14 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  height: 32px;
}
.proinfo-list ul.list .name .lab {
  color: #888;
  line-height: 15px;
}

.bg-black {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #000;
  opacity: 0.5;
  display: none;
}

.pro-info-alert {
  width: 90%;
  padding: 18px 0 9px;
  background-color: #fff;
  border-radius: 2px;
  position: fixed;
  left: 5%;
  z-index: 11;
  /*height: 415px;*/
  top: 50%;
  margin-top: -230px;
  display: none;
}
.pro-info-alert .cont-wp {
  overflow: auto;
  width: 91%;
  padding: 0 4.5%;
  height: 79%;
}
.pro-info-alert .cont {
  width: 92%;
  height: 310px;
  overflow-x: hidden;
}
.pro-info-alert .cont h3 {
  font-size: 16px;
  color: #000;
  line-height: 22px;
}
.pro-info-alert .cont .lab {
  line-height: 18px;
  color: #888;
}

.pro-info-alert .close {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/bocstatic/m/img/ico_44.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 10px;
  right: 10px;
}
.pro-info-alert .close:hover{
  background: url(/bocstatic/m/img/ico_45.png) no-repeat center;
  background-size: 100% auto;
}
.pro-info-alert .bot-link{
  width: 91%;
 /* position: absolute;
  bottom: 15px;
  left: 4.5%;*/
  margin-left: 4.5%;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.pro-info-alert .bot-link.sk{
  border: none;
  padding-top: 0;
}
.pro-info-alert .bot-link a.btn{
  display: block;
  width: 74px;
  height: 29px;
  line-height: 29px;
  border: 1px solid #ea5504;
  padding-left: 6%;
  border-radius: 30px;
  width: 32.8%;
  color: #ea5504;
}
.pro-info-alert a.btn.link {
  background: url(/bocstatic/m/img/ico_46.png) no-repeat 85% center;
  background-size: auto 10px;
  margin-right: 6%;
}
.pro-info-alert a.btn.link:hover{
  background: url(/bocstatic/m/img/ico_47.png) no-repeat 85% center;
  background-size: auto 10px;
}
.pro-info-alert a.btn.buy{
  height: 29px;
  line-height: 29px;
   background: url(/bocstatic/m/img/ico_48.png) no-repeat 85% center;
  background-size: auto 10px;
  margin-left: 6%;
}
.pro-info-alert a.btn.buy:hover{
  background: url(/bocstatic/m/img/ico_49.png) no-repeat 85% center;
  background-size: auto 10px;
  color: #fff;
}
.pro-info-alert a.wl{
  font-size: 12px;
  color: #ea5504;
  padding-right: 9%;
  background: url(/bocstatic/m/img/pic.png) no-repeat right center;
  background-size: 18px;
  line-height: 26px;
  margin-top: 14px;
  display: inline-block;
}
.pro-info-alert a.wl.men{
  margin-left: 4.5%;
}
.pro-info-alert a.wl.manu{
  margin-right: 4.5%;
}
.load-bg {
  background: url(/bocstatic/m/img/loadings.gif) no-repeat center;
}

.air-wp .posbg {
  width: 100%;
  display: block;
}
.air-wp .video .posbg {
  opacity: 0;
}
.air-wp .video .font {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 64px;
}
.air-wp .video .font h3, .air-wp .video .font p, .air-wp .video .font a {
  opacity: 0;
  position: relative;
  top: 20px;
}
.air-wp .video h3 {
  font-size: 24px;
  line-height: 37px;
  color: #fff;
  font-weight: normal;
}
.air-wp .video p {
  line-height: 26px;
  font-size: 14px;
  color: #f6f6f6;
}
.air-wp .video a {
  display: inline-block;
  padding-right: 23px;
  background: url(/bocstatic/m/img/ico_33.png) no-repeat right center;
  background-size: auto 48%;
  color: #ea5504;
  margin-top: 8px;
  line-height: 33px;
}
.air-wp .outdoor .tips {
  z-index: 2;
  top: 20px;
  text-align: center;
  width: 100%;
  left: 0;
}
.air-wp .outdoor .tips .tt, .air-wp .outdoor .tips h3, .air-wp .outdoor .tips .d, .air-wp .outdoor .tips .num, .air-wp .outdoor .tips .bt {
  position: relative;
  top: 20px;
  opacity: 0;
}
.air-wp .outdoor .tt {
  line-height: 26px;
  font-size: 14px;
  color: #000;
}
.air-wp .outdoor h3 {
  font-size: 18px;
  color: #000;
  line-height: 32px;
  font-weight: normal;
}
.air-wp .outdoor p.d {
  line-height: 16px;
  margin-top: 4px;
  width: 90%;
  margin: 4px auto 0;
}
.air-wp .outdoor .num {
  line-height: 56px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  padding: 0 16px;
  display: inline-block;
  margin-top: 17px;
}
.air-wp .outdoor .num span {
  font-size: 24px;
}
.air-wp .outdoor .bt {
  line-height: 32px;
}
.air-wp .indoor .tips {
  width: 100%;
  top: 25px;
  left: 0;
  text-align: center;
}
.air-wp .indoor .tt {
  line-height: 22px;
  font-size: 14px;
  color: #244375;
}
.air-wp .indoor h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 31px;
  color: #244375;
}
.air-wp .indoor .font {
  line-height: 16px;
  width: 66.4%;
  margin: 7px auto 0;
  color: #6f7887;
}
.air-wp .indoor .boxs {
  width: 66.4%;
  margin: 0 auto;
  margin-top: 12px;
}
.air-wp .indoor .box {
  width: 40%;
  margin: 5%;
}
.air-wp .indoor .box .in {
  border: 1px solid #9fc2db;
  border-radius: 4px;
  line-height: 57px;
  color: #5d7b9e;
  width: 98%;
}
.air-wp .indoor .box .in span {
  font-size: 24px;
}
.air-wp .indoor .box p {
  line-height: 16px;
  margin-top: 8px;
  color: #507096;
}
.air-wp .nano {
  padding-top: 31px;
  padding-bottom: 28px;
  width: 100%;
}
.air-wp .nano .t1 {
  line-height: 30px;
  font-size: 24px;
  color: #000;
  text-align: center;
}
.air-wp .nano .t2 {
  line-height: 27px;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.air-wp .nano .word {
  text-align: center;
  line-height: 16px;
  color: #888;
  width: 90%;
  margin: 11px auto 0;
}
.air-wp .nano .sign {
  display: block;
  width: 58%;
  margin: 17px auto 0;
}
.air-wp .nano .bot-box {
  width: 100%;
  height: 73px;
  background: url(/bocstatic/m/img/img_45.jpg) no-repeat center;
  background-size: auto 100%;
  margin-top: 26px;
}
.air-wp .filter {
  padding-top: 30px;
  background-color: #f3f3f3;
}
.air-wp .filter .t1 {
  line-height: 26px;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.air-wp .filter .t2 {
  line-height: 22px;
  font-size: 13px;
  color: #000;
  text-align: center;
}
.air-wp .filter img {
  display: block;
  width: 100%;
  margin-top: 4px;
}
.air-wp .wait {
  padding-top: 32px;
  width: 100%;
  background: url(/bocstatic/m/img/bg_07.jpg) no-repeat center top;
  background-size: 100% auto;
  /*height: 344px;*/
}
.air-wp .wait .t1 {
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 14px;
}
.air-wp .wait .t2 {
  text-align: center;
  line-height: 27px;
  text-align: center;
  color: #fff;
}
.air-wp .wait img {
  display: block;
  margin-top: 20px;
  width: 100%;
}
.air-wp .mode {
  width: 100%;
  background: url(/bocstatic/m/img/bg_08.jpg) no-repeat center top;
  background-size: 100% auto;
}
.air-wp .mode img {
  display: block;
  width: 100%;
}

.fresh-wp .posbg {
  width: 100%;
  display: block;
}
.fresh-wp .ban {
  width: 100%;
  display: block;
}
.fresh-wp .ban .posbg {
  opacity: 0;
}
.fresh-wp .ban a {
  display: inline-block;
  padding-right: 22px;
  background: url(/bocstatic/m/img/ico_34.png) no-repeat right center;
  background-size: auto 80%;
  font-size: 14px;
  color: #ea5504;
  margin-top: 15px;
}
.fresh-wp .ban h3 {
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  margin-top: 20px;
  font-weight: normal;
  color: #fff;
}
.fresh-wp .ban p {
  line-height: 16px;
  text-align: center;
  color: #f7ed72;
  width: 90%;
  margin: 7px auto 0;
}
.fresh-wp .ban .font {
  position: absolute;
  width: 100%;
  left: 0;
  top: 40px;
  text-align: center;
}
.fresh-wp .ban h3, .fresh-wp .ban p, .fresh-wp .ban a {
  opacity: 0;
  top: 10px;
  position: relative;
}
.fresh-wp .video .tips {
  padding: 35px 0;
  text-align: center;
}
.fresh-wp .video .tips h3 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  line-height: 27px;
}
.fresh-wp .video .tips p {
  line-height: 20px;
  color: #888;
}
.fresh-wp .video .tips .link {
  width: 100%;
  text-align: center;
  line-height: 22px;
  margin-top: 14px;
}
.fresh-wp .video .tips .link a {
  display: inline-block;
  padding-right: 20px;
  background: url(/bocstatic/m/img/ico_33.png) no-repeat right center;
  background-size: auto 80%;
  margin: 0 8px;
  color: #ea5504;
}
.fresh-wp .video .tips h3, .fresh-wp .video .tips p, .fresh-wp .video .tips .link {
  position: relative;
  top: 10px;
  opacity: 0;
}
.fresh-wp .video .img {
  display: block;
  width: 100%;
}
.fresh-wp .upgrade {
  padding-bottom: 38px;
  padding-top: 53px;
}
.fresh-wp .upgrade h3 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  line-height: 27px;
  text-align: center;
}
.fresh-wp .upgrade p.ft {
  width: 83%;
  margin: 7px auto 0;
  color: #888;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.fresh-wp .upgrade .img {
  margin-top: 27px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 275px;
}
.fresh-wp .upgrade .img img {
  position: absolute;
  display: block;
}
.fresh-wp .upgrade h3, .fresh-wp .upgrade p.ft {
  opacity: 0;
  position: relative;
  top: 10px;
}
.fresh-wp .upgrade .img1 {
  z-index: 6;
  width: 260px;
  left: 50%;
  margin-left: -130px;
  top: 0;
}
.fresh-wp .upgrade .img2 {
  width: 320px;
  left: 50%;
  margin-left: -160px;
  top: 50%;
  margin-top: -80px;
  z-index: 3;
  -webkit-animation: 20s linear 0s infinite c-Clockwise;
          animation: 20s linear 0s infinite c-Clockwise;
}
.fresh-wp .upgrade .img3 {
  width: 277px;
  left: 50%;
  margin-left: -139px;
  top: 50%;
  margin-top: -139px;
  z-index: 3;
  -webkit-animation: 20s linear 0s infinite Clockwise;
          animation: 20s linear 0s infinite Clockwise;
}
.fresh-wp .upgrade .img4 {
  width: 320px;
  top: 0;
  left: 50%;
  margin-left: -160px;
  z-index: 4;
}
.fresh-wp .upgrade .img5 {
  width: 320px;
  bottom: 0;
  left: 50%;
  margin-left: -160px;
  z-index: 4;
}
.fresh-wp .upgrade .list {
  width: 100%;
  margin-top: 15px;
}
.fresh-wp .upgrade .list ul {
  width: 100%;
}
.fresh-wp .upgrade .list li {
  width: 29%;
  margin: 2%;
}
.fresh-wp .upgrade .list li .box {
  width: 100%;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding-top: 16px;
  padding-bottom: 12px;
  color: #ea5504;
  text-align: center;
}
.fresh-wp .upgrade .list li .box p {
  line-height: 17px;
  font-size: 12px;
  width: 100%;
  color: #ea5504;
}
.fresh-wp .upgrade .list li .num {
  font-size: 24px;
  line-height: 28px;
}
.fresh-wp .upgrade .list li .tt {
  text-align: center;
  color: #333;
  line-height: 20px;
  padding: 4px 0;
}
.fresh-wp .video-full {
  width: 100%;
}
.fresh-wp .video-full img {
  width: 100%;
  display: block;
}
.fresh-wp .video-full .tips {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 81px;
}
.fresh-wp .video-full .ico {
  display: block;
  width: 33px;
  height: 33px;
  background: url(/bocstatic/m/img/ico_35.png) no-repeat center;
  background-size: 100% auto;
  margin: 0 auto;
}
.fresh-wp .video-full h3 {
  font-weight: normal;
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-size: 16px;
  margin-top: 10px;
}
.fresh-wp .video-full .ico, .fresh-wp .video-full h3 {
  top: 10px;
  opacity: 0;
  position: relative;
}
.fresh-wp .video-full a {
  display: block;
  width: 100%;
}
.fresh-wp .fire {
  padding-top: 29px;
  background-color: #01080d;
}
.fresh-wp .fire h3 {
  font-weight: normal;
  color: #fff;
  line-height: 27px;
  text-align: center;
}
.fresh-wp .fire .t1 {
  text-align: center;
  line-height: 22px;
  margin-top: 6px;
  color: #fff;
}
.fresh-wp .fire .t2 {
  text-align: center;
  margin: 8px auto 0;
  width: 60%;
  color: #87898a;
}
.fresh-wp .fire img {
  width: 100%;
  display: block;
  margin-top: 13px;
  position: relative;
  opacity: 0;
  top: 10px;
}
.fresh-wp .fire .tips {
  position: relative;
  top: -10px;
  opacity: 0;
}
.fresh-wp .system {
  width: 100%;
  background-color: #f5f5f5;
  padding-top: 32px;
  padding-bottom: 45px;
}
.fresh-wp .system h3 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  text-align: center;
  line-height: 32px;
}
.fresh-wp .system p.t1 {
  text-align: center;
  line-height: 27px;
  color: #666;
  font-size: 14px;
}
.fresh-wp .system .tips h3, .fresh-wp .system .tips p.t1 {
  opacity: 0;
  position: relative;
  top: 10px;
}
.fresh-wp .system .list {
  margin-top: 35px;
  width: 100%;
  position: relative;
}
.fresh-wp .system .list .butn {
  display: block;
  width: 9px;
  height: 16px;
  position: absolute;
  top: 31px;
}
.fresh-wp .system .list .prev {
  background: url(/bocstatic/m/img/btn_07.png) no-repeat center;
  background-size: 100% auto;
  left: 12px;
}
.fresh-wp .system .list .next {
  background: url(/bocstatic/m/img/btn_08.png) no-repeat center;
  background-size: 100% auto;
  right: 12px;
}
.fresh-wp .system .list .center {
  width: 83%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 6px 0;
}
.fresh-wp .system .list .center ul {
  width: 100%;
}
.fresh-wp .system .list .center li {
  width: 24.5%;
  position: relative;
  z-index: 2;
}
.fresh-wp .system .list .center li img {
  display: block;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;
}
.fresh-wp .system .list .center li.swiper-slide-next {
  z-index: 5;
}
.fresh-wp .system .list .center li.swiper-slide-next img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.fresh-wp .system .list .center li.swiper-slide-next p {
  color: #ea5504;
}
.fresh-wp .system .list .center .tt {
  margin-top: 7px;
  text-align: center;
  color: #333;
}
.fresh-wp .system .list .center .ft {
  line-height: 18px;
  color: #666;
  text-align: center;
}
.fresh-wp .curve {
  width: 100%;
  padding-top: 28px;
  text-align: center;
  padding-bottom: 30px;
}
.fresh-wp .curve h3 {
  font-size: 18px;
  line-height: 27px;
  font-weight: normal;
  color: #333;
}
.fresh-wp .curve .word {
  width: 94%;
  margin: 7px auto 0;
  line-height: 16px;
  color: #888;
}
.fresh-wp .curve .link {
  display: inline-block;
  padding-right: 22px;
  background: url(/bocstatic/m/img/ico_33.png) no-repeat right center;
  background-size: auto 80%;
  margin-top: 13px;
  color: #ed6d00;
}
.fresh-wp .curve .tips h3, .fresh-wp .curve .tips .word {
  top: 10px;
  opacity: 0;
  position: relative;
}
.fresh-wp .curve .line {
  width: 248px;
  margin: 34px auto 0;
}
.fresh-wp .curve .line .line-in {
  width: 0;
  height: 100%;
  background: url(/bocstatic/m/img/img_59.png) no-repeat 0;
  background-size: auto 100%;
  left: 0;
  top: 0;
}
.fresh-wp .curve .bot {
  line-height: 22px;
  color: #666;
  margin-top: 14px;
  text-align: center;
  width: 100%;
}
.fresh-wp .seven .tips {
  top: 30px;
  text-align: center;
  left: 0;
  color: #fff;
}
.fresh-wp .seven .tips .t1, .fresh-wp .seven .tips h3, .fresh-wp .seven .tips .word {
  top: 10px;
  opacity: 0;
  position: relative;
}
.fresh-wp .seven .t1 {
  line-height: 22px;
  text-align: center;
  font-size: 14px;
}
.fresh-wp .seven h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 29px;
  margin-top: 4px;
}
.fresh-wp .seven .word {
  line-height: 16px;
  width: 87%;
  margin: 6px auto 0;
}
.fresh-wp .carte .tips {
  padding-top: 22px;
  padding-bottom: 25px;
  text-align: center;
}
.fresh-wp .carte .tips h3, .fresh-wp .carte .tips .word {
  top: 10px;
  opacity: 0;
  position: relative;
}
.fresh-wp .carte h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 27px;
  color: #333;
}
.fresh-wp .carte .word {
  line-height: 18px;
  margin-top: 6px;
  display: block;
}
.fresh-wp .pairs .tips {
  top: 67px;
  width: 100%;
  left: 0;
  text-align: center;
  color: #fff;
}
.fresh-wp .pairs .tips p {
  line-height: 22px;
  margin-top: 4px;
  font-size: 14px;
}
.fresh-wp .pairs .tips h3, .fresh-wp .pairs .tips p, .fresh-wp .pairs .tips .link {
  position: relative;
  top: 10px;
  opacity: 0;
}
.fresh-wp .pairs h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 29px;
}
.fresh-wp .pairs .link {
  display: inline-block;
  padding-right: 22px;
  background: url(/bocstatic/m/img/ico_36.png) no-repeat right center;
  background-size: auto 80%;
  font-size: 14px;
  color: #ffe8bc;
  margin-top: 5px;
}

.red-wp .posbg {
  width: 100%;
  display: block;
}
.red-wp .ban .posbg {
  opacity: 0;
}
.red-wp .ban .font {
  width: 100%;
  left: 0;
  top: 30px;
  text-align: center;
}
.red-wp .ban .font h3, .red-wp .ban .font p, .red-wp .ban .font .link {
  top: 10px;
  opacity: 0;
  position: relative;
}
.red-wp .ban h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 37px;
  color: #333;
}
.red-wp .ban p {
  line-height: 32px;
  font-size: 18px;
  color: #333;
  margin-bottom: 6px;
}
.red-wp .ban .link {
  width: 100%;
  text-align: center;
}
.red-wp .ban .link a {
  display: inline-block;
  padding-right: 20px;
  line-height: 26px;
  color: #ea5504;
  background: url(/bocstatic/m/img/ico_33.png) no-repeat right center;
  background-size: auto 60%;
  margin: 0 9px;
}
.red-wp .patent {
  background-color: #f9f9f9;
  padding-bottom: 30px;
}
.red-wp .patent .posbg {
  opacity: 0;
}
.red-wp .patent .font {
  width: 100%;
  bottom: 10px;
  left: 0;
  text-align: center;
}
.red-wp .patent .font h3, .red-wp .patent .font .t1, .red-wp .patent .font .word, .red-wp .patent .font .sign {
  opacity: 0;
  position: relative;
  top: 10px;
}
.red-wp .patent h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #000;
}
.red-wp .patent .t1 {
  line-height: 22px;
  font-size: 14px;
  color: #000;
  margin-top: 5px;
}
.red-wp .patent .word {
  width: 79%;
  margin: 6px auto 0;
  line-height: 16px;
}
.red-wp .patent .sign {
  width: 103px;
  display: block;
  margin: 21px auto 0;
}
.red-wp .tec {
  padding-bottom: 33px;
}
.red-wp .tec .tips {
  text-align: center;
  margin-top: 35px;
  position: relative;
  opacity: 0;
  top: -10px;
}
.red-wp .tec h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #000;
}
.red-wp .tec .t1 {
  line-height: 23px;
  margin-top: 4px;
  font-size: 14px;
  color: #000;
}
.red-wp .tec .word {
  width: 86%;
  margin: 5px auto 0;
  color: #888;
}
.red-wp .tec .img-sign {
  display: block;
  width: 100%;
  margin-top: 26px;
  position: relative;
  top: 10px;
  opacity: 0;
}
.red-wp .odds {
  background: url(/bocstatic/m/img/bg_09.jpg) no-repeat center top #f8f7f7;
  background-size: 100% auto;
  padding-top: 35px;
  padding-bottom: 21px;
}
.red-wp .odds h3 {
  font-weight: normal;
  line-height: 32px;
  font-size: 24px;
  text-align: center;
  color: #000;
  position: relative;
  top: 10px;
  opacity: 0;
}
.red-wp .odds .list {
  width: 272px;
  margin: 37px auto 0;
}
.red-wp .odds .list li {
  width: 272px;
  margin-bottom: 19px;
  position: relative;
  opacity: 0;
  top: 10px;
}
.red-wp .odds .list .box {
  width: 136px;
  text-align: center;
  float: left;
}
.red-wp .odds .list .box img {
  display: block;
  width: 61px;
  margin: 0 auto;
}
.red-wp .odds .list .box .t1 {
  margin-top: 15px;
  line-height: 16px;
  font-size: 14px;
  color: #333;
}
.red-wp .odds .list .box .t2 {
  line-height: 16px;
  color: #888;
}
.red-wp .pairs .tips {
  top: 93px;
  left: 0;
  width: 100%;
  text-align: center;
}
.red-wp .pairs .tips h3, .red-wp .pairs .tips .t1, .red-wp .pairs .tips .link {
  position: relative;
  opacity: 0;
  top: 10px;
}
.red-wp .pairs h3 {
  font-weight: normal;
  font-size: 24px;
  color: #fff;
  line-height: 37px;
}
.red-wp .pairs .t1 {
  line-height: 26px;
  color: #fff;
  font-size: 14px;
}
.red-wp .pairs .link {
  display: inline-block;
  padding-right: 23px;
  background: url(/bocstatic/m/img/ico_36.png) no-repeat right center;
  background-size: auto 70%;
  color: #ffe8bc;
  margin-top: 5px;
  line-height: 26px;
}

.soymilk-wp img {
  width: 100%;
}
.soymilk-wp .bot-recom .tips {
  width: 100%;
  text-align: center;
  color: #fff;
  top: 83px;
  left: 0;
}
.soymilk-wp .bot-recom h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 37px;
}
.soymilk-wp .bot-recom .t1 {
  line-height: 26px;
  font-size: 14px;
}
.soymilk-wp .bot-recom .link {
  display: inline-block;
  padding-right: 23px;
  background: url(/bocstatic/m/img/ico_36.png) no-repeat right center;
  background-size: auto 60%;
  line-height: 26px;
  color: #ffe8bc;
  font-size: 14px;
}
.soymilk-wp .bot-recom a {
  display: block;
}

.glass-wp .posbg {
  width: 100%;
  display: block;
}
.glass-wp .ban .posbg {
  opacity: 0;
}
.glass-wp .ban .buy {
  display: inline-block;
  width: 14px;
  font-size: 14px;
  color: #ea5504;
  padding-bottom: 15px;
  position: absolute;
  left: 30%;
  opacity: 0;
  top: 26%;
  background: url(/bocstatic/m/img/ico_34.png) no-repeat center bottom;
  background-size: 100% auto;
  line-height: 1.4;
}
.glass-wp .wram {
  width: 100%;
  background-color: #f5eddf;
}
.glass-wp .wram .posbg {
  opacity: 0;
}
.glass-wp .wram .tips {
  top: 20px;
  width: 89%;
  left: 8%;
}
.glass-wp .wram .tips .t1 {
  line-height: 26px;
  font-size: 18px;
  color: #5b4c3f;
}
.glass-wp .wram .tips h3 {
  font-weight: normal;
  font-size: 24px;
  color: #5b4c3f;
  line-height: 32px;
  margin-bottom: 15px;
}
.glass-wp .wram .tips .box {
  width: 100%;
  margin-bottom: 11px;
}
.glass-wp .wram .tips .box img {
  display: block;
  width: 47px;
}
.glass-wp .wram .tips .box .cont {
  margin-left: 12px;
  padding-top: 11px;
  color: #5b4c3f;
}
.glass-wp .wram .tips .box .ft1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}
.glass-wp .wram .tips .t1, .glass-wp .wram .tips h3, .glass-wp .wram .tips .box {
  position: relative;
  top: 10px;
  opacity: 0;
}
.glass-wp .show ul, .glass-wp .show li {
  width: 100%;
}
.glass-wp .show ul span, .glass-wp .show li span {
  display: block;
}
.glass-wp .show li {
  position: relative;
}
.glass-wp .show li span.poa {
  height: 0;
}
.glass-wp .show li:nth-child(1) .be {
  width: 18px;
  background: url(/bocstatic/m/img/font_01.png) no-repeat center top;
  background-size: 100% auto;
  left: 30%;
  top: 21%;
}
.glass-wp .show li:nth-child(1) .af {
  width: 19px;
  background: url(/bocstatic/m/img/font_02.png) no-repeat center top;
  background-size: 100% auto;
  left: 23%;
  top: 26.5%;
}
.glass-wp .show li:nth-child(2) .be {
  width: 17px;
  background: url(/bocstatic/m/img/font_03.png) no-repeat center top;
  background-size: 100% auto;
  left: 55%;
  top: 17%;
}
.glass-wp .show li:nth-child(2) .af {
  width: 17px;
  background: url(/bocstatic/m/img/font_04.png) no-repeat center top;
  background-size: 100% auto;
  left: 48%;
  top: 22%;
}
.glass-wp .show li:nth-child(3) .be {
  width: 17px;
  background: url(/bocstatic/m/img/font_05.png) no-repeat center top;
  background-size: 100% auto;
  left: 89%;
  top: 9%;
}
.glass-wp .show li:nth-child(3) .af {
  width: 16px;
  background: url(/bocstatic/m/img/font_06.png) no-repeat center top;
  background-size: 100% auto;
  left: 81%;
  top: 15%;
}
.glass-wp .series .tips {
  width: 100%;
  margin-top: 25px;
  text-align: center;
}
.glass-wp .series .tips h3, .glass-wp .series .tips .tt {
  position: relative;
  top: 10px;
  opacity: 0;
}
.glass-wp .series h3 {
  font-weight: normal;
  line-height: 32px;
  font-size: 24px;
  color: #333;
}
.glass-wp .series .tt {
  line-height: 20px;
  font-size: 14px;
  color: #333;
}
.glass-wp .series .nav {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.glass-wp .series .nav a {
  display: inline-block;
  color: #d3ac99;
  border: 1px solid #d3ac99;
  margin: 0 5px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 50%;
}
.glass-wp .series .nav a.on {
  background-color: #e4d0db;
  border: 1px solid #e4d0db;
  color: #fff;
}
.glass-wp .series .scroll {
  margin-top: 48px;
  padding-bottom: 47px;
  position: relative;
  display: none;
}
.glass-wp .series .scroll .center {
  background-size: auto 100%;
  margin: 0 auto;
  width: 82.5%;
  position: relative;
  overflow: hidden;
}
.glass-wp .series .scroll ul {
  width: 100%;
}
.glass-wp .series .scroll li {
  width: 47%;
  padding-right: 3%;
  background: url(/bocstatic/m/img/bg_10.jpg) no-repeat right center;
  background-size: auto 210%;
}
.glass-wp .series .scroll li img {
  display: block;
  width: 125px;
  margin: 0 auto;
}
.glass-wp .series .scroll li p {
  line-height: 20px;
  text-align: center;
}
.glass-wp .series .scroll .butn {
  width: 3.5%;
  height: 116px;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.glass-wp .series .scroll .prev {
  left: 0;
  background: url(/bocstatic/m/img/btn_01.png) no-repeat left center;
  background-size: 100% auto;
}
.glass-wp .series .scroll .next {
  right: 0;
  background: url(/bocstatic/m/img/btn_02.png) no-repeat right center;
  background-size: 100% auto;
}

.fitting-wp .top-tit {
  line-height: 55px;
  background-color: #fff;
  width: 92%;
  padding: 0 4%;
}
.fitting-wp .top-tit .cn {
  font-size: 22px;
  color: #ea5504;
  font-weight: bold;
}
.fitting-wp .top-tit .en {
  text-transform: uppercase;
  font-size: 20px;
  margin-left: 4px;
}
.fitting-wp .list {
  width: 92%;
  padding: 20px 4% 35px;
  background-color: #f5f5f5;
}
.fitting-wp .list ul, .fitting-wp .list li {
  width: 100%;
}
.fitting-wp .list li {
  margin-bottom: 15px;
}
.fitting-wp .list li img {
  display: block;
  width: 100%;
}
.fitting-wp .list li .detail {
  padding: 12px 0 12px 7%;
  width: 93%;
  background-color: #fff;
}
.fitting-wp .list li .tit {
  color: #000;
  line-height: 18px;
  font-size: 14px;
}
.fitting-wp .list li .en {
  color: #888;
  line-height: 15px;
}
.fitting-wp .list li:hover .tit {
  color: #ea5504;
}

@-webkit-keyframes Clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes Clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes c-Clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes c-Clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.ricecook-wp .posbg {
  width: 100%;
  display: block;
}
.ricecook-wp .ban .posbg {
  opacity: 0;
}
.ricecook-wp .ban .tips {
  width: 100%;
  text-align: center;
  top: 24px;
  left: 0;
  z-index: 2;
}
.ricecook-wp .ban .tips h3, .ricecook-wp .ban .tips .t1, .ricecook-wp .ban .tips .sign, .ricecook-wp .ban .tips .link {
  top: 10px;
  position: relative;
  opacity: 0;
}
.ricecook-wp .ban h3 {
  font-size: 19px;
  line-height: 28px;
  color: #e4cbb9;
}
.ricecook-wp .ban .t1 {
  line-height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: #e4cbb9;
}
.ricecook-wp .ban .sign {
  width: 100%;
  display: block;
  margin-top: 8px;
  margin-bottom: 11px;
}
.ricecook-wp .ban .link {
  width: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
}
.ricecook-wp .ban .link a {
  display: inline-block;
  padding-right: 20px;
  color: #fdea9b;
  margin: 0 11px;
}
.ricecook-wp .ban .link .vid {
  background: url(/bocstatic/m/img/ico_37.png) no-repeat right center;
  background-size: auto 60%;
}
.ricecook-wp .ban .link .buy {
  background: url(/bocstatic/m/img/ico_38.png) no-repeat right center;
  background-size: auto 60%;
}
.ricecook-wp .ban span.air {
  display: block;
  width: 55px;
  height: 100px;
  position: absolute;
}
.ricecook-wp .ban .air-le {
  background: url(/bocstatic/m/img/img_104.png) no-repeat center top;
  background-size: 100% auto;
  left: 34%;
  bottom: 18%;
  -webkit-transform: translate(-15px, -45px) scale(0.2);
      -ms-transform: translate(-15px, -45px) scale(0.2);
          transform: translate(-15px, -45px) scale(0.2);
  -webkit-animation: 5s ease 0s infinite airTwo;
          animation: 5s ease 0s infinite airTwo;
}
.ricecook-wp .ban .air-ri {
  background: url(/bocstatic/m/img/img_105.png) no-repeat center top;
  background-size: 100% auto;
  right: 35%;
  bottom: 18%;
  -webkit-transform: translate(10px, -45px) scale(0.2);
      -ms-transform: translate(10px, -45px) scale(0.2);
          transform: translate(10px, -45px) scale(0.2);
  -webkit-animation: 5s ease 0s infinite airTwoS;
          animation: 5s ease 0s infinite airTwoS;
}
.ricecook-wp .revolution .posbg {
  opacity: 0;
}
.ricecook-wp .revolution .tips {
  width: 100%;
  left: 0;
  top: 20px;
}
.ricecook-wp .revolution .tips img, .ricecook-wp .revolution .tips p {
  position: relative;
  top: 10px;
  opacity: 0;
}
.ricecook-wp .revolution .tips .sign1 {
  display: block;
  width: 100%;
}
.ricecook-wp .revolution .tips .sign2 {
  display: block;
  width: 73%;
  margin: 8px auto 0;
}
.ricecook-wp .revolution .tips p {
  line-height: 18px;
  color: #fff;
  width: 73%;
  margin: 0 auto;
}
.ricecook-wp .steam .posbg {
  opacity: 0;
}
.ricecook-wp .steam .tips {
  width: 100%;
  top: 38px;
  text-align: center;
  color: #fff;
}
.ricecook-wp .steam .tips h3, .ricecook-wp .steam .tips p {
  position: relative;
  top: 10px;
  opacity: 0;
}
.ricecook-wp .steam h3 {
  font-weight: normal;
  line-height: 38px;
  font-size: 30px;
}
.ricecook-wp .steam .t1 {
  margin-top: 8px;
  line-height: 22px;
  font-size: 16px;
}
.ricecook-wp .steam .t2 {
  line-height: 20px;
  font-size: 13px;
}
.ricecook-wp .fire {
  padding-top: 62px;
  background: url(/bocstatic/m/img/bg_12.jpg) no-repeat center top #3f5061;
  background-size: 100% auto;
  padding-bottom: 340px;
}
.ricecook-wp .fire .tips {
  width: 100%;
  text-align: center;
  color: #fff;
}
.ricecook-wp .fire .tips h3, .ricecook-wp .fire .tips .t1 {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .fire .tips h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 37px;
}
.ricecook-wp .fire .tips .t1 {
  line-height: 29px;
  font-size: 16px;
}
.ricecook-wp .fire .lines {
  width: 100%;
  height: 80px;
  z-index: 1;
  top: 220px;
  left: 0;
  opacity: 0;
}
.ricecook-wp .fire .lines .in {
  left: -480px;
  width: 1920px;
}
.ricecook-wp .fire .lines .line-fi {
  -webkit-animation: 20s linear 0s infinite lineGo;
          animation: 20s linear 0s infinite lineGo;
  background: url(/bocstatic/m/img/bg_line01.png) no-repeat right 0;
  background-size: auto 100%;
  height: 44px;
  top: 11px;
}
.ricecook-wp .fire .lines .line-se {
  -webkit-animation: 10s linear 0s infinite lineGo;
          animation: 10s linear 0s infinite lineGo;
  background: url(/bocstatic/m/img/bg_line02.png) no-repeat right 0;
  background-size: auto 100%;
  height: 36px;
  top: 16px;
}
.ricecook-wp .fire .lines .line-th {
  -webkit-animation: 20s linear 0s infinite lineGoN;
          animation: 20s linear 0s infinite lineGoN;
  background: url(/bocstatic/m/img/bg_line10.png) no-repeat left 0;
  background-size: auto 100%;
  height: 61px;
  top: 0;
}
.ricecook-wp .fire .lines .line-fo {
  -webkit-animation: 10s linear 0s infinite lineGoN;
          animation: 10s linear 0s infinite lineGoN;
  background: url(/bocstatic/m/img/bg_line11.png) no-repeat left 0;
  background-size: auto 100%;
  height: 35px;
  top: 2px;
}
.ricecook-wp .fire .scroll {
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 167px;
  z-index: 2;
  opacity: 0;
}
.ricecook-wp .fire .scroll ul {
  width: 100%;
}
.ricecook-wp .fire .scroll li {
  width: 48%;
  margin: 0 1%;
}
.ricecook-wp .fire .scroll li a {
  width: 140px;
  position: relative;
  height: 140px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.ricecook-wp .fire .scroll li a span {
  display: inline-block;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fef0de;
  padding-top: 13px;
  background: url(/bocstatic/m/img/ico_39.png) no-repeat center top;
  background-size: 15%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 57px;
}
.ricecook-wp .fire .scroll li img {
  display: block;
  width: 100%;
}
.ricecook-wp .fire .scroll li .cont {
  margin-top: 14px;
  text-align: center;
  color: #fff;
}
.ricecook-wp .fire .scroll li .cont p.tt {
  line-height: 22px;
  font-size: 16px;
}
.ricecook-wp .fire .scroll li .cont .font {
  display: block;
  line-height: 16px;
  margin-top: 5px;
  font-size: 12px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.ricecook-wp .fire .alert-up {
  width: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  height: 100%;
  background: url(/bocstatic/m/img/bg_13.jpg) no-repeat center;
  background-size: 100% 100%;
  display: none;
}
.ricecook-wp .fire .alert-up .box {
  position: relative;
}
.ricecook-wp .fire .alert-up .part-se{
  transform: translate(100%, 0);
}
.ricecook-wp .fire .alert-up .close {
  display: block;
  width: 29px;
  height: 29px;
  background: url(/bocstatic/m/img/ico_40.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  right: 14px;
  top: 20px;
  cursor: pointer;
  z-index: 10;
}
.ricecook-wp .fire .alert-up img {
  display: block;
  width: 100%;
  margin-top: 83px;
}
.ricecook-wp .fire .alert-up p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
  width: 90%;
  margin: 0 auto;
}
.ricecook-wp .fire .alert-up ul, .ricecook-wp .fire .alert-up li {
  width: 100%;
}
.ricecook-wp .fire .alert-up li h4{
  font-size: 18px;
  font-weight: bold;
  color: #ffddba;
  text-align: center;
  line-height: 38px;
  margin-top: 132px;
  opacity: 0;
}
.ricecook-wp .fire .alert-up li .cent-meter{
  display: block;
  width: 42px;
  height: 81px;
  background: url(/bocstatic/m/img/img_127.png) no-repeat center;
  background-size: 100% auto;
  margin: 13px auto 0;
  transform: scale(0);
}
.ricecook-wp .fire .alert-up li .bot-tit{
  width: 82%;
  border-top: 1px solid #954549;
  border-bottom: 1px solid #954549;
  margin: 30px auto 15px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  opacity: 0;
}
.ricecook-wp .line-wrap .posbg {
  opacity: 0;
}
.ricecook-wp .line-wrap .tips {
  top: 45px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.ricecook-wp .line-wrap .tips h3, .ricecook-wp .line-wrap .tips .t1, .ricecook-wp .line-wrap .tips .t2 {
  position: relative;
  top: 10px;
  opacity: 0;
}
.ricecook-wp .line-wrap .tips h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
.ricecook-wp .line-wrap .tips .t1 {
  line-height: 28px;
  font-size: 16px;
}
.ricecook-wp .line-wrap .tips .t2 {
  line-height: 23px;
  margin-top: 4px;
  font-size: 14px;
}
.ricecook-wp .liner .posbg {
  opacity: 0;
}
.ricecook-wp .liner .tips {
  width: 100%;
  text-align: center;
  top: 36px;
  left: 0;
  color: #fff;
}
.ricecook-wp .liner .tips .t1, .ricecook-wp .liner .tips h3, .ricecook-wp .liner .tips .t2 {
  top: 10px;
  position: relative;
  opacity: 0;
}
.ricecook-wp .liner .tips .t1 {
  line-height: 24px;
  font-size: 16px;
}
.ricecook-wp .liner .tips h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
.ricecook-wp .liner .tips .t2 {
  line-height: 16px;
  width: 78%;
  margin: 7px auto 0;
}
.ricecook-wp .firebig .posbg {
  opacity: 0;
}
.ricecook-wp .firebig .tips {
  left: 0;
  top: 39px;
  width: 100%;
  color: #fff;
  text-align: center;
}
.ricecook-wp .firebig .tips .t1, .ricecook-wp .firebig .tips h3, .ricecook-wp .firebig .tips .t2 {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .firebig .tips .t1 {
  font-size: 16px;
  line-height: 24px;
}
.ricecook-wp .firebig .tips h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
.ricecook-wp .firebig .tips .t2 {
  font-size: 12px;
  line-height: 16px;
  width: 78%;
  margin: 7px auto 0;
}
.ricecook-wp .firebig .tips .list {
  width: 186px;
  margin: 20px auto 0;
}
.ricecook-wp .firebig .tips .list ul {
  width: 100%;
}
.ricecook-wp .firebig .tips .list li {
  width: 93px;
  opacity: 0;
  position: relative;
  left: 10px;
}
.ricecook-wp .firebig .tips .list li img {
  display: block;
  width: 100%;
}
.ricecook-wp .firebig .tips .list li p {
  line-height: 26px;
  text-align: center;
  color: #fff;
}
.ricecook-wp .design .posbg {
  opacity: 0;
}
.ricecook-wp .design .audio-play{
  display: block;
  width: 53%;
  height: 60px;
  position: absolute;
  left: 11%;
  bottom: 26%;
  cursor: pointer;
}
.ricecook-wp .design .tips {
  top: 35px;
  width: 69%;
  left: 9%;
  color: #fff;
}
.ricecook-wp .design .tips .t1, .ricecook-wp .design .tips h3, .ricecook-wp .design .tips .t2 {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .design .t1 {
  font-size: 16px;
  line-height: 24px;
}
.ricecook-wp .design h3 {
  font-weight: normal;
  font-size: 24px;
  margin-top: 4px;
}
.ricecook-wp .design .t2 {
  line-height: 16px;
  margin-top: 9px;
}
.ricecook-wp .designup .posbg {
  opacity: 0;
}
.ricecook-wp .designup .tips {
  top: 56px;
  left: 8%;
  color: #fff;
}
.ricecook-wp .designup .tips .t1, .ricecook-wp .designup .tips h3, .ricecook-wp .designup .tips .t2 {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .designup .t1 {
  line-height: 25px;
  font-size: 16px;
}
.ricecook-wp .designup h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 33px;
}
.ricecook-wp .designup .t2 {
  line-height: 16px;
  margin-top: 11px;
  display: block;
}
.ricecook-wp .designup-se .posbg {
  opacity: 0;
}
.ricecook-wp .designup-se .tips {
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
.ricecook-wp .designup-se .tips .t1, .ricecook-wp .designup-se .tips h3, .ricecook-wp .designup-se .tips .word {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .designup-se .t1 {
  font-size: 16px;
  line-height: 24px;
}
.ricecook-wp .designup-se h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
}
.ricecook-wp .designup-se .word {
  display: block;
  line-height: 16px;
  margin-top: 10px;
}
.ricecook-wp .onlinebuy .posbg {
  opacity: 0;
}
.ricecook-wp .onlinebuy .tips {
  top: 39px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #3a2724;
}
.ricecook-wp .onlinebuy .tips .t1, .ricecook-wp .onlinebuy .tips h3, .ricecook-wp .onlinebuy .tips .t2, .ricecook-wp .onlinebuy .tips a {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .onlinebuy .t1 {
  font-size: 14px;
  line-height: 20px;
}
.ricecook-wp .onlinebuy h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}
.ricecook-wp .onlinebuy .t2 {
  font-size: 14px;
  margin-top: 5px;
  line-height: 22px;
}
.ricecook-wp .onlinebuy a {
  display: inline-block;
  padding-right: 23px;
  font-size: 14px;
  line-height: 30px;
  color: #ea5504;
  background: url(/bocstatic/m/img/ico_34.png) no-repeat right center;
  background-size: auto 60%;
}
.ricecook-wp .pairs .posbg {
  opacity: 0;
}
.ricecook-wp .pairs .tips {
  width: 100%;
  text-align: center;
  top: 115px;
  left: 0;
  color: #fff;
}
.ricecook-wp .pairs .tips .t1, .ricecook-wp .pairs .tips h3, .ricecook-wp .pairs .tips .link {
  opacity: 0;
  top: 10px;
  position: relative;
}
.ricecook-wp .pairs h3 {
  font-weight: normal;
  font-size: 24px;
  line-height: 37px;
}
.ricecook-wp .pairs .t1 {
  line-height: 26px;
  font-size: 14px;
}
.ricecook-wp .pairs .link {
  display: inline-block;
  padding-right: 18px;
  background: url(/bocstatic/m/img/ico_36.png) no-repeat right center;
  background-size: auto 60%;
  color: #ffe8bc;
  font-size: 14px;
  line-height: 26px;
  margin-top: 5px;
}

@-webkit-keyframes lineGo {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(480px);
            transform: translateX(480px);
  }
}

@keyframes lineGo {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(480px);
            transform: translateX(480px);
  }
}
@-webkit-keyframes lineGoN {
  0% {
    -webkit-transform: translateX(480px);
            transform: translateX(480px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes lineGoN {
  0% {
    -webkit-transform: translateX(480px);
            transform: translateX(480px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@media screen and (max-width: 320px) {
  @-webkit-keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -45px) scale(0.2);
              transform: translate(-15px, -45px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -45px) scale(0.2);
              transform: translate(-15px, -45px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @-webkit-keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -45px) scale(0.2);
              transform: translate(10px, -45px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -45px) scale(0.2);
              transform: translate(10px, -45px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
}
@media screen and (min-width: 350px) and (max-width: 375px) {
  .ricecook-wp .ban .air-le {
    bottom: 21%;
    -webkit-transform: translate(-15px, -40px) scale(0.2);
        -ms-transform: translate(-15px, -40px) scale(0.2);
            transform: translate(-15px, -40px) scale(0.2);
  }
  .ricecook-wp .ban .air-ri {
    bottom: 21%;
    -webkit-transform: translate(10px, -40px) scale(0.2);
        -ms-transform: translate(10px, -40px) scale(0.2);
            transform: translate(10px, -40px) scale(0.2);
  }

  @-webkit-keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -40px) scale(0.2);
              transform: translate(-15px, -40px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }

  @keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -40px) scale(0.2);
              transform: translate(-15px, -40px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @-webkit-keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -40px) scale(0.2);
              transform: translate(10px, -40px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -40px) scale(0.2);
              transform: translate(10px, -40px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  .history-wrap li .right-box{
    width: 266px;
  }
  .history-wrap li .year{
    margin-left: 14px;
  }
  .history-wrap .list .more{
    margin-left: -140px;
  }
}
@media screen and (min-width: 380px) and (max-width: 450px) {
  .ricecook-wp .ban .air-le {
    bottom: 22%;
    -webkit-transform: translate(-15px, -42px) scale(0.2);
        -ms-transform: translate(-15px, -42px) scale(0.2);
            transform: translate(-15px, -42px) scale(0.2);
  }
  .ricecook-wp .ban .air-ri {
    bottom: 22%;
    -webkit-transform: translate(10px, -42px) scale(0.2);
        -ms-transform: translate(10px, -42px) scale(0.2);
            transform: translate(10px, -42px) scale(0.2);
  }

  @-webkit-keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -42px) scale(0.2);
              transform: translate(-15px, -42px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }

  @keyframes airTwo {
    0% {
      opacity: 0;
      -webkit-transform: translate(-15px, -42px) scale(0.2);
              transform: translate(-15px, -42px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @-webkit-keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -42px) scale(0.2);
              transform: translate(10px, -42px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  @keyframes airTwoS {
    0% {
      opacity: 0;
      -webkit-transform: translate(10px, -42px) scale(0.2);
              transform: translate(10px, -42px) scale(0.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: translate(0px) scale(1);
              transform: translate(0px) scale(1);
    }
  }
  .history-wrap li .right-box{
    width: 280px;
  }
  .history-wrap li .year{
    margin-left: 27px;
  }
  .history-wrap .list .more{
    margin-left: -136px;
  }
}

/*# sourceMappingURL=m.style.css.map */

.circle-wp img{
    vertical-align: top;
    width: 100%;
  }
.circle-wp .link-vid{
  position: relative;

}
.circle-wp .link-vid a{
  display: block;
  width: 32%;
  height: 6%;
  position: absolute;
}
.circle-wp .a1{
  left: 17.7%;
  top: 36.8%;
}
.circle-wp .a2{
  left: 18%;
  top: 44%;
}
.circle-wp .a3{
  left: 18%;
  top: 51%;
}



/*2016.08.15*/
.network-wrap .search-link {
  padding: 3%;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.network-wrap .search-link a {
  display: inline-block;
  width: calc(90% - 2px);
  padding: 0 5%;
  border: 1px solid #d9d9d9;
  border-radius: 12.5px;
  background: url(/bocstatic/m/img/network/bg_sign01.png) no-repeat right center/auto 100%;
  font-size: 14px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.35);
}
.network-wrap .tabs {
  padding: 5% 0 3%;
  background: #efefef;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.network-wrap .tabs .btns {
  margin: 0 2.5%;
}
.network-wrap .tabs .btns span {
  display: inline-block;
  width: 16%;
  padding: 4% 1% 5%;
  margin: 0 1%;
  background: url(/bocstatic/m/img/network/bg_sign03.png) no-repeat center top/100% auto;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  text-align: center;
}
@media all and (max-width: 320px){
  .network-wrap .tabs .btns span{
    padding: 3% 1% 6%;
    font-size: 12px;
  }
}
@media all and (min-width: 414px){
  .network-wrap .tabs .btns span{
    padding: 4% 1% 6%;
  }
}
.network-wrap .tabs .btns span.lh {
  line-height: 36px;
}
.network-wrap .tabs .btns span.cur {
  color: #fff;
  background: url(/bocstatic/m/img/network/bg_sign02.png) no-repeat center top/100% auto;
}
.network-wrap .tabs .box {
  display: none;
  padding: 3%;
}
.network-wrap .list ul {
  float: none;
  width: 100%;
}
.network-wrap .list li {
  position: relative;
  float: none;
  width: 90.8%;
  padding: 4.6%;
}
.network-wrap .list li .title {
  padding: 1% 0 3%;
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.network-wrap .list li .title p.fl {
  width: 80%;
}
.network-wrap .list li .title span {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.network-wrap .list li a {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.network-wrap .list li p.tel{
  position: relative;
  min-height: 72px;
}
.network-wrap .list li p.tel a {
  color: #ea5504;
}
.network-wrap .list li a.sign{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url(/bocstatic/m/img/network/bg_sign04.png) no-repeat center/cover;
}
.network-wrap .list li a.map {
  padding-left: 5%;
  background: url(/bocstatic/m/img/network/bg_sign05.png) no-repeat left center/auto 120%;
  margin-top: 2%;
}
.network-wrap .list li:nth-child(2n) {
  background: #f5f5f5;
}
.network-wrap .page {
  padding: 5% 0;
  background: #f5f5f5;
  text-align: center;
}

.city-wrap .search {
  padding: 3%;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
}
.city-wrap .search select {
  width: 49%;
  height: 35px;
  border: 0;
  background: #eaeaea;
  margin-bottom: 10px;
}
.city-wrap .search input {
  width: 100%;
  height: 35px;
  border: 0;
  border-radius: 0;
  background: #eaeaea;
  margin-bottom: 10px;
}
.city-wrap .search input.submit {
  background: #666;
  color: #fff;
}
.city-wrap .add {
  min-height: 176px;
  padding: 3%;
  background: #f5f5f5;
  font-size: 13px;
  line-height: 22px;
  color: #999;
}



/*20160910*/
.newred-wrap .part {
  position: relative;
  overflow: hidden;
}
.newred-wrap .part1 > img {
  opacity: 0;
}
.newred-wrap .part1 .tips {
  position: absolute;
  left: 0;
  top: 10.5%;
  text-align: center;
}
.newred-wrap .part1 .tips img:first-child{
  margin-bottom: 4.4%;
}
.newred-wrap .part1 .tips a{
  display: inline-block;
  padding-right: 22px;
  background: url(/bocstatic/m/img/newred/bg_video01.png) no-repeat right center / auto 80%;
  margin: 4.4% 2%;
  font-size: 16px;
  line-height: 2;
  color: #ea5504;
}
.newred-wrap .part1 .tips a:last-child{
  background-image: url(/bocstatic/m/img/newred/bg_video02.png);
}
.newred-wrap .part2 {
  padding: 3% 0 13%;
  background: #f9f9f9;
}
.newred-wrap .part2 .img {
  position: relative;
}
.newred-wrap .part2 .img span {
  display: inline-block;
  position: absolute;
  left: 48%;
  top: 41%;
  width: 11.25%;
  background: url(/bocstatic/m/img/newred/bg_sign01.png) no-repeat center/cover;
}
.newred-wrap .part2 .img span::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #8a0210;
  margin: -50% 0 0 -50%;
  opacity: 0;
  -webkit-animation: circle 3s linear infinite;
          animation: circle 3s linear infinite;
}
.newred-wrap .part2 .tips {
  font-size: 14px;
  line-height: 22px;
  color: #888;
  text-align: center;
}
@media screen and (max-width: 320px) {
  .newred-wrap .part2 .tips {
    font-size: 12px;
  }
}
.newred-wrap .part2 .tips p {
  padding: 3.75% 8% 0;
  position: relative;
  top: 50px;
  opacity: 0;
}
.newred-wrap .part2 .tips span {
  color: #a2191b;
}
.newred-wrap .part3 {
  padding-top: 14%;
}
.newred-wrap .part3 .tips {
  font-size: 14px;
  line-height: 22px;
  color: #888;
  text-align: center;
}
@media screen and (max-width: 320px) {
  .newred-wrap .part3 .tips {
    font-size: 12px;
  }
}
.newred-wrap .part3 .tips img {
  margin-bottom: 4.7%;
}
.newred-wrap .part3 .tips p {
  padding: 1% 7%;
  position: relative;
  top: 50px;
  opacity: 0;
}
.newred-wrap .part3 .tips span {
  position: relative;
  top: 50px;
  display: inline-block;
  width: 29%;
  margin: 0 2%;
  font-size: 12px;
  color: #000;
  opacity: 0;
}
@media screen and (max-width: 320px) {
  .newred-wrap .part3 .tips span {
    width: 34%;
  }
}
.newred-wrap .part3 .tips span img {
  top: 0;
  opacity: 1;
}
.newred-wrap .part3 .img {
  position: relative;
}
.newred-wrap .part3 .img img {
  opacity: 0;
}
.newred-wrap .part3 .img span {
  display: inline-block;
  position: absolute;
  display: none;
  left: 58.2%;
  top: 60.7%;
  width: 32.8%;
  background: url(/bocstatic/m/img/newred/sign11.png) no-repeat center top/cover;
}
.newred-wrap .part4 {
  padding: 13.1% 0 5%;
  background: url(/bocstatic/m/img/newred/bg_bg01.jpg) no-repeat center/cover;
}
.newred-wrap .part4 > img {
  position: relative;
  top: 50px;
  opacity: 0;
}
.newred-wrap .part4 .list {
  width: 84%;
  margin: 13.1% auto 0;
}
.newred-wrap .part4 .list ul {
  width: 100%;
}
.newred-wrap .part4 .list li {
  float: left;
  width: 50%;
  margin-bottom: 8.2%;
  font-size: 13px;
  line-height: 22px;
  color: #888;
  text-align: center;
  position: relative;
  opacity: 0;
  left: -50px;
}
.newred-wrap .part4 .list li:nth-child(2n) {
  left: 50px;
}
.newred-wrap .part4 .list li img {
  display: block;
  margin: 0 auto 10px;
}
.newred-wrap .part4 .list li b {
  font-size: 14px;
  color: #333;
}
.newred-wrap .part5 {
  position: relative;
}
.newred-wrap .part5 > img {
  position: relative;
  opacity: 0;
}
.newred-wrap .part5 .tips {
  position: absolute;
  left: 0;
  top: 14.9%;
}
.newred-wrap .part5 .tips img:first-child {
  margin-bottom: 10.7%;
}
.newred-wrap .part5 .tips img.gif {
  position: absolute;
  left: 6.25%;
  top: 100%;
  width: 13.75%;
}
.newred-wrap .part6 {
  position: relative;
  padding: 19.8% 0 15%;
}
.newred-wrap .part6 .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/bocstatic/m/img/newred/img03.jpg) no-repeat center/cover;
  z-index: -1;
}
.newred-wrap .part6 > img {
  position: relative;
  top: 50px;
  opacity: 0;
}
.newred-wrap .part6 .list {
  width: 99%;
  margin: 14% auto 0;
}
.newred-wrap .part6 .list ul {
  width: 100%;
}
.newred-wrap .part6 .list li {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 3%;
  font-size: 14px;
  line-height: 22px;
  color: #030d26;
  text-align: center;
  position: relative;
  opacity: 0;
  left: 50px;
}
.newred-wrap .part6 .list li .tips {
  position: absolute;
  left: 0;
  top: 63%;
  width: 100%;
}
.newred-wrap .part6 .list li .tips p:nth-child(2) {
  font-size: 12px;
  color: #999;
  line-height: 18px;
}
.newred-wrap .part6 .list li a {
  padding: 0 3px;
  font-size: 11px;
  line-height: 18px;
  color: #666;
  text-transform: uppercase;
}
.newred-wrap .part6 .list li:nth-child(2),
.newred-wrap .part6 .list li:nth-child(3){
  width: 50%;
}

@-webkit-keyframes circle {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes circle {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}



.suqq-wrap .posbg {
  width: 100%;
  display: block;
}
.suqq-wrap .ban .posbg {
  opacity: 0;
  height: 8.77rem;
}
.suqq-wrap .ban .font {
  width: 3.86rem;
  left: 50%;
  margin-left: -1.93rem;
  top: 0.8rem;
}
.suqq-wrap .ban .font .img1 {
  width: 3.68rem;
  margin-bottom: 0.3rem;
}
.suqq-wrap .ban .font .img2 {
  width: 3.83rem;
  margin-bottom: 0.5rem;
}
.suqq-wrap .ban .font .img3 {
  width: 1.3rem;
}
.suqq-wrap .ban .font .img4 {
  margin-left: 0.6rem;
  width: 1.32rem;
}
.suqq-wrap .ban .font .list {
  margin-bottom: 0.6rem;
  text-align: center;
}
.suqq-wrap .ban .font .img5 {
  display: block;
  margin: 0 auto;
  width: 2.85rem;
  height: 3.5rem;
}
.suqq-wrap .ban .font .img1, .suqq-wrap .ban .font .img2, .suqq-wrap .ban .font .list {
  top: 10px;
  opacity: 0;
  position: relative;
}
.suqq-wrap .ban .font .img5 {
  top: 1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqsec {
  width: 100%;
  height: 7.07rem;
  background: #fafafa;
}
.suqq-wrap .sqqsec .con {
  width: 5.38rem;
  left: 50%;
  margin-left: -2.69rem;
  top: 1.2rem;
  text-align: center;
}
.suqq-wrap .sqqsec .con .img1 {
  width: 2.29rem;
  margin-bottom: 0.4rem;
}
.suqq-wrap .sqqsec .con .img2 {
  width: 4.76rem;
  margin-bottom: 0.8rem;
}
.suqq-wrap .sqqsec .con .img1, .suqq-wrap .sqqsec .con .img2, .suqq-wrap .sqqsec .con .scroll {
  top: 10px;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqsec .con .scroll-sec {
  width: 5.38rem;
  height: 2.58rem;
  background: url(/bocstatic/m/img/ximg8.png) no-repeat center/cover;
  overflow: hidden;
}
.suqq-wrap .sqqsec .con .scroll-sec .center {
  width: 4.21rem;
  height: 2.37rem;
  margin: 0.11rem 0 0 0.6rem;
  overflow: hidden;
}
.suqq-wrap .sqqsec .con .scroll-sec .center img {
  width: 4.21rem;
  height: 2.37rem;
}
.suqq-wrap .sqqth {
  width: 100%;
  height: 8.8rem;
  background: url(/bocstatic/m/img/xbg2.jpg) no-repeat center/cover;
  overflow: hidden;
}
.suqq-wrap .sqqth .con {
  width: 100%;
  text-align: center;
  left: 0;
  top: 1.5rem;
}
.suqq-wrap .sqqth .con .img1 {
  width: 2.32rem;
  margin-bottom: 0.38rem;
}
.suqq-wrap .sqqth .con .img2 {
  width: 4.1rem;
  margin-bottom: 0.4rem;
}
.suqq-wrap .sqqth .con .list {
  margin-bottom: 0.75rem;
}
.suqq-wrap .sqqth .con .list .img3, .suqq-wrap .sqqth .con .list .img4, .suqq-wrap .sqqth .con .list .img5 {
  width: 1.6rem;
}
.suqq-wrap .sqqth .con .list .img3, .suqq-wrap .sqqth .con .list .img4, .suqq-wrap .sqqth .con .list .img5 {
  left: 0.1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqth .con .img1, .suqq-wrap .sqqth .con .img2 {
  top: 0.1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqth .con .img6 {
  display: block;
  margin: 0 auto;
  width: 2.8rem;
  opacity: 0;
  position: relative;
  top: 1rem;
}
.suqq-wrap .sqqfour {
  width: 100%;
  height: 6.24rem;
  overflow: hidden;
  text-align: center;
}
.suqq-wrap .sqqfour video {
  width: 100%;
  height: 6.24rem;
}
.suqq-wrap .sqqfiv {
  width: 100%;
  height: 10.2rem;
  background: url(/bocstatic/m/img/xbg3.jpg) no-repeat center/cover;
}
.suqq-wrap .sqqfiv .con {
  width: 100%;
  text-align: center;
  left: 0;
  top: 1.5rem;
}
.suqq-wrap .sqqfiv .con .img1 {
  width: 2.29rem;
  margin-bottom: 0.4rem;
}
.suqq-wrap .sqqfiv .con .img2 {
  width: 4.34rem;
  margin-bottom: 0.6rem;
}
.suqq-wrap .sqqfiv .con .img1, .suqq-wrap .sqqfiv .con .img2 {
  top: 0.1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqfiv .con .scroll-th {
  margin: 0 auto;
  width: 3.44rem;
  height: 5.9rem;
  background: url(/bocstatic/m/img/ximg35.png) no-repeat center/cover;
  overflow: hidden;
}
.suqq-wrap .sqqfiv .con .scroll-th .center {
  position: relative;
  width: 2.15rem;
  height: 3.1rem;
  margin: 1.35rem 0 0 0.64rem;
  overflow: hidden;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .swiper-wrapper {
  height: 3rem;
}
.suqq-wrap .sqqfiv .con .scroll-th .center img {
  width: 2.15rem;
  height: 2.95rem;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.08rem;
  z-index: 5;
  text-align: center;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination span {
  display: inline-block;
  width: 0.06rem;
  height: 0.06rem;
  margin: 0 0.03rem;
  background: #fff;
  border-radius: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  vertical-align: top;
}
.suqq-wrap .sqqfiv .con .scroll-th .center .pagination span.swiper-pagination-bullet-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.suqq-wrap .sqqsix {
  width: 100%;
  height: 10.2rem;
  background: #f2f2f2 url(../img/xbg4.jpg) no-repeat center bottom/100% auto;
  overflow: hidden;
}
.suqq-wrap .sqqsix .con {
  width: 100%;
  text-align: center;
  left: 0;
  top: 1.3rem;
}
.suqq-wrap .sqqsix .con .img1 {
  width: 1.84rem;
  margin-bottom: 0.36rem;
}
.suqq-wrap .sqqsix .con .img2 {
  width: 4.94rem;
  margin-bottom: 0.7rem;
}
.suqq-wrap .sqqsix .con .img1, .suqq-wrap .sqqsix .con .img2 {
  top: 0.1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqsix .con .phone {
  position: relative;
  margin-left: 1.3rem;
  width: 4.45rem;
  height: 7.42rem;
  background: url(/bocstatic/m/img/ximg29.png) no-repeat center/cover;
}
.suqq-wrap .sqqsix .con .phone .sign {
  position: absolute;
  left: 1.53rem;
  top: 3.47rem;
  width: 1rem;
  height: 1rem;
}
.suqq-wrap .sqqsix .con .phone .sign::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.54rem;
  height: 1.54rem;
  margin: -0.77rem 0 0 -0.77rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-animation: circleLight 1s linear infinite;
  animation: circleLight 1s linear infinite;
}
.suqq-wrap .sqqsix .con .phone .sign img {
  position: absolute;
  left: 0;
  top: 0;
  width: 1rem;
  height: 1rem;
  z-index: 2;
}
.suqq-wrap .sqqsev {
  width: 100%;
  height: 9.52rem;
  background: url(/bocstatic/m/img/ximg27.jpg) no-repeat center/cover;
  overflow: hidden;
}
.suqq-wrap .sqqsev .con {
  width: 100%;
  text-align: center;
  left: 0;
  top: 0.95rem;
}
.suqq-wrap .sqqsev .con .img1 {
  display: block;
  width: 1.4rem;
  margin: 0 auto 0.5rem;
}
.suqq-wrap .sqqsev .con .img2 {
  display: block;
  width: 2.43rem;
  margin: 0 auto 1.15rem;
}
.suqq-wrap .sqqsev .con .img1, .suqq-wrap .sqqsev .con .img2 {
  top: 0.1rem;
  opacity: 0;
  position: relative;
}
.suqq-wrap .sqqsev .con .list {
  margin: 0 auto;
}
.suqq-wrap .sqqsev .con .list img {
  margin: 0 0.15rem;
  width: 2.3rem;
  height: 2.1rem;
  left: 0.1rem;
  opacity: 0;
  position: relative;
}

@-webkit-keyframes circleLight {
  0% {
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0 0 -0.5rem;
  }
  100% {
    width: 1.54rem;
    height: 1.54rem;
    margin: -0.77rem 0 0 -0.77rem;
  }
}
@keyframes circleLight {
  0% {
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0 0 -0.5rem;
  }
  100% {
    width: 1.54rem;
    height: 1.54rem;
    margin: -0.77rem 0 0 -0.77rem;
  }
}
nav{
  font-size: 12px;
}
footer{
  font-size: 12px;
}

.ins-nav.cur li img{width:100%;margin-bottom:8px;}


.manualsearchinfo{
  background:#f5f5f5;
}
.manualsearchinfo .l-ma1190{
    width:90%;
    margin:0 auto;
}
.manualsearchinfo-list1{
  padding:60px 0;
}
.manualsearchinfo-list1 .l-ma1190{
  border-radius:5px;
  overflow: hidden;
  background:#fff;
  padding:15px;
  box-sizing:border-box;
}
.manualsearchinfo-list1 .imgs{
  width:35%;
  max-height:100px;
  /*background:#f9f9f9;*/
  background:#fff;
}
.manualsearchinfo-list1 .imgs img{
  max-width: 58%;
    max-height: 62%;
  width:auto;
  height:auto;
}
.manualsearchinfo-list1 .words{
  width:60%;
  margin-left:5%;
}
.manualsearchinfo-list1 .words .bot a{

}
.manualsearchinfo-list1 .words .bot a p{
  font-size:12px;
  color:#000;
  margin-left:5px;
  text-align:center;
}
.manualsearchinfo-list1 .words .tits{
  margin-bottom:5px;
  color:#000;
}
.manualsearchinfo-list1 .bot{
  margin-top:20px;
}
.manualsearchinfo-list1 .bot a{
  margin-right:10px;
}
.manualsearchinfo-list1 .bot a .icon{
  height:16px;
}
.manualsearchinfo-list2{
  padding:25px 0;
  background:#fafafa;
}


.manualsearchinfo-list2 .li{
  width:100%;
  background:#fff;
  padding:10px 15px;
  margin-bottom:2%;
  box-sizing: border-box;
  position: relative;
}
.manualsearchinfo-list2 .li .icon{
  width:20px;
}
.manualsearchinfo-list2 .li .sp{
  color:#333;
  width:calc(100% - 50px);
  margin-left:10px;
}
.manualsearchinfo-list2 .li .sp2{
  width:14px;
  height: auto;
  fill:#333;
  transition: all .4s ease;
}
.manualsearchinfo-list2 .li .litop{
  cursor:pointer;
}
.manualsearchinfo-list2 .libot{
  padding:10px 0;
  width:100%;
  z-index:3;
  background:#fff;
  display:none;
  box-sizing: border-box;
  overflow-y: auto;
  max-height:200px;
}
.manualsearchinfo-list2 .libot a{
  background:#f9f9f9;
  padding:8px 20px;
  margin-top:10px;
}
.manualsearchinfo-list2 .libot a .sp{
  width:calc(100% - 30px);
  margin-left:0;
}
.manualsearchinfo-list2 .libot a .sp2{
  width:4px;

}
.manualsearchinfo-list2 .li .litop.cur .sp2{
  transform:rotate(-90deg);
}


.textdialog4 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.textdialog4 .dialog__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s;
}
.textdialog4 .dialog__content {
  position: relative;
  z-index: 5;
  overflow-x: auto;
  padding: 0;
  max-width: 800px;
  width: 90%;
  border-radius: 0px;
  background: #fff;
  box-shadow: none;
  opacity: 0;
  padding:30px 45px 80px;
  border-radius:5px;
  box-sizing: border-box;
}
.textdialog4 .dialog__content2{
  width:100%;
  background:transparent;
  padding:0 3%;
  box-sizing: border-box;
  height:calc(100vh - 80px);
  overflow: hidden;
}
.textdialog4 .dialog__content2  .textbox{
  max-height: calc(80vh - 30px);
  overflow: hidden;
}
.textdialog4 .dialog__content2 .textbox img{
  max-height:100%;
}
.textdialog4 .textbox .img-container{
  height: calc(80vh - 50px);
}
.textdialog4 .textbox .img-container .swiper-slide{
  height: calc(80vh - 50px);
}
.textdialog4 .dialog__content2 .title{
  color:#fff;
  font-size:.32rem;
}
.textdialog4 .dialog__content2 .closebtn svg{
  fill:#fff;
}
.textdialog4 .title{
  color:#333;
  padding-bottom:20px;
  border-bottom:1px solid #eee;
  margin-bottom:20px;
}
.textdialog4 .textbox{
  width:100%;
  line-height:1.8;
  max-height:360px;
  overflow-y:auto;
}
.textdialog4 .textbox p{
  font-size:12px;
}
.textdialog4 .closebtn {
  position: absolute;
  right: 45px;
  top: 20px;
  z-index: 3;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  transition: all .3s;
}
.textdialog4 .closebtn svg {
  width: 30px;
  height: 30px;
  fill: #000;
}

.textdialog4.dialog--open {
  opacity: 1;
  visibility: visible;
}

.textdialog4.dialog--open .dialog__overlay {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  backdrop-filter: blur(5px);
}


.textdialog4.dialog--open .dialog__content, .textdialog4.dialog--close .dialog__content {
  opacity: 1;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.textdialog4.dialog--open .dialog__content {
  -webkit-animation-name: anim-open3;
  animation-name: anim-open3;
}

.textdialog4 .dialog__overlay {
  background: rgba(0, 0, 0, 0.4);
}

.textdialog4.dialog--close .dialog__content {
  -webkit-animation-name: anim-close3;
  animation-name: anim-close3;
}

@media (max-width: 1024px) {
  .textdialog4 .closebtn {
    
    color: #fff;
  }

}
@media (max-width: 767px) {
  .textdialog4 .dialog__content {
    width: 100%;
    padding: .6rem 3%;
  }

  .textdialog4 .closebtn {
    right: 3%;
  }
}

.textdialog4 .textbox .img-container{
  margin-bottom:.3rem;
}

.textdialog4 .textbox .swiper-slide img{
  max-width:100%;
}
.textdialog4 .textbox .img-container .swiper-pagination-bullet-active{
      background: #ff6c00;
}


.protop-list .list{
  padding:15px 0;
}
.protop-list .list ul{
  text-align:center;
  width:100%;
}
.protop-list .list li{
  float:none;
  display:inline-block;
}
.protop-list .list li p{
  text-align:center;
  color:#666;
}

.joinus-wrap .sc-box .sele#ctype{
  display:none;
}
.joinus-wrap .sc-box .sele{
  width:100%;
}



.video-fixed{
  background:rgba(0, 0, 0, .5);
}
.instructionsinfo-list1{
  padding:10px 0;
  min-height:200px;
  position: relative;
  /*overflow: hidden;*/
}
.instructionsinfo-list1 .videoboxs{
  height:auto;
  /*position:absolute;
  left:0;
  top:0;*/
  width:100%;
  z-index:1;
  background:#fff;
}
.instructionsinfo-list1 .videoboxs:before{
  content:"";
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:1;
  background:rgba(0, 0, 0, .3);
}
.super-video .more{
  z-index:4;
}
.instructionsinfo-list1 .videoboxs.active{
  position:fixed;
  z-index: 9;
  left:0;
  top: 0;
}
.instructionsinfo-list1 video{
  width:100%;
}
.text-center{
  text-align:center;
}
.instructionsinfo-list2{
  padding:30px 5%;
  background:#f9f9f9;
}
.instructionsinfo-list2 .textbox{
  margin-top:20px;
}
.instructionsinfo-list2 .textbox .img-container{
  width:100%;
}
.instructionsinfo-list2 .textbox .img-container img{
  width:100%;
}
.instructionsinfo-list2 .textbox .img-container .swiper-pagination span.swiper-pagination-bullet-active{
  background:#ea5504;
}
.instructionsinfo-list2 .textbox img{
  max-width:100% !important;
  max-height:100% !important;
  width:auto !important;
  height:auto !important;
}

img{
      image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
/*# sourceMappingURL=m.style.css.map */
<!--0.00017380714416504-->