#imgList{
   display:
   none;
   margin-top: 20px;
}
#imgList li{
   text-align: center;
}
@media only screen and (min-width:1920px) {
    #container .sub_visual .web .visualTitle{padding: 20% 0 25%;}
    .index1 .left_bg{background-size: cover;}
}
@media only screen and (max-width:1680px) {
   .hs-center .text h2{font-size: 43px;width: 350px;}
}
@media only screen and (max-width:1700px) {
   #container.styx-xcp{
      height: calc( 100vh - 100px);
      padding-bottom: 0;
   }
}
@media only screen and (max-width:1600px) {
   .xcp-lb#carousel{
      padding-bottom:0;
   }
   .xcp-lb .slide{
      margin: 0 20px;
   }
   #container .sub_visual.notice .web .visualTitle.visualTitle-bt{
      padding: 42% 0 0%;
      color: #000;
   }
   #container .notice .tit{
      font-size: 40px;
   }
   .nbzf .dome{width: 18%;}
   .nbzf .dome.d2 {width: 17%;}
   .nbzf .dome.d3 {width: 18%;}
   .nbzf .dome.d4 {width: 18%;}
   .nbzf .dome.d5 {width: 18%;}
   .nbzf .dome.d6 {width: 17%;}
   .nbzf .dome.d7 {width: 17%;}
   .nbzf .dome.d8 {width: 18%;}
}

@media only screen and (max-width:1500px) {
   .w1440{width:95%;}
   .xcp-lb .slide.slick-current { background: #fff; opacity: 1; }
   #carousel .slide.slick-current h2 { opacity: 1; visibility: visible; }
   .hs-center .time img{
      width:80%;
   }
   .hgls .hs-right img{
      width: 70%;
   }
}

@media only screen and (max-width:1450px) {
   .hs-center .text h2{font-size: 43px;}   
}
@media only screen and (max-width:1366px) {
    #container .sub_visual .web .visualTitle {padding: 12% 0 22% !important;}
    #container .sub_visual .web .visualTitle .vt_b{font-size: 40px;}
    #header .logo{max-width: 75%;}
    .hs-center .time img{width: 80%;}
    .hs-center .text{}
    .hs-center .text h2{font-size: 38px;line-height: 60px;width: 47%;position: absolute;top: 25%;}
    .hs-center .linksBox{top: auto;bottom: 20%;}
    .hs-center .linksBox a{padding: 8px 0;}
    .fzlc-lb .slider li:nth-of-type(odd) .dome{}
    .slideWrap .s_img{width: 29%; right: 0;}
    .slideWrap .s_img .item img{}
    .nbzf .dome.d4{
      width:25%;
   }
   #container .sub_visual.notice .web .visualTitle.visualTitle-bt{
       padding: 40% 0 0% !important;
       color: #000;
   }
}
.index1 .item .img2{display:none;}
@media only screen and (max-width:1400px) {
    .index1 .item {
          background-position: center;
    }
   .nbzf .dome{width: 20%;}
   .nbzf .dome.d2 {width: 20%;}
   .nbzf .dome.d3 {width: 20%;}
   .nbzf .dome.d4 {width: 20%;}
   .nbzf .dome.d5 {width: 20%;}
   .nbzf .dome.d6 {width: 20%;}
   .nbzf .dome.d7 {width: 20%;}
   .nbzf .dome.d8 {width: 20%;}
}
@media only screen and (max-width:1400px) {
   .web{
      width:95%;
   }
   #container #hdrc .list_r ul li a {
       display: block;
       padding: 0 30px;
   }
   #container #hdrc .list_r ul li span:nth-child(2){
      padding-left:5%;
   }
   #container #hdrc .txt_l .txtBox h1 {
       font-size: 40px;
   }
   #container #hdrc .txt_l .txtBox p {
       font-size: 17px;
       line-height: 36px;
   }
   #container #hdrc .txt_l {
       padding: 80px 45px;
   }
   #container #hdrc .list_r ul li a span h5{
      font-size:20px;
   }
   .lmmc{
      padding: 60px 0 40px;
      font-size: 50px;
   }
   .slideWrap .s_img{
      width: 30%;
      right: 0;
   }
   .slideWrap .s_img .item img{
      width:100%;
      max-width: inherit;
   }
   .slideWrap .s_img .item .video{
      width:44%;
   } 
}

