@font-face {
    font-family: 'iconfont';  /* project id 1071433 */
    src: url('https://at.alicdn.com/t/font_1071433_ynvijisssp.eot');
    src: url('https://at.alicdn.com/t/font_1071433_ynvijisssp.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1071433_ynvijisssp.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1071433_ynvijisssp.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1071433_ynvijisssp.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1071433_ynvijisssp.svg#iconfont') format('svg');
  }
  .in{margin:0 auto;max-width:1200px;padding:0 1rem;box-sizing:border-box;}   
  .secbg{background-size:cover;background-position:center center;padding:2rem 0;}
  .section{padding:2rem 0;}
  .section>.in>h2{text-align:center;}
  .hvBoxsZoom .box{transition: all 0.5s;}
  .hvBoxsZoom .box:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
  .boxsBgWhite .box{background-color:#FFF;}
  .boxsBgOpacity .box{background-color:rgba(255,255,255,0.8);}
  body{padding-top:8rem!important;}
  .headwrap{position:fixed;width:100%;left:0;top:0;z-index:9999;background-color:#FFF;}
  .topicheader{height:5rem;background-color:#FFF;left:0;top:0;width:100%;z-index:9;transition:all 0.5s;}
  .topicheader .logo{font-size:0;display:block;}
  .topicheader .logo img{height:3rem;}
  .topicheader .telbox img{height:3rem;}
  .nav{background-color:#FFF;color:#333; text-align:left;position:fixed;z-index:9;width:100%;top:5rem;left:0;border-top:1px solid #F1F1F1;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);}
  .nav .list>.item{padding:1rem 1rem;line-height:1;display:inline-block;cursor:default;}
  .nav .list>.item:hover:after{content:'';width:100%;height:10px;background-color:transparent;display:block;position:absolute;left:0;top:100%;margin-top:-5px;}
  .nav.fixed{position:fixed;width:100%;left:0;top:0;z-index:999;}
  .nav .list>.item>.sublist{position:absolute;width:100%;background-color:#FFF;left:0;top:100%;padding:2rem 0;background-color:#F1F1F1;background-size:cover;background-position:center center;box-shadow:0 1rem 2rem rgba(0,0,0,0.3);display:none;}
  .banner{height:450px;background-color:#F1F1F1;}
  .nav .list .cursor{width:100px;height:3px;background-color:#1e2381;display:none;position:absolute;left:1rem;top:100%;margin-top:-3px;pointer-events:none;}
  .nav .list>.item>.sublist a{color:#333;}
  .nav .list>.item>.sublist .box{background-color:#FFF;}
  .nav .list>.item>.sublist .box:hover{opacity:0.5;}
  .nav-mobile-btn{background:#1e237e;width:2rem;padding:0.2em 0;border-radius:0.3rem;cursor:pointer;position:relative;}
  .nav .icon{height:1.2rem;margin-right:0.2rem;}
  .bg-color-light{background-color:#F1F1F1;}
  [data-bgsrc]{background-size:cover;}
  @keyframes zoomin {
      0%{opacity: 0;transform: scale(5);}
      100%{opacity: 1;transform: scale(1);}
  }
  .ani-zoomin{animation: zoomin 1s;opacity: 1;}
  @media screen and (max-width:1400px){
      .banner{height:360px;}
  }
  @media screen and (max-width:1024px){
      .banner{height:20rem;}
  }
  @media screen and (max-width:768px){
      .banner{height:20rem;}
      .nav .list .cursor{visibility:hidden;}
      .nav{width:100%;position:fixed;top:3rem;height:100%;left:0;z-index:99999;overflow-y:auto;padding-bottom:3rem;display:none;background-color:#F7F7F7;}
      .nav .list>.item{display:block;text-align:center;cursor:pointer;}
      .nav .list>.item:last-child{border:none;}
      .nav .list>.item>.sublist{position:static;background-image:none;background-color:transparent;box-shadow:none;}
      .nav .list>.item{border-bottom:1px solid rgba(255,255,255,0.2);}
      body{margin-bottom:4.5rem!important;}
      .headwrap{box-shadow:0 1rem 1rem rgba(30,35,126,0.2);}
      .topicheader{height:3rem;}
      body{padding-top:3rem!important;}
      body.fixed{position:fixed;left:0;top:0;width:100%;height:100%;}
      .topicheader .logo img{height:2rem;}
      .topicheader .in .tblay:first-child .tbcol{text-align:center;}
      .topicheader .telbox{position:fixed;width:100%;padding:1rem 0;height:auto;left:0;bottom:0;background:#FFF;text-align:center!important;box-shadow:0 -0.5rem 1rem rgba(0,0,0,0.1);}
      .topicheader .telbox img{height:2.5rem;}
  }
  @media screen and (max-width:480px){
      .banner{height:8rem;}
  }
  
  @media screen and (max-width:480px){
      
      .banner{height:8rem;}
      
      
  }