@font-face {
  font-family: 'FZLT Extralight';
  src: url('../../public/fonts/FZLT Extralight.ttf') format('truetype');

}
/*@font-face {
  font-family: 'FZLT Medium';
  src: url('../../public/fonts/FZLT Medium.ttf') format('truetype');
}*/
@font-face {
  font-family: 'FZLT Regular';
  src: url('../../public/fonts/FZLT Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'GothamBook';
  src: url('../../public/fonts/GothamBook.ttf') format('truetype');
}
@font-face {
  font-family: 'GothamLight';
  src: url('../../public/fonts/GothamLight.ttf') format('truetype');
}

#preloader .logo-water .load-mask {
    width: 141px;
    height: 74px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
    background: url("../images/wave_logo.png") center no-repeat #666666;
        background-position-x: center;
        background-position-y: center;
    -webkit-mask: url("../images/cbr_logo_fff2.svg");
        mask-size: auto;
    -webkit-mask-size: 100% 100%;
    background-position-y: -38px;
    background-position-x: -650px;
    animation: load-mask-go 3.5s ease-in-out;
}



@keyframes load-mask-go {
  0% {
    background-position-y: 58px;
    background-position-x: 0px;
  }
  100% {
    background-position-y: -38px;
    background-position-x: -650px;
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #141414;
  z-index: 100000;
}
.preloader-logo{
  position:relative;
  text-align: center;
  margin: 0 auto;
  top: 40%;
  height: 73px;
  width: 147px;
  background-image: url(../../img/cbr_logo_fff.png);
}
.spinner { 
    position:relative;
    width: 150px; height:50px;
    text-align: center;left: 50%;
    top: 50%; margin:-25px 0 0 -75px;
}

.spinner>div {
    width: 20px;
    height: 20px;
    background-color: #e6f5fd;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*loading end*/

/*全局初始化样式*/
/*@media (max-width: 1919px) and (min-width: 768px) {

    @-ms-viewport { width: 1920px; height: 1080px;}
}*/
html{-webkit-text-size-adjust:100%;font-size:100px}
@media (min-width:1025px) and (max-width:1600px) {
html{font-size:6.25vw}
}
@media (max-width:640px) {
html{font-size:20vw}
}

body,html{
  scroll-behavior: smooth;
}
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size: 0.14rem; font-family:"FZLT Extralight","FZLT Regular";line-height:1.42857143;  color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);


/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; word-break: break-all;word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
.dl,.dl dd{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
dl,dl dd{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #4fa3e7;}
/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.w1780{max-width:1780px;margin: 0 auto;}
.w1600{max-width:1600px;margin: 0 auto;}
.w1400{max-width:1400px;margin: 0 auto;}
.w1340{max-width:1340px;margin: 0 auto;}
.nav-header{position: fixed;width: 100%;top: 0;padding:.36rem 0;left: 0;z-index: 99; background:#fff;}
.nav-header .w1780{
  display: flex;
  /*justify-content: space-between;*/
  flex-direction: row;
  align-items: center;

}
.nav-header .logo{
  width: 9%;
  padding-left: 10px;
}
.nav-title{
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-header .nav{ width: 100%;}
.nav-header .nav li{display: inline-block;vertical-align: middle;padding: 0 0rem; position: relative;width: 18%; padding-top: 8px;text-align: center;}
/*.nav-header .nav li.on a :{width: 100%;height: .02rem;background:#4fa3e7;bottom:1rem;left: 0;}*/
.nav-header .nav .on .title_active {
padding-bottom: 2px;
border-bottom: solid 6px #4fa3e7;
}
.nav-header .nav li a {font-size:.22rem;color: #333; font-weight:bold;font-family: 'FZLT Regular';}
.nav-header .nav li .nav_sub{position: absolute;width: 1.3rem;top: 100%;left: 50%;transform: translateX(-50%);;padding: .1rem 0;display: none;}
.nav-header .nav li .nav_sub dd{margin-top:0px; background:#fff; opacity: 0.7}
.nav-header .nav li .nav_sub a{display: block;line-height:.36rem;text-align: center;color: #333!important;font-size:.10rem;
font-family: 'FZLT Regular';}
.nav-header .nav li .nav_sub a:hover{/*background: #4fa3e7;*/color: #4fa3e7!important;}

.nav-line {
  width: 18px;
  height: 4px;
  border-radius: 2px;
  background-color: #4fa3e7;
  position: absolute;
  bottom: 0;
}
.main-1-box, .main-2-box, .main-3-box{
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 2rem;

}
.main-1-box-left, .main-2-box-left {
  width: 15%;
}
.main-1-box-right, .main-2-box-right{
  z-index: 999;
  width: 85%;
  color:#fff;
  
}
.main-1-number{
  font-size: 1.1rem;
  font-family: 'GothamLight';
  vertical-align: -6px; 
}
.main-1-text1{
   font-size: .90rem;
  font-family: "FZLT Extralight";
}

.main-1-box-right .t_text2{
  margin-top:-.40rem;
  margin-bottom: .40rem;
}

.main-1-box-right .middle_text2{
  margin-top:-.30rem;
}
.main-1-text2{
   font-size: .45rem;
  font-family: "FZLT Extralight";
}
/*.middle_text1, .middle_text2{
  font-size: .45rem;
  font-family: "FZLT Extralight";
}*/
.main-1-number2{
  font-size: .55rem;
  font-family: 'GothamLight';
  vertical-align: -5px; 
}
.main-2-text1{
  font-size: .90rem;
  font-family: "FZLT Medium";
  
}
.main-2-text2{
  font-size: .40rem;
  font-family: "FZLT Medium";
}
.main-2-text3{
    font-size: .15rem;
    font-family: "FZLT Medium";
}
.main-2-number{
  font-size: .15rem;
  font-family: 'GothamLight';
  /*vertical-align: -6px;*/ 
}
.main-2-box-right .t2_text2{
  margin-top:.60rem;
  
}
.main-2-box-right .t2_text3{
  margin-top:-.18rem;
  margin-bottom: .45rem;
}


.main-2-text .middle2_text1{
  /*margin-top:-.20rem;*/
}
.container-main-3{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /*padding-top:1.6rem;*/
  height: 100%;
  max-width: 1920px;
  margin: auto;
  /*transform: scale(0.8);*/
}

.main-3-box-left{
  width: 15%;
  height: 100%
}
.main-3-box-right{
  width: 85%;
  height: 100%;
}
.main-3-right-box{

  display: flex;
  align-items: center;
  padding-top: 1.2rem;
  height:100%;
}

.main-3-title {  
  font-size: .60rem;
  font-family: "FZLT Extralight";
  margin-left: .2rem;
  /*font-weight: bold;*/
}
.main-3-product {
   width: 2.6rem;
   height: 2.6rem;
   border-radius:18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
}

.main-3-product1{
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.main-3-product2{
  display:flex;
  justify-content: space-between;
  align-items:center;
}
.main3-col-md{
  box-sizing:border-box;
  margin: .15rem;
  margin-right: 0.3rem;
  margin-top:0;
  max-width: 260px;
  vertical-align: middle;
  text-align: center;
  /*border:1px solid #00f;*/
  /*height: 340px;*/
}
.text-long-hide{
  display: block;
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*.about-1-text1{
   font-size: .90rem;
   font-family: "FZLT Medium";
}

.about-1-text2{
   font-size: .20rem;
   font-family: "FZLT Medium";
}*/

.main-1-box-right .at-1-text2 {
   margin-bottom: .4rem;
}
.main-1-box-right, .main-2-box-right p{
  margin-left: .2rem;
}

/*.about-2-text1{
   font-size: .90rem;
   font-family: "FZLT Medium";
   color: #000;
}

.about-2-text2{
   font-size: .20rem;
   font-family: "FZLT Medium";
   color: #000;
}*/


.main-2-box-right .at-1-text2 {
   margin-bottom: .4rem;
}

@media(max-width:1800px){
    .w1780{padding:0 4%;}
}

@media(max-width:1680px){
    .w1600{padding:0 4%;}
    .Timeline .yearList li.slick-current{font-size:.3rem;}
    .Factorynum .item{padding-left:6%;}
    .container-main-3{

    }
    .main-3-product {
      width: 2.1rem;
      height: 2.1rem;
      /*border-radius: 16px;*/
    }
    .main-3-product img{
      width: 1.9rem;
      height: 1.9rem;
    }
    .main3-col-md {
      box-sizing: border-box;
      margin: 0.15rem;
      margin-top: 0;
      max-width: 230px;
      vertical-align: middle;
      text-align: center;
    }
    .text-long-hide{
       width: 2.1rem;
    }
    .about-1-text1 {
       font-size: .70rem;

    }
    .about-2-text1 {
       font-size: .70rem;

    }
    #section0 .swiper1 .swiper-slide {
      background-image:url(../../public/images/full-banner/main_banner_01_1680.jpg) !important;
    }
    #section0 .swiper0001 .swiper-slide {
      background-image:url(../../public/images/full-banner/follow_bg_1680.jpg) !important;
    }
    #section1 .swiper2 .swiper-slide {
      background-image:url(../../public/images/full-banner/main_banner_02_1680.jpg) !important;
    }
}

@media(max-width:1440px){
    .w1400{padding:0 4%;}
     #timeline{ 
      width: 12rem;

    }

    #dates li {

    width: 4rem;
    height: 120px;
    font-size: 20px;

    }
    #issues li {
    width: 10.9rem;
    height: 350px;
    }
    .main-3-product {
      width: 2.1rem;
      height: 2.1rem;
      /*border-radius: 16px;*/
    }
    .main-3-product img{
      width: 1.8rem;
      height: 1.8rem;
    }
    .main3-col-md {
      box-sizing: border-box;
      margin: 0.15rem;
      margin-top: 0;
      max-width: 200px;
      vertical-align: middle;
      text-align: center;
    }
    .text-long-hide{
       width: 2.1rem;
    }
    .about-1-text1 {
      font-size: .50rem;
    }
    .about-2-text1 {
       font-size: .5rem;

    }
    #section0 .swiper1 .swiper-slide {
      background-image:url(../../public/images/full-banner/main_banner_01_1440.jpg) !important;
    }
    #section0 .swiper0001 .swiper-slide {
      background-image:url(../../public/images/full-banner/follow_bg_1440.jpg) !important;
    }
    #section1 .swiper2 .swiper-slide {
      background-image:url(../../public/images/full-banner/main_banner_02_1440.jpg) !important;
    }
}

@media(max-width:1366px){
    .innerBan .menu svg{display: none;}
    .w1340{padding:0 4%;}
}

@media(max-width:1024px){
    .nav_btn{display: block;}
    .top{padding:.1rem 0;}
    .top .logo{width: 70%;}
    .newsInfo .top{position: relative;}
    .top .nav{position: absolute;top: 100%;width: 50%;right: 0;padding:.1rem 4%;background:rgba(255,255,255,1);box-shadow:0 0 .15rem rgba(0,0,0,0.1);border-radius:.1rem;display: none;}
    .top .nav li{display: block;margin: 0;}
    .top .nav li.on:before{bottom:0;}
    .top .nav li a{color: #333;line-height:.36rem;}
    .whiteTop .top .nav li a{color: #333;}
    .top .nav li .nav_sub{position: static;transform:translateX(0);width: 100%;padding:.1rem;background:rgba(255,255,255,.5);}
    .top .nav li .nav_sub a{text-align: left;}
    /*.whiteTop .top .searBox .openSear:before{background: url(../images/sear.png) no-repeat;background-size: contain;}
    .whiteTop .nav_btn span, .whiteTop .nav_btn span:before, .whiteTop .nav_btn span:after{background:#333;}*/
    .top .nav li a:hover{color: #fdd319;}
    #menufull{display: none;}
    .home_ban .slick-arrow{left: 4%;}
    .home_ban .slick-arrow.slick-next{right: 4%;}
    .home_ban li figure{padding-bottom:50%;}
    .home_ban li video{display: none;}
    .home_page2 .slider{padding:.5rem 0;}
    .home_page2 .slider li .txtBox{top: 27%;}
    .home_page2 .slider li .txtBox span{font-size:.14rem;margin-bottom:.1rem;}
    .home_page2 .slider li .txtBox p{font-size:.16rem;line-height:.28rem;}
    .home_page2 .slider li.current .txtBox{top: 69%;}
    .Foor3list{padding:.5rem 0;}
    .home_page3 .item .conT:before{left:.02rem;}
    .home_page3 .item .txtBox{padding:0 15%;}
    .home_page3 .item .txtBox .iconB{width: .45rem;}
    .home_page3 .item .txtBox h5{font-size:.2rem;margin-top: .08rem;}
    .home_page3 .item.active .txtBox .des{margin-top: .15rem;}
    .home_page3 .item .txtBox .des p{font-size:.14rem;line-height:.22rem;margin-bottom:.2rem;}
    .home_page3 .item .txtBox .des span{width: .24rem;height: .24rem;}
    .Timeline .yearList li.slick-current{font-size:.16rem;}
    .home_page4{padding:.5rem 0;}
    .Foor4Slider .table-nav{float: none;width: 100%;text-align: left;padding:0;margin-bottom:.4rem;}
    .Foor4Slider .table-nav svg{display: none;}
    .Foor4Slider .table-nav ul{display: flex;justify-content:space-between;}
    .Foor4Slider .table-nav li{margin: 0;text-align: center;}
    .Foor4Slider .table-nav li:before{display: none;}
    .Foor4Slider .table-box{float: none;width: 100%;}
    .Foor4Slider .table-box .slickBox .slick-dots{left: 0;bottom:-.2rem;text-align: center;width: 100%;}
    .Foor4Slider .table-box li .txtBox .tit a{font-size:.24rem;}
    .Foor4Slider .table-box li .txtBox .tit{font-size:.16rem;}
    .Foor4Slider .table-box li .txtBox .des{font-size:.14rem;line-height:.26rem;margin-bottom:.2rem;}
    .Timeline{padding-bottom:.5rem;}
    .Timeline .yearList .slick-arrow{width: .36rem;height: .36rem;top: .42rem;}
    .Timeline .contList{margin-top: .3rem;}
    .Timeline .contList li .imgBox{display: block;margin: 0 auto;width: 2.6rem;height: 2.6rem;}
    .Timeline .contList li .txtBox{display: block;padding-left:0;max-width:4.5rem;margin: .3rem auto 0;}
    .Timeline .contList li .txtBox p{font-size:.14rem;line-height:.28rem;}
    .Timeline .contList li .txtBox p:before{top: .12rem;}
    .bottom .bomTop{padding-top:.5rem;}
    .bottom .bomTop .bomnav{display: none;}
    .bottom .bomTop .bomdes{float: none;width: 100%;}
    .bottom .bomTop .goTop{width: .3rem;height: .3rem;}
    .bottom .bomTop .bomdes p{line-height:.3rem;}
    .bottom .Bombom{padding:.3rem 0;}
    .bottom .Bombom .copy{float: none;text-align: center;}
    .bottom .Bombom ul{float: none;width: 2.9rem;margin: 0 auto;}
    #menuAbout{display: none;}
    .innerBan .menu li{margin-top: 0!important;}
    .innerBan .menu{padding:0 4%;}
    .innerBan figure{padding-bottom:4.2rem;}
    .innerBan .txtBox h5{font-size:.36rem;}
    .innerBan .txtBox{top: 36%;}
    .about5 .Timeline{padding-left:0;}
    .about5 .Timeline:before{display: none;}
    .about2,.about3,.about4{padding:.5rem 0;background-position: center center;}
    .Tabwarp{padding:0;width: 100%;max-width:100%;}
    .Tabwarp .table-nav li{padding:0 .25rem;font-size:.18rem;line-height:.8;}
    .Tabwarp .table-nav li.on{font-size:.26rem;}
    .Tabwarp .table-nav li span{line-height:.8;}
    .Tabwarp .table-nav{margin-bottom:.35rem;}
    .Tabwarp .table-box .item .titBox{padding-bottom:.2rem;font-size:.18rem;line-height:.28rem;}
    .Tabwarp .table-box .item .desBox{padding-top:.3rem;line-height:.28rem;}
    .about3 .txtBox{float: none;width: 100%;}
    .about3 .txtBox h5{font-size:.3rem;margin-bottom:.3rem;}
    .about3 .txtBox .titBox{padding-bottom:.2rem;font-size:.18rem;line-height:.28rem;}
    .about3 .txtBox .desBox{padding-top:.3rem;line-height:.28rem;}
    .about2 .txtBox h5{font-size:.3rem;margin-bottom:.3rem;}
    .about2 .txtBox .titBox{padding-bottom:.2rem;font-size:.18rem;line-height:.28rem;}
    .about2 .txtBox .desBox{padding-top:.3rem;line-height:.28rem;}
    .productList{padding:.5rem 0;}
    .productList ul{margin: 0 -.2rem;padding:0 .4rem;}
    .productList li{margin: 0 .2rem;}
    .productList .slick-arrow,.proInfo .bomBox .slick-arrow{width: .36rem;height: .36rem;margin-top: -.18rem;}
    .productList h3{font-size:.28rem;margin-bottom:.45rem;}
    .productList li .tit h5{font-size:.18rem;}
    .productList li .tit span{font-size:.14rem;}
    .productList li .imgBox{height: auto;}
    .innerBanner figure{padding-bottom:4.2rem;}
    .innerBanner .txtBox h5{font-size:.36rem;}
    .innerBanner .txtBox h5:before{height: .08rem;}
    .proInfo{padding:.8rem 0;}
    .proInfo .topBox .tit h5{font-size:.28rem;}
    .proInfo .topBox .tit h5 span{font-size:.16rem;}
    .proInfo .topBox .slogan{font-size:.16rem;margin: .1rem 0 .08rem;}
    .proInfo .topBox .des{font-size:.14rem;line-height:.26rem;}
    .hasMenuPL{padding-left:0;padding:.5rem 0;}
    .cattleBox .tit{font-size:.14rem;margin-bottom:.3rem;}
    .cattleBox .tit h5,.instituteBox .titBox h5,.oxBreeder h3{font-size:.28rem;margin-bottom:.05rem;}
    .instituteBox .titBox .des{font-size:.14rem;line-height: .26rem;}
    .instituteBox .list .item{width: 100%;margin-right:0;margin-bottom:2%;}
    .instituteBox .list .item .des{height: auto;padding:.2rem;}
    .instituteBox .list .item .cattBx{line-height:.5rem;padding:0 .2rem;}
    .instituteBox .list .item .cattBx .iconB{max-width:.5rem ;}
    .instituteBox .list .item .cattBx h5{font-size:.16rem;}
    .oxBreeder .slider{width: 100%;}
    .oxBreeder .slider ul{padding-right:10%;}
    .oxBreeder .slider li .contBox{padding:.45rem .35rem;}
    .oxBreeder .slider .slick-arrow{width: .36rem;height: .36rem;margin-top: -.18rem;}
    .oxBreeder .slider .slick-next{right: 6.5%;}
    .oxBreeder .slider li .contBox .des{font-size:.14rem;line-height:.28rem;padding:.2rem 0;height: auto;min-height: 1.8rem;}
    .Factorynum{margin-bottom:.5rem;}
    .Factorynum .item .num{font-size:.5rem;}
    .Factorynum .item .txt{width: 89%;}
    .Factorynum .item .txt p{font-size:.18rem;}
    .Factorynum .item .txt .des{font-size:.14rem;}
    .FactoryList li{width: 50%;}
    .FactoryList li h5{font-size:.18rem;}
    .FactoryList li p{font-size:.14rem;line-height:.26rem;min-height: .26rem;}
    .factpastBox{width: 100%;}
    .factpastBox h5{font-size:.28rem;margin-bottom:.25rem;}
    .factpastBox .des{font-size:.18rem;line-height:.28rem;}
    .factpastBox .lab p{font-size:.14rem;line-height:.3rem;}
    .honerList .list .slick-arrow{width: .36rem;height: .36rem;}
    .honerList .list .slick-prev{left: 40%;}
    .honerList .list .slick-next{right: 40%;}
    .honerList .list{padding:0;}
    .honerList li .tit aside{font-size:.18rem;}
    .honerList li .pic{padding-bottom:.2rem;}
    .innerBan .txtBox h5:before{height: .08rem;}
    .newList li{width: 48.5%;margin-right:3%;margin-bottom:.3rem;}
    .newList li:nth-child(3n){margin-right:3%;}
    .newList li:nth-child(2n){margin-right:0;}
    .newList li .txtBox{margin-top: .1rem;}
    .newList li .txtBox h5{font-size:.2rem;line-height:.3rem;min-height: .6rem;}
    .newsDetails .titBox h1,.lohasList .txtList h5,.recruitBox h5{font-size:.28rem;margin-bottom:.2rem;}
    .newsDetails .titBox{margin-bottom:.2rem;}
    .newsDetails .titBox .reList{width: 1.3rem;font-size:.14rem;line-height:.4rem;padding-left:.45rem;}
    .newsDetails .titBox .reList:before{left: .2rem;}
    .newsDetails .conBox{line-height:.3rem;}
    .newsDetails .pngBox{padding-top: .3rem;display: block;}
    .newsDetails .pngBox a{display: block;line-height:.3rem;}
    .InvestorList li{padding:.2rem 0;}
    .InvestorList li time{display: none;}
    .InvestorList li h5{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
    .lohasList{padding:.5rem 0;}
    .lohasList .txtList{float: none;width: 100%;}
    .lohasList .imgList{float: none;width: 100%;text-align: center;margin-top: .3rem;}
    .lohasList .txtList li{font-size:.16rem;line-height:.36rem;}
    .joinus3{padding:.5rem 0;}
    .recruitBox{float: none;margin: 0 auto;}
    .Aboutcow{padding:.5rem 0;}
    .Aboutcow .tit{margin-bottom:.2rem;}
    .Aboutcow .tit h1{font-size:.28rem;margin-bottom:.2rem;}
    .Aboutcow .tit .des{font-size:.18rem;line-height:.3rem;}
    .honest{font-size:.14rem;}
    .honest p{line-height:.3rem;}
    .honest .tip{margin-top: .3rem;}
    .honest .Redline .item{width: 48%;min-height: 2.6rem;}
    .honest .Redline .item h5{font-size:.18rem;margin-bottom:.15rem;}
    .honest .Redline .item p{line-height:.26rem;}
    .quesList .item h5{font-size:.18rem;}
    .quesList .item .des{font-size:.14rem;padding:.15rem 0 .2rem;line-height:.26rem;}

}



.light_bg_text{
  color: #fff;
  border-left: 1px solid #fff;

}






/*---------------*/
/***** Sadie *****/
/*---------------*/


/* Common style */
figure {

  overflow: hidden;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}



figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
 
}



figure figcaption,
figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

 figure h2 {
  word-spacing: 2px;
  font-weight: 300;
  font-size: 28px;
}

 figure h2 span {
  font-weight: 600;
}

 figure h2,
 figure p {
  margin: 0;
}

 figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
  background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0,50%,0);
  transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  color: #666;
  word-spacing: -0.15em;
  font-weight: 300;
  -webkit-transition: -webkit-transform 0.35s, color 0.35s;
  transition: transform 0.35s, color 0.35s;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 2em;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
  transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/*section2 card*/
.nav_rexian{
cursor: pointer;

color:#fff;
}
.nav_rexian:hover{color: #fff;} 
.nav_rexian_text{
  padding: 4px;
  background: #000;
  font-weight: 400;
  text-align: center;
  border-radius: .25rem;
 padding-top:2px; 

    
}
.btn_rexian{
  padding: 0;
}

#fp-nav.left {
    left: 68px;
}


#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 18px;
    width: 10px;
    /*margin: -6px 0 0 -6px;*/
    /*border-radius: 100%;*/
    background: url(../../public/images/main/left_nav_bg_fff.png) center no-repeat; 
    opacity: 1;
    border-radius:0;
 }
.main3_dot {

    background: #000 !important;
    opacity: 0.2 !important;


}
.main3_dot_bg{
  background: url(../../public/images/main/left_nav_bg_000.png) center no-repeat !important;
  opacity: 1 !important;
  border-radius:0 !important;
  height: 18px !important;
  width: 10px !important;
}
#section4 {
  background: #f2f2f2;
}

#section3 #fp-nav ul li a span,
#section3 .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: #000;
    opacity: 0.2;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


.product-images{
    display: flex;
    justify-content:center;
    align-items: center;
    height: 100%;    
}
/*.product-images img{
  max-width: 100%;
  height: auto;
}*/
.product-title {
  padding-top:15px;
  text-align: center;
}
.product-title span {
  font-size: 12px;
  padding: 0px;
  text-align: center;
  font-family: "FZLT Regular";
  font-weight: normal;
}


.main-2-title{
  font-size: 40px;
  padding-top:120px; 
}
.container-footer{
  width: 100%;
}
.footer-box{
  display: flex;
  flex-direction: row;
  padding-top: .5rem;
  max-width: 1900px;
  margin: auto;

}
.footer-left{
  width: 16%;
  padding-left: 0.2rem; 
}

.footer-right{
  display: flex;
  justify-content: space-between;
  width: 84%;
  
}
.foot-col-md{
  box-sizing:border-box;
  /*margin: .2rem;*/
  /*margin-left:.2rem;*/ 
  width: 100%;

}
.foot-col-md ul li {
  padding-top: .1rem;
}
.footer-box ul li span{
  font-family:"FZLT Regular";
  font-size: 10px;
}
.footer-bottom{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding-top: .5rem;
  padding-bottom: .5rem;
  max-width: 1900px;
  margin: auto;

}
.footer-copy-left{
  width: 16%;
}
.box-width{
  width:84%;
}
.foot-img-end{
  text-align: center;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.swiper-wrapper-index a {
    width: 80%;
    height: 80%;
    display: block;
}

.canban_center_title{
  font-family:"FZLT Regular";
  font-size: .20rem;
  margin-bottom: .12rem; 

}
.footer-copy-right{
  font-family:"FZLT Regular";
  font-size: 0.14rem;
}

/*#fullpage {max-width: 1600px;}*/