@media only screen and (max-width:1300px) {
   .hs-center .text h2{
       width: 310px;
   }
   .xcp-lb#carousel {
       margin-top: 100px;
   }
   .xcp-lb .slick-next{
      right:0;
   }
   .xcp-lb .slick-prev{
      left:0;
   }
   .nbzf .dome.d1 .text {
       height: 200px;
   } 
   .nbzf .dome.d2 .text {
       height: 200px;
   } 
   .nbzf .dome.d3 .text {
       height: 200px;
   } 
   .nbzf .dome.d4 .text {
       height: 200px;
   } 
   .nbzf .dome.d5 .text {
       height: 200px;
   } 
   .nbzf .dome.d6 .text {
       height: 200px;
   } 
   .nbzf .dome.d7 .text {
       height: 200px;
   } 
   .nbzf .dome.d8 .text {
       height: 200px;
   } 
}

@media only screen and (max-width:1200px) {
    .index1 .left_bg{
         display:none;
    }
   .index1{
        height: calc(100vh - 90px);
        margin-top: 90px;
   }
   #index-btn{
      bottom:auto;
      right:20px;
      left: auto;
      top: 15px;
   }
   .nbzf .dome::before{
      display:none;
   }
   #contents .conts .tit{
      font-size: 35px;
   }
   #contents .conts .inner p{
      font-size:17px;
   }
   #contents .list_l .info-txt{
      position: relative;
      float: right;
      top: 0;
      padding: 70px 0px;
   }
   #contents .list_l .noImg .info-txt{
      padding:0;
   }
   #contents .list_l .img_wrap{
      float:left;
      height: 210px;
   }
   #contents .list_l .date{
      margin-right:30px;
      font-size: 13px;
   }
   #contents .list_l > li .title{
      font-size:20px;
      font-weight: bold;
      line-height: 30px;
   }
   #contents .list_l .date em{
      font-size: 35px;
      text-align: center;
   }
   #container #hdrc .txt_l{
      float: none;
      width: 100%;
      padding: 50px;
   }
   #container #hdrc{
      display:
      block;
      height: auto;
   }
   #container #hdrc .list_r{
      width: 100%;
      height: auto;
      max-height: inherit;
      display: block;
   }
   #container #hdrc .list_r ul{
      padding-bottom:0;
   }
   #container #hdrc .txt_l .txtBox h1 {
       font-size: 35px;
       margin-bottom: 20px;
   }
   #footer{
      padding: 30px 3.5%;
   }
   .hx-list p{
      font-size: 20px;
   }
   .hx-list li{
      margin-bottom:0;
   }
   .hx-list li .img{
      height: 460px;
   }
   .lmmc{
      padding: 45px 0 30px;
      font-size: 40px;
   }
   .slideWrap .s_img,.slideWrap .slideBox{
      float: none;
      width: 100%;
      height: auto;
   }
   .slideWrap .s_img{
      margin-top:20px;
   }
   .slideWrap{
      max-height: initial;
   }
   .slideWrap .s_img .slick-list{
      padding: 0 !important;
   }
   .slideWrap .s_img .item span{
      margin-top: 18px;
      float: right;
      width: 50%;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
   }
   .slideWrap .s_img .item{
      border: 1px solid #eee;
      margin: 0 3px;
   }
   .slideWrap .slideBox .item video{
      height:590px;
   }
   .styx-list li .img{
      height: 220px;
   }
   .styx-list li{
      margin-bottom: 0;
   }
   .styx-list li p{
      margin: 30px 0;
      text-align: center;
   }
   .styx-list li .img::before{
      display:none;
   }
   .styx-list li .img{
      border: 5px solid #fff;
      transition: all 0.5s;
      box-sizing: border-box;
   }
   .styx-list li .img:hover{
      border: 5px solid #ff2400;
   }
   #container{
      padding-bottom:40px;
   }
   #container .notice .tit{
      font-size: 35px;
   }
   #container .notice .time {
       font-size: 20px;
       margin-top: 30px;
   }
   .nbzf:before{
      display: none;
   }
   .nbzf .dome{
     position: static;
     width: 49% !important;
     transform: none !important;
     float: left;
     box-sizing: border-box;
      margin-top:20px;
   }
   .nbzf .dome:nth-child(2n){
      margin-left:2%;
   }
   .nbzf .dome .hide{
      display:none !important;
   }
   .nbzf{
      height:auto;
      min-height: calc(100vh - 100px);
   }
   .nbzf .slider{
      height:
      auto;
      padding:50px 0 110px;
      box-sizing: border-box;
   }
   .nbzf{
      width: 100%;
      padding: 0 3.5%;
      margin: 0 auto;
   }
   .hgls .hs-right{
      display:none;
   }
   .hgls .hs-lb{
      width:40%;
   }
   .hgls .hs-center{
      width: 60%;
   }
   .hs-center .text h2,.hs-center .linksBox{
      right:0;
      left:0;
      margin: auto;
   }
   .hs-center .linksBox{
      bottom: 25%;
   }
}
@media only screen and (max-width:1100px) {
   .hx-list li .img{
      height: 440px;
      padding: 85px 50px 60px 40px;
   }
   .hx-list p{
      margin: 20px 0;
   }
}
@media only screen and (max-width:1050px) {
   .hx-list li .img{
      height: auto;
      padding: 89px 40px;
   }
   .hx-list li .img img{
      width: 80%;
   }
}
@media only screen and (max-width:1000px) {
   #imgList{
      display:block;
   }
   #canvas{
      display: none !important;
   }
}

