@media only screen and (max-width:760px) {
  .hamburger.is-closed .hamb-middle {
    margin-top: -1px;
  }
  .hamburger.is-closed .hamb-top {
    top: 2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 2px;
  }
  .sidebar-nav {
    z-index: 9;
    background-color: #fff;
    padding: 100px 30px 50px;
  }
  .sidebar-nav .sidebar-brand a {
    color: #222;
  }
  .sidebar-nav .sidebar-brand > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 20px;
  }
  .sidebar-nav {
    overflow-y: scroll;
  }
  .headerwrap_current .header {
    background-color: #1a1a1a;
  }
  .sidebar-nav .sidebar-brand .sidebar-brand-there a {
    font-size: 14px;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .hamburger {
    height: 26px;
    right: 2%;
    top: 14px;
    z-index: 10;
    display: block;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #1D3194;
    height: 2px;
  }
  .sidebar-nav .sidebar-brand a .sj{
    border-color: #222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .center{
    width: 100%;
    /* border: 1px solid red; */
  }
  .headerBox .headerInnerBox{
    height: 50px;
  }
  .headerInnerBox .right .headerNav{
    display: none;
  }
  .headerInnerBox .logo{
    width: 130px;
    height: auto;
    margin-left: 10px;
  }
  .headerInnerBox .right{
    margin-right: 50px;
  }
  .headerInnerBox .right .language img{
    width: 18px;
    height: 18px;
  }
  .headerInnerBox .right .language .language-ul>li>a{
    font-size: 14px;
  }
  .headerInnerBox .right .language .language-ul li .two-ul li a{
    font-size: 14px;
  }
  /* index */
  .mySwiper .s-c{
    height: 300px;
  }
  .mySwiper .s-c .item{
    width: 95%;
  }
  .mySwiper .s-c .item h3{
    font-size: 18px;
  }
  .mySwiper .s-c .item h5{
    font-size: 12px;
  }
  .mySwiper .s-c .item h6{
    font-size: 12px;
    line-height: 18px;
    margin: 10px auto 15px;
  }
  .mySwiper .s-c .item a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .mySwiper .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
  }
  .mySwiper .swiper-pagination{
    bottom: 20px;
  }
  .i-index1Box{
    height: auto;
  }
  .i-index1Box .i-index1InnerBox{
    padding: 30px 0;
    width: 95%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: auto;
  }
  .i-index1InnerBox .left{
    width: 100%;
  }
  .i-index1InnerBox .left .video-box{
    width: 100%;
    margin-top: 20px;
  }
  .i-index1InnerBox .left .video-box i{
    font-size: 26px;
  }
  .i-index1InnerBox .right{
    position: unset;
    width: 100%;
    height: 200px;
    margin-top: 20px;
  }
  .i-index1InnerBox .left h6{
    font-size: 12px;
    line-height: 22px;
  }
  .i-index1InnerBox .left a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .i-index2Box{
    height: auto;
  }
  .i-index2Box .i-index2InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .i-index2InnerBox .bottom-swiper-box{
    position: unset;
    width: 100%;
    transform: translateX(0);
    margin-top: 20px;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide .left .text h3{
    font-size: 14px;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide .left .text p{
    font-size: 12px;
    line-height: 22px;
    margin-top: 10px;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide .left .text{
    margin: 20px 0;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide .left a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .i-index2InnerBox .top-swiper-box .swiper-slide .right{
    width: 100%;
    height: 200px;
    border-radius: 8px;
    border: 3px solid #FFFFFF;
    margin-top: 20px;
  }
  .i-index2InnerBox .bottom-swiper-box .swiper-slide{
    height: 100px;
  }
  .i-index2InnerBox .bottom-swiper-box .content{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding-top: 15px;
    /*height: calc(100% - 15px);*/
  }
  .i-index2InnerBox .bottom-swiper-box .content p{
    font-size: 12px;
    margin-top: 5px;
  }
  .i-index2InnerBox .bottom-swiper-box .content .img-box img{
    width: 10px;
    height: 15px;
  }
  .i-index2InnerBox .bottom-swiper-box .content .box{
    width: 10px;
    height: 10px;
    top: -5px;
  }
  .i-index4Box{
    height: auto;
  }
  .i-index4Box .i-index4InnerBox{
    width: 95%;
    padding: 30px 0;
  }
  .i-index4Box .vanta-canvas{
    width: 100% !important;
    height: 100% !important;
  }
  .i-index4InnerBox .content{
    margin-top: 20px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .i-index4InnerBox .content .item{
    width: 100%;
    height: 100px;
    margin-right: 0px;
  }
  .i-index4InnerBox .content .item:not(:first-of-type){
    margin-top: 15px;
  }
  .i-index4InnerBox .content .item.active{
    width: 100%;
    height: 250px;
  }
  .i-index4InnerBox .content .item .flow-content h3{
    font-size: 16px;
  }
  .i-index4InnerBox .content .item .flow-content p{
    font-size: 12px;
    line-height: 22px;
  }
  .i-index4InnerBox .content .item .flow-content a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .i-index4InnerBox .content .item .flow-content h3{
    margin-top: 20px;
  }
  .i-index4InnerBox .content .item .title{
    font-size: 16px;
  }
  .i-index5Box{
    height: auto;
  }
  .i-index5Box .i-index5InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .i-index5InnerBox .my-news-swiper{
    margin-top: 20px;
  }
  .public-top .right .prev, .public-top .right .next{
    width: 20px;
    height: 20px;
  }
  .public-top .right .prev i, .public-top .right .next i{
    font-size: 14px;
  }
  .i-index5InnerBox .my-news-swiper .content .img-box{
    height: 120px;
  }
  .i-index5InnerBox .my-news-swiper .content .time{
    font-size: 12px;
  }
  .i-index5InnerBox .my-news-swiper .content h3{
    font-size: 14px;
  }
  .i-index5InnerBox .my-news-swiper .content .text span{
    font-size: 12px;
    line-height: 22px;
  }
  .i-index5InnerBox .my-news-swiper .content .text{
    height: 45px;
  }
  .i-index5InnerBox .my-news-swiper .content a{
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .i-index6Box{
    height: auto;
  }
  .i-index6Box .i-index6InnerBox{
    width: 95%;
    padding: 30px 0;
  }
  .i-index6InnerBox .text{
    margin-top: 20px;
  }
  .i-index6InnerBox .text p{
    font-size: 12px;
    line-height: 22px;
  }
  .i-index6InnerBox .my-buddy-swiper{
    margin-top: 10px;
    padding-bottom: 30px;
  }
  .i-index6InnerBox .my-buddy-swiper .swiper-pagination-bullet{
    width: 6px;
    height: 6px;
  }
  .i-index6InnerBox .my-buddy-swiper ul li{
    margin-top: 10px;
  }
  .i-index6InnerBox .my-buddy-swiper ul li a{
    height: 70px;
  }
  /* about */
  .top-banner{
    height: 300px;
  }
  .top-banner .content{
    width: 95%;
  }
  .top-banner .content h3{
    font-size: 18px;
  }
  .top-banner .content h6{
    font-size: 12px;
    margin-top: 10px;
  }
  .top-banner .t-b-nav{
    width: 95%;
  }
  .top-banner .t-b-nav p, .top-banner .t-b-nav span, .top-banner .t-b-nav a{
    font-size: 12px;
  }
  .table ul{
     width: 95%;
     overflow-x: auto;
     justify-content: flex-start;
     -webkit-justify-content: flex-start;
  }
  .table ul li{
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    height: 40px;
  }
  .table ul li.active a{
    font-size: 14px;
  }
  .table ul li a{
    font-size: 14px;
    line-height: 40px;
  }
  .table ul span{
    margin: 0 30px;
    height: 30px;
  }
  .a-index1Box{
    padding: 30px 0;
  }
  .a-index1Box h3{
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
  }
  .a-index1Box .a-index1InnerBox{
    width: 95%;
    margin: 20px auto 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .a-index1InnerBox .left h6{
    font-size: 14px;
  }
  .a-index1InnerBox .left .line{
    width: 25px;
    height: 3px;
    margin: 10px 0 10px 0;
  }
  .a-index1InnerBox .left .text{
    font-size: 12px;
    line-height: 22px;
  }
  .a-index1InnerBox .a-video-box{
    width: 100%;
    height: 200px;
    margin-top: 20px;
  }
  .a-index1InnerBox .a-video-box i{
    font-size: 26px;
  }
  .a-index2InnerBox .public-title{
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
  }
  .public-title .public-h3{
    font-size: 18px;
  }
  .public-title .public-p{
    font-size: 14px;
    margin: 5px 0 10px 0;
  }
  .public-title .public-line{
    width: 30px;
    height: 3px;
  }
  .a-index2InnerBox .my-history-swiper{
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
  }
  .a-index2InnerBox .my-history-swiper .content .right .time{
    font-size: 14px;
  }
  .a-index2InnerBox .my-history-swiper .content .right .text p{
    font-size: 12px;
    line-height: 18px;
  }
  .a-index2InnerBox .my-history-swiper .content .right .text p:not(:first-of-type){
    margin-top: 3px;
  }
  .a-index2InnerBox .my-history-swiper .content .right .text{
    margin-top: 5px;
  }
  .a-index2InnerBox .my-history-swiper .content .left span{
    width: 10px;
    height: 10px;
  }
  .a-index2InnerBox .my-history-swiper .content .right{
    margin-left: 10px;
    width: calc(100% - 10px - 1px);
  }
  .a-index2Box .bg{
    object-fit: cover;
    height: 550px;
  }
  .a-index7Box .a-index7InnerBox{
    padding: 30px 0;
    width: 95%;
  }
 .a-index7InnerBox ul{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .a-index7InnerBox ul li{
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px) / 2);
  }
  .a-index7InnerBox ul li:nth-of-type(2n){
    margin-right: 0px;
  }
  .a-index7InnerBox ul li .img-box{
    height: 130px;
  }
  .a-index7InnerBox ul li .content h3{
    font-size: 14px;
    margin-top: 10px;
  }
  .a-index7InnerBox ul li .content h5{
    font-size: 12px;
    margin-top: 10px;
  }
  /* .a-index7InnerBox .container{
    margin: 20px auto 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
  }
  .a-index7InnerBox .container ul{
    width: 50%;
    height: 160px;
    margin: 0 auto;
  }
  .a-index7InnerBox .container .right{
    width: calc(100%);
    margin-left: 0px;
    margin-top: 20px;
  }
  .a-index7InnerBox .container ul li .title{
    font-size: 14px;
  }
  .a-index7InnerBox .container .right .item{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .a-index7InnerBox .container .right .item .img-box{
    width: 50px;
    height: 50px;
  }
  .a-index7InnerBox .container .right .item .content{
    margin-left: 0px;
    margin-top: 10px;
  }
  .a-index7InnerBox .container .right .item .content h3{
    font-size: 14px;
  }
  .a-index7InnerBox .container .right .item .content h5{
    font-size: 12px;
  } */
  .a-index4Box .a-index4InnerBox{
    padding: 30px 0px;
    width: 95%;
  }
  .a-index4InnerBox .my-team-swiper{
    margin-top: 20px;
  }
  .a-index4InnerBox .my-team-swiper .content .top h3{
    font-size: 16px;
  }
  .a-index4InnerBox .my-team-swiper .content .text h5{
    font-size: 14px;
  }
  .a-index4InnerBox .my-team-swiper .content .text h6 span{
    font-size: 12px;
    line-height: 22px;
  }
  .a-index4InnerBox .my-team-swiper .content .bottom .more{
    width: 20px;
    height: 20px;
  }
  .a-index4InnerBox .my-team-swiper .content .bottom .more i{
    font-size: 12px;
  }
  .a-index4InnerBox .details-box{
    height: max-content;
  }
  .a-index4InnerBox .details-box .details{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 25px 0;
  }
  .a-index4InnerBox .details-box i{
    font-size: 24px;
  }
  .a-index4InnerBox .details-box .details .left{
    width: 100px;
    height: auto;
    margin: 0 auto;
  }
  .a-index4InnerBox .details-box .details .right{
    width: 95%;
    margin: 10px auto 0;
  }
  .a-index4InnerBox .details-box .details .right .top h3{
    font-size: 14px;
    line-height: 20px;
  }
  .a-index4InnerBox .details-box .details .right .line{
    margin: 10px 0;
  }
  .a-index4InnerBox .details-box .details .right .top span, .a-index4InnerBox .details-box .details .right .top p{
    font-size: 12px;
    line-height: 20px;
  }
  .a-index4InnerBox .details-box .details .right .top{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .a-index4InnerBox .details-box .details .right .top span{
    margin: 0 5px;
  }
  /*.a-index4InnerBox .details-box .details .right .text .row span{*/
  /*  width: 5px;*/
  /*  height: 5px;*/
  /*  margin-top: 8px;*/
  /*}*/
  /*.a-index4InnerBox .details-box .details .right .text .row p{*/
  /*  font-size: 12px;*/
  /*  margin-left: 5px;*/
  /*  line-height: 20px;*/
  /*  width: calc(100% - 9px - 5px);*/
  /*}*/
  /*.a-index4InnerBox .details-box .details .right .text .row:not(:first-of-type){*/
  /*  margin-top: 5px;*/
  /*}*/
  .a-index4InnerBox .details-box .details .right .text p{
    font-size: 12px;
    margin-left: 5px;
    line-height: 20px;
    padding-left: 15px;
  }
  .a-index4InnerBox .details-box .details .right .text p::before{
    width: 5px;
    height: 5px;
  }
  .a-index4InnerBox .details-box .details .right .text p:not(:first-of-type){
    margin-top: 5px;
  }
  .a-index5Box .a-index5InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .a-index5InnerBox .text{
    font-size: 12px;
    line-height: 22px;
    margin: 20px 0;
  }
  .a-index5InnerBox .my-honor-swiper .swiper-slide{
    height: 250px;
  }
  .a-index5InnerBox .my-honor-swiper .content .img-box{
    height: 180px;
  }
  .a-index5InnerBox .my-honor-swiper .content .bottom h3{
    font-size: 12px;
  }
  .a-index5InnerBox .my-honor-swiper .content .bottom{
    margin-top: 10px;
  }
  .a-index5InnerBox .my-honor-swiper{
    padding-bottom: 30px;
  }
  .a-index5InnerBox .my-honor-swiper .swiper-pagination-bullet{
    width: 10px;
  }
  .a-index5InnerBox .my-honor-swiper .swiper-pagination-bullet-active{
    width: 20px;
  }
  .a-index6Box .a-index6InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .a-index6InnerBox .my-buddy-swiper{
    margin-top: 10px;
    padding-bottom: 30px;
  }
  .a-index6InnerBox .my-buddy-swiper ul li{
    margin-top: 10px;
  }
  .a-index6InnerBox .my-buddy-swiper ul li a{
    height: 70px;
  }
  .a-index6InnerBox .my-buddy-swiper .swiper-pagination-bullet{
    width: 10px;
  }
  .a-index6InnerBox .my-buddy-swiper .swiper-pagination-bullet-active{
    width: 20px;
  }
  /* study */
  .s-index1Box .s-index1InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .s-index1InnerBox .content{
    margin-top: 20px;
  }
  .s-index1InnerBox .content h3{
    font-size: 16px;
  }
  .s-index1InnerBox .n-p-list{
    margin-top: 20px;
  }
  .s-index1InnerBox .n-p-list li .title h3{
    font-size: 16px;
  }
  .s-index1InnerBox .n-p-list li .text{
    margin-top: 20px;
  }
  .s-index1InnerBox .n-p-list li .text p{
    font-size: 12px;
    line-height: 22px;
  }
  .s-index1InnerBox .n-p-list li img{
    margin: 20px auto 0;
  }
  .s-index1InnerBox .n-p-list li:not(:first-of-type){
    margin-top: 30px;
  }
  .s-index1InnerBox .content h6{
    font-size: 12px;
    line-height: 22px;
    margin-top: 15px;
  }
  .s-index1InnerBox .p-list{
    margin-top: 20px;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .s-index1InnerBox .p-list li{
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px) / 2);
    height: 150px;
  }
  .s-index1InnerBox .p-list li:nth-of-type(2n){
    margin-right: 0px;
  }
  .s-index1InnerBox .p-list li a .flow-text h3{
    font-size: 14px;
  }
  .s-index1InnerBox .p-list li a .flow-text h6{
    font-size: 12px;
  }
  .s-index1InnerBox .details{
    margin-top: 20px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .s-index1InnerBox .details .item{
    width: 100%;
  }
  /*.s-index1InnerBox .details .item .row:not(:first-of-type){*/
  /*  margin-top: 5px;*/
  /*}*/
  /*.s-index1InnerBox .details .item .row span{*/
  /*  width: 5px;*/
  /*  height: 5px;*/
  /*  margin-top: 8px;*/
  /*}*/
  /*.s-index1InnerBox .details .item .row p{*/
  /*  width: calc(100% - 9px - 5px);*/
  /*  margin-left: 5px;*/
  /*  font-size: 12px;*/
  /*  line-height: 20px;*/
  /*}*/
  /*.s-index1InnerBox .details .item:not(:first-of-type){*/
  /*  margin-top: 5px;*/
  /*}*/
  .s-index1InnerBox .details .item p::before{
    width: 5px;
    height: 5px;
  }
  .s-index1InnerBox .details .item p{
    padding-left: 15px;
    font-size: 12px;
    line-height: 20px;
  }
  .s-index1InnerBox .details .item:not(:first-of-type){
    margin-top: 5px;
  }
  .s-index1InnerBox .details .item p:not(:first-of-type){
    margin-top: 5px;
  }
  .s-index2Box .s-index2InnerBox{
    width: 95%;
    padding: 30px 0;
  }
  .s-index2InnerBox .my-honor-swiper{
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .s-index2InnerBox .my-honor-swiper .swiper-slide{
    height: 250px;
  }
  .s-index2InnerBox .my-honor-swiper .content .img-box{
    height: 180px;
  }
  .s-index2InnerBox .my-honor-swiper .content .bottom{
    margin-top: 10px;
  }
  .s-index2InnerBox .my-honor-swiper .swiper-pagination-bullet{
    width: 10px;
  }
  .s-index2InnerBox .my-honor-swiper .swiper-pagination-bullet-active{
    width: 20px;
  }
  /* product */
  .p-index1Box .p-index1InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .p-index1InnerBox .p-list{
    margin-top: 20px;
  }
  .p-index1InnerBox .big-title{
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
  }
  .p-index1InnerBox .p-list li{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .p-index1InnerBox .p-list li .left{
    width: 100%;
    height: 180px !important;
  }
  .p-index1InnerBox .p-list li .right{
    width: 100%;
    padding: 10px 0;
  }
  .p-index1InnerBox .p-list li .right .content .line{
    width: 100%;
    margin: 10px 0;
  }
  .p-index1InnerBox .p-list li .right .content h3{
    font-size: 14px;
  }
  .p-index1InnerBox .p-list li .right .content .text{
    font-size: 12px;
    line-height: 22px;
  }
  .p-index1InnerBox .p-list li:not(:first-of-type){
    margin-top: 15px;
  }
  .p-index2Box{
    padding: 30px 0;
  }
  .p-index2Box .p-index2InnerBox{
    width: 95%;
  }
  .p-index2Box ul{
    width: 95%;
    margin: 20px auto 0;
  }
  .p-index2Box ul li:not(:first-of-type){
    margin-top: 15px;
  }
  .p-index2Box ul li .container{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .p-index2Box ul .item1 .left{
    width: 100%;
    padding: 15px 0;
  }
  .p-index2Box ul .item1 .right, .p-index2Box ul .item2 .left{
    width: 100%;
    height: 200px;
  }
  .p-index2Box ul .item1 .left .num{
    font-size: 20px;
    right: 10px;
    top: 15px;
    color: #1D3194;
  }
  .p-index2Box ul .item1 .left .content h3, .p-index2Box ul .item2 .right .content h3{
    font-size: 16px;
  }
  .p-index2Box ul .item1 .left .content .line, .p-index2Box ul .item2 .right .content .line{
    height: 3px;
    margin: 10px 0 15px 0;
  }
  .p-index2Box ul .item1 .left .content .text, .p-index2Box ul .item2 .right .content .text{
    font-size: 12px;
    line-height: 20px;
  }
  .p-index2Box ul .item2 .right{
    margin-left: 0px;
    width: 100%;
    padding: 15px 0;
  }
  .p-index2Box ul .item2 .right .num{
    font-size: 20px;
    color: #1D3194;
    right: 10px;
    top: 15px;
  }
  /* product-case */
  .p-c-index1Box .p-c-index1InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .p-c-index1InnerBox ul li{
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 10px) / 2);
  }
  .p-c-index1InnerBox ul li:nth-of-type(2n){
    margin-right: 0px;
  }
  .page .el-pagination .btn-prev .el-icon-arrow-left:before{
    font-size: 12px;
  }
  .p-c-index1InnerBox ul li a .img-box{
    height: 170px;
  }
  .p-c-index1InnerBox ul li a .text{
    height: 40px;
  }
  .p-c-index1InnerBox ul li a .text p{
    font-size: 12px;
  }
  /* news */
  .n-index1Box .n-index1InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .n-index1InnerBox .n-list{
    margin-top: 20px;
  }
  .n-index1InnerBox .n-list li{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .n-index1InnerBox .n-list li .left{
    width: 100%;
  }
  .n-index1InnerBox .n-list li .mide{
    width: calc(100% - 30px);
    padding: 10px 0;
  }
  .n-index1InnerBox .n-list li .mide h3{
    font-size: 14px;
  }
  .n-index1InnerBox .n-list li .mide .time{
    font-size: 12px;
    margin: 10px auto;
  }
  .n-index1InnerBox .n-list li .mide .text{
    font-size: 12px;
    line-height: 20px;
  }
  .n-index1InnerBox .n-list li a{
    width: 25px;
    height: 25px;
  }
  .n-index1InnerBox .n-list li:not(:first-of-type){
    margin-top: 20px;
  }
  /* m-details */
  .n-d-index1Box .n-d-index1InnerBox{
    padding: 30px 0;
    width: 95%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .n-d-index1InnerBox .left{
    width: 100%;
  }
  .n-d-index1InnerBox .right{
    width: 100%;
  }
  .n-d-index1InnerBox .left h4{
    font-size: 18px;
  }
  .n-d-index1InnerBox .left .time{
    font-size: 12px;
    margin-top: 20px;
  }
  .n-d-index1InnerBox .left .line{
    margin: 20px 0;
  }
  .n-d-index1InnerBox .left .content p{
    font-size: 12px;
    line-height: 22px;
  }
  .n-d-index1InnerBox .left .bottom{
    margin-top: 30px;
    width: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .n-d-index1InnerBox .left .bottom .b-l a{
    font-size: 12px;
    line-height: 22px;
  }
  .n-d-index1InnerBox .left .bottom .back{
    width: 100px;
    height: 35px;
  }
  .n-d-index1InnerBox .left .bottom .back .jt{
    width: 35px;
    height: 35px;
  }
  .n-d-index1InnerBox .left .bottom .back p{
    width: calc(100% - 35px);
    font-size: 12px;
    line-height: 35px;
  }
  .n-d-index1InnerBox .left .bottom .back .jt i{
    font-size: 16px;
  }
  .n-d-index1InnerBox .left .bottom .b-l a:last-of-type{
    margin-top: 10px;
  }
  .n-d-index1InnerBox .left .bottom .b-l{
    width: calc(100% - 100px - 20px);
  }
  .n-d-index1InnerBox .right .content .title p{
    font-size: 16px;
  }
  .n-d-index1InnerBox .right .content ul li a h4{
    font-size: 14px;
  }
  .n-d-index1InnerBox .right .content ul li a .time{
    font-size: 12px;
    margin-top: 10px;
  }
  /* contact */
  .c-index1Box .c-index1InnerBox{
    width: 95%;
    padding: 30px 0;
  }
  .c-index1InnerBox .map-box{
    margin-top: 20px;
    height: 300px;
  }
  #map .c-map-h4{
    font-size: 14px;
  }
  #map .c-map-p{
    font-size: 12px;
  }
  .c-index1InnerBox .bottom{
    margin-top: 30px;
    padding-top: 20px;
  }
  .c-index1InnerBox .bottom .content .text p{
    font-size: 12px;
  }
  .c-index1InnerBox .bottom .content .text h6{
    font-size: 12px;
    margin-top: 10px;
  }
  .c-index1InnerBox .bottom .content i{
    font-size: 30px;
  }
  .c-index1InnerBox .bottom .line{
    margin: 20px auto;
  }
  .c-index1InnerBox .bottom .list{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .c-index1InnerBox .bottom .list .row{
    width: 100%;
  }
  .c-index1InnerBox .bottom .list .row:not(:first-of-type){
    margin-top: 20px;
  }
  .c-index1InnerBox .bottom .list .row .left{
    width: 30px;
    height: 30px;
  }
  .c-index1InnerBox .bottom .list .row .left i{
    font-size: 14px;
  }
  .c-index1InnerBox .bottom .list .row .right span{
    font-size: 12px;
  }
  .c-index1InnerBox .bottom .list .row .right p{
    font-size: 12px;
    margin-top: 0px;
  }
  .r-index1Box .r-index1InnerBox{
    padding: 30px 0;
    width: 95%;
  }
  .r-index1InnerBox .top{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .r-index1InnerBox .top .list{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 20px;
  }
  .r-index1InnerBox .top .list .row:not(:first-of-type){
    margin-top: 20px;
  }
  .r-index1InnerBox .top .list .row .left{
    width: 30px;
    height: 30px;
  }
  .r-index1InnerBox .top .list .row .left i{
    font-size: 14px;
  }
  .r-index1InnerBox .top .list .row .right span{
    font-size: 12px;
  }
  .r-index1InnerBox .top .list .row .right p{
    font-size: 12px;
    margin-top: 0px;
  }
  .r-index1InnerBox .r-list{
    margin-top: 20px;
  }
  .r-index1InnerBox .r-list li .hd .content .name{
    font-size: 12px;
    width: calc(100% - 80px - 100px - 5px - 5px);
    text-align: center;
  }
  .r-index1InnerBox .r-list li .hd .content .right .text{
    margin-right: 0px;
    font-size: 12px;
    width: 100px;
    text-align: center;
    margin-right: 5px;
  }
  .r-index1InnerBox .r-list li .hd .content .right .btn{
    width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }
  .r-index1InnerBox .r-list li.active .container{
    padding: 20px 0;
  }
  .r-index1InnerBox .r-list li .container .content{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .r-index1InnerBox .r-list li .container .content .item{
    width: 100%;
  }
  .r-index1InnerBox .r-list li .container .content .item:not(:first-of-type){
    margin-top: 20px;
  }
  .r-index1InnerBox .r-list li .container .content .item h3{
    font-size: 14px;
  }
  .r-index1InnerBox .r-list li .container .content .item h3:not(:first-of-type){
    margin-top: 20px;
  }
  .r-index1InnerBox .r-list li .container .content .item .text p{
    font-size: 12px;
    line-height: 22px;
  }
  .r-index1InnerBox .r-list li .container .content .item .text a{
    font-size: 12px;
    line-height: 35px;
    width: 100px;
    height: 35px;
  }
  .r-index1InnerBox .r-list li .container .content .item .text{
    margin-top: 15px;
  }
  .r-index1InnerBox .r-list li .container .content .item .text p:not(:first-of-type){
    margin-top: 5px;
  }
  .dialog img{
    width: 70%;
    height: auto;
  }
  .footerBox .footerInnerBox{
    width: 95%;
  }
  .footerInnerBox .top{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .footerInnerBox .top .right{
    width: 100%;
    margin-top: 20px;
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
  }
  .footerInnerBox .top .right .box p{
    font-size: 12px;
  }
  .footerInnerBox .top .right .item{
    width: 40px;
    height: 40px;
  }
  .footerInnerBox .top .right .item .flow-img{
    width: 50px;
    height: 50px;
    padding: 2px;
    top: -54px;
  }
  .footerInnerBox .mide{
    padding: 20px 0;
  }
  .footerInnerBox .mide .container{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .footerInnerBox .mide .container .left{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .footerInnerBox .mide .container .left .title span{
    font-size: 14px;
  }
  .footerInnerBox .mide .container .left .title i{
    font-size: 16px;
  }
  .footerInnerBox .mide .container .left .phone{
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 0 15px;
  }
  .footerInnerBox .mide .container .left .qr{
    width: 100%;
    margin-top: 20px;
  }
  .footerInnerBox .mide .container .left .qr h6{
    font-size: 14px;
  }
  .footerInnerBox .mide .container .left .qr .box{
    justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    margin-top: 10px;
  }
  .footerInnerBox .mide .container .right{
    display: none;
  }
  .footerInnerBox .mide .bottom{
    margin-top: 20px;
  }
  .footerInnerBox .mide .bottom p{
    font-size: 12px;
    text-align: center;
    width: 100%;
  }
  .footerInnerBox .link a{
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
  }
}