@font-face {
  font-family: 'HandelGothicEF-Medium';
  src: url("fonts/HandelGothicEF-Medium.eot");
  src: url("fonts/HandelGothicEF-Medium.eot") format("embedded-opentype"), url("fonts/HandelGothicEF-Medium.woff2") format("woff2"), url("fonts/HandelGothicEF-Medium.woff") format("woff"), url("fonts/HandelGothicEF-Medium.ttf") format("truetype"), url("fonts/HandelGothicEF-Medium.svg#HandelGothicEF-Medium") format("svg"); }
@font-face {
  font-family: 'HelveticaExtObl-Heavy';
  src: url("fonts/HelveticaExtObl-Heavy.eot");
  src: url("fonts/HelveticaExtObl-Heavy.eot") format("embedded-opentype"), url("fonts/HelveticaExtObl-Heavy.woff2") format("woff2"), url("fonts/HelveticaExtObl-Heavy.woff") format("woff"), url("fonts/HelveticaExtObl-Heavy.ttf") format("truetype"), url("fonts/HelveticaExtObl-Heavy.svg#HelveticaExtObl-Heavy") format("svg"); }
@font-face {
  font-family: 'bebas';
  src: url("fonts/bebas.eot");
  src: url("fonts/bebas.eot") format("embedded-opentype"), url("fonts/bebas.woff2") format("woff2"), url("fonts/bebas.woff") format("woff"), url("fonts/bebas.ttf") format("truetype"), url("fonts/bebas.svg#bebas") format("svg"); }
@font-face {
  font-family: 'itcavan';
  src: url("fonts/itcavan.eot");
  src: url("fonts/itcavan.eot") format("embedded-opentype"), url("fonts/itcavan.woff2") format("woff2"), url("fonts/itcavan.woff") format("woff"), url("fonts/itcavan.ttf") format("truetype"), url("fonts/itcavan.svg#itcavan") format("svg"); }
.helvet {
  font-family: "HelveticaExtObl-Heavy"; }

.itcavan {
  font-family: "itcavan"; }

.bebas {
  font-family: "bebas"; }

.handle {
  font-family: "HandelGothicEF-Medium"; }

.century {
  font-family: "century"; }

.BoxSha10 {
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }

.por {
  position: relative; }

.poa {
  position: absolute; }

.dbl {
  display: block; }

.dbi {
  display: inline-block; }

.tec {
  text-align: center; }

.ter {
  text-align: right; }

.w100 {
  width: 100%; }

.w90 {
  width: 90%;
  margin: 0 auto; }

.w92 {
  width: 92%;
  margin: 0 auto; }

.w1326 {
  width: 69%;
  min-width: 12rem;
  margin: 0 auto; }

.Arial {
  font-family: "Arial"; }

.toUpp {
  text-transform: uppercase; }

