@media(max-width:1270px){
  #mainBox .main-wrapper .banner-list-wrap, body .main-wrapper .banner-list-wrap, html .main-wrapper .banner-list-wrap{
    display: none;
  }
  /* .header .menuList-wrap{ display: none;} */
  /* .header .menu-login-btn{ display: none;} */
  /* .caseinfo-wrap{ display: none;} */
  /* .valueinfo-wrap{ display: none;} */
  /* .advantageinfo-wrap{ display: none;} */
  /* .serviceinfo-wrap{ display: none;} */
  /* .help-wrap{ display: none;} */
  /* .news-wrap{ display: none;} */
  #mainBox .main-wrapper .banner, body .main-wrapper .banner, html .main-wrapper .banner{ height: 440px;  } 
}
@media(max-width:1200px){
  #mainBox .main-wrapper .content, body .main-wrapper .content, html .main-wrapper .content{ width: 1200px;}
}
@media(max-width:991px){
	#mainBox .main-wrapper .banner .access-btn > img, body .main-wrapper .banner .access-btn > img, html .main-wrapper .banner .access-btn > img{
		top: 6px;
	}
	.banner-carousel .owl-nav{ top:36%}
  #mainBox .main-wrapper .content, body .main-wrapper .content, html .main-wrapper .content{ width: 100%;}
  .header{ height: 50px;}
  .header .logo-wrapper{ width: 158px; top: 12.73%;}
  .header .logo-wrapper img:first-child{ width: 60px; height: auto;}
  .header .logo-wrapper img:last-child{ width: 80px; height: auto;}
  .header .logo-wrapper .logo-gap{ height: 20px;}
  .header .menuList-wrap{ height: auto; top: 50px; right: auto; display: block; padding-left: 0; width: 100%;  background-color: #000;}
  .header .menuList-wrap .menuList{   display: none; padding-left: 0; width: 100%; }
  .header .menuList-wrap .menuList .menuList-item{ width: 100%; line-height: 42px;text-align: left; padding-left: 14px; font-size: 14px;}
  .header .menuList-wrap .menuList .menuList-item.is-active:before{ height: 1px; top: 100%;}
  .header .menuList-wrap .menuList .menuList-item:after{  height: 1px; top: 100%;}

  .header .menu-login-btn{ width: 100px; height: 32px; top: 10px; right: 46px; font-size: 13px;}
  .header .menu-login-btn > img{ top:50%; margin-top:-12px;}

  #mainBox .main-wrapper .banner, body .main-wrapper .banner, html .main-wrapper .banner{ height: 190px; }
  #mainBox .main-wrapper .banner .slogan-wrapper, body .main-wrapper .banner .slogan-wrapper, html .main-wrapper .banner .slogan-wrapper{ width: 300px; top: 120px;}
  #mainBox .main-wrapper .banner .access-btn, body .main-wrapper .banner .access-btn, html .main-wrapper .banner .access-btn{ width: 150px; height: 42px; top: 135px;}
  #mainBox .main-wrapper .banner .banner-text, body .main-wrapper .banner .banner-text, html .main-wrapper .banner .banner-text{ width: 100%; top: 200px;}
  .banner-carousel .owl-nav .owl-prev, .banner-carousel .owl-nav .owl-next{ width: 20px; height: 20px;}
  .banner-carousel .owl-nav .owl-prev{ left: 12px;}
  .banner-carousel .owl-nav .owl-next{ right: 12px;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper, body .main-wrapper .footer .agentinfo-wrapper, html .main-wrapper .footer .agentinfo-wrapper{ padding: 14px;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .agent-message > h3, body .main-wrapper .footer .agentinfo-wrapper .agent-message > h3, html .main-wrapper .footer .agentinfo-wrapper .agent-message > h3{ font-size: 20px; text-align: center;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent, body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent, html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent{ text-align: center;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p, body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p, html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p{ width: 50%; margin-right: 0; margin-top: 8px;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd), body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd), html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd){ margin-right: 0;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper, body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper, html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper{ display: block; margin-top: 13px;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent, body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent, html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent{ text-align: center;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper, body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper, html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper{ height: auto;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code, body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code, html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code{ width: 48%; display: inline-block; text-align: center;}
  #mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4, body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4, html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4{ margin-top: 10px;}

  .content{ padding-top: 30px;}
  .title-wrap{ width: 100%; justify-content:center; margin-bottom: 0;}
  .title-wrap > h3{ font-size: 24px;} 
  .title-wrap .rectangle-1, .title-wrap .rectangle-1-right{     width: 3.74px;  }
  .title-wrap .rectangle-2{ width: 3.75px;}
  .title-wrap .rectangle-1{ margin-left: 8.61px;}
  .title-wrap .rectangle-1-right{ margin-right: 8.61px;}

  .caseinfo-wrap{ padding-bottom: 30px;}
  .case-carousel .case{ display: block;}
  .caseinfo-wrap .carousel-wrapper{ height: auto;}
  .case-carousel .case .case-img-wrapper{ display: block; width: 100%; height: 320px;}
  .case-carousel .case .case-img-wrapper .case-img-video{ width: 100%; height: 226px; top: 70px;}
  .case-carousel .case .case-info{ width: 100%; display: none; margin: 0; padding: 20px;}
  .case-carousel .case .case-info-content{ width: 100%;}
  .case-carousel .case .case-info .case-data-wrapper{ width: 100%;}
  .case-carousel .case .case-img-wrapper .case-img-upMask{ height: 40px;}
  .case-carousel .case .case-img-wrapper .case-img-case-name{ top: 44px; left: 20px;}
  .case-carousel .case .case-img-wrapper .case-img-text-wrapper{ position: relative; height: 40px; bottom: 16px;}
  .caseinfo-wrap .carousel-wrapper .case-carousel  { height: 320px;}
  .carousel-wrapper .owl-dots{ position: relative; z-index: 5; top: auto; right: auto; width: 100%; text-align: center;} 
  .carousel-wrapper .owl-dots .owl-dot{ width: 10px; height: 3px; display: inline-block;}
  .caseinfo-wrap .carousel-wrapper .case-info-slide-startNumber{ display: none;}
  .caseinfo-wrap .carousel-wrapper .case-info-slide-endNumber{ display: none;}
  .carousel-wrapper .owl-nav .owl-prev{ position: relative; z-index: 10; top: auto; right: auto; left: 10px; float: left; transform: rotate(-90deg);}
  .carousel-wrapper .owl-nav .owl-next{ position: relative; z-index: 10; top: auto; right: 10px; float: right; transform: rotate(-90deg);}

  .valueinfo-row{ display: flex; flex-direction: column;}
  .valueinfo-row .iphone-wrap{ order: 2;}
  .valueinfo-row .antd-tab-wrap{ order: 1;}
  .valueinfo-wrap .iphone-wrap{ width: 50%; height: auto; float: none; margin: 0 auto;  }
  .valueinfo-wrap .antd-tab-wrap{ width: 100%; height: auto;}
  .ant-tabs-nav .ant-tabs-ink-bar{ display: none;}
  .ant-tabs-nav{ width: 100%; margin-top: 20px;} 
  .ant-tabs-nav .ant-tabs-tab{ width: 25%; font-size: 12px; margin: 0; padding-right: 0;}
  .valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content{ margin-top: 0px; }
  .ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane{padding: 0 12px; box-sizing: border-box; }
  .valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tab-content-wrap .tab-content-title{  margin-top: 0; font-size: 20px;}
  .valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tab-content-wrap > hr{ margin-bottom: 20px;}
  .tab-content-wrap .tab-content-box-wrap{ display: block; height: 180px;}
  .tab-content-wrap .tab-content-box-wrap .tab-content-box{ width: 32.33%; height: 160px; float: left; padding: 10px; margin-left: 1.5%;}
  .tab-content-wrap .tab-content-box-wrap .tab-content-box:first-child{ margin-left: 0;}
  .tab-content-wrap .tab-content-box-wrap .tab-content-box p:first-child{ font-size: 14px;}
  .tab-content-wrap .tab-content-box-wrap .tab-content-box p{ font-size: 12px; margin-top: 5px; margin-bottom: 5px;}

  .advantageinfo-wrap .advantage-card-wrap{ display: block; margin-top: 20px; padding: 0 10px; box-sizing: border-box;}
  .advantageinfo-wrap .advantage-card-wrap .advantage-card{ width: 49%; height: 200px; margin-bottom: 10px;  box-sizing: border-box; float: left; border-radius: 8px; overflow: hidden;} 
  .advantageinfo-wrap .advantage-card-wrap .advantage-card:first-child{ border-radius: 8px;}
  .advantageinfo-wrap .advantage-card-wrap .advantage-card:last-child{ border-radius: 8px;}
  
  .advantageinfo-wrap .advantage-card-wrap .advantage-card:nth-child(even){
    margin-left: 2%;
  }
  .advantageinfo-wrap .advantage-card-wrap .advantage-card .card-icon{ width: 50px; height: 50px; left: 50%; top: 30%; margin-left: -25px; }
  .advantageinfo-wrap .advantage-card-wrap .advantage-card .card-icon > img{ width: 50px; height: 50px;}
  .advantageinfo-wrap .advantage-card-wrap .advantage-card .cardtext-show{ width: 100%; left: 0; width: 100%; text-align: center; font-size: 16px;}
  .advantageinfo-wrap .advantage-card-wrap .advantage-card .cardtext-hide{ width: 100%; left: 0; top: 145px; font-size: 12px;}
  .advantageinfo-wrap .advantage-card-wrap .advantage-card .cardunderline-hide{ height: 1px; left: 50%; margin-left: -16px; top: 146px;}
  .serviceinfo-wrap .tips{ position: relative; top:auto; margin-top: 10px;}
  .serviceinfo-wrap .tips .span1{ height: 32px; line-height: 32px; font-size: 16px; padding: 0 10px; letter-spacing: 0;}
  .serviceinfo-wrap .tips .span2{ height: 32px; line-height: 32px; font-size: 14px; padding: 0 10px; letter-spacing: 0;}
  .serviceinfo-wrap .service-card-wrapper{ display: block; height: auto; padding: 0 12px; margin-top: 20px; box-sizing: border-box;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper{ width: 100%; padding: 16px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper-0{ margin-bottom: 12px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper > h3{ font-size: 20px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper > hr{ height: 1px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper > ul{ font-size: 14px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper > ul li .dots{ width: 6px; height: 6px; margin-top: -3px;}
  .serviceinfo-wrap .service-card-wrapper .card-wrapper > ul li{ padding-left: 12px;}
  .help-card-wrapper{ padding:  12px; width: 88%; margin: 20px auto 0;}
  .help-card-wrapper .help-con{ width: 100%; padding: 12px;}
  .help-card-wrapper .help-con .card-title{ font-size: 16px; padding-top: 0; padding-bottom: 10px;}
  .help-card-wrapper .help-con .card-title .card-title-more{ font-size: 12px;}
  .help-card-wrapper .help-con .card-title .square{ width: 24px; height: 26px; line-height: 26px; font-size: 20px;}
  .help-card-wrapper .help-con .bd_01 p{ font-size: 13px;}
  .help-card-wrapper .help-con .post-loop-list{ margin-top: 10px;}
  .help-card-wrapper .help-con .post-loop-list .item{ line-height: 30px;}
  
  .news-card-wrapper{ margin: 0 ; margin-top: 20px; padding: 0 12px; box-sizing: border-box;}
  .news-card-wrapper .news-column{ width: 100%; margin-bottom: 12px; padding: 0;}
  .news-card-wrapper .news-column:last-child{ margin-bottom: 0;}
  .news-card-wrapper .news-con{ height: auto;}
  .news-card-wrapper .news-con .card-title{ height: 60px; font-size: 18px;}
  .news-card-wrapper .news-con .card-title span{ line-height: 60px;}
  .news-card-wrapper .news-con .card-title span::after{ bottom: 12px; height: 1px;}
  .news-card-wrapper .news-con .card-title .card-title-more{ font-size: 12px;}
  .news-card-wrapper .news-con .post-loop-list .item{ padding:  5px 0;}
  .news-card-wrapper .news-con .post-loop-list .item a{ padding-left: 12px; font-size: 13px;}
  .news-card-wrapper .news-con .post-loop-list .item a:after{ width: 5px; height: 5px; margin-top: -2.5px;}
  .newsImg-carousel .image-layer{ height: 240px;}

  .service-access-btn{ width: 160px; height: 40px; line-height: 40px; margin-top: 20px;}

  .model-main{ width: 88%;}
  .model-main .model-head{ padding-left: 12px; padding-right: 12px;}
  .model-main .model-body .contact span{ display: block; padding: 0!important;} 

  .news-list-tab{ padding: 0; padding-left: 20px;}
  .news-list-tab dd{ margin-right: 20px; font-size: 16px; line-height: 54px;}
  .news-list-wrapper{ margin-top: 0;}

  .list-tab-wrapper+ .content{ padding-top: 10px; }

  .pages { margin-top: 20px;}
  .pages a{ height: 26px; line-height: 26px; padding: 0 8px; font-size: 14px;}

  .hentry{ padding: 15px; padding-bottom: 15px;}
  .entry .entry-title{ margin-bottom: 10px;}
  .entry .entry-info span{ font-size: 12px; margin-right: 10px;}
  .entry .entry-info{ padding-bottom: 10px;}
  .entry .entry-content{ margin-top: 10px;}
  .entry .entry-content p{ font-size: 13px;}
  .entry .entry-content img{ width:100%!important; height:auto!important}
  .entey-other-article{ margin-top: 14px; padding-top: 10px;}
  .entey-other-article .sel-other-article{ width: 100%;}
  .entey-other-article .share-right .goList{ margin-top: 6px;}
  .entey-other-article .share-right .goList a{ font-size: 13px;}
  .help-card-wrapper .post-loop-list .item.active  .bd_01 p {  height: auto;}
 
}

@media(max-width:991px) {
  .header .navbtn {
    width   : 30px;
    height  : 30px;
    margin  : 10px;
    float   : right;
    position: relative;
    display : block; 
    z-index: 20;
  }

  .header .navbtn i {
    height    : 2px;
    background: #fff;
    display   : block;
    overflow  : hidden;
    width     : 100%;
    position  : absolute;
    left      : 0;
    transition: all .3s
  }

  .header .navbtn i.bar-1 {
    top: 7px
  }

  .header .navbtn i.bar-2 {
    top: 15px
  }

  .header .navbtn i.bar-3 {
    top: 23px
  }
}
@media(max-width:991px) {
  .header .navbtn.open .bar-1 {
    top      : 50%;
    transform: rotate(45deg)
  }

  .header .navbtn.open .bar-2 {
    height: 0
  }

  .header .navbtn.open .bar-3 {
    top      : 50%;
    transform: rotate(-45deg)
  }
  
  
  
}