li{
      list-style-type: none;
  }
  .clear{
      clear: both;
  }
  .kuang {
      width: 1200px;
      display: inline-block;
      position: relative;
  }
  .nav ul li{
    float:left;
    margin:0px 7px;
    position: relative;
    height: 100px;
    line-height: 100px;
  }
  .nav ul li ul.sub-menu{
      position: absolute;
      left: 0;
      text-align: center;
      background: #fff;
      display: none;
  }
  .nav ul li ul li,.nav ul li ul li a{
      height: 40px;
      line-height: 40px;
      margin: 5px 0px;
  }
  
  .nav ul li a{
    padding: 7px 23px;
    border-radius: 20px;
  }
  .nav ul li.current_page_item a,.nav ul li.current-menu-item a,.nav ul li.current-menu-parent a,.nav ul li.current-post-parent a{
    background: rgb(236 0 25);
      color: #fff;
  }
  .nav ul li.current-menu-parent ul li a,.nav ul li.current-menu-item ul li a{
      color:#000;
  }
  .nav ul li.current-menu-item ul li a,.nav ul li.current-menu-parent ul li a{
      background: #fff !important;
  }
  .nav ul li.current_page_item ul li a{
      color: rgb(236 0 25);
  }
  .nav ul li ul li.current-menu-item  a{
      color: rgb(236 0 25);
  }
  .nav ul li ul li a:hover{
      background: #fff;
      color: rgb(236 0 25);
  }
  .kuang_1400 {
      width: 1400px;
      display: inline-block;
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      margin: 0 auto;
  }
  .phone{
    color: rgb(235, 29, 78);
    font-size:18px;
  }
  .nav ul li.cur a{
    background: rgb(236 0 25);
    color: #fff;
  }
  .nav ul li a:hover{
    background: rgb(236 0 25);
    color: #fff;
  }
  
  #banner{
    width: 100%;
    height: 805px;
    cursor: default;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    outline: none;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-image: url(../images/banner.jpg);
    text-align: center;
    color: #fff;
  }
  #banner h1{
    margin-top: 25%;
    margin-bottom: 20px;
    font-size: 48px;
  }
  #banner p{
    line-height: 30px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    display: inline-block;
  }
  #banner ul li {
    display: inline-block;
    margin: 50px 30px 0px 30px;
  }
  #banner ul li a{
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-size: 14px;
    transition: 0.2s all;
  }
  #banner ul li:last-child a{
    border: 1px solid #ec0019;
    background-color: #ec0019;
  }
  #banner ul li a:hover{
    border: 1px solid #ec0019;
    background-color: #ec0019;
  }
  #banner ul li:last-child a:hover{
    border: 1px solid #fff;
    background-color: transparent;
  }
  #container{
    text-align: center;
    margin: 30px 0px;
  }
  .banner{
      background-position: center;
      height: 500px;
      background-size: cover;
  }
  .moblie_head,.a_txt{
    display: none;
  }
  #contact_con{
    text-align: center;
    margin: 50px 0px;
  }
  .contact_dsc{
    margin: 20px 0px 80px 0px;
  }
  .contact_list {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-around;
      align-items: flex-start;
  }
  .contact_list li{
    border-radius: 10px;
    background: #f7f7f7;
    padding: 5% 1%;
    width: 28%;
    min-height: 189px;
  }
  
  .contact_list li p {
      width: 80%;
      display: inline-block;
      text-align: center;
      font-size: 14px;
      line-height: 24px;
      margin: 5px 0px;
  }
  #map {
      overflow: hidden;
      width: 100%;
      height: 600px;
      margin: 50px 0px;
  }
  .smoke_left_list{
    width: 65%;
    float: left;
  }
  .smoke_left_list ul li {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      justify-content: flex-start;
      color: rgb(0, 0, 0);
      margin: 2px 0px;
  }
  .spc_thr_ss_text{
      line-height: 28px;
      text-align: left;
      display: inline-block;
  }
  .smoke_left_list_text{
    font-family: 'fontface__瀹嬩綋__3__1470887684514';
    margin-left: 40px;
    font-size: 24px;
  }
  .smoke_left_list_text span,.smoke_right_box h2 span{
    color:rgb(235, 29, 78);
  }
  .smoke_right_box{
    width: 30%;
    float: right;
    margin-top: 100px;
    text-align: left;
  }
  .smoke_right_box h2{
    font-size: 36px;
    color: rgb(75, 75, 75);
  }
  .smoke_right_box_dsc{
    font-size: 20px;
      color: rgba(75, 75, 75, 0.3);
  }
  .smoke_right_box_con{
    margin-top: 30px;
    color: rgb(75, 75, 75);
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
  }
  .smoke_right_box_more{
    float: right;
    margin-top: 50px;
  }
  .smoke_right_box_more a:hover{
      background-color: #fff;
      color: rgba(236, 0, 25, 1);
      border: 1px solid rgba(236, 0, 25, 1);
  }
  .smoke_right_box_more a {
    border: 1px solid rgba(236, 0, 25, 1);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    background: rgba(236, 0, 25, 1);
    padding: 10px 40px;
    border-radius: 20px;
    transition: 0.2s;
  }
  
  #about_container {
    height: 880px;
    width: 100%;
    height: 805px;
    cursor: default;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    outline: none;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-image: url(../images/about.jpg);
    text-align: center;
    color: #fff;
  }
  .about_left_box{
    width: 40%;
    float: left;
    margin-top: 30%;
    text-align: left;
  }
  .about_left_box h2{
    font-size: 36px;
  }
  .about_dsc{
    color: rgba(255, 255, 255, 0.545);
    font-size: 20px;
  }
  .about_con {
      color: rgb(255, 255, 255);
      font-size: 16px;
      text-align: justify;
      line-height: 30px;
      text-indent: 40px;
      margin-top: 30px;
  }
  .about_more{
    margin-top: 50px;
    float: left;
  }
  
  .about_more a {
    border: 1px solid #fff;
    color: rgba(236, 0, 25, 1);
    display: inline-block;
    font-size: 16px;
    background: #fff;
    padding: 10px 40px;
    border-radius: 20px;
    transition: 0.2s;
  }
  .about_more a:hover{
    color: #fff;
    background: rgba(236, 0, 25, 1);
    border: 1px solid rgba(236, 0, 25, 1);
  }
  #solutions{
    text-align: center;
    padding: 50px 0px;
    background-color: #fafafa;
  }
  .big_half_title{
    font-size: 36px;
    color: rgb(53, 53, 53);
  }
  .big_half_title span{
    color: rgb(235, 29, 78);
  }
  .half_title{
    font-size: 28px;
    color: rgb(53, 53, 53);
  }
  .half_title span {
    color: rgb(235, 29, 78);
  }
  .half_dsc {
    font-size: 24px;
    color: rgba(75, 75, 75, 0.3);
  }
  .solu_more{
    float: right;
    margin-top: 20px;
  }
  .solu_more a{
    color: rgba(236, 0, 25, 1);
    font-size: 14px;
    border:1px solid rgba(236, 0, 25, 1);
    padding: 7px 25px;
  }
  .solu_more a:hover{
    color: #fff;
    background-color: rgba(236, 0, 25, 1);
    border:1px solid #fff;
  }
  .solu_top_box img{
    float: left;
    margin-top: 40px;
    width: 64%;
  }
  .solu_top_box_right {
      padding: 30px;
      float: right;
      background: #fff;
      box-shadow: 9px 7px 19px #ccc;
      position: absolute;
      width: 450px;
      right: 0;
      text-align: left;
      top: -10px;
  }
  
  .solu_top_box_right p{
    color: rgb(51, 51, 51);
    font-size: 15px;
    margin: 30px 0px;
    line-height: 24px;
    text-indent: 30px;
  }
  .solu_bottom_box{
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .solu_bottom_box .solu_more{
    float: left;
  }
  .solu_top_box_left {
      padding: 30px;
      float: left;
      background: #fff;
      box-shadow: 9px 7px 19px #ccc;
      width: 450px;
      text-align: left;
      margin-top: 70px;
  }
  
  .solu_top_box_left p{
    color: rgb(51, 51, 51);
    font-size: 15px;
    margin: 30px 0px;
    line-height: 28px;
    text-indent: 30px;
  }
  .solu_bottom_box img{
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 689px;
    z-index: 1;
  }
  .solu_top_box{
      position: relative;
      display: inline-block;
      width: 100%;
      margin-top:50px;
      z-index: 99;
  }
  .uoubest{
    margin-top: 100px;
  }
  .uoubest_dsc{
    line-height: 28px;
    text-indent: 20px;
    text-align: left;
    font-size: 15px;
    margin: 40px 20px;
  }
  .uoubest_dsc p{
    margin: 20px;
  }
  .uoubest_dsc p span{
    color: rgb(235, 29, 78);
  }
  .new_uoubest_dsc{
    width: 40%;
    float: left;
  }
  .new_uoubest_dsc p{
    margin: 30px 0px;
  }
  .new_uoubest img {
    width: 55%;
    float: right;
    margin-top: 70px;
  }
  .new_uoubest_more a{
    border: 1px solid rgba(236, 0, 25, 1);
    color: rgba(236, 0, 25, 1);
    display: inline-block;
    font-size: 14px;
    padding: 15px 50px;
    transition: 0.2s;
  }
  .new_uoubest_more a:hover{
    background: rgba(236, 0, 25, 1);
    color:#fff;
  }
  #news{
    height: 877px;
    width: 100%;
    cursor: default;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    outline: none;
    margin: 0px auto;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-image: url(../images/new.jpg);
    text-align: center;
    color: #fff;
  }
  #news .big_half_title{
    margin-top: 100px;
  }
  .news_list{
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: flex-start;
  }
  .news_list li{
    width: 30%;
    margin: 1%;
    display: inline-block;
    background: #fff;
    vertical-align: top;
  }
  .news_list li img{
    max-height: 300px;
  }
  .news_list_box{
    padding: 20px;
    text-align: left;
  }
  .news_list_box h2{
    color: rgba(75, 75, 75, 1);
    font-size: 16px;
    margin-bottom: 10px;
  }
  .news_list_box p{
    color: rgba(75, 75, 75, 1);
    font-size: 14px;
  }
  
  .news_more a {
      border: 1px solid rgba(236, 0, 25, 1);
      color: #fff;
      display: inline-block;
      font-size: 14px;
      padding: 15px 50px;
      transition: 0.2s;
      background-color: rgba(236, 0, 25, 1);
      margin-top: 50px;
  }
  .news_more a:hover {
    background: #fff;
    color: rgba(236, 0, 25, 1);
  }
  #system_content{
      text-align: center;
      margin: 80px 0px;
  }
  .system_text {
      margin-top: 80px;
      text-align: left;
      color: #666666;
      text-align: justify;
      line-height: 32px;
      display: flex;
      flex-direction: row;
      align-content: center;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center;
  }
  .system_text p{
    margin: 20px 0px;
  }
  .system_text_left{
    float: left;
    width:48%;
  }
  .system_text_right{
    width:48%;
    float: right;
  }
  .imgtest{
    float: left;
    width:100%;
  }
  
  .system_text_right h2 {
      font-size: 18px;
      line-height: 29px;
      text-indent: 40px;
  }
  .biaozhun{
    margin-top: 80px;
  }
  .biaozhun_text{
    text-align: left;
    line-height: 28px;
  
  }
  .biaozhun_text p{
    margin: 30px 0px;
    color: #4a4a4a;
  }
  #system_content_sec{
    text-align: center;
    margin: 80px 0px;
    background-color: #fff;
      padding-top: 80px;
  }
  .sys_compare {
      margin-top: 50px;
  }
  .sheji{
      margin: 80px 0px;
  }
  .she_dsc_text{
      margin: 30px 0px;
      text-align: left;
      line-height: 28px;
  }
  
  .she_table table,.she_table table tr th,.she_table table tr td { border:2px solid #000;}
  .she_table table tr th{
      background: #4587e8;
      color: #fff;
  }
  .she_table table tr th,.she_table table tr td{
      padding: 5px 10px;
  }
  .she_table table { width: 100%; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse;}   
  .she_table h2{
      color: red;
      margin: 20px 0px;
  }
  .she_right_text{
      border-top: 2px solid red;
      border-bottom: 2px solid red;
      padding: 20px;
      width: 70%;
      float: right;
      text-align: left;
      line-height: 28px;
  }
  .she_right_text p{
      margin: 10px 0px;
  }
  .she_bt{
      margin: 50px 0px;
  }
  .she_bt2{
      text-align: left;
  }
  .she_bt_tit{
      font-weight: bold;
      font-size: 18px;
      margin: 20px 0px 5px 0px; 
  }
  .she_bt2 p{
      font-size: 16px;
      line-height: 28px;
  }
  .sys_compare table{
      margin: 50px 0px;
  }
  .swiper {
    width: 100%;
    height: 100%;
  }
  
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
  
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mySwiper {
      overflow: hidden;
      float: left;
      position: relative;
      height: 360px;
      border-radius: 5px;
  }
  .text_right{
    text-align: left;
    line-height: 28px;
  }
  #system_content_thr{
    text-align: center;
    margin: 80px 0px;
    background-color: #fff;
  }
  .thr_ss_text{
      text-align: justify;
      color:#666666;
      line-height: 28px;
  }
  .thr_ss_text p{
    margin: 30px 0px;
  }
  .thr_ss_text p span{
      color: rgb(230, 0, 18);
  }
  .dsc_text{
    margin:30px;
    color: rgb(51, 51, 51);
  }
  .ban_ul{
    margin:30px 0px;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .ban_list{
      margin: 80px 0px;
  }
  .ban_ul li {
      background: #f6f6f6;
      padding: 10px 0px;
      font-weight: bold;
      display: inline-block;
      border-radius: 20px;
      width: 48%;
      margin: 10px 0px;
      text-align: center;
  }
  .ban_list .half_title{
    margin-bottom: 30px;
  }
  #system_content_sec .system_text .system_text_right {
    text-indent: 40px;
  }
  .pd_con{
    text-align: center;
    margin: 80px 0px;
  }
  .page{
    margin-top: 50px;
  }
  .page ul{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
  }
  .page ul li{
    margin: 5px;
  }
  .page ul li a.active{
      color: #ec0019;
  }
  #pd_content{
    text-align:center;
    margin: 80px 0px;
  }
  .pd_list ul li {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      align-items: center;
      width: 100%;
      margin: 20px 0px;
      justify-content: space-between;
  }
  .pd_list ul li a{
    display:inline-block;
    width: 48%;
  }
  .pd_list ul li img{
      width: 100%;
      height: auto;
  }
  .pd_list_tit {
      width: 50%;
      padding-bottom:20px;
      text-align: center;
      border-bottom: 1px dotted #ccc;
      font-weight:bold;
      font-size:20px;
  }
  .pd_list{
    margin-top:50px;
  }
  .case_list {
    margin-top: 50px;
  }
  .case_list ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-content: center;
      justify-content: flex-start;
      align-items: flex-start;
  }
  .case_list ul li {
      width: 31%;
      display: inline-block;
      margin: 2% 1%;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: -1px 2px 8px #ccc;
      text-align:left;
  }
  .case_list ul li img{
    max-height: 300px;
  }
  .case_box{
    padding:20px;
  }
  .case_dsc{
    line-height: 24px;
    color: #878787;
    white-space: normal;
    margin-top: 14px;
    font-size: 14px;
  }
  #case_img{
    text-align: center;
    margin: 50px 0px;
  }
  #case_img .big_half_title{
    margin-bottom: 50px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #ccc;
  }
  #case_img .swiper{
  overflow: hidden;
  }
  #case_img  .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #case_img .swiper-slide {
    background-size: cover;
    background-position: center;
  }
  
  #case_img .mySwiper2 {
    height: 80%;
    width: 100%;
  }
  
  #case_img .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  
  #case_img .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }
  
  #case_img .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }
  
  #case_img .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about_text{
    margin-top: 30px;
    color: rgb(75, 75, 75);
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    text-indent: 40px;
    text-align: center;
  }
  .about_text p{
    margin: 20px 0px;
    /*text-align: left;*/
  }
  #number{
    text-align: center;
    background-color: #fff;
    font-size: 0;
    padding: 100px 0px;
  }
  .number_tit{
    font-size: 34px;
    margin-top: 170px;
    margin-bottom: 90px;
  }
  .number_tit img{
    margin-left: 5px;
    vertical-align: sub;
  }
  #number ul li{
    display: inline-block;
    width: 20%;
    font-size: 16px;
  }
  #number ul li .number{
    font-size:36px;
    font-weight: bold;
    color:#000;
  }
  .number_text{
    margin-top:10px;
  }
  #about_content {
      text-align: center;
      padding: 80px 0px;
      background: whitesmoke;
  }
  #pd_de{
    text-align:center;
    margin:50px 0px;
  }
  .pd_de_nav{
    border-bottom:1px dotted #ccc;
    color:#c40000;
    padding-bottom:10px;
    text-align:left;
    margin-bottom:40px;
  }
  .pd_de_left {
      width: 50%;
      float: left;
      position: relative;
      height:470px;
  }
  .pd_de_left .swiper{
    overflow: hidden;
  }
  .pd_de_left .mySwiper2 {
    height: 75%;
    width: 100%;
    float: right;
  }
  .pd_de_left .mySwiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .pd_de_left .mySwiper {
    height: 20%;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 5px;
    float: left;
    cursor: pointer;
  }
  
  .pd_de_left .mySwiper .swiper-slide img{
    border:1px solid #ccc;
  }
  .pd_de_left .mySwiper .swiper-slide-thumb-active img{
    opacity: 1;
    border:1px solid red;
  }
  .pd_de_left .mySwiper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-direction: row;
  }
  .pd_de_tit {
    color: #585858;
    margin: 0;
    font-size: 20px;
    text-align: left;
    word-break: break-word;
  }
  .pd_de_tel a {
    border: 1px solid #c40000;
    color: #c40000;
    padding: 8px 20px;
    display: inline-block;
    float: left;
    margin-top: 30px;
    border-radius: 5px;
  }
  .pd_de_right{
    width: 45%;
    float: right;
  }
  .pd_con{
    text-align: center;
  }
  .pd_con_nav{
    height: 50px;
    line-height: 50px;
    display: inline-block;
    width: 100%;
    border:1px solid #ccc;
    text-align: left;
    color: #c40000;
  }
  .pd_con_nav span {
      border-top: 2px solid #c40000;
      display: inline-block;
      padding: 0px 4%;
      border-right: 1px solid #ccc;
  }
  #news_banner{
      text-align: center;
      margin: 50px 0px;
  }
  .single_tit{
      border-bottom: 1px dotted #ccc;
  }
  .post_details {
      font-size: 14px;
      margin: 10px 0px;
  }
  .post_details span {
      margin: 0px 10px;
  }
  @media screen and (max-width: 1400px) {
    .kuang{
      width: 95%;
    }
    #container  .kuang{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-content: center;
      align-items: center;
      margin: 0 auto;
    }
    .smoke_right_box{
      margin-top: 0px;
    }
    .smoke_left_list ul li img{
      width: 50%;
    }
    .smoke_left_list_text {
      margin-left: 0px;
      font-size: 16px;
      width: 48%;
    }
    .about_con {
      color: rgb(255, 255, 255);
      font-size: 14px;
      text-align: justify;
      line-height: 28px;
      text-indent: 40px;
      margin-top: 20px;
    }
    .about_more {
      margin-top: 20px;
      float: left;
    }
    #about_container {
      height: 600px;
      width: 100%;
    }
    .smoke_right_box h2,.about_left_box h2,.half_title{
      font-size: 28px;
    }
    .smoke_right_box_dsc,.about_dsc {
      font-size: 16px;
    }
    .about_left_box {
      width: 48%;
      margin-top: 230px;
    }
    .about_more a ,.smoke_right_box_more a{
      padding: 8px 25px;
      font-size: 14px;
    }
    .solu_top_box img {
      float: left;
      margin-top: 40px;
      width: 58%;
    }
    .solu_top_box_right {
      padding: 3%;
      width: 40%;
    }
    .solu_top_box_left {
      padding: 3%;
      width: 40%;
    }
    .solu_bottom_box img {
      position: absolute;
      right: 0;
      bottom: 40px;
      width: 54%;
      z-index: 1;
    }
    .solu_top_box_right p,.solu_top_box_left p,.uoubest_dsc,.smoke_right_box_con,#footer,.footer_nav li a,.news_list_box p{
      font-size: 14px;
      line-height: 28px;
    }
    .solu_more {
      float: right;
      margin: 0px;
    }
    .kuang_1400 {
      width: 95%;
    }
    .phone {
      color: rgb(235, 29, 78);
      font-size: 16px;
    }
    .nav ul li a {
      padding: 5px 15px;
      border-radius: 20px;
      font-size: 14px;
    }
    .nav ul li {
      float: left;
      margin: 0px 2px;
    }
    #header .logo{
      width: 130px;
    }
    .solu_top_box_left p,.solu_top_box_right p {
      margin: 15px 0px;
    }
  }