@media only screen and (max-width:965px) {
   .page-business .circle-nav-item:nth-of-type(5) {
    -webkit-transform: translate(-50%, -50%) translate(21.24927vw, 21.24927vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
    -ms-transform: translate(-50%, -50%) translate(21.24927vw, 21.24927vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
    transform: translate(-50%, -50%) translate(-8.75073vw, 30.24927vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
   }
   .page-business .circle-nav-item:nth-of-type(6) {
    -webkit-transform: translate(-50%, -50%) translate(21.24927vw, 21.24927vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
    -ms-transform: translate(-50%, -50%) translate(21.24927vw, 21.24927vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
    transform: translate(-50%, -50%) translate(27.24927vw, -4.75073vw) translate(35.35534%, 35.35534%) translate(18.38478px, 18.38478px);
   }
}
@media only screen and (max-width:960px) {
   .index1 .item {
      background: none !important;
   }
   .index1{
     height: auto;
     margin-top: 90px;
   }
   #container .sub_visual .web .visualTitle .vt_b{
      font-size: 28px;
   }
   #contents .conts .inner p{
      font-size:16px;
   }
   #contents .list_l .date{
      float:right;
      margin-top: 45px;
      width: 85px;
      margin-right: 0;
      box-sizing: border-box;
      max-width: inherit;
      font-size: 12px;
      padding: 10px 0;
      text-align: center;
      margin-left: 10px;
   }
   #contents .list_l .date.noImg2{
      margin-top: 0;
   }
   #contents .list_l .date em {
       font-size: 30px;
       text-align: center;
   }
   #contents .list_l > li .title {
       font-size: 18px;
   }
   #contents .list_l .img_wrap{
      height: 160px;
      box-shadow: none;
   }
   #contents .list_l .info-txt {
       padding: 40px 0px;
   }
   #contents .list_l .noImg .info-txt{
      position: relative;
      width: 100%;
   }
   #contents .list_l .text_wrap.noImg{
      float:
      left;
      width: 85%;
   }
   #container #hdrc .txt_l {
       padding: 35px;
   }
   #container #hdrc .list_r ul li a span{
      font-size:20px;
   }
   #container #hdrc .list_r ul li a span h5 {
       font-size: 18px;
   }
   #container #hdrc .txt_l .txtBox h1 {
       font-size: 30px;
       margin-bottom: 20px;
   }
   #container #hdrc .txt_l .txtBox p {
      font-size: 16px;
      line-height: 30px;
   }
   .hx-list p {
       font-size: 18px;
       margin: 10px 0;
   }
   .lmmc{
      padding: 40px 0 30px;
      font-size: 35px;
   }
   .slideWrap .slideBox .item video {
       height: 460px;
   }
   .slideWrap .s_img .item {
       padding: 5px 10px;
   }
   .slideWrap .s_img .item.slick-current .video::before {
       display: none;
   }
   .slideWrap .s_img .item.slick-current{
      border: 1px solid #f40;
   }
   .styx-list li .img {
       height: 180px;
   }
   .styx-list li p {
       margin: 25px 0;
       font-size: 15px;
   }
   .xcp-lb .slick-next{
      width:60px;
      height:60px;
   }
   .xcp-lb .slick-prev{
      width:60px;
      height:60px;
   }  
   .xcp-lb .slide {
       margin: 0 10px;
   }
   .xcp-lb .slick-next{
      top:0;
   }
   .xcp-lb .slick-prev{
      top:0;
   }
   #container .notice .tit{
      font-size: 25px;
   }
   .hgls .hs-lb{
      display:none;
   }
   .hgls .hs-center {
       width: 100%;
   }
   .hs-center .time img {
       width: 50%;
   }
}

