body {
    background: #fff;
    font-family: 'Helvetica Neue','微软雅黑',"Sitka Small",'华文楷体', 'Helvetica, Arial', 'sans-serif';
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    max-width:1980px;
    margin:0 auto;
    position: relative;
  }

  .clip {
      opacity: 1;
      animation: clip 3s linear;-webkit-animation: clip 3s linear;
  }

  @keyframes clip {
    0% {
        /* (x1 y1,x2 y2,x3 y3 ,x4 y4) */
        opacity: 0;
        clip-path: polygon(0 0, 0% 0%, 0 100%, 0 100%);
    }
    30% {
        /* (x1 y1,x2 y2,x3 y3 ,x4 y4) */
        opacity: 0;
        clip-path: polygon(0 0, 0% 0%, 0 100%, 0 100%);
    }
    50% {
      opacity: 0.9;
        clip-path: polygon(0 0, 60% 0%, 48% 100%, 0 100%);
    }
    /*   */
    100% {
      opacity: 1;
        /* clip-path: polygon(0 0, 100% 100%, 100% 100%, 0% 100%); */
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    }


    /* 0% {
      opacity: 0;
      transform: translateX(-120px);
    }	
    100% {
      opacity: 1;
      transform: translateX(0);
    } */
  }

  @-webkit-keyframes fadeInOut {
      0% {
          opacity:0;
      }
      /* 25% {
          opacity:0;
      } */
      50% {
          opacity: 0;    
      }
      100% {
          opacity:1;
      }
  }
  .pc{min-width:1080px;width:100%;overflow:hidden;}
  .anim_fade_image {
      position:absolute;    
      opacity:1;
      animation: clip 3s linear;-webkit-animation: clip 3s  linear;
  }
  img{display: inline-block;padding:0;margin:0;pointer-events: none;}
  .content{padding:0;width:100%;position: relative;font-size:1vw;}
  .content .headerBox{padding:1.3% 4%;line-height:1.2em;position:fixed;z-index:99;color:#fff;width:100%;font-size:1vw;max-width: 1980px;}
  /* .headerBox .logo{width: 32%;min-width: 280px;max-width: 390px;margin-left: 0.5%;} */
  .headerBox .logo{width: 22%;min-width: 170px;max-width: 280px;margin-left: 0.5%;}
  .banner_box{position:relative;width:100%;}
  .rightTitle div a{padding:0 1vw;font-size:1em;color:#fff;}
  .rightTitle div span{padding:0 1vw;font-size:1em;color:#fff;cursor: pointer;}
  

  .conpanyIntroduce,.conpanyDistribution{width:100%;font-size:1vw;}

  .conpanyIntroduce .contentBox{text-align:center;}

  .conpanyIntroduce .banner{width:100%;}

  .contentBox{margin:0 auto;line-height:2.2em;color:#333;width:70%;max-width:820px;min-width:300px;text-align:center;padding:7% 0 1.5% 0;font-size:1vw;}
  .contentBox .conpanyTitle h2{font-size:2.1em;margin-bottom:0.2em;color:#000;}
  .contentBox .conpanyTitle p{padding-bottom:1em;font-size:0.8em;}

  .contentBox .message{font-size:1em;}

  .businessContent{width:100%;padding:0 1.25%;}
  .businessContent img{width:100%;}
  .businessContent .content_box{width:32.5%;position: relative;font-size:1vw;}

  .addressIfram{
    width:100%;height:60vh;overflow:hidden;display: block;border:none;margin:0;padding:0;
  }

  #vueBox{display:none;}



  .footer{width:100%;background-color:#012C7F;padding:2.5% 0 2.8% 0;margin-top:-2px;font-size:1vw;max-width: 1980px;}

  .footerBox{width:60%;margin:0 auto;min-width:1080;}
  .fooer_text{padding:15px 0;text-align:center;color:#fff;width:100%;background:rgba(0, 28, 88, 1);}

  .footerLeft .left_line{color:#fff;line-height:1.8em;padding-right:8%;font-size:16px;}
  .footerLeft .left_line .icoBox{width:36px;margin-bottom:5px;;}
  .footerLeft .left_line label , .footerLeft .left_line p{padding-left:0em;}

  .QRBox .box{padding:15px 0;background: linear-gradient(to bottom, rgba(0, 87, 255, 1),rgba(1, 44, 127, 1));width:120px;margin-right:10px;border-radius:5px;text-align:center;}
  .QRBox .box p{color:#fff;font-size:12px;padding:4px 0;}
  .QRBox img{pointer-events:inherit;width:80%;margin: 0 auto;}

  .scale {
    -webkit-transform:scale(1.3);
    -ms-transform:scale(1.3);
    transform:scale(1.3)
  }
  .banner_textImg{text-align:center;width:44%;position:absolute;top:27%;right:27%;}
  .banner_textImg img{width:100%;}
  .banner_textImg .textImg{width:50%;text-align:center;margin-top:4%; }

  
  .content_box .box_Message{width:100%;height:100%;position: absolute;top:0;left:0;background:rgba(0,0,0,0.0);color:#fff;}
  .box_Message .message{padding:16% 9.5%;}
  .box_Message .ico_title{width:2.2em;}
  .box_Message .message h2{font-size:1.6em;font-weight:500;line-height:1.8em;}
  .box_Message .message p{font-size:1.1em;line-height:2.1em;padding-top:2%;}
  .box_Message .ico_title img{width:100%;}

  .rightTitle div div{position: relative;}
  .rightTitle div div.active a:after {display: block;width:60%;height:2px;background-color:#fff;content: '';left:20%;position:absolute;bottom:-0.8em;}

  .rightTitle div div:hover a:after {display: block;width:60%;height:2px;background-color:#fff;content: '';left:20%;position:absolute;bottom:-0.8em;background-color:#efefef;animation: nawTag 0.2s linear;-webkit-animation: nawTag 0.2s linear;}
  .showBg .rightTitle div div.active a:after , .showBg .rightTitle div div:hover a:after{background-color:#2196f3;}
  .content .headerBox.showBg{background:#fff;    box-shadow: 0px 2px 5px rgba(0,43,107, 0.2);}
  .content .headerBox.showBg .rightTitle a{color:#000;}
  .content .headerBox.showBg .rightTitle div div.active a{color:#2196f3;}
  .content .headerBox.showBg .rightTitle div div:hover a{color:#2196f3;}

  .showBg .rightTitle div span{color:#000;}
  .showBg .logo_text span{color:#000;}
  

  .fooer_text{font-size:12px;}



  /*移动端开始*/
  .mobileBox .headerBox{padding:0.25rem 0.25rem;}
  .mobileBox .nav_ico{position:relative;width:0.4rem;}
  .mobileBox .nav_ico img{width:100%;}

  .mobileBox .headerBox .logo {width:2.5rem;min-width:auto;max-width:auto;}

  .mobileBox .logo_text{font-size:0.30rem;width:0.7rem;text-align:right;}

  .mobileBox .content_mobile{padding-bottom:0.5rem;}
  .mobileBox .banner_textImg_mobile{width:86%;top: 28%;right: 8%;}
  .mobileBox .content_mobile_title{padding-top:0.8rem;text-align:center;}
  .mobileBox .content_mobile_title h2{font-size:0.4rem;}
  .mobileBox .content_mobile .content_mobile_title p{font-size:0.24rem;padding:0.2rem 0 0.3rem 0;}
  
  .navBox{width:auto;position:absolute;top:100%;left:0;color:#fff;background:rgba(0,0,0,0.8);font-size:0.26rem;padding:0.4rem 0.0rem;}

  .navBox div{line-height:0.6rem;color:#fff;padding:0 0.5rem;}
  .navBox div a{color:#fff;}
  .navBox div.active a{font-weight:600;color:#2196f3;}


  .m_footer {width:100%;position:relative;}

  .m_footer .footer_title{background:#012C7F;padding:0.6rem 0.3rem;color:#fff;padding-bottom:0.3rem;}
  .m_footer .footer_title .lineico{width:0.55rem;margin-right:0.15rem;}
  .m_footer .footer_title .titleLine{padding:0.1rem 0;font-size:0.27rem;}

  .m_footer .footer_title .lineBox{padding:10% 9% 0% 9%;}
  .m_footer .footer_title .titleLine .lineBox img{width:100%;}

  .m_footer .footer_title .QRBox .box {width:2.4rem;padding:0.3rem 0;min-width:2rem;margin-right:0;}
  .m_footer .QRBox .box p{font-size:0.26rem;}
  .m_footer .footer_title .fooer_text{font-size:0.24rem;}

  


  /*移动端---------结束*/
  @-webkit-keyframes nawTag {
      0% {
          width:0%;
      }
      /* 25% {
          opacity:0;
      } */
      /* 50% {
          opacity: 0;    
      } */
      100% {
        width:60%;
      }
  }

  @media screen and (max-width: 750px) {
    .pc{display:none;}
    .mobileBox{display:block;}
    html,body{font-size:14.2vw;}
  }
  @media screen and (min-width: 751px) and (max-width: 1980px) {
    .pc{display:block;}
    .mobileBox{display:none;}
  }
  @media screen and (min-width: 1981px) {
    html,body{font-size:16px;}
    .pc{display:block;}
    .mobileBox{display:none;}
    .content,.content_box,.content .headerBox,.contentBox,.conpanyEightideas .bannerImg,.bannerImg_hover,.hoverText,.business_Address,.welfareTreatment{
      font-size:19px !important;
    }
  }