.nowrap {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.opa6 {
  opacity: .6;
  filter: alpha(opacity=60); }

.opa7 {
  opacity: .7;
  filter: alpha(opacity=70); }

.opa8 {
  opacity: .8;
  filter: alpha(opacity=80); }

.w50 {
  width: 50%; }

.ovh {
  overflow: hidden; }

.ovs {
  overflow: visible; }

.fixed {
  position: fixed; }

.toTop {
  display: none;
  position: absolute;
  z-index: 7;
  bottom: .6rem;
  left: 50%;
  margin-left: -.24rem;
  width: .48rem;
  height: .48rem;
  cursor: pointer;
  background: url(../img/toTop.png) no-repeat center; }

.fcmc {
  color: #f28d01; }

.radius5 {
  border-radius: .05rem; }

.tra3s {
  transition: all .3s linear; }

.co-titles {
  font-size: .32rem;
  line-height: .32rem;
  color: #222;
  padding: 1rem 0 .9rem; }
  .co-titles .co-en-span {
    display: inline-block;
    margin-right: .1rem; }
  .co-titles:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: .5rem;
    margin-left: -.27rem;
    display: inline-block;
    width: .54rem;
    height: .04rem;
    background: #f28d01;
    border-radius: .02rem; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: .8rem;
  z-index: 7;
  background: #fff; }
  .header a, .header li, .header ul, .header div {
    box-sizing: border-box; }
  .header .w-header {
    box-sizing: border-box;
    position: relative;
    z-index: 4;
    height: .8rem;
    z-index: 7; }
    .header .w-header.fixed {
      width: 100%;
      background: #fff;
      position: fixed; }
  .header .search-ico {
    width: .32rem;
    height: .32rem;
    position: relative;
    top: .24rem;
    margin-right: 1.1rem;
    padding-right: .3rem;
    cursor: pointer;
    background: url(../img/search.png) no-repeat left center;
    background-size: .32rem;
    border-right: .01rem solid #d2d2d2; }
  .header .language-a {
    color: #f28d01;
    margin-right: .3rem;
    display: inline-block;
    position: relative;
    font-size: .36rem;
    top: .05rem; }
  .header .bocweb-logo {
    position: absolute;
    width: 1.72rem;
    height: .54rem;
    top: .06rem;
    left: .15rem; }
  .header .language-wrap {
    display: inline-block;
    padding: 0 .2rem;
    height: .8rem;
    line-height: .8rem;
    color: #666;
    font-size: .2rem; }
  .header .nav-btn {
    width: .48rem;
    height: .36rem;
    vertical-align: middle;
    position: absolute;
    cursor: pointer;
    right: .3rem;
    top: .22rem; }
  .header .nav-btn .line {
    position: absolute;
    display: block;
    width: 100%;
    height: .04rem;
    background-color: #f28d01;
    left: 0;
    border-radius: .04rem; }
  .header .nav-btn .line1 {
    top: 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0; }
  .header .nav-btn .line2 {
    top: .16rem; }
  .header .nav-btn .line3 {
    bottom: 0;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0; }
  .header .nav-btn.active {
    -webkit-animation: rotate 0.3s linear 0s;
    animation: rotate 0.3s linear 0s; }
  .header .nav-btn.hover .line {
    left: .06rem; }

.sub-menu {
  padding-top: .2rem;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: .8rem;
  background-color: #f5f5f5;
  z-index: 5; }
  .sub-menu ul {
    padding: 0 .24rem; }
  .sub-menu li {
    border-bottom: .01rem solid #dcdcdc; }
  .sub-menu .tit {
    display: block;
    padding: .02rem .15rem;
    line-height: .66rem;
    color: #000;
    position: relative;
    font-size: .24rem;
    line-height: .56rem; }
  .sub-menu .tit1 {
    display: block;
    width: 100%;
    padding: 0 .15rem;
    line-height: .66rem;
    color: #000;
    position: relative;
    font-size: .28rem;
    line-height: .56rem; }
  .sub-menu .sub-tit {
    font-size: .28rem;
    cursor: pointer;
    background: url(../img/ico_03.png) no-repeat right 0.3rem center;
    background-size: .26rem; }
    .sub-menu .sub-tit.on {
      background: url(../img/ico_03_h.png) no-repeat right 0.3rem center;
      background-size: .26rem; }
  .sub-menu .sub-tit:after {
    content: '';
    display: block;
    width: .26rem;
    height: .26rem;
    background-size: 100% auto;
    position: absolute;
    right: .03rem;
    top: .18rem; }
  .sub-menu .sub-tit.on {
    background-color: #f28d01;
    color: #fff; }
  .sub-menu .sub-tit1.on {
    background-color: #f28d01;
    color: #fff; }
  .sub-menu .sub-tit.on:after {
    background: url(../img/ico_03_h.png) no-repeat right 0.3rem center;
    background-size: 100% auto; }
  .sub-menu .sec-list {
    line-height: .54rem;
    padding: .02rem 0;
    display: none; }
  .sub-menu .sec-list p {
    height: .56rem;
    line-height: .56rem;
    font-size: .26rem;
    padding: 0 .15rem;
    border-bottom: .01rem solid #ddd; }
    .sub-menu .sec-list p:last-child {
      border-bottom: none; }
  .sub-menu .sec-list a {
    color: #666;
    display: block;
    height: .56rem;
    line-height: .56rem; }

.search-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #000;
  opacity: 0.8;
  display: none;
  padding-top: .8rem;
  box-sizing: border-box; }
  .search-bg .m-close-search {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../img/close1.png) no-repeat center;
    background-size: 90% auto;
    position: fixed;
    right: 4%;
    top: .85rem;
    cursor: pointer;
    z-index: 11; }
  .search-bg .m-search-box {
    width: 82%;
    border: .01rem solid #aaa;
    position: fixed;
    left: 3%;
    top: .8rem;
    height: .5rem;
    z-index: 11; }
    .search-bg .m-search-box .tex {
      border: none;
      font-size: .24rem;
      font-family: "Arial";
      color: #a7a7a7;
      height: .5rem;
      line-height: .5rem;
      padding: 0 4%;
      width: 75%;
      background: none; }
    .search-bg .m-search-box .search-btn {
      border: none;
      width: .6rem;
      height: .5rem;
      background: url(../img/search.png) no-repeat center;
      background-size: .36rem auto; }

.bocweb-footer div, .bocweb-footer ul, .bocweb-footer li, .bocweb-footer span, .bocweb-footer a {
  box-sizing: border-box; }
.bocweb-footer .footer-top {
  background: #262626;
  height: 1.56rem;
  padding-top: .42rem;
  border-bottom: .04rem solid #bababa; }
.bocweb-footer .footer-tele1 {
  text-align: left;
  display: inline-block;
  font-size: .24rem;
  color: #fff;
  line-height: .36rem;
  height: .72rem;
  vertical-align: top; }
.bocweb-footer .footer-tele-a {
  vertical-align: top;
  height: .72rem;
  width: .72rem;
  background: url(../img/tele1.png) no-repeat left center;
  background-size: .72rem;
  margin-right: .28rem; }
.bocweb-footer .footer-mains {
  padding: .27rem 0;
  line-height: .38rem;
  font-size: .2rem;
  color: #818181; }
  .bocweb-footer .footer-mains a {
    color: #818181; }

.toWords {
  background: url(../img/img13.jpg) no-repeat center;
  background-size: cover;
  height: 1.4rem;
  padding: .4rem 0;
  box-sizing: border-box; }
  .toWords .footer-logo-a {
    width: 1.84rem;
    height: .6rem;
    vertical-align: middle; }
  .toWords .toWords-txts {
    font-size: .2rem;
    line-height: .2rem;
    top: .22rem;
    margin-left: .28rem;
    padding-left: .28rem;
    color: #fff;
    vertical-align: middle;
    border-left: 0.01rem solid rgba(255, 255, 255, 0.5); }
  .toWords .toWords-a {
    vertical-align: middle;
    width: 1.86rem;
    height: .44rem;
    line-height: .44rem;
    border: .01rem solid #fff;
    border-radius: .22rem;
    font-size: .2rem;
    color: #fff;
    top: .08rem;
    text-align: center; }
    .toWords .toWords-a:hover {
      background: #fff;
      color: #f28d01; }

.welcome div, .welcome ul, .welcome li, .welcome span, .welcome a {
  box-sizing: border-box; }
.welcome .wel-banner {
  position: relative; }
  .welcome .wel-banner .hd {
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: .26rem;
    width: 100%;
    height: .1rem;
    text-align: center; }
    .welcome .wel-banner .hd .swiper-pagination-bullet {
      vertical-align: top;
      display: inline-block;
      width: .18rem;
      height: .18rem;
      border-radius: 50%;
      border: .01rem solid #fff;
      font-size: 0;
      margin: 0 .05rem;
      cursor: pointer; }
      .welcome .wel-banner .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #f28d01;
        border-color: #f28d01; }
.welcome .wel-pro-wrap .pro-nav-wrap {
  background: #fff;
  padding: .3rem 0; }
.welcome .wel-pro-wrap .pro-titles-cn {
  font-size: .24rem;
  line-height: .26rem;
  color: #2c2c2c;
  font-weight: bold;
  padding-bottom: .06rem; }
.welcome .wel-pro-wrap .pro-nav-titles {
  width: 26%;
  padding-top: .3rem; }
.welcome .wel-pro-wrap .pro-titles-en {
  width: 1.56rem;
  height: .14rem; }
.welcome .wel-pro-wrap .pro-nav-a {
  padding-top: .1rem;
  border-left: .01rem solid #e9e9e9;
  color: #2c2c2c; }
  .welcome .wel-pro-wrap .pro-nav-a:last-child {
    border-right: .01rem solid #e9e9e9; }
  .welcome .wel-pro-wrap .pro-nav-a:hover {
    color: #f28d01; }
.welcome .wel-pro-wrap .wel-pro-img {
  width: .42rem;
  margin: 0 auto; }
.welcome .wel-pro-wrap .wel-pro-img2 {
  width: .52rem;
  height: .52rem;
  padding-top: .02rem; }
.welcome .wel-pro-wrap .wel-pro-txt {
  font-size: .24rem;
  line-height: .4rem; }
.welcome .wel-pro-title {
  text-align: center;
  font-size: .3rem;
  line-height: .3rem;
  color: #222;
  padding: 1rem 0 .9rem; }
  .welcome .wel-pro-title:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: .5rem;
    margin-left: -.27rem;
    display: inline-block;
    width: .54rem;
    height: .04rem;
    background: #f28d01;
    border-radius: .02rem; }
.welcome .wel-pro-mains {
  background: #f5f5f5;}
  .welcome .wel-pro-mains .pro-ajax-btn {
    height: .5rem;
    line-height: .5rem;
    border-radius: .25rem;
    font-size: .24rem;
    color: #222;
    cursor: pointer;
    margin-bottom: .52rem; }
    .welcome .wel-pro-mains .pro-ajax-btn.cur, .welcome .wel-pro-mains .pro-ajax-btn:hover {
      background: #f28d01;
      color: #fff; }
.welcome .pro-banner1-btns {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -.18rem;
  width: 100%;
  height: .01rem; }
  .welcome .pro-banner1-btns .pro-banner1-btn {
    display: inline-block;
    width: .2rem;
    height: .36rem;
    position: absolute;
    top: 0;
    cursor: pointer; }
  .welcome .pro-banner1-btns .prev {
    left: -.5rem;
    background: url(../img/prev1.png) no-repeat center; }
  .welcome .pro-banner1-btns .next {
    right: -.5rem;
    background: url(../img/next1.png) no-repeat center; }
.welcome .pro-banner-bd {
  position: relative;
  z-index: 2; }
.welcome .pro-banner-a {
  border-radius: .04rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
  .welcome .pro-banner-a .pro-banner-txts {
    text-align: center;
    font-size: .26rem;
    line-height: .64rem;
    color: #333;
    width: 100%;
    background: #fff;
    transition: all .3s linear; }
  .welcome .pro-banner-a .pro-banner-img {
    transition: all .3s linear; }
  .welcome .pro-banner-a:hover .pro-banner-img {
    transform: scale(1.1); }
  .welcome .pro-banner-a:hover .pro-banner-txts {
    background: #f28d01;
    color: #fff; }
.welcome .view-more1 {
  display: block;
  margin: .64rem auto 0;
  background: #f28d01;
  color: #fff;
  width: 2.3rem;
  height: .6rem;
  text-align: center;
  font-size: .24rem;
  line-height: .6rem;
  border-radius: .3rem;
  transition: all .3s ease-in-out; }
  .welcome .view-more1:hover {
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.2); }
.welcome .view-more2 {
  display: block;
  margin: .6rem auto 0;
  background: #fff;
  color: #f28d01;
  width: 2rem;
  height: .44rem;
  text-align: center;
  font-size: .24rem;
  line-height: .44rem;
  border-radius: .22rem;
  transition: all .3s ease-in-out; }
  .welcome .view-more2:hover {
    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.2); }
.welcome .wel-case-wrap .case-items-wrap {
  position: relative;
  z-index: 2; }
.welcome .wel-case-wrap .wel-case-title {
  padding: 1.24rem 0;
  color: #fff; }
  .welcome .wel-case-wrap .wel-case-title:after {
    top: 2.2rem;
    background: #fff; }
.welcome .wel-case-wrap .wel-case-items {
  z-index: 2;
  color: #fff;
  box-sizing: border-box; }
  .welcome .wel-case-wrap .wel-case-items:hover img {
    transform: scale(1.1); }
.welcome .wel-case-wrap .wel-case-cn {
  font-size: .3rem;
  line-height: .3rem;
  font-weight: bold; }
.welcome .wel-case-wrap .wel-case-en {
  font-size: .24rem;
  line-height: .24rem;
  opacity: .2;
  filter: alpha(opacity=20); }
.welcome .wel-case-wrap .wel-case-h6 {
  font-size: .18rem;
  line-height: .28rem;
  margin: .36rem 0 .32rem; }
.welcome .wel-case-wrap .wel-case-img0 {
  transition: all .3s linear; }
.welcome .wel-case-wrap .wel-case-items1 {
  width: 100%; }
  .welcome .wel-case-wrap .wel-case-items1 .wel-case-cover {
    padding-left: .44rem; }
  .welcome .wel-case-wrap .wel-case-items1 .wel-case-en {
    line-height: .42rem; }
  .welcome .wel-case-wrap .wel-case-items1 .view-more1 {
    width: 1.92rem;
    height: .54rem;
    line-height: .54rem;
    background: #fff;
    color: #666;
    font-size: .24rem;
    margin: .44rem 0 0; }
  .welcome .wel-case-wrap .wel-case-items1:hover .wel-case-img0 {
    transform: scale(1); }
.welcome .wel-case-wrap .wel-case-items2 {
  width: 100%; }
  .welcome .wel-case-wrap .wel-case-items2 .wel-case-cover {
    padding-top: 3rem;
    background: url(../img/bg11.png) repeat-x center bottom; }
  .welcome .wel-case-wrap .wel-case-items2 .wel-case-span {
    margin-top: -2.14rem; }
.welcome .wel-case-wrap .wel-case-items3 {
  width: 50%; }
  .welcome .wel-case-wrap .wel-case-items3 .wel-case-cover {
    padding-top: 2.4rem;
    background: url(../img/bg11.png) repeat-x center bottom; }
  .welcome .wel-case-wrap .wel-case-items3 .wel-case-span {
    margin-top: -2.14rem; }
.welcome .wel-case-wrap .wel-case-items4 {
  width: 50%; }
  .welcome .wel-case-wrap .wel-case-items4 .wel-case-h5 {
    margin-top: -.42rem; }
.welcome .wel-case-wrap .wel-case-items5 {
  width: 50%; }
  .welcome .wel-case-wrap .wel-case-items5 .wel-case-cn {
    color: #333; }
  .welcome .wel-case-wrap .wel-case-items5 .wel-case-en {
    color: #737373; }
  .welcome .wel-case-wrap .wel-case-items5 .wel-case-h5 {
    margin-top: -.42rem; }
.welcome .wel-case-wrap .wel-case-cover {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: .4rem .36rem .26rem; }
.welcome .wel-case-wrap .wel-case-span {
  width: .44rem;
  height: .42rem;
  background-size: 100% !important; }
.welcome .wel-case-wrap .wel-case-detail {
  font-size: .24rem;
  line-height: .42rem; }
.welcome .wel-about-wrap {
  margin-top: .6rem;
  margin-bottom: 1.1rem; }
  .welcome .wel-about-wrap .view-more1 {
    margin: .6rem 0 0; }

    @media(max-width: 767px){
      .wel-video-mains .wel-video-wrap{
        width: 100%!important;
    top: 3rem!important;
    left: 0%!important;
    margin-top: 0!important;
    margin-left: 0!important;
      }
#video{
   width: 100%!important;
   position: relative!important;
   z-index: 100!important;
}
#video body video{
  width: 100%!important;
  transform: translateY(3rem)!important;
}


    }
  .welcome .wel-about-wrap .wel-intro-txts {
    font-size: .24rem;
    line-height: .42rem;
    color: #666;
    overflow: hidden; }
  .welcome .wel-about-wrap .wel-intro-title {
    padding: .58rem 0; }
    .welcome .wel-about-wrap .wel-intro-title:after {
      height: .02rem;
      left: 0;
      margin-left: 0;
      width: .34rem;
      bottom: .3rem;
      background: #bfbfbf; }
  .welcome .wel-about-wrap .video-txts-wrap {
    position: absolute;
    z-index: 3;
    top: .6rem;
    left: 1rem;
    color: #fff;
    font-size: .3rem;
    line-height: .34rem; }
  .welcome .wel-about-wrap .video-ajax-btn {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    margin-top: .18rem;
    border-radius: 50%;
    background: url(../img/video1.png) no-repeat center;
    background-size: 100%; }
  .welcome .wel-about-wrap .video-txts-cn {
    font-weight: bold; }

.wel-news-wrap {
  background: #f5f5f5;
  padding: 0 0 .56rem;
  box-sizing: border-box; }
  .wel-news-wrap div, .wel-news-wrap ul, .wel-news-wrap li, .wel-news-wrap span, .wel-news-wrap a {
    box-sizing: border-box; }
  .wel-news-wrap .news-txts-wrap {
    background: #fff;
    padding: .34rem .3rem .46rem; }
  .wel-news-wrap .wel-news-items {
    box-sizing: border-box; }
  .wel-news-wrap .wel-news-time {
    color: #999;
    font-size: .24rem;
    padding-left: .3rem;
    line-height: .28rem;
    background: url(../img/ico1.png) no-repeat left center;
    background-size: .22rem;
    transition: all .3s linear; }
  .wel-news-wrap .wel-news-img {
    transition: all .3s linear; }
  .wel-news-wrap .wel-news-h5 {
    font-size: .24rem;
    line-height: .36rem;
    color: #333;
    margin: .24rem 0 .12rem;
    transition: all .3s linear; }
  .wel-news-wrap .wel-news-dt {
    font-size: .24rem;
    line-height: .36rem;
    color: #999;
    height: .72rem;
    overflow: hidden; }
  .wel-news-wrap .wel-news-items .view-more1 {
    width: 1.72rem;
    background: #f28d01;
    color: #fff;
    margin-left: 0;
    height: .44rem;
    line-height: .44rem;
    margin-top: .6rem;
    transition: all .3s linear; }
  .wel-news-wrap .wel-news-items:hover .wel-news-img {
    transform: scale(1.1); }
  .wel-news-wrap .wel-news-items:hover .wel-news-h5 {
    color: #f28d01; }
  .wel-news-wrap .wel-news-items:hover .wel-news-time {
    background: url(../img/ico1on.png) no-repeat left center;
    background-size: .22rem; }

.wel-pro-banner {
  width: 74%; }

.wel-video-mains {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: url(../img/bg060.png) repeat; 
  background: #000!important;
}
  .wel-video-mains .wel-video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.4rem;
    margin-left: -6rem;
    width: 12rem;
    height: 4.8rem;
    background: #000; }
    .wel-video-mains .wel-video-wrap .video-close-btn {
      background: url(../img/close1.png) repeat;
      background-size: 100% !important;
      width: .4rem;
      height: .4rem;
      top: -.46rem;
      right: -.46rem;
      cursor: pointer; }
  .wel-video-mains video {
    width: 5rem !important;
    height: 4.8rem !important; }

.inner-ban {
  box-sizing: border-box;
  padding-top: .8rem;
  height: 5.7rem; }
  .inner-ban .inner-ban-title {
    z-index: 2;
    top: 2.76rem;
    left: 0;
    width: 100%;
    color: #fff; }
  .inner-ban .inner-ban-en {
    font-size: .6rem;
    font-weight: bold;
    line-height: .48rem;
    margin-bottom: .18rem; }
  .inner-ban .inner-ban-cn {
    font-size: .36rem;
    line-height: .36rem; }
@keyframes mouseMove {
  0% {
    margin-top: .2rem; }
  50% {
    margin-top: .36rem; }
  100% {
    margin-top: .2rem; } }
  .inner-ban .inner-mouse {
    left: 0;
    bottom: .54rem;
    width: 100%;
    height: .4rem;
    margin-bottom: .24rem;
    font-size: .24rem;
    line-height: .24rem;
    color: #fff; }
  .inner-ban .inner-mouse-img {
    width: .28rem;
    animation: mouseMove 1.2s infinite linear; }

.inner-nav-wrap {
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
  border-bottom: .01rem solid #cacaca;
  background: #fff; }
  .inner-nav-wrap div, .inner-nav-wrap ul, .inner-nav-wrap li, .inner-nav-wrap span, .inner-nav-wrap a {
    box-sizing: border-box; }
  .inner-nav-wrap .inner-nav-a {
    box-sizing: border-box;
    padding: .31rem 0;
    display: inline-block;
    color: #333;
    height: .86rem;
    background: #e7e7e7;
    border-left: .01rem solid #cacaca; }
    .inner-nav-wrap .inner-nav-a:last-child {
      border-right: .01rem solid #cacaca; }
    .inner-nav-wrap .inner-nav-a:hover, .inner-nav-wrap .inner-nav-a.cur {
      background: #0e73b9;
      color: #fff; }
  .inner-nav-wrap .inner-nav-img {
    vertical-align: top;
    width: .24rem;
    height: .24rem;
    margin-right: .06rem; }
  .inner-nav-wrap .inner-nav-txt {
    vertical-align: top;
    font-size: .24rem;
    height: .24rem;
    line-height: .24rem; }

.intro div, .intro ul, .intro li, .intro span, .intro a {
  box-sizing: border-box; }
.intro .sub-company-wrap {
  padding: .82rem 0 .65rem;
  margin-top: .54rem;
  background: #f5f5f5; }
.intro .intro-company {
  margin-bottom: 1.32rem;
  background: url(../img/png3.png) no-repeat left top 0.9rem; }
  .intro .intro-company .w92 {
    padding-top: .9rem; }
.intro .company-en {
  font-size: .24rem;
  line-height: .24rem;
  color: #c6c6c6; }
.intro .company-cn {
  font-size: .3rem;
  line-height: .24rem;
  color: #333;
  padding: .16rem 0 .28rem; }
.intro .company-txts {
  font-size: .2rem;
  line-height: .42rem;
  color: #666;
  padding-right: .1rem;
  margin-bottom: .56rem;
  background: #fff; }
.intro .company-numss {
  font-size: .24rem;
  line-height: .6rem; }
.intro .company-nums {
  font-weight: bold;
  font-size: .68rem;
  line-height: .6rem;
  margin-right: .1rem; }
.intro .nums-dt {
  font-size: .24rem;
  line-height: .36rem;
  height: 1.08rem; }
.intro .nums-item {
  width: 32%;
  margin-right: 2%;
  background: #f28d01;
  color: #fff;
  padding: .34rem .1rem .16rem; }
.intro .nums-item3 {
  margin-right: 0; }
.intro .company-img-wrap {
  width: 50%;
  margin-left: .1rem;
  margin-bottom: .1rem;
  padding-top: .95rem; }
.intro .sub-company-items {
  width: 92%;
  margin: 0 auto .36rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
  .intro .sub-company-items:hover .tra3s {
    transform: scale(1.1); }
  .intro .sub-company-items:hover .sub-company-name, .intro .sub-company-items:hover .sub-company-a {
    color: #f28d01; }
.intro .sub-company-txts {
  padding: .48rem .42rem .7rem;
  box-sizing: border-box;
  background: #fff; }
.intro .sub-company-name {
  font-size: .3rem;
  line-height: .3rem;
  padding-bottom: .36rem;
  color: #333; }
  .intro .sub-company-name:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    display: inline-block;
    width: .32rem;
    height: .02rem;
    background: #e9e9e9; }
.intro .sub-company-detail {
  font-size: .24rem;
  line-height: .42rem;
  color: #666;
  margin: .2rem 0 .6rem; }
.intro .sub-company-a {
  font-size: .24rem;
  line-height: .52rem;
  color: #333;
  background: url(../img/png4.png) no-repeat left center;
  background-size: .52rem;
  padding-left: .64rem; }
.intro .produce-h5 {
  padding: .88rem 0 .15rem;
  font-size: .3rem;
  line-height: .3rem;
  color: #222; }
.intro .produce-wrap {
  padding-bottom: 1.5rem; }
.intro .produce-h6 {
  font-size: .24rem;
  line-height: .24rem;
  color: #888;
  padding-bottom: .88rem; }

.culture div, .culture ul, .culture li, .culture span, .culture a {
  box-sizing: border-box; }
.culture .sub-company-wrap {
  padding: .82rem 0 1.1rem;
  margin-top: .54rem;
  background: #f5f5f5; }
.culture .co-titles {
  padding: .8rem 0 .56rem; }
  .culture .co-titles:after {
    bottom: .2rem; }
.culture .wish-wrap {
  padding: 1rem .4rem .96rem;
  background-size: 5.4rem !important; }
  .culture .wish-wrap .w92 {
    padding-top: .9rem; }
.culture .inner-titles:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 1rem;
  display: inline-block;
  width: .32rem;
  height: .02rem;
  margin-left: -.16rem;
  background: #f28d01; }
.culture .inner-title-h4 {
  font-size: .3rem;
  line-height: .3rem;
  color: #222; }
.culture .inner-title-h5 {
  font-size: .24rem;
  line-height: .4rem;
  margin: .2rem 0 .6rem;
  color: #222; }
.culture .inner-title-h6 {
  font-size: .24rem;
  line-height: .4rem;
  color: #777; }
.culture .culture-values-wrap {
  padding-bottom: 1.24rem;
  padding: 0 .3rem .4rem; }
.culture .culture-values-txts {
  padding: .4rem .36rem .6rem;
  box-sizing: border-box;
  background: #fff; }
.culture .culture-values-title {
  font-size: .3rem;
  line-height: .3rem;
  padding-bottom: .28rem;
  color: #333; }
  .culture .culture-values-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    display: inline-block;
    width: .32rem;
    height: .02rem;
    background: #e9e9e9; }
.culture .culture-values-items {
  margin-bottom: .56rem; }
.culture .culture-values-detail {
  font-size: .24rem;
  line-height: .4rem;
  color: #666;
  margin-top: .3rem; }
.culture .spirit-wrap {
  padding-bottom: .9rem;
  background: #f5f5f5; }
  .culture .spirit-wrap .co-titles {
    padding-bottom: 1rem; }
.culture .spirit-items {
  background: #fff;
  padding: 0 .38rem .52rem;
  margin-bottom: .4rem;
  box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1); }
.culture .spirit-items-middle {
  margin: 0 .3rem .34rem; }
.culture .sprit-items-img {
  width: .54rem;
  height: .96rem;
  margin: 0 auto; }
.culture .spirit-h5 {
  font-size: .22rem;
  line-height: .3rem;
  margin: .34rem 0 .2rem;
  color: #333; }
.culture .spirit-details {
  font-size: .2rem;
  line-height: .4rem;
  margin-top: .34rem;
  color: #777;
  max-height: 1.2rem;
  overflow: hidden; }

.equip div, .equip ul, .equip li, .equip span, .equip a {
  box-sizing: border-box; }
.equip .co-titles {
  padding: .7rem 0 1.1rem; }
  .equip .co-titles:after {
    bottom: .76rem; }
.equip .scales-wrap {
  padding: .5rem 0 1.3rem;
  background-size: 5.4rem !important; }
  .equip .scales-wrap .co-titles {
    padding-bottom: .96rem; }
.equip .scales-h6 {
  font-size: .24rem;
  line-height: .4rem;
  width: 92%;
    margin: 0 auto;
  color: #666; }
.equip .equip-banner-wrap {
  padding: .9rem 0 1.2rem; }
.equip .equip-strength-items {
  color: #fff;
  padding: .64rem .4rem .9rem;
  background: url(../img/png9.png) repeat; }
.equip .equip-strength-cn {
  margin-right: .1rem; }
.equip .equip-strength-title {
  font-size: .28rem;
  line-height: .3rem;
  padding-bottom: .28rem; }
  .equip .equip-strength-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    display: inline-block;
    width: .32rem;
    height: .02rem;
    background: #e9e9e9; }
.equip .equip-strength-detail {
  font-size: .24rem;
  line-height: .42rem;
  height: 2rem;
  margin-top: .3rem;
  padding-right: .1rem;
  overflow: scroll; }
.equip .equip-line-items {
  overflow: hidden;
  padding: 0 .38rem; }
.equip .equip-line-wrap {
  padding: .5rem 0 1.65rem;
  background-size: 5.4rem !important; }
.equip .animation-wrap {
  padding-bottom: 1.24rem;
  background-size: 5.4rem !important; }
  .equip .animation-wrap .co-titles {
    padding: 1.1rem 0 .8rem; }
    .equip .animation-wrap .co-titles:after {
      bottom: .46rem; }
  .equip .animation-wrap .animation-img-wrap {
    padding-bottom: .8rem;
    border-bottom: .01rem solid #e9e9e9; }
.equip .animation-title {
  padding: .64rem 0 .34rem; }
.equip .animation-img1 {
  margin: 0 auto; }
.equip .animation-video {
  padding-bottom: .66rem; }
.equip .animation-cn {
  padding: 0 .2rem 0 .26rem;
  border-left: .01rem solid #019744;
  color: #019744;
  font-size: .24rem;
  line-height: .3rem;
  vertical-align: top;
  position: relative;
  top: .06rem; }
.equip .animation-en {
  padding: 0 .24rem;
  background-color: #019744;
  color: #fefefe;
  font-size: .24rem;
  line-height: .42rem;
  vertical-align: top; }
.equip .animation-items2 .animation-cn {
  border-left-color: #ae4685;
  color: #ae4685; }
.equip .animation-items2 .animation-en {
  background-color: #ae4685; }
.equip .animation-items:last-child .animation-img-wrap {
  padding-bottom: 0;
  border-bottom: none; }
.equip .hd {
  position: absolute;
  left: 0;
  bottom: .48rem;
  width: 100%;
  height: .18rem;
  text-align: center; }
  .equip .hd .swiper-pagination-bullet {
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    border: .01rem solid #fff;
    font-size: 0;
    margin: 0 .06rem;
    cursor: pointer; }
    .equip .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff;
      border-color: #fff; }
.equip .swiper-btns .swiper-btn {
  position: absolute;
  width: .58rem;
  height: 100%;
  top: 0;
  z-index: 3; }
.equip .swiper-btns .prev {
  left: 0;
  background: #fff url(../img/prev2on.png) left center no-repeat;
  background-size: .2rem; }
.equip .swiper-btns .next {
  right: 0;
  background: #fff url(../img/next2on.png) right center no-repeat;
  border-right-width: .01rem;
  background-size: .2rem; }

.alucosuper-wrap {
  padding-top: .5rem;
  background-size: 5.4rem !important; }
  .alucosuper-wrap .co-titles {
    color: #fff;
    padding: .6rem 0 .8rem; }
    .alucosuper-wrap .co-titles:after {
      background: #fff;
      bottom: .5rem; }
  .alucosuper-wrap .alucosuper-mains {
    padding-bottom: 1rem; }

.coop {
  background: #f5f5f5; }
  .coop div, .coop ul, .coop li, .coop span, .coop a {
    box-sizing: border-box; }
  .coop .co-titles {
    padding: .8rem 0 1.1rem; }
    .coop .co-titles:after {
      bottom: .76rem; }
  .coop .scales-wrap {
    padding: .7rem 0 .8rem;
    background-size: 5.4rem !important; }
    .coop .scales-wrap .co-titles {
      padding-bottom: .96rem; }
  .coop .inner-titles:after {
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -.16rem;
    bottom: .46rem;
    display: inline-block;
    width: .32rem;
    height: .02rem;
    background: #f28d01; }
  .coop .inner-title-h4 {
    font-size: .3rem;
    line-height: .3rem;
    color: #222;
    margin-bottom: .46rem; }
  .coop .inner-title-h6 {
    font-size: .24rem;
    line-height: .4rem;
    color: #777; }
  .coop .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .coop .client-wrap {
    padding-top: 0; }
  .coop .client-banner-wrap {
    padding-bottom: 2.1rem; }
  .coop .coop-brand-li {
    width: 31%;
    margin-right: 3.5%;
    border: .01rem solid #e9e9e9;
    overflow: hidden;
    margin-bottom: .18rem;
    cursor: pointer; }
    .coop .coop-brand-li:nth-child(3n) {
      margin-right: 0; }
    .coop .coop-brand-li:hover {
      border-color: none;
      box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }
  .coop .coop-brand-wrap {
    padding: .5rem 0 .94rem; }
  .coop .view-more1 {
    display: block;
    margin: .6rem auto 0;
    background: #f28d01;
    color: #fff;
    width: 2.1rem;
    height: .5rem;
    text-align: center;
    font-size: .18rem;
    line-height: .5rem;
    border-radius: .24rem;
    cursor: pointer;
    transition: all .3s ease-in-out; }
    .coop .view-more1:hover {
      box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.2); }
  .coop .client-ul {
    padding-top: .6rem !important; }
  .coop .client-items-wrap {
    padding: 1.06rem .2rem .42rem;
    color: #fff;
    background: #f28d01; }
  .coop .client-items {
    cursor: pointer; }
  .coop .client-img {
    position: absolute;
    left: 50%;
    top: -.6rem;
    width: 1.94rem;
    height: 1.2rem;
    margin-left: -.97rem; }
  .coop .client-title {
    font-size: .36rem;
    line-height: .36rem;
    padding-bottom: .6rem; }
    .coop .client-title:after {
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -.16rem;
      bottom: .3rem;
      display: inline-block;
      width: .32rem;
      height: .02rem;
      background: #fff; }
  .coop .client-dt {
    font-size: .24rem;
    line-height: .4rem; }
  .coop .hd {
    position: absolute;
    left: 0;
    bottom: 1.38rem;
    width: 100%;
    height: .12rem;
    text-align: center; }
    .coop .hd .swiper-pagination-bullet {
      vertical-align: top;
      display: inline-block;
      width: .18rem;
      height: .18rem;
      border-radius: 50%;
      border: 0.01rem solid #f28d01;
      font-size: 0;
      margin: 0 .03rem;
      cursor: pointer; }
      .coop .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #f28d01;
        border-color: #f28d01; }

.honour {
  background: #f7f7f7; }
  .honour div, .honour ul, .honour li, .honour span, .honour a {
    box-sizing: border-box; }
  .honour .honout-mains {
    padding-bottom: 1.4rem; }
  .honour .co-titles {
    padding: .8rem 0 1.1rem;
    margin-bottom: .2rem;
    padding-bottom: .3rem; }
    .honour .co-titles:after {
      width: .4rem; }
  .honour .inner-titles:after {
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -.16rem;
    bottom: 1.78rem;
    display: inline-block;
    width: .32rem;
    height: .02rem;
    background: #f28d01; }
  .honour .inner-title-h4 {
    font-size: .3rem;
    line-height: .3rem;
    color: #222;
    margin-bottom: .46rem; }
  .honour .inner-title-h6 {
    font-size: .24rem;
    line-height: .4rem;
    color: #777; }
  .honour .honour-items {
    margin-bottom: .4rem; }
    .honour .honour-items .co-titles {
      padding-top: 0;
      font-size: .3rem;
      line-height: .3rem;
      color: #333;
      padding-bottom: .5rem;
      margin-bottom: 0; }
      .honour .honour-items .co-titles .pro-cn-span {
        display: inline-block;
        margin-right: .1rem; }
      .honour .honour-items .co-titles:after {
        width: .4rem;
        bottom: .2rem;
        left: 0;
        margin-left: 0; }
  .honour .scales-wrap {
    padding: 1rem 0 .8rem;
    background-size: 5.4rem !important; }
    .honour .scales-wrap .co-titles {
      padding-bottom: .96rem; }
  .honour .ajax-name {
    font-size: .24rem;
    color: #666;
    height: .56rem;
    line-height: .56rem;
    cursor: pointer;
    border-bottom: .01rem solid #e9e9e9; }
    .honour .ajax-name:last-child {
      border-bottom: none; }
    .honour .ajax-name:hover {
      color: #f28d01; }
  .honour .slimScrollRail {
    width: .01rem !important;
    right: .02rem !important; }
  .honour .ajax-controls {
    background: #fff;
    padding: .52rem .36rem .22rem; }
  .honour .ajax-name-wrap {
    padding-left: .03rem; }
  .honour .client-title {
    font-size: .24rem;
    line-height: .24rem;
    padding-bottom: .3rem;
    margin-bottom: .3rem; }
    .honour .client-title:after {
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -.16rem;
      bottom: 0;
      display: inline-block;
      width: .32rem;
      height: .02rem;
      background: #f28d01; }

.pro {
  background-color: #f5f5f5;
  box-sizing: border-box;
  padding: .8rem 0; }

.pro-side-wrap div, .pro-side-wrap ul, .pro-side-wrap li, .pro-side-wrap span, .pro-side-wrap a {
  box-sizing: border-box; }
.pro-side-wrap .pro-nav-items {
  background: #fff;
  margin-bottom: .08rem; }
.pro-side-wrap .red-star {
  color: #f91d1d;
  margin-left: .06rem;
  font-size: .24rem;
  line-height: .52rem;
  position: relative;
  top: .02rem; }
.pro-side-wrap .pro-nav-title {
  height: .86rem;
  line-height: .86rem;
  font-size: .24rem;
  color: #333;
  cursor: pointer;
  background: #eaeaea;
  border-right: 1px solid #fff; }
  .pro-side-wrap .pro-nav-title.cur, .pro-side-wrap .pro-nav-title:hover {
    color: #fff;
    background: #f28d01; }

.pro-sub-wrap {
  height: 1.86rem; }
  .pro-sub-wrap .pro-nav-sub {
    width: 100%; }
  .pro-sub-wrap div, .pro-sub-wrap ul, .pro-sub-wrap li, .pro-sub-wrap span, .pro-sub-wrap a {
    box-sizing: border-box; }
  .pro-sub-wrap .swiper-btns .swiper-btn {
    position: absolute;
    width: .5rem;
    height: .56rem;
    top: .8rem;
    z-index: 3; }
  .pro-sub-wrap .swiper-btns .prev {
    left: 0;
    background: #f5f5f5 url(../img/prev2on.png) center center no-repeat;
    background-size: .2rem; }
  .pro-sub-wrap .swiper-btns .next {
    right: 0;
    background: #f5f5f5 url(../img/next2on.png) center center no-repeat;
    background-size: .2rem; }
  .pro-sub-wrap .pro-nav-sub {
    left: 0;
    opacity: 0;
    padding: .8rem .5rem .5rem;
    height: 1.86rem; }
    .pro-sub-wrap .pro-nav-sub.in {
      opacity: 1; }
  .pro-sub-wrap .pro-sub-name {
    height: .56rem;
    line-height: .56rem;
    font-size: .24rem;
    color: #666;
    cursor: pointer;
    background: #fff;
    border-radius: .28rem;
    border-bottom: .01rem solid #e9e9e9; }
    .pro-sub-wrap .pro-sub-name:after {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      margin-top: -.2rem;
      display: inline-block;
      width: .04rem;
      height: .04rem;
      background: #c6c6c6; }
    .pro-sub-wrap .pro-sub-name.cur, .pro-sub-wrap .pro-sub-name:hover {
      background: #f28d01;
      color: #fff; }
      .pro-sub-wrap .pro-sub-name.cur:after, .pro-sub-wrap .pro-sub-name:hover:after {
        background-color: #f28d01; }

.pro-content-wrap div, .pro-content-wrap ul, .pro-content-wrap li, .pro-content-wrap span, .pro-content-wrap a {
  box-sizing: border-box; }
.pro-content-wrap .pro-title {
  font-size: .3rem;
  line-height: .8rem;
  padding: 0 .26rem;
  color: #333;
  background: #fff;
  border-bottom: 1px solid #f5f5f5; }
.pro-content-wrap .pro-title-dt {
  font-size: .18rem;
  margin-left: .1rem; }
.pro-content-wrap .pro-items {
  padding: 0 .26rem .3rem;
  background: #fff;
  margin-bottom: .24rem;
  border-radius: .04rem; }
  .pro-content-wrap .pro-items img {
    display: block;
    max-width: 100%;
    margin-bottom: .3rem; }
.pro-content-wrap .pro-items4 {
  padding: 0; }
.pro-content-wrap .color-ajax-content {
  padding: .34rem .4rem 0; }
.pro-content-wrap .pro-items1 {
  padding-top: .24rem; }
.pro-content-wrap .pro-line0 {
  height: .01rem;
  background: #e9e9e9;
  margin: .24rem 0; }
.pro-content-wrap .pro-h4 {
  font-size: .24rem;
  line-height: .36rem;
  color: #222;
  padding-bottom: .26rem; }
.pro-content-wrap .pro-h5 {
  height: 1.06rem;
  line-height: 1.06rem;
  font-size: .26rem;
  color: #f28d01;
  padding-left: .36rem;
  padding-bottom: .26rem;
  margin-bottom: .24rem;
  border-bottom: .01rem solid #e9e9e9; }
.pro-content-wrap .pro-p-wrap {
  font-size: .24rem;
  line-height: .42rem;
  color: #777; }
.pro-content-wrap .pro-nums-num {
  left: 0;
  top: 0;
  background: #f28d01;
  height: 100%;
  width: .88rem;
  line-height: .9rem;
  color: #fff;
  font-size: .24rem; }
.pro-content-wrap .pro-num1 {
  line-height: .24rem;
  top: 50%;
  left: 0;
  width: 100%;
  height: .24rem;
  margin-top: -.12rem; }
.pro-content-wrap .pro-nums-txt {
  padding: .22rem;
  border: .01rem solid #d6d6d6;
  border-left: none;
  line-height: .36rem;
  color: #777;
  font-size: .24rem; }
.pro-content-wrap .pro-nums-items {
  padding-left: .88rem;
  margin-bottom: .24rem;
  background: #f9f9f9; }
  .pro-content-wrap .pro-nums-items:hover {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .pro-content-wrap .pro-nums-items:hover .pro-nums-num {
      background: #f28d01;
      color: #fff; }
.pro-content-wrap .pro-slide-li img {
  margin-bottom: 0; }
.pro-content-wrap .pro-slide-txt {
  font-size: .31rem;
  line-height: .76rem;
  color: #888; }
.pro-content-wrap .pro-slide-wrap .bd {
  margin-top: .3rem;
  padding-bottom: .6rem; }
.pro-content-wrap .pro-slide-wrap .hd {
  position: absolute;
  left: 0;
  bottom: .2rem;
  width: 100%;
  height: .12rem;
  text-align: center; }
  .pro-content-wrap .pro-slide-wrap .hd .swiper-pagination-bullet {
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    border: 0.01rem solid #f28d01;
    font-size: 0;
    margin: 0 .03rem;
    cursor: pointer; }
    .pro-content-wrap .pro-slide-wrap .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #f28d01;
      border-color: #f28d01; }
.pro-content-wrap .color-nav-wrap {
  padding: 0 .5rem;
  border-bottom: .01rem solid #e9e9e9; }
.pro-content-wrap .color-ajax-btn {
  width: 25%;
  font-size: .28rem;
  line-height: .64rem;
  text-align: center;
  color: #666;
  cursor: pointer; }
  .pro-content-wrap .color-ajax-btn.cur, .pro-content-wrap .color-ajax-btn:hover {
    color: #f28d01;
    border-bottom: 0.02rem solid #f28d01; }
.pro-content-wrap .color-ajax-btn4 {
  margin-right: 0; }
.pro-content-wrap .color-img-wrap {
  width: 47%;
  border-radius: .05rem; }
  .pro-content-wrap .color-img-wrap:nth-child(2n-1) {
    margin-right: 4%; }
  .pro-content-wrap .color-img-wrap img {
    margin-bottom: 0; }
.pro-content-wrap .color-img-wrap3 {
  margin-right: 0; }
.pro-content-wrap .color-img-txt {
  font-size: .24rem;
  line-height: .42rem;
  margin-bottom: .4rem;
  color: #666; }
.pro-content-wrap .color-remind {
  width: .16rem;
  height: .74rem;
  margin-right: .1rem;
  vertical-align: top;
  background: url(../img/ico10.png) no-repeat center; }
.pro-content-wrap .color-red {
  vertical-align: top;
  color: #f91d1d; }
.pro-content-wrap .color-bot {
  width: 100%;
  background: #fff;
  height: .74rem;
  border-top: .01rem solid #e9e9e9;
  line-height: .74rem;
  font-size: .18rem;
  color: #666; }

.develop {
  background-color: #f5f5f5; }
  .develop div, .develop ul, .develop li, .develop span, .develop a {
    box-sizing: border-box; }
  .develop .inner-nav-wrap .inner-nav-a {
    width: 16.6%; }
  .develop .co-titles {
    padding: .8rem 0 .1rem; }
    .develop .co-titles:after {
      bottom: .76rem; }
  .develop .scales-wrap {
    padding: .2rem 0 .7rem;
    background-size: 6.4rem !important; }
    .develop .scales-wrap .co-titles {
      padding-bottom: .2rem; }
      .develop .scales-wrap .co-titles:after {
        display: none; }
  .develop .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .develop .innovate-wrap {
    padding-bottom: .94rem; }
  .develop .innovate-items {
    background: #f28d01;
    padding: .5rem .4rem .54rem;
    margin-bottom: .34rem;
    border-radius: .05rem;
    cursor: pointer;
    color: #fff; }
    .develop .innovate-items.innovate-items3 {
      margin-right: 0; }
    .develop .innovate-items:hover {
      background: #f28d01; }
      .develop .innovate-items:hover .innovate-detail, .develop .innovate-items:hover .innovate-title {
        color: #fff; }
  .develop .innovate-img {
    display: inline-block;
    margin-right: .16rem;
    width: .5rem; }
  .develop .innovate-title {
    font-size: .3rem;
    line-height: .5rem; }
  .develop .innovate-f-cb {
    margin-bottom: .16rem; }
  .develop .innovate-detail {
    font-size: .24rem;
    line-height: .42rem; }
  .develop .innovate2-items {
    background: #fff;
    padding: .34rem .22rem .5rem .4rem;
    margin-bottom: .3rem;
    border-radius: .05rem;
    cursor: pointer; }
    .develop .innovate2-items.innovate2-items3 {
      margin-right: 0; }
  .develop .innovate2-title {
    font-size: .3rem;
    line-height: .32rem;
    padding-left: .4rem;
    color: #333;
    margin-bottom: .2rem; }
    .develop .innovate2-title:after {
      position: absolute;
      content: "";
      left: 50%;
      margin-left: -.16rem;
      bottom: .18rem;
      display: inline-block;
      width: .32rem;
      height: .02rem;
      background: #e9e9e9; }
  .develop .innovate2-detail-wrap {
    max-height: 3.22rem;
    overflow: scroll; }
  .develop .innovate2-detail {
    font-size: .24rem;
    line-height: .46rem;
    color: #777; }
  .develop .innovate2-wrap {
    padding-bottom: .66rem; }
    .develop .innovate2-wrap .co-titles {
      color: #fff;
      padding: .84rem 0; }
      .develop .innovate2-wrap .co-titles:after {
        background: #fff;
        bottom: .5rem; }

.orbit {
  padding-bottom: 1.9rem; }
  .orbit .awards-li.swiper-slide {
    transform: scale(0.6); }
  .orbit .awards-li.swiper-slide-active {
    transform: scale(1); }
  .orbit .hd {
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    width: 100%;
    height: .1rem;
    text-align: center; }
    .orbit .hd .swiper-pagination-bullet {
      vertical-align: top;
      display: inline-block;
      width: .18rem;
      height: .18rem;
      border-radius: 50%;
      border: 0.01rem solid #f28d01;
      font-size: 0;
      margin: 0 .05rem;
      cursor: pointer; }
      .orbit .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #f28d01;
        border-color: #f28d01; }

.awards-wrap .co-titles {
  padding: 1rem 0 .1rem; }
  .awards-wrap .co-titles:after {
    display: none; }
.awards-wrap .scales-h6 {
  width: 92%;
  margin: 0 auto .76rem; 
  line-height: .4rem;
  }
.awards-wrap .orbit-btns {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.18rem;
  z-index: 3;
  width: 100%;
  height: .36rem; }
  .awards-wrap .orbit-btns .orbit-btn {
    position: absolute;
    width: .36rem;
    height: .36rem;
    top: 0;
    cursor: pointer; }
  .awards-wrap .orbit-btns .prev {
    left: .34rem;
    background: url(../img/prev3.png) left center no-repeat;
    background-size: .35rem; }
  .awards-wrap .orbit-btns .prev:hover {
    background: url(../img/prev3on.png) left center no-repeat;
    background-size: .35rem; }
  .awards-wrap .orbit-btns .next {
    right: .34rem;
    background: url(../img/next3.png) right center no-repeat;
    background-size: .35rem; }
  .awards-wrap .orbit-btns .next:hover {
    background: url(../img/next3on.png) right center no-repeat;
    background-size: .35rem; }

.tech {
  background-color: #f5f5f5; }
  .tech div, .tech ul, .tech li, .tech span, .tech a {
    box-sizing: border-box; }
  .tech .inner-nav-wrap .inner-nav-a {
    width: 16.6%; }
  .tech .scales-wrap {
    padding: .5rem 0 1rem; }
    .tech .scales-wrap .co-titles {
      padding: .5rem 0 .1rem; }
      .tech .scales-wrap .co-titles:after {
        display: none; }
  .tech .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .tech .tech-img {
    position: relative;
    top: .05rem;
    width: .24rem;
    height: .24rem;
    margin-right: .08rem;
    margin-left: .33rem; }
  .tech .tech-title {
    font-size: .24rem;
    line-height: .34rem;
    color: #333; }
  .tech .tech-detail {
    display: none;
    background: #fff;
    font-size: .2rem;
    line-height: .42rem;
    color: #666;
    padding: .38rem .32rem .64rem; }
  .tech .tech-item-top {
    cursor: pointer;
    padding: .23rem 0;
    background: #fff url(../img/jia.png) no-repeat right 0.86rem center;
    background-size: .34rem; }
    .tech .tech-item-top.cur {
      background: #f28d01 url(../img/jian.png) no-repeat right 0.86rem center;
      background-size: .34rem; }
      .tech .tech-item-top.cur .tech-title {
        color: #fff; }
  .tech .tech-items {
    background: #fff;
    margin-bottom: .08rem; }
  .tech .tech-wrap {
    padding: 0 .3rem .8rem; }

.down {
  background-color: #f5f5f5; }
  .down div, .down ul, .down li, .down span, .down a {
    box-sizing: border-box; }
  .down .inner-nav-wrap .inner-nav-a {
    width: 16.6%; }
  .down .scales-wrap {
    padding: .5rem 0 .6rem; }
    .down .scales-wrap .co-titles {
      padding: .6rem 0 .1rem; }
      .down .scales-wrap .co-titles:after {
        display: none; }
  .down .scales-h6 {
    width: 92%;
    margin: 0 auto;
    font-size: .24rem;
    line-height: .4rem;
    color: #666; }
  .down .down-banner-wrap {
    height: .56rem; }
  .down .down-ajax-btn {
    height: .56rem;
    line-height: .56rem;
    border-radius: .28rem;
    padding: 0 .3rem;
    color: #222;
    font-size: .24rem;
    background: #fff;
    cursor: pointer; }
    .down .down-ajax-btn:hover, .down .down-ajax-btn.cur {
      background: #f28d01;
      color: #fff; }
  .down .tech-wrap {
    margin-top: .6rem;
    padding-bottom: .8rem; }
  .down .down-items {
    height: .7rem;
    line-height: .7rem;
    font-size: .24rem;
    color: #333;
    margin-bottom: .1rem;
    padding-left: .24rem;
    padding-right: 1rem;
    border-radius: .05rem;
    background: #fff url(../img/yun.png) no-repeat right 0.3rem center;
    background-size: .3rem; }
    .down .down-items:hover {
      color: #fff;
      background: #f28d01 url(../img/yunon.png) no-repeat right 0.3rem center;
      background-size: .3rem; }
  .down .color-img-wrap {
    width: 2.78rem;
    margin: 0 .11rem .16rem; }
  .down .color-img-txt {
    font-size: .24rem;
    line-height: .56rem;
    color: #666; }
  .down .color-items {
    width: 47%;
    margin-bottom: .48rem; }
    .down .color-items:nth-child(2n-1) {
      margin-right: 6%; }
  .down .color-wrap {
    padding-bottom: .8rem;
    padding-top: .4rem; }
    .down .color-wrap .view-more22 {
      margin-top: 0; }
  .down .swiper-btns .swiper-btn {
    position: absolute;
    width: .3rem;
    height: 100%;
    top: 0;
    z-index: 3; }
  .down .swiper-btns .prev {
    left: 0;
    background: #f5f5f5 url(../img/prev2on.png) 0.1rem center no-repeat;
    background-size: .2rem; }
  .down .swiper-btns .next {
    right: 0;
    background: #f5f5f5 url(../img/next2on.png) right 0.1rem center no-repeat;
    border-right-width: .01rem;
    background-size: .2rem; }

.faq {
  background-color: #f5f5f5;
  padding-bottom: .8rem; }
  .faq .inner-nav-wrap .inner-nav-a {
    width: 16.6%; }
  .faq div, .faq ul, .faq li, .faq span, .faq a {
    box-sizing: border-box; }
  .faq .scales-wrap {
    padding: .5rem 0 .7rem; }
    .faq .scales-wrap .co-titles {
      padding: .6rem 0 .1rem; }
      .faq .scales-wrap .co-titles:after {
        display: none; }
  .faq .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .faq .faq-img-wrap {
    width: 3.54rem; }
  .faq .faq-h5 {
    font-size: .3rem;
    line-height: .4rem; }
  .faq .faq-time-wrap {
    font-size: .24rem;
    line-height: .24rem;
    margin-bottom: .3rem;
    margin-top: .12rem; }
  .faq .faq-time {
    margin-left: .1rem; }
  .faq .faq-details {
    font-size: .24rem;
    line-height: .4rem;
    max-height: .8rem;
    overflow: hidden; }
  .faq .faq-items {
    padding: .48rem .34rem .54rem;
    background: #f28d01;
    color: #fff;
    margin-bottom: .18rem; }
  .faq .view-more1 {
    display: block;
    margin-top: .36rem;
    background: #fff;
    color: #333;
    width: 1.9rem;
    height: .5rem;
    text-align: center;
    font-size: .24rem;
    line-height: .5rem;
    border-radius: .25rem;
    cursor: pointer; }

.view-more22 {
  display: block;
  margin: .8rem auto 0;
  background: #f28d01;
  color: #fff;
  width: 2.1rem;
  height: .5rem;
  text-align: center;
  font-size: .18rem;
  line-height: .5rem;
  border-radius: .24rem;
  cursor: pointer;
  transition: all .3s ease-in-out; }

.case .down-ajax-btn {
  background: #fff;
  font-size: .24rem;
  line-height: .56rem;
  height: .56rem;
  border-radius: .28rem; }
  .case .down-ajax-btn.cur {
    background: #f28d01;
    color: #fff; }
.case .case-img-wrap {
  margin-bottom: .22rem; }
.case .case-items {
  font-size: .18rem;
  line-height: .8rem;
  background: #fff;
  margin-bottom: .32rem; }
.case .pro-names-wrap, .case .pro-area-wrap {
  font-size: .24rem;
  line-height: .4rem;
  color: #333;
  padding: 0 .36rem .16rem; }
.case .tech-wrap {
  padding-bottom: .8rem; }

.news {
  padding-bottom: .8rem;
  background-color: #f5f5f5; }
  .news .inner-nav-wrap .inner-nav-a {
    width: 50%; }
  .news div, .news ul, .news li, .news span, .news a {
    box-sizing: border-box; }
  .news .scales-wrap {
    padding: .5rem 0 .7rem; }
    .news .scales-wrap .co-titles {
      padding: .6rem 0 .1rem; }
      .news .scales-wrap .co-titles:after {
        display: none; }
  .news .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .news .news-title {
    font-size: .3rem;
    line-height: .4rem;
    margin-top: .3rem;
    margin-bottom: .08rem; }
  .news .news-time-wrap {
    background: url(../img/time2.png) no-repeat left center;
    background-size: .24rem;
    padding-left: .36rem;
    font-size: .24rem;
    line-height: .24rem; }
  .news .news-time {
    margin-left: .1rem; }
  .news .news-details {
    font-size: .24rem;
    line-height: .42rem;
    max-height: .84rem;
    overflow: hidden; }
  .news .news-txts-wrap {
    padding: .4rem .4rem .6rem; }
  .news .news-items {
    color: #fff;
    background: #f28d01;
    margin-bottom: .56rem; }
    .news .news-items:hover {
      background: #f28d01; }
      .news .news-items:hover .news-img {
        transform: scale(1.1); }
      .news .news-items:hover .news-title, .news .news-items:hover .news-time-wrap, .news .news-items:hover .news-details {
        color: #fff; }
      .news .news-items:hover .view-more1 {
        background: #fff;
        color: #333; }
      .news .news-items:hover .news-time-wrap {
        background: url(../img/time2.png) no-repeat left center; }
  .news .view-more1 {
    display: block;
    margin-top: .36rem;
    background: #fff;
    color: #333;
    width: 1.7rem;
    height: .44rem;
    text-align: center;
    font-size: .24rem;
    line-height: .44rem;
    border-radius: .22rem;
    cursor: pointer;
    transition: all .3s ease-in-out; }
    .news .view-more1:hover {
      box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.2); }

.Infowrap {
  padding-bottom: .6rem; }
  .Infowrap div, .Infowrap ul, .Infowrap li, .Infowrap span, .Infowrap a {
    box-sizing: border-box; }
  .Infowrap .newsInfo-wrap {
    padding: .3rem;
    background: #fff;
    margin-top: .3rem; }
    .Infowrap .newsInfo-wrap img {
      display: block;
      max-width: 100%; }
  .Infowrap .info-title {
    font-size: .28rem;
    line-height: .4rem;
    color: #333;
    font-weight: bold;
    text-align: center; }
  .Infowrap .info-dates {
    font-size: .24rem;
    line-height: .4rem;
    color: #999;
    text-align: center;
    margin: .2rem auto; }
  .Infowrap .info-dt-wrap {
    font-size: .24rem;
    line-height: .42rem;
    color: #888;
    padding: .2rem 0;
    margin-bottom: .2rem;
    border-top: .01rem solid #ececec;
    border-bottom: .01rem solid #ececec; }
    .Infowrap .info-dt-wrap img {
      display: block;
      max-width: 100%;
      margin: 0 auto; }
  .Infowrap .info-bot-dl {
    width: 70%;
    color: #666;
    line-height: .4rem;
    font-size: .24rem; }
    .Infowrap .info-bot-dl a {
      color: #333; }
  .Infowrap .info-bot-dr {
    padding-top: .16rem; }
  .Infowrap .news-return-a {
    display: block;
    width: 1.4rem;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    color: #f28d01;
    font-size: .2rem;
    border-radius: .05rem; }

.faqInfo .inner-nav-wrap .inner-nav-a {
  width: 16.6%; }

.newsInfo .inner-nav-wrap .inner-nav-a {
  width: 50%; }

.investorInfo .inner-nav-wrap .inner-nav-a {
  width: 25%; }

.investor {
  background: #f5f5f5;
  padding-bottom: .8rem; }
  .investor .inner-nav-wrap .inner-nav-a {
    width: 25%; }
  .investor .scales-wrap {
    padding: .5rem 0 .7rem; }
    .investor .scales-wrap .co-titles {
      padding: .6rem 0 .1rem; }
      .investor .scales-wrap .co-titles:after {
        display: none; }
  .investor .scales-h6 {
    font-size: .24rem;
    line-height: .4rem;
    width: 92%;
    margin: 0 auto;
    color: #666; }
  .investor div, .investor ul, .investor li, .investor span, .investor a {
    box-sizing: border-box; }
  .investor .view-more1 {
    display: block;
    background: #f28d01;
    color: #fff;
    width: 1.7rem;
    height: .5rem;
    text-align: center;
    font-size: .24rem;
    line-height: .5rem;
    border-radius: .25rem; }
    .investor .view-more1:hover {
      box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.2); }
  .investor .investor-wrap .investor-txts-wrap {
    padding: .34rem .18rem 0; }
  .investor .investor-wrap .investor-h5 {
    font-size: .24rem;
    line-height: .24rem;
    color: #333; }
  .investor .investor-wrap .investor-dt {
    font-size: .24rem;
    line-height: .42rem;
    height: .84rem;
    overflow: hidden;
    color: #888;
    margin: .14rem 0 .42rem; }
  .investor .investor-wrap .investor-items {
    width: 47%;
    margin-bottom: .3rem;
    padding: .08rem .08rem .42rem;
    margin-bottom: .3rem;
    background: #fff; }
    .investor .investor-wrap .investor-items:nth-child(2n-1) {
      margin-right: 6%; }
  .investor .investor-wrap .investor-items:hover {
    background: #f28d01; }
    .investor .investor-wrap .investor-items:hover .investor-img {
      transform: scale(1.1); }
    .investor .investor-wrap .investor-items:hover .view-more1 {
      background: #fff;
      color: #333; }
    .investor .investor-wrap .investor-items:hover .investor-h5, .investor .investor-wrap .investor-items:hover .investor-dt {
      color: #fff; }
  .investor .view-more22 {
    margin-top: .5rem; }

.messages {
  background: #f5f5f5;
  padding: .8rem 0 .8rem;
  box-sizing: border-box; }
  .messages div, .messages ul, .messages li, .messages span, .messages a {
    box-sizing: border-box; }
  .messages .mess-td1 {
    height: .6rem;
    margin-bottom: .08rem; }
  .messages .mess-td2 {
    height: 2rem;
    margin-bottom: .6rem; }
  .messages .mess-td {
    background: #fff;
    line-height: .28rem;
    font-size: .24rem;
    color: #333;
    padding: .16rem .1rem .16rem .18rem;
    border: .01rem solid #d2d2d2; }
  .messages .mess-en {
    margin-right: .06rem; }
  .messages .mess-title {
    font-size: .36rem;
    line-height: .36rem;
    margin-bottom: .6rem;
    color: #333; }
  .messages .mess-txt-span {
    margin-right: .04rem; }
  .messages .mess-input {
    display: inline-block;
    background: none;
    border-width: 0;
    height: .28rem;
    width: 1.7rem; }
  .messages .mess-submit {
    display: block;
    background: #f28d01;
    border-width: 0;
    color: #fff;
    text-align: center;
    border-radius: .23rem;
    font-size: .24rem;
    height: .48rem;
    line-height: .48rem;
    width: 3.3rem;
    margin: 0 auto; }
  .messages .mess-textarea {
    width: 100%;
    height: 1.4rem;
    border-width: 0; }

.competition {
  background: #f5f5f5; }
  .competition div, .competition ul, .competition li, .competition span, .competition a {
    box-sizing: border-box; }
  .competition .inner-nav-wrap .inner-nav-a {
    width: 33.3%; }
  .competition .co-titles {
    padding: .8rem 0 1.1rem; }
    .competition .co-titles:after {
      display: none; }
  .competition .wish-wrap {
    padding: 1.1rem 0 .86rem;
    background: url(../img/png3.png) no-repeat left top 0.9rem; }
  .competition .inner-title-h4 {
    font-size: .3rem;
    line-height: .3rem;
    color: #222; }
  .competition .inner-title-h5 {
    font-size: .24rem;
    line-height: .4rem;
    margin: .2rem 0;
    color: #222; }
  .competition .inner-title-h6 {
    font-size: .24rem;
    line-height: .42rem;
    color: #777; }

.w78 {
  width: 78%;
  margin: 0 auto; }

.core-wrap {
  padding-bottom: .8rem;
  box-sizing: border-box;
  background: #0e73b9; }
  .core-wrap div, .core-wrap ul, .core-wrap li, .core-wrap span, .core-wrap a {
    box-sizing: border-box; }
  .core-wrap .co-titles {
    color: #fff; }
    .core-wrap .co-titles:after {
      display: block;
      left: 50%;
      bottom: .76rem;
      background: #fff;
      margin-left: -.16rem; }
  .core-wrap .core-txts {
    padding: .65rem .6rem;
    box-sizing: border-box;
    background: #fff; }
  .core-wrap .core-title {
    font-size: .3rem;
    line-height: .3rem;
    padding-bottom: .7rem;
    color: #333; }
    .core-wrap .core-title:after {
      position: absolute;
      content: "";
      left: 50%;
      bottom: .33rem;
      display: inline-block;
      width: .32rem;
      margin-left: -.16rem;
      height: .02rem;
      background: #bfbfbf; }
  .core-wrap .core-detail {
    font-size: .24rem;
    line-height: .42rem;
    color: #777;
    height: 1.26rem;
    overflow: hidden; }
  .core-wrap .swiper-btns .swiper-btn {
    position: absolute;
    width: .58rem;
    height: 100%;
    top: 0;
    z-index: 3; }
  .core-wrap .swiper-btns .prev {
    left: .3rem;
    background: url(../img/prev4.png) left center no-repeat;
    background-size: .2rem; }
  .core-wrap .swiper-btns .next {
    right: .3rem;
    background: url(../img/next4.png) right center no-repeat;
    border-right-width: .01rem;
    background-size: .2rem; }

.salary-wrap {
  padding-bottom: 1.1rem;
  box-sizing: border-box; }
  .salary-wrap div, .salary-wrap ul, .salary-wrap li, .salary-wrap span, .salary-wrap a {
    box-sizing: border-box; }
  .salary-wrap .co-titles {
    color: #fff; }
    .salary-wrap .co-titles:after {
      display: block;
      background: #fff; }
  .salary-wrap .salary-banner {
    width: 84%;
    margin: 0 auto; }
  .salary-wrap .salary-li {
    background: #fff;
    padding: .48rem .26rem .6rem;
    box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1); }
  .salary-wrap .salary-h5 {
    font-size: .3rem;
    line-height: .34rem;
    padding-bottom: .5rem;
    color: #333; }
    .salary-wrap .salary-h5:after {
      position: absolute;
      content: "";
      left: 0;
      bottom: .26rem;
      display: inline-block;
      width: .24rem;
      height: .03rem;
      background: #f28d01; }
  .salary-wrap .salary-details {
    font-size: .24rem;
    line-height: .42rem;
    margin-bottom: .2rem;
    color: #666;
    height: 1.6rem;
    overflow: scroll; }
  .salary-wrap .swiper-btns .swiper-btn {
    position: absolute;
    width: .58rem;
    height: 100%;
    top: 0;
    z-index: 3; }
  .salary-wrap .swiper-btns .prev {
    left: 0;
    background: url(../img/prev4.png) left center no-repeat;
    background-size: .2rem; }
  .salary-wrap .swiper-btns .next {
    right: 0;
    background: url(../img/next4.png) right center no-repeat;
    border-right-width: .01rem;
    background-size: .2rem; }

.case-ajax-mains .hd {
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: .15rem;
  width: 100%;
  height: .14rem;
  padding-right: .26rem;
  text-align: right; }
  .case-ajax-mains .hd .swiper-pagination-bullet {
    vertical-align: top;
    display: inline-block;
    width: .14rem;
    height: .14rem;
    border-radius: 50%;
    font-size: 0;
    margin: 0 .05rem;
    cursor: pointer;
    background: #fff; }
    .case-ajax-mains .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #f28d01; }

.talents-wrap {
  box-sizing: border-box; }
  .talents-wrap div, .talents-wrap ul, .talents-wrap li, .talents-wrap span, .talents-wrap a {
    box-sizing: border-box; }
  .talents-wrap .co-titles {
    padding-bottom: .56rem; }
    .talents-wrap .co-titles:after {
      display: block;
      bottom: .26rem; }
  .talents-wrap .color-span {
    width: 100%;
    height: .04rem;
    left: 0;
    bottom: 0; }
  .talents-wrap .color1 {
    background: #f28d01; }
  .talents-wrap .color2 {
    background: #0e73b9; }
  .talents-wrap .color3 {
    background: #ea543c; }
  .talents-wrap .talents-img {
    width: 1.2rem;
    margin: 0 auto .3rem; }
  .talents-wrap .talents-ul-wrap {
    padding-bottom: 1.58rem; }
  .talents-wrap .talents-li {
    background: #fff;
    padding: .44rem .44rem .6rem;
    box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1); }
  .talents-wrap .talents-details {
    font-size: .24rem;
    line-height: .42rem;
    color: #666;
    max-height: 1.26rem;
    overflow: hidden; }
  .talents-wrap .talents-h5 {
    font-size: .24rem;
    line-height: .4rem;
    color: #666;
    padding-bottom: .66rem; }
  .talents-wrap .hd {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    height: .18rem;
    text-align: center; }
    .talents-wrap .hd .swiper-pagination-bullet {
      vertical-align: top;
      display: inline-block;
      width: .18rem;
      height: .18rem;
      border-radius: 50%;
      font-size: 0;
      background: #fff;
      margin: 0 .1rem;
      cursor: pointer;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      .talents-wrap .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #f28d01; }

.train-wrap {
  padding-bottom: .8rem;
  box-sizing: border-box; }
  .train-wrap div, .train-wrap ul, .train-wrap li, .train-wrap span, .train-wrap a {
    box-sizing: border-box; }
  .train-wrap .co-titles {
    padding-bottom: .56rem; }
    .train-wrap .co-titles:after {
      bottom: .26rem; }
  .train-wrap .train-img {
    height: .36rem;
    margin-right: .2rem;
    vertical-align: top; }
  .train-wrap .train-items {
    background: #fff;
    padding: .42rem .3rem .54rem;
    margin-bottom: .28rem;
    box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1); }
  .train-wrap .train-details {
    font-size: .24rem;
    line-height: .42rem;
    color: #777; }
  .train-wrap .train-h5 {
    vertical-align: top;
    font-size: .3rem;
    line-height: .36rem;
    color: #333;
    padding-bottom: .22rem; }

.aim-wrap {
  padding: 1.07rem 0 1.14rem;
  box-sizing: border-box; }
  .aim-wrap div, .aim-wrap ul, .aim-wrap li, .aim-wrap span, .aim-wrap a {
    box-sizing: border-box; }
  .aim-wrap .co-titles {
    padding-bottom: .56rem;
    padding-top: 0; }
    .aim-wrap .co-titles:after {
      bottom: .26rem;
      background: #c9c9c9; }
  .aim-wrap .aim-items {
    background: #fff;
    overflow: hidden;
    padding: .72rem .42rem;
    box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.1); }
  .aim-wrap .aim-items2 {
    margin-right: 0; }
  .aim-wrap .aim-dt {
    font-size: .24rem;
    line-height: .42rem;
    height: .84rem;
    color: #666; }
  .aim-wrap .hd {
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: .6rem;
    width: 100%;
    height: .18rem;
    padding-right: .26rem;
    text-align: center; }
    .aim-wrap .hd .swiper-pagination-bullet {
      vertical-align: top;
      display: inline-block;
      width: .18rem;
      height: .18rem;
      border-radius: 50%;
      font-size: 0;
      margin: 0 .05rem;
      cursor: pointer;
      background: #fff; }
      .aim-wrap .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #f28d01; }

.recruit {
  background: #f7f7f7;
  box-sizing: border-box; }
  .recruit div, .recruit ul, .recruit li, .recruit span, .recruit a {
    box-sizing: border-box; }
  .recruit .inner-nav-wrap .inner-nav-a {
    width: 33.3%; }
  .recruit .recruit-wrap {
    padding: .86rem 0 .8rem; }
  .recruit .yaoqiu-dt {
    font-size: .24rem;
    line-height: .4rem;
    color: #999;
    max-height: .8rem;
    overflow: hidden; }
  .recruit .recruit-items {
    background: #fff;
    margin-bottom: .36rem;
    cursor: pointer;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); }
  .recruit .recruit-items-top {
    background: #f28d01;
    color: #fff;
    height: .76rem;
    line-height: .76rem;
    padding: 0 .32rem;
    font-size: .24rem; }
  .recruit .recruit-ico0 {
    font-size: .12rem;
    line-height: .84rem;
    color: #777;
    padding-left: .42rem;
    background: url(../img/hhh.png) no-repeat left center;
    background-size: .28rem;
    margin-right: .16rem; }
  .recruit .yaoqiu-wrap {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-top: .3rem;
    padding-bottom: .3rem; }
  .recruit .recruit-email {
    color: #222;
    font-size: .24rem;
    line-height: 1rem;
    padding-left: .5rem;
    background: url(../img/em0.png) no-repeat left center; }
  .recruit .recruit-dt {
    padding: 0 .32rem; }

.elegant div, .elegant ul, .elegant li, .elegant span, .elegant a {
  box-sizing: border-box; }
.elegant .inner-nav-wrap .inner-nav-a {
  width: 33.3%; }
.elegant .co-titles {
  padding: .8rem 0 1.1rem; }
  .elegant .co-titles:after {
    display: none; }
.elegant .wish-wrap {
  padding: 1rem 0 .8rem; }
  .elegant .wish-wrap .w92 {
    padding-top: .9rem; }
.elegant .inner-title-h4 {
  font-size: .3rem;
  line-height: .3rem;
  color: #222;
  margin-bottom: .1rem; }
.elegant .inner-title-h5 {
  font-size: .24rem;
  line-height: .4rem;
  color: #222; }
.elegant .elegant-title {
  padding-top: .56rem;
  font-size: .3rem;
  line-height: .54rem;
  padding-left: .7rem;
  color: #333;
  margin-bottom: .22rem;
  background-size: .54rem !important; }
.elegant .ele-img {
  width: 2.86rem; }
.elegant .elegant-img {
  width: 47.8%; }
  .elegant .elegant-img:nth-child(2n-1) {
    margin-right: 4.4%; }
.elegant .ele-img1 {
  margin-right: .28rem; }
.elegant .elegant-detail {
  font-size: .24rem;
  line-height: .42rem;
  color: #777; }
.elegant .elegant-items {
  padding-bottom: .78rem;
  margin-bottom: .78rem;
  border-bottom: .01rem solid #e9e9e9; }
  .elegant .elegant-items:last-child {
    border-bottom: none;
    margin-bottom: 0; }

.sell {
  box-sizing: border-box;
  padding-bottom: 1rem;
  background: #f7f7f7; }
  .sell div, .sell ul, .sell li, .sell span, .sell a {
    box-sizing: border-box; }
  .sell .inner-nav-wrap .inner-nav-a {
    width: 50%; }
  .sell .co-titles {
    padding: .8rem 0 1.1rem; }
    .sell .co-titles:after {
      display: none; }
  .sell .wish-wrap {
    padding: .9rem 0 0; }
  .sell .inner-title-h4 {
    font-size: .3rem;
    line-height: .3rem;
    color: #222;
    margin-bottom: .26rem; }
  .sell .inner-title-h5 {
    width: 92%;
    margin: 0 auto .7rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #222; }
  .sell .elegant-title {
    font-size: .24rem;
    line-height: .54rem;
    padding-left: .74rem;
    color: #333;
    margin-bottom: .22rem; }
  .sell .elegant-txts {
    padding-right: .44rem; }
  .sell .sell-items {
    background: #fff;
    padding: 0 .38rem .1rem;
    margin-bottom: .22rem; }
  .sell .sell-items-nums {
    font-size: .36rem;
    color: #f28d01;
    line-height: 1rem;
    vertical-align: text-bottom; }
  .sell .sell-items-title {
    font-size: .3rem;
    color: #f28d01;
    line-height: 1rem;
    vertical-align: text-bottom; }
  .sell .sell-detail-wrap {
    font-size: .24rem;
    color: #666;
    line-height: .4rem; }
  .sell .sell-li {
    border-top: 1px solid #e9e9e9;
    padding-top: .3rem;
    padding-bottom: .3rem; }
  .sell .sell-li-title {
    font-size: .24rem;
    color: #333;
    line-height: .4rem;
    margin-bottom: .06rem; }
  .sell .sell-map {
    margin-bottom: .52rem; }

.address {
  box-sizing: border-box;
  padding-bottom: 1.2rem;
  background: #f7f7f7; }
  .address div, .address ul, .address li, .address span, .address a {
    box-sizing: border-box; }
  .address .inner-nav-wrap .inner-nav-a {
    width: 50%; }
  .address .co-titles {
    padding: .8rem 0 1.1rem; }
  .address .wish-wrap {
    padding: 1.1rem 0 .7rem; }
  .address .inner-title-h4 {
    font-size: .3rem;
    line-height: .3rem;
    color: #222;
    margin-bottom: .1rem; }
  .address .inner-title-h5 {
    font-size: .24rem;
    line-height: .4rem;
    color: #222; }
  .address .sell-txts-items {
    background-color: #f28d01;
    color: #fff;
    padding: 0 .46rem .64rem; }
  .address .sell-items-title {
    font-size: .3rem;
    line-height: .3rem;
    margin-bottom: .24rem;
    vertical-align: text-bottom; }
  .address .sell-detail {
    font-size: .24rem;
    line-height: .42rem; }
  .address .sell-items {
    margin-bottom: .3rem;
    border: .1rem solid #fff; }
  .address .sell-items-top {
    padding-top: .9rem;
    padding-bottom: .16rem;
    font-size: .22rem;
    line-height: .28rem;
    background: url(../img/addon.png) no-repeat left 0.34rem;
    background-size: .24rem; }
  .address .address-ajax-wrap {
    height: 4.6rem; }

.shares-wrap {
  margin: 0 auto .2rem;
  height: .3rem;
  text-align: center; }

.jiathis_style {
  top: -.1rem;
  display: inline-block !important; }
  .pro-area0 {
    width: 77%;

  }
  .pro-area00 {
    width: 23%;
  }

/*# sourceMappingURL=style.css.map */
.pro-banner-wrap {
  padding-bottom: 1.2rem;
}
.pro-ajax-mains .hd {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: .6rem;
  width: 100%;
  height: .1rem;
  text-align: center; }
  .pro-ajax-mains .hd .swiper-pagination-bullet {
    vertical-align: top;
    display: inline-block;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    border: .01rem solid #f28d01;
    font-size: 0;
    margin: 0 .05rem;
    cursor: pointer; }
    .pro-ajax-mains .hd .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #f28d01; }
      .spirit-wrap .co-titles:after {
        bottom: .6rem;
      }
      .nav-title-a0 {
        color: #333;
      }
      .pro-side-wrap .pro-nav-title.cur .nav-title-a0, .pro-side-wrap .pro-nav-title:hover .nav-title-a0 {
        color: #fff;
      }

      .bocweb-footer .hbox {
  z-index: 3;
  color: #fff;
  background: #3b3b3b;
}
.bocweb-footer {
  background: #333;
  padding-top: 25px;
}
.bocweb-footer .hbox .hbox-title {
  cursor: pointer;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
  display: block;
  background-size: 6px;
  height: 34px;
  line-height: 34px;
  text-indent: 10px;  border-radius: 5px;
  font-size: .24rem;
  background: #3b3b3b url(../img/hbox.png) no-repeat right 22px center;
}
.bocweb-footer .hbox .hbox-title.cur {
  /*background: #3b3b3b url(../img/hboxon.png) no-repeat right 22px center;*/
}
.bocweb-footer .hbox a {
  color: #fff;
  font-size: 12px;
  line-height: 34px;
}
.bocweb-footer .hbox .htt {
  font-size: 14px;
  border: 1px solid #000;
  width: 100%;
  border-bottom: none;
  position: absolute;
  top: 34px;
  z-index: 5;
  left: 0;
  display: none;
  background: #3b3b3b;
  /*background: #fff;*/
}
.bocweb-footer .hbox .htt a {
  display: block;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  padding: 0 10px;
  border-bottom: 1px solid #e9e9e9;
}
.bocweb-footer .hbox .htt a:last-child {
  border-bottom: none;
}
.ewm-wrap01 {
  position: relative;
  top: .12rem;
  width: 22%;
  /*width: 1.48rem;
  height: 1.48rem;*/
  border: .08rem solid #fff;
}
.d2-items {
  text-align: left;
  display: block;
  color: #fff;
  font-size: .24rem;
  line-height: .48rem;
}
.footer-d2 {
  padding: .48rem .3rem;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.d2-dl {
  width: 78%;
}
.ewm-img01 {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.footer-tele-a1 {
  color: #fff;
  font-size: .24rem;
  font-weight: bold;
  line-height: .28rem;
  margin: 0 auto .6rem;
}
.bocweb-footer .footer-top {
  background: none;
  border: 1px solid rgba(255,255,255,.2);
}
.nav-title-a0 {
  display: block;
}

.faq2 .select-mian{
  width: 92%;
  margin: 0 auto;
  padding-bottom: .5rem;
}
.faq .select-mian.on{
  padding-bottom: 4.7rem;
}
.faq .select-mian .select-box{
  background: url(../img/select-img1.jpg) center/cover no-repeat;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
  padding-top:0.65rem;
}
.faq .select-mian .select-box .box{
  width: 90%;
  margin: 0 auto;
}
.faq .select-box .box .title{
  font-size: 0.3rem;
  color: #fff;
  line-height: 1.1;
  padding-left: 0.45rem;
  background: url(../img/selct-img.png) left center/0.36rem no-repeat;
  margin: 0px 0 0.38rem;
}
.faq .select-box .box .select{
  height: 0.7rem;
  line-height: 0.7rem;
  width: 100%;
}
.faq .select-box .box .select .txt{
  display: block;
  float: left;
  width: 70%;
  height: 0.7rem;
  background-color: #fff;
  line-height: 0.7rem;
  padding: 0 0.1rem;
  font-size: 0.24rem;
  color: #666666;
  box-sizing:border-box;
  border:0;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1)
}
.faq .select-box .box .select .submit{
  display: block;
  width: 28%;
  float: right;
  height: 0.7rem;
  text-align: center;
  color: #666666;
  font-size: 0.24rem;
  background-color: #fff;
  border:0;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1)
}
.faq .select-box .bot{
  border-top: 1px solid rgba(255,255,255,0.2);
  padding: 0.4rem 5% 0.4rem;
  margin-top: 0.7rem;
}
.faq .select-box .bot span{
  font-size: 0.24rem;
  color: #ffffff;
  display: inline-block;
  line-height: 1.6;
  padding-left: 0.45rem;
  background: url(../img/selct-img1.png) left 0.1rem/0.22rem no-repeat;
}

.select-mian .tip-slbox{
  position: static;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
}
.tip-slboxs{
  position: fixed;
  width: 92%;
  top: 50%;
  display: none;
  padding-bottom: 0.5rem;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #fff;
  z-index: 40;
}
.tip-slboxs-bg{
  content:'';
  position:fixed;
  display:none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.7);
  left: 0;
  top: 0;
  z-index: 39
}
.select-mian .tip-slbox .title,
.tip-slboxs .title{
  height: 1.23rem;
  background-color: #0e73b9;
  padding: 0 0.35rem;
}
.select-mian .tip-slbox .title .tit,
.tip-slboxs .title .tit{
  font-size: 0.3rem;
  color: #ffffff;
  display: block;
  width: auto;
  float: left;
  line-height: 1.23rem;
  padding-left: 0.4rem;
  background: url(../img/selct-img2.png) left center/0.29rem no-repeat;
}
.select-mian .tip-slbox .title .tt,
.tip-slboxs .title .tt{
  display: block;
  float: right;
  width:auto;
  font-size: 0.24rem;
  color: #fff;
  line-height: 1.23rem;
}
.select-mian .tip-slbox .tab,
.tip-slboxs .tab{
  background-color: #fff;
}
.select-mian .tip-slbox .tab td,
.tip-slboxs .tab td{
  font-size: 0.24rem;
  color: #636363;
  line-height: 1.45;
  text-align: center;
  height: 1.05rem;
}
.select-mian .tip-slbox .tab td.on,
.tip-slboxs .tab td.on{
  color: #0e73b9
}
.select-mian .tip-slbox .btn,
.tip-slboxs .btn{
  display: block;
  width: 4.05rem;
  height: 0.7rem;
  cursor: pointer;
  line-height: 0.7rem;
  text-align: center;
  background-color: #0e73b9;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 0.3rem;
  margin: 0.78rem auto 0;
}

.footer-sel{
  width: 92%;
  margin: 0 auto;
  padding: 0.4rem 0 0.65rem;
}
.footer-sel .title{
  font-size: 0.3rem;
  text-align: left;
  color: #ffffff;
  line-height: 1.1;
  padding-left: 0.45rem;
  background: url(../img/selct-img.png) left center/0.36rem no-repeat;
  margin-bottom: 0.3rem;
}
.footer-sel .sel{
  height: 0.7rem;
  line-height: 0.7rem;
}
.footer-sel .sel .txt{
  display: block;
  float: left;
  width: 70%;
  background-color: transparent;
  height: 0.7rem;
  line-height: 0.7rem;
  box-sizing:border-box;
  border:1px solid #515151;
  padding: 0 0 0 0.3rem;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 2px;
}
.footer-sel .sel .btns{
  display: block;
  width: 28%;
  float: right;
  height: 0.7rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 2px;
  background-color: #1374a1;
  border:0;
}