@media only screen and (max-width:840px) {
   #contents .conts .tit{
      font-size: 30px;
   }
   #contents .conts .inner p{
      font-size:16px;
   }
   .hx-list p {
       font-size: 17px;
       margin: 20px 0;
   }
   .hx-list {
       margin-top: 50px;
   }
   .styx-list li{
      width:49%;
   }
   .styx-list li:nth-child(3n){
      margin-right:2%;
   }
   .styx-list li:nth-child(2n){
      margin-right:0;
   }
   .styx-list li .img {
       height: 210px;
   }
}
@media only screen and (max-width:768px) {
   #container .sub_visual .web .visualTitle .vt_b{
      font-size: 28px;
   }
   #contents .conts .tit{
      font-size: 24px;
   }
   #contents .conts .inner p{
      font-size:15px;
      margin-bottom: 10px;
   }
   .web {
       width: 100%;
       padding: 0 3.5%;
   }
   .web .web{padding:0;}
   #contents .list_l .img_wrap {
       height: 134px;
   }
   #contents .list_l .info-txt {
       padding: 26px 0px;
   }
   #contents .list_l .date{
      margin-top: 28px;
      width: 12.5%;
   }
   #container #hdrc .txt_l .txtBox h1 {
       font-size: 24px;
       margin-bottom: 15px;
   }
   .hx-list li .img {
       padding: 58px 40px;
   }
   .hx-list li .img img {
       width: 90%;
   }
   .lmmc{
      font-size: 30px;
   }
   .slideWrap .slideBox .item video {
       height: 360px;
   }
   .w1440{width:100%;padding: 0 3.5%;box-sizing: border-box;}
   .styx-list li .img {
       height: 190px;
   }
   .xcp-lb .slide {
       margin: 0;
   }
   .xcp-lb#carousel {
       margin-top: 50px;
       overflow: initial;
   }
   .xcp-lb .slick-next,.xcp-lb .slick-prev {
       bottom: -120px;
       top:auto;
   }
   .page_bat li { width: 100%; flex: none; padding: 0; text-align: left; margin-bottom: 15px; }
   .page_bat li p, .page_bat li a { font-size: 14px; }
   .page_bat li p { margin-bottom: 15px; }
   .page_bat {background: none;box-shadow: none;border: 0;margin: 20px 0;}
   .page_bat li:nth-child(1)::after{display:none;}
    #container .notice .tit{
      font-size: 20px;
      padding: 0;
   }
   #container .notice .time {
       font-size: 15px;
       margin-top: 20px;
   }
   .nbzf .slider {
       padding: 20px 0 100px;
       margin: 0 2px;
   }
   .nbzf .dome {
       width: 100% !important;
       margin: 20px 0 0 0 !important;
   }
   .nbzf .dome .text {
       height: auto !important;
       min-height: 150px;
   }
   .nbzf .dome .text::before{
      display:none;
   }
   .hs-center .text h2 {
   font-size: 30px;
   width: 265px;
   }
}
@media only screen and (max-width:640px) {
   .index-icon li.wbitem .wbImg{
      width:65px;
      height: 65px;
   }
   .index-icon li.wbitem:hover .wbImg{
      height: 65px;
   }
   #header .logo {
       max-width: 65%;
   }
   #index-btn{
      width: 55px;
      height: 55px;
      top: 12px;
   }
   #index-btn .ctrs-btn{
      /* top: -9px; */
   }
   .index1 {
       height: calc( 100vh - 80px);
       margin-top: 80px;
   }
   #container .sub_visual .web .visualTitle .vt_b{
      font-size: 24px;
   }
   #contents .conts .tit{
      font-size: 20px;
   }
   #contents .conts .inner{
      margin: 0;
   }
   .menu_btn{
      top: 0;
   }
   #contents .list_l .img_wrap ,#contents .list_l .info-txt {
      float:none;
      width:100%;
      height: auto;
      max-height: 385px;
   }
   #contents .list_l .text_wrap.noImg{
      width:100%;
      padding: 0 0 20px;
   }
   #contents .list_l .info-txt{
      padding:10px 0;
   }
   #contents .list_l .date{
      display:none;
   }
   #contents .list_l > li{
      padding: 0;
      margin-bottom: 20px;
   }
   #contents .list_l > li .title {
       font-size: 17px;
   }
   #container #hdrc .txt_l .txtBox p {
      font-size: 15px;
      line-height: 28px;
   }
   #container #hdrc .txt_l {
       padding: 30px;
   }
   #container #hdrc .list_r ul li a span {
      padding: 30px 0;
   }
   #container #hdrc .list_r ul li a {
       padding: 0 20px;
   }
   #container #hdrc .list_r ul li a span em{
      font-size: 17px;
   }
   #container #hdrc .list_r ul li a span.date {
       width: 16%;
       margin: 0;
       font-size: 17px;
   }
   #container #hdrc .list_r ul li a span {
       padding: 20px 0;
       width: 80%;
   }
   #container #hdrc .list_r ul li a span em{
 
   }
   #container #hdrc .list_r ul li a span h5 {
       font-size: 17px;
       margin-bottom: 10px;
   }
   #container #hdrc .txt_l .txtBox h1 {
       font-size: 20px;
       margin-bottom: 10px;
   }
   #topnav nav li a{
      font-size:18px;
   }
   #topnav{
      padding-left:0;
   }
   #container .page-list .p_pages span{
      margin: 3px;
      padding: 10px 10px;
   }
   #container .page-list .p_pages span.p_t{
      display:none;
   }
   #container .page-list .p_pages span.p_last.p_fun{
      display:none;
   }
   #container .page-list .p_pages{
      padding:10px 0;
   }
   #container .page-list .p_pages span a{
      font-size:12px;
   }
   #footer p span{
      font-size:13px;
   }
   #footer {
       padding: 20px 3.5%;
   }
   .nav-ej li{
      width: 140px;
      line-height: 45px;
   }
   .nav-ej li a{
      font-size: 16px;
   }
   .hx-list li{
      width:49%;
      margin-right:2%;
   }
   .hx-list li:nth-child(3n){
      margin-right:2%;
   }
   .hx-list li:nth-child(2n){
      margin-right:0;
   }
   .hx-list li .img img {
       width: 100%;
   }
   .hx-list p {
       font-size: 16px;
   }
   .index1 .item .img2{display:block;}
   .index1 .item .img1{display:none;}
   .slideWrap .slideBox .item video {
       height: 285px;
   }
   .slideWrap .s_img .item span{
      font-size:14px;
      width: 45%;
   }
   .slideWrap .s_img .item .video{
      margin-right:0;
      width:50%;
   }
   .slideWrap .s_img .item {
       padding: 5px;
   }
   .lmmc{
      font-size: 24px;
   }
   .slideWrap{
      padding: 15px;
   }
   .styx-list li .img {
       height: 160px;
   }
   .styx-list {
       margin-top: 40px;
   }
   .styx-list li p {
       margin: 20px 0;
   }
   #carousel h2{
      font-size:20px;
   }
    #container .notice .tit{
      font-size: 18px;
      padding: 0;
   }
   .hs-center .text h2 {
       font-size: 25px;
       width: 220px;
       line-height: 45px;
       bottom: auto;
       top: 20%;
   }
}
@media only screen and (max-width:480px) {
   #container .sub_visual .web .visualTitle .vt_b{
      font-size: 20px;
   }
   #contents .conts .tit{
      font-size: 18px;
   }
   #container{
      padding-bottom:0;
   }
   #container #hdrc .txt_l {
       padding: 20px;
   }
   .nav-ej li{
      width: 120px;
      line-height: 40px;
      margin-right: 15px;
   }
   .nav-ej li a{
      font-size: 14px;
   }
   .hx-list li .img {
       padding: 68px 34px;
   }
   .hx-list li{
      width:100%;
      margin-right:0;
   }
   .hx-list li:nth-child(3n){
      margin-right:0;
   }
   .hx-list li:nth-child(2n){
      margin-right:0;
   }
   .hx-list li .img img {
       width: 65%;
       margin-top: 5px;
   }
   .hx-list {
       margin-top: 30px;
   }
   .hx-list p {
       font-size: 15px;
   }
   .circle-nav-item a{
      font-size:18px;
   }
   .lmmc{
      font-size: 20px;
      padding: 30px 0 20px;
   }
   .slideWrap .slideBox .item video {
       height: 240px;
   }
   .slideWrap .s_img .item .video {
       height: 100px;
   }
   .slideWrap .s_img .item .video img{
       height: 100%;
   }
   .slideWrap .s_img .item span {
       font-size: 15px;
       margin-top: 25px;
   }
   .slideWrap .s_img .item {
       margin: 5px 0;
   }
   .styx-list li .img {
       height: 120px;
   }
   .styx-list li p {
       margin: 10px 0;
       font-size: 14px;
   }
   .styx-list {
       margin-top: 30px;
       margin-bottom: 20px;
   }
   .xcp-lb .slide{
      padding: 10px;
   }
   #carousel h2{
      font-size:18px;
      padding: 20px 0 10px;
   }
   #container.styx-xcp {
       height: calc( 100vh - 81px);
   }
   .nbzf .slider {
       padding: 10px 0 80px;
   }
   .nbzf .slick-prev, .nbzf .slick-next{
      display: none !important;
   }
   .nbzf .slick-dots{
      width:100%;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      bottom: 25px;
   }
   .nbzf{
      min-height: calc(100vh - 81px);
   }
   .hs-center .text h2 {
       font-size: 22px;
       width: 178px;
       line-height: 42px;
       bottom: auto;
       top: 20%;
   }
   .hs-center .linksBox{
      width: 80%;
      bottom: 25%;
   }
   .indexn_ztwrap #container {
       height: calc(100vh - 81px);
   }
   .hgls .linksBox a{
      font-size: 16px;
   }
   #pageBox{
       margin-bottom:20px
   }
}