#allmap>div>div:nth-child(2)>div:nth-child(5)>span:nth-child(even)>div{
    display:none!important;
    transition:all 0.8s;
  }
  .index_news,.bx-wrapper,.touch {
      margin-bottom: 6%;
  }
  .touch{
      overflow:hidden;
  }
  .no_touch{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
  /**banner begin**/
  .banner_brend{
      position: relative;
      padding-bottom: 510px;
      z-index: 1;
      overflow:hidden;
  }
  .bannerBox li img.video{display: none;}
  .bannerBox{
      width: 100%;
      overflow: hidden;
  }
  .bannerBox .bannerSlide {
      text-align: center;
  }
  .bannerBox .bannerSlide video {
      width: 100%;
  }
  .bannerBox li {
      position: relative;
  }
  .bannerBox li img{
      max-width: inherit;
      width: 100%;
      display: inline-block;
  }
  .bannerBox li .text{
      width: 100%;
      position: absolute;
      left:60px;
      top:42%;
      color:#fff;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0;
      filter: alpha(opacity=0);
  }
  
  .bannerBox li .text b{
      display: block;
      text-align: left;
      margin-bottom: 3%;
  }
  body>.desc{
          display:block;
      }
  .bannerBox li .text a{
      display: block;
      font-size: 12px;
      width: 7%;
      color:#fff;
      line-height: 32px;
      border-radius: 25px;
      border:1px solid #fff;
  }
  .bx-controls{
      display: none;
  }
  .mobile_video{
      display:none;
  }
  /**banner end**/
  
  /**鍝佺墝涓庡垱鏂� begin**/
  .index_brand{
      position: absolute;
      left:50%;	
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: -13%;
      opacity: 0;
      filter:alpha(opacity=0);
      z-index: 51;
      overflow: hidden;
  }
  .index_brand .left{
      width: 40%;
      float: left;
      position: relative;
      padding-bottom: 13%;
      padding-top:9%;
  }
  .index_brand .left .h2_box{
      position: absolute;
      left:60px;
      opacity: 0;
      filter:alpha(opacity=0);
      bottom: 0;
  }
  .index_brand .left .h2_box p{
      font-size: 16px;
      color:#7f7674;
      line-height: 30px;
      padding-right: 11%;
  }
  .index_brand .left .buy{
      display: block;
      padding:5% 14% 24%;
      background-color: #f9f3cc;
      text-align: center;
      position: relative;
  }
  .index_brand .left .buy span{
      position: absolute;
      left:5%;
      top:3%;
  }
  .index_brand .left .buy .text{
      width: 80%;
      margin:0 10%;
      padding:5% 16.5%;
      font-size: 16px;
      background-color: rgba(255,255,255,0.9);
      position: absolute;
      left:0;
      bottom: 6%;
  }
  .index_brand .left .buy em{
      display: block;
      background-color: #d41924;
      line-height: 50px;
      width: 68.15%;
      border-radius: 25px;
      color:#fff;
      font-size: 16px;
      margin:11% auto 0;
  }
  .index_brand .right{
      width: 60%;
      float: left;
      padding-top:20%;
      position: relative;
  }
  .index_brand .right .con .example{
      width: 66.7%;
      float: left;
      position: relative;
      height: 0;
      padding-bottom: 66.6%;
      overflow: hidden;
      margin-bottom: 0;
  }
  .index_brand .right .con .example span{
      position: absolute;
      left:5%;
      bottom: 5%;
      color:#fff;
  }
  .index_brand .right .con_right{
      width: 33.3%;
      float: left;
  }
  .index_brand .right .con_right a{
      display: block;
      position: relative;
      height: 0;
      overflow: hidden;
      padding-bottom: 100%;
  }
  .index_brand .right .con_right a span{
      position: absolute;
      left:7%;
      top:5%;
  }
  .index_brand .right .con_2{
      width: 66.7%;
      position: absolute;
      left:0;
      top:0;
  }
  .index_brand .right .con_2 a{
      width: 50%;
      float: right;
      height: 0;
      overflow: hidden;
      padding-bottom: 50%;
      position: relative;
      
  }
  .index_brand .right .con_2 a span{
      position: absolute;
      left:7%;
      top:5%;
  }
  .index_brand .right .con_2 a:nth-child(2) span{	
      left:50%;
      top:50%;
      color:#fff;	
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  }
  .index_brand a img{
      -webkit-transition: all 0.6s ease 0.1s;
      -moz-transition: all 0.6s ease 0.1s;
      -ms-transition: all 0.6s ease 0.1s;
      -o-transition: all 0.6s ease 0.1s;
      transition: all 0.6s ease 0.1s;
  }
  .index_brand a:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  /**鍝佺墝涓庡垱鏂� end**/
  
  /**index_news begin**/
  .index_news .h2_box{
      margin-bottom: 1.5%;
  }
  .index_news .h2_box h2{
      float: left;
  }
  .index_news .h2_box a{
      float: right;
      padding-top:2%;
  }
  .index_news .h2_box a:hover{
      color:#cf000d;
  }
  .index_news li{
      width: 32%;
      float: left;
      position: relative;
      top:120px;
      opacity: 0;
      filter:alpha(opacity=0);
  }
  .index_news li:nth-child(2){
      margin:0 2%;
  }
  .index_news li>a{
      display: block;
  }
  .index_news li .img{
      height: 0;
     text-align:center;
      overflow: hidden;
      padding-bottom: 55%;
  }
  .index_news li img{
      -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease;
  }
  .index_news li:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .index_news li .content{
      padding:5%;
      border:1px solid #e7e7e7;
  }
  .index_news li .title{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 3%;
  }
  .index_news li .time{
      color:#838383;
  }
  .index_news li p{
      height: 4.5em;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
      margin-bottom: 7%;
      color:#666;
  }
  .index_news li:hover .title{
      color:#cf000d;
  }
  /**index_news end**/
  
  /**citizens begin**/
  .citizens{
      height: 0;
      overflow: hidden;
      padding-bottom: 32%;
      position: relative;
      margin-bottom: 3%;
  }
  .citizens a{
      position: absolute;
      left:0%;
      bottom: 0%;
      width: 100%;
      height: 100%;
      color:#fff;
  }
  .citizens a>div{
      height: 100%;
  }
  .citizens a .text{
      position: relative;
      bottom: -55%;
      left:0;
  }
  .citizens a .text b,.citizens a .text span{
      display: block;
      position: relative;
      z-index: 2;
      opacity: 0;
      filter:alpha(opacity=0);
  }
  .citizens a .text b{
      padding-top:1.5%;
      padding-left: 1%;
      margin-bottom: 2%;
      left:-60px;
  }
  .citizens a .text span{
      padding-left: 9.5%;
      right:-60px;
  }
  .citizens a .text em{
      display: block;
      width: 230px;
      height: 180px;
      background-color: #c51b13;
      position:absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 0;
      filter:alpha(opacity=0);
  }
  #map{
      text-align: center;
      background-color: #bed4e2;	
      position: relative;
      /* max-width: 1920px; */
      margin:0 auto;
      position:relative
  }
  #map .right_fixed{
      position: absolute;
      right:12%;
      bottom:31%;
      text-align: left;
     z-index:1;
  }
  #map .right_fixed p span{
      color:#cf000d;
  }
  #map .right_fixed a{
      border: 1px solid #333;
      line-height: 32px;
      display: inline-block;
      padding:0 6%;
      border-radius: 18px;
      margin-top:15%;
  }
  #map .right_fixed a:hover{
      border-color: #cf000d;
      background-color: #cf000d;;
      color:#fff;
  }
  #coords map{
      position: relative;
      z-index: 1;
  }
  #map .img:nth-child(1) em{
      right:54.5%;
      top:70%;
  }
  #map .img:nth-child(1) .text{
      left:10%;
      top:38%;
  }
  #map .img:nth-child(2) em{
      right:24%;
      top:40.5%;
      width: 20px;
      height: 20px;
  }
  #map .img:nth-child(2) .text{
      left:48.5%;
      top:14%;
  }
  #map .img:nth-child(5) em{
      right:40.5%;
      top:39%;
      width: 15px;
      height: 15px;
  }
  #map .img.in_show{
      /*z-index: 9;*/
  }
  #map map{position: relative;z-index: 999;}
  #map .img.in_show .img1{
      display: none;
  }
  #map .img.in_show .img2{
      display:block;
  }
  #map .img.in_show .text{
      display: block;
  }
  #map .img:nth-child(3) .text{
      left:75.8%;
      top:62%;
  }
  #map .img:nth-child(3) em{
      right:4.8%;
      top:82%;
      width: 30px;
      height: 30px;
  }
  #map .img:nth-child(4) .text{
      left:67.5%;
      top:14%;
  }
  #map .img:nth-child(4) em{
      right:10%;
      top:45.5%;
      width: 25px;
      height: 25px;
  }
  #map .img:nth-child(5) .text{
      left:-3%;
      top:-2%;
  }
  #map .img:nth-child(6) em{
      right:18%;
      top:23.5%;
      width: 20px;
      height: 20px;
  }
  #map .img:nth-child(6) .text{
      left:-74%;
      top:-62%;
  }
  
  #map .img:nth-child(7) em{
      right:37%;
      top:52%;
      width: 20px;
      height: 20px;
  }
  #map .img:nth-child(7) .text{
      left:18.5%;
      top:6%;
  }
  #map .text{
      width: 315px;
      padding:15px;
      text-align: left;
      position: absolute;
      background-color: #fff;
      box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
      z-index: 60;
  }
  #map .text.on{
      z-index:60
  }
  #map .img em{
      position: absolute;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      background-color: #f0f875;
      z-index: 1;
  }
  #map .text .title{
      font-size: 16px;
      color: #cf000d;
      border-bottom: 1px solid #dcdcdc;
      margin-bottom: 8px;
  }
  #map .text p.address{
      padding-left: 22px;
      background: url(/static/images/VkCzoA2lSX2lTRFDezSNvA.png) no-repeat left 3px;
      margin-bottom: 3px;
  }
  #map .text p.phone{
      background: url(/static/images/22U3ycnjSHmeRguFelah4g.png) no-repeat left 0px;
      padding-left: 22px;
  }
  #map .text::after{
      /* content: url(/static/images/blQX1cS7SfmNBZ2Dy30JuA.png); */
      position: absolute;
      left:50%;
      margin-left: -5px;
      bottom: -13px;
  }
  
  #map li{	
      position: absolute;
      display: none;
      z-index: 1;
  }
  /*#map li img{
      background-color: pink;
      margin-bottom: 50px;
  }*/
  #map li.on{
      display: block!important;
      z-index: 21;
  }
  #map li:nth-child(1){
    width: 16.4%;
    right: 46.2%;
    top: 63.2%;
  }
  #map li:nth-child(2){
      width: 16.4%;
    right: 47.2%;
    top: 68.2%;
  }
  #map li:nth-child(3){
      width: 16.4%;
      right: 46.2%;
      top: 73.2%;
  }
  #map li:nth-child(4){
      width: 32.4%;
      right: 60.8%;
      top: 74%;
  }
  #map li:nth-child(5){
      width: 4.7%;
      right: 60.1%;
      top: 85.3%;
  }
  #map li:nth-child(6){
      width: 11.6%;
      right: 46.1%;
      top: 66.5%;
  }
  #map li:nth-child(7){
      width: 38.4%;
      right: 55.8%;
      top: 48.3%;
  }
  #map li:nth-child(8){
      width: 16.4%;
      right: 67.2%;
      top: 69.2%;
  }
  #map li:nth-child(1) .text{
      right: 45%;
      top: 65%;
  }
  #map li:nth-child(1) .db1{
      right: 25%;
      top: 28%;
  }
  #map li:nth-child(2) .bf{
      right: 12%;
      top: -9%;
         display: none;
  }
  #map li:nth-child(2) .zongbu{	
      right:12.9%;
      top: -11%;
  }
  #map li:nth-child(2) .zongbu::after {
      /* content: url(/static/images/blQX1cS7SfmNBZ2Dy30JuA.png); */
      position: absolute;
      left: 47%;
      margin-left: -5px;
      bottom: -13px;
  }
  #map li:nth-child(3) .text{
      right: -5.8%;
    top: 34%;
  }
  #map li:nth-child(3) .fenbu{
    display:none;
  }
  #map li:nth-child(3) .text.xb2{
      right: 5%;
    top: 24%;
  }
  #map li:nth-child(4) .text{
      right: 0%;
      top: 0%;
  }
  #map li:nth-child(4) .text.xn1{
      right: -7%;
  }
  #map li:nth-child(4) .text.xn2{
      right: 31%;
      top: 65%;
  }
  #map li:nth-child(5) .text{
      right: -125%;
    top: -120%;
  }
  #map li:nth-child(6) .text{
    right: 45%;
    top: 65%;
  }
  #map li:nth-child(6) .fenbu {
      display: none;
  }
  #map li:nth-child(7) .text{
      right: -2%;
    top: -26%;
  }
  #map li:nth-child(8) .text{
    right: -125%;
    top: -120%;
  }
  #map li:nth-child(7) .text.nf1{
      right: 8%;
  }
  #map li:nth-child(7) .text.nf2{
      right: 78%;
    top: 42%;
  }
  #map li:nth-child(7) .text.nf3{
      right: 78%;
      top: 48%;
  }
  #map .point em{
      width: 16px;
      height: 16px;
      border-radius: 50%;
      /* position: absolute;
      background-color: #e8ef75; */
      z-index: 16;
  }
  #map .point em img{
    width: 20px;
    height: 20px;
    
  }
  #map .point em.on{
      background-color: #f0ff00;
      z-index: 26;
  }
  #map .point em:nth-child(1) img{
      /* right: 42.5%;
      top: 41%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 52.5%;
    top: 59%;
  }
  #map .point em:nth-child(2) img{
      /* right: 49.8%;
      top: 43%;
      background-color: #df1841; */
      border-radius: 50%;
      position: absolute; /* 绝对定位 */
      right: 48.8%;
      top: 64%;
  }
  #map .point em:nth-child(2).on{
      background-color: #f0ff00;
  }
  #map .point em:nth-child(2):hover{
      background-color: #df1841;
  }
  #map .point em:nth-child(3) img{
      /* right: 57%;
    top: 57.5%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 45%;
    top: 64.5%;
  }
  #map .point em:nth-child(4) img{
    /* right: 59.8%;
    top: 69.3%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 60%;
    top: 69.5%;
  }
  #map .point em:nth-child(5) img{
    /* right: 45%;
    top: 65.3%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 53%;
    top: 81.5%;
  }
  #map .point em:nth-child(6) img{
    /* right: 52%;
    top: 68.3%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 50%;
    top: 64%;
  }
  #map .point em:nth-child(7) img{
    /* right: 52%;
    top: 84%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 56%;
    top: 41.5%;
  }
  #map .point em:nth-child(8) img{
    /* right: 52%;
    top: 84%; */
    border-radius: 50%;
    position: absolute; /* 绝对定位 */
    right: 46%;
    top: 62.5%;
  }
  #map li:nth-child(1) em{
      width: 20px;
      height: 20px;
      position: absolute;
      z-index: 10;
  }
  
  #map li:nth-child(1) em{
      width: 25px;
      height: 25px;
      right: 32.5%;
      top: 28%;
      
  }
  #map .fenbu_point em{
      width:10px;
     height:10px;
     border-radius:50%;
     background-color:#02a0fd;
     position:absolute;
     z-index:16;
  }
  #map .fenbu_point em.on{
      z-index:23;
  }
  #map .fenbu_point .xb em:nth-child(1){
    right: 57.4%;
    top: 56%;
  }
  #map .fenbu_point .xb em:nth-child(2){
    right: 79.5%;
    top: 33%;
  }
  #map .fenbu_point .db em:nth-child(1) {
    right: 42.5%;
    top: 39%;
  }
  #map .fenbu_point .hz em:nth-child(1) {
    right: 52%;
    top: 66.3%;
  }
  #map .fenbu_point .hz em:nth-child(2) {
    right: 51.5%;
    top: 76%;
  }
  #map .fenbu_point .hz em:nth-child(3) {
    right: 49.4%;
    top: 64%;
  }
  #map .fenbu_point .xn em:nth-child(1) {
    right: 60.5%;
    top: 67%;
  }
  #map .fenbu_point .xn em:nth-child(2) {
      right: 64%;
      top:81%;
  }
  #map .fenbu_point .nf em:nth-child(1) {
    right: 53.5%;
    top: 84.5%;
  }
  #map .fenbu_point .nf em:nth-child(2) {
    right: 56%;
    top: 91.8%;
  }
  /*#map .fenbu_point .nf em:nth-child(3) {
      right: 50.8%;
      top:96%;
  }*/
  #map .fenbu_point .hd em:nth-child(1) {
    right: 53%;
    top: 58.5%;
  }
  #map .fenbu_point .hd em:nth-child(2) {
    right: 49.6%;
    top: 63.5%;
  }
  #map .fenbu_point .hd em:nth-child(3) {
    
    right: 45.3%;
    top: 64%;
  }
  #map .fenbu_point .hd em:nth-child(4) {
    right: 45.5%;
    top: 67.5%;
  }
  #map .fenbu_point .hd em:nth-child(5) {
    right: 46%;
    top: 66%;
  }
  #map .fenbu_point .hd em:nth-child(6) {
    right: 45.5%;
    top: 63.6%;
  }
  #map .fenbu_point .bf em:nth-child(1) {
    right: 50.6%;
    top: 47%;
  }
  #map .fenbu_point .bf em:nth-child(2) {
    right: 50.5%;
    top: 50.9%;
  }
  #map .fenbu_point .bf em:nth-child(3) {
    right: 52.5%;
    top: 57%;
  }
  #map .fenbu_point .bf em:nth-child(4) {
    right: 49.5%;
    top: 56%;
  }
  #map .fenbu_point .bf em:nth-child(5) {
    right: 48.5%;
    top: 54.6%;
  }
  #map .fenbu_point .bf em:nth-child(6) {
    right: 49.2%;
    top: 46%;
  }
  #map .text.bf1{
      right: 12.1%;
    top: -9%;
  }
  #map .text.bf2{
      right: 6.1%;
      top: -9%;
  }
  #map li:nth-child(2) .text.bf3{
      right: 39%;
      top: 60%;
  }
  #map .text.bf4{
      right: -67%;
    top: 52%;
  }
  #map .text.bf5{
      right: -65%;
      top: 56%;
  }
  #map .text.bf3::after,#map li:nth-child(4) .text.xn2::after,#map li:nth-child(7) .text.nf3::after,#map li:nth-child(7) .text.nf2::after{
      /* content:url(/static/images/_fvHEYp-SQKzlXpFYG4KoA.png); */
        left:auto;
     right:-9px;
     top:50%;
     margin-top:-5px;
  }
  
  #map .text.bf4::after,#map .text.bf5::after,#map .text.xb2::after{
      /* content:url(/static/images/eFi72VKKRi6rhtrTLgNgjg.png); */
     left:-4px;
     top:50%;
     margin-top:-5px;
  }
  #map .text.bf6{
      right: -9.5%;
      top: -4%;
  }
  #map li:nth-child(2) .fenbu{
      display:none;
  }
  .jiuduanxian{
     width:10%;
     position:absolute;
     right:5%;
     bottom:3%;
  }
  /**citizens end**/
  
  /**index_honor begin**/
  .index_honor{
      height: 100%;
      padding:10px 50px;
      top:50px;
      opacity: 0;
      filter:alpha(opacity=0);
      margin-bottom: 3%;
      border-top:1px solid #d8d8d8;
      border-bottom:1px solid #d8d8d8;
  }
  .index_honor .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      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;
      cursor: pointer;
      overflow: hidden;
  }
  .index_honor .swiper-slide a{
      display: block;
      height: 0;
      overflow: hidden;
      padding-bottom: 25%;
  }
  .index_honor .swiper-slide img{
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
  }
  .index_honor .swiper-slide:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .index_honor .swiper-button-prev{
    /* background:url(/static/images/P_e_Kf22TWy5xZajxipvSw.png) no-repeat center; */
  }
  .index_honor .swiper-button-prev:hover{
    /* background:url(/static/images/NC2xN03eSkmfsjStf1y77w.png) no-repeat center;  */
  }
  .index_honor .swiper-button-next{
      /* background:url(/static/images/Ih-2-iliQ2Gcq5Hu4rnQ_w.png) no-repeat center; */
  }
  .index_honor .swiper-button-next:hover{
    /* background:url(/static/images/FWEyVI9MSBy_1yh4npMgDw.png) no-repeat center; */
  }
  /**index_honor end**/
  
  /**touch begin**/
  .touch .h2_box{
      padding:2.66% 0;
      background-color: #df1841;
      color:#fff;
      text-align: center;
      opacity: 0;
      filter:alpha(opacity=0);
  }
  .touch .h2_box h2{
      font-weight: bold;
      /*display: inline;*/
      margin-bottom:0;
  }
  .touch .h2_box span::after{
      content:'+';
      position: absolute;
      right:-20px;
      top:-13px;
      color:#fff;
      font-size: 24px;
  }
  .touch .h2_box span{
      /*display: block;*/
        position: relative;
  }
  .touch .content{
      opacity: 0;
      filter:alpha(opacity=0);
      /* background: url(/static/images/PfrkaWrWRruvx4Ct_APEMA.jpg) no-repeat center; */
      background-size: cover;
  }
  #main{
      width: 100%;
      height: 600px;
  }
  
  /**touch end**/
  @media only screen and ( max-width:1680px ){
      #map li:nth-child(1) .text {
          right: 19.3%;
      }
     #map li:nth-child(1) .db1 {
      top: 20%;
     }
      #map li:nth-child(2) .zongbu {
          right: -6.5%;
          top: -20%;
      }
      #map .text.bf1 {
        top: -20%;
     }
      #map .text.bf2 {
        top: -20%;
     }
    #map li:nth-child(2) .text.bf3 {
      right: 47%;
      }	
      #map li:nth-child(4) .text {
          right: -12%;
          top:-18%;
      }
      #map li:nth-child(5) .text {
          right: -133.5%;
          top:-140%;
      }
      #map li:nth-child(6) .text {
          right: -21%;
      }
      #map li:nth-child(7) .text {
          right: -8%;
      }
  }
  @media only screen and ( max-width:1600px ){
        #map .fenbu_point em {
        width: 10px;
        height: 10px;
      }
        #map li:nth-child(3) .text.xb2 {
          right: 0;
          top:19%;
      }
      #map li:nth-child(1) .text {
          right: 18%;
      }
      #map li:nth-child(2) .zongbu {
          right: -7.9%;
      }
      #map li:nth-child(3) .text {
          right: -14.8%;
      }
      #map li:nth-child(4) .text {
          right: -13.5%;
      }
      #map li:nth-child(5) .text {
          right: -139.5%;
      }
      #map li:nth-child(6) .text {
          right: -25%;
      }
      #map li:nth-child(7) .text {
          right: -9%;
      }
        
  }
  @media only screen and ( max-width:1440px ){
      .index_brand .left{
          padding-top:4%;
        padding-bottom:16%;
      }	
  }
  @media only screen and ( max-width:1366px ){
      #map li:nth-child(1) .text {
          right: 11.5%;
          top: 16%;
      }
      #map li:nth-child(2) .bf{
          top: -20%;
          right:11%;
      }
      #map li:nth-child(2) .zongbu {
          right: -13.5%;
          top: -30%;
      }
     #map .text.bf2 {
        top: -25%;
     }
        #map .text.bf5 {
          right: -90%;
      }
      #map .text.bf4 {
        right: -90%;
     }
    #map .text.bf6 {
      top: -25%;
    }
      #map li:nth-child(3) .text.xb2 {
          right: -18.8%;
      }
      #map li:nth-child(4) .text {
          right: -17%;
      }
     #map li:nth-child(5) .text {
          right: -170.5%;
          top: -170%;
      }
      #map li:nth-child(6) .text {
          right: -36%;
          top:-70%;
      }
      #map li:nth-child(7) .text {
          right: -18%;
          top: -40%;
      }
    #map li:nth-child(7) .text.nf2 {
          top: 20%;
      }	
      .citizens a .text {
          bottom: -46%;
          left: 8%;
      }
      .bannerBox li .text .container{
          width: 1200px;
      }
  }
  
  @media only screen and ( max-width:1280px ){
      #map li:nth-child(1) .text {
          right: 8.5%;
          top: 10%;
      }
      #map li:nth-child(2) .zongbu {
          right: -13%;
      }
    #map .text.bf1 {
      top: -30%;
    }
    #map .text.bf6 {
      top: -30%;
    }
      #map li:nth-child(3) .text {
          right: -19.5%;
      }
      #map li:nth-child(4) .text {
          right: -19.2%;
      }
      #map li:nth-child(5) .text {
          right: -183.5%;
      }
      #map li:nth-child(6) .text {
          right: -41%;
      }
      #map li:nth-child(7) .text {
          right: -21%;
          top:-50%;
      }
      .banner_brend{
          padding-bottom: 45.4%;
      }
      .index_brand .left {
          padding-bottom: 19%;
          padding-top: 4%;
      }
      .index_brand .left .h2_box p{
          padding-right: 7%;
          line-height: 26px;
      }
      .index_brand .left .buy .text {
          width: 80%;
          padding: 5%;
          bottom: 6%;
      }
      .bannerBox li .text a{
          line-height: 36px;
      }
      .index_brand .left .buy em{
          width: 55%;
          line-height: 42px;
      }
      .citizens a .text {
          bottom: -40%;
      }
  }
  @media only screen and ( max-width:1024px ){
      .bannerBox{
          /*margin-top:94px;*/
      }
      .citizens a .text em {
          width: 190px;
          height: 140px;
          left:2%;
      }
     .index_brand .left {
        padding-bottom: 21%;
        padding-top: 2%;
     }
      #map li .fenbu{
          display:none!important;
      }
      #map li:nth-child(1) .text {
        top: 0%;
        }
      #map li:nth-child(2) .zongbu {
          right: -22.5%;
          top: -50%;
      }
        #map .text.bf6 {
      top: -22%;
      }
      #map li:nth-child(2) .bf{
          top: -16%;
          right: -4%;
      }
        #map .text.bf1 {
       top: -25%;
      }
        #map .text.bf2 {
           top: -23%;
      }
      #map li:nth-child(2) .text.bf5,#map li:nth-child(2) .text.bf4 {
        right: -82%;
        top:45%;
     }
    
      #map li:nth-child(3) .text {
          right: -26.5%;
          top: 28%;
      }
        #map li:nth-child(3) .text.xb2 {
        right: -4.5%;
        top: 17%;
        }
      #map li:nth-child(4) .text {
          right: -23%;
          top: -36%;
      }
        #map li:nth-child(4) .text.xn1 {
        right:-23%;
        top: -17%;
        }
        #map li:nth-child(4) .text.xn2 {
        top: 53%;
       }
      #map li:nth-child(5) .text {
          right: -231.5%;
          top: -210%;
      }
      #map li:nth-child(6) .text {
          top: -77%;
      }
      #map li:nth-child(7) .text {
          right: -36%;
          top: -70%;
      }
        #map li:nth-child(7) .text.nf1 {
          top: -70%;
      }
      #map li:nth-child(7) .text.nf2 {
        top: -11%;
        }
  }
  @media only screen and ( max-width:870px ){
      .index_brand .left .h2_box p{
          font-size: 14px;
          line-height: 22px;
      }
        #map .point em{
          width: 15px!important;
          height: 15px!important;
      }
      #map .text{
          width: 286px;
          padding: 8px;
          font-size: 12px;
      }
      #map li:nth-child(4) .text {
          right: -27.2%;
          top: -4%;
      }
      #map li:nth-child(5) .text {
          right: -238.5%;
      }
  }
  @media only screen and ( max-width:768px ){
      #map li:nth-child(1) .text {
          right: -11%;
      }
        #map li:nth-child(1) .text.db1 {
      right: 87%;
      }
      #map li:nth-child(1) .text.db1::after{
          /* content: url(/static/images/_fvHEYp-SQKzlXpFYG4KoA.png); */
        left: auto;
        right: -9px;
        top: 50%;
        margin-top: -5px;
      }
    #map li:nth-child(2) .text{
            top:-35%;
    }
      #map li:nth-child(2) .text {
          right: -30%;
      }
        #map li:nth-child(2) .text.bf5, #map li:nth-child(2) .text.bf4 {
        right: -100%;
        top: 45%;
      }
      #map li:nth-child(3) .text {
          right: -45.5%;
          top: 12%;
      }
        #map li:nth-child(3) .text.xb2 {
        right: -29.5%;
        }
      #map li:nth-child(4) .text {
          right: -32%;
          top: -39%;
      }
        #map li:nth-child(4) .text.xn2::after {
        /* content: url(/static/images/blQX1cS7SfmNBZ2Dy30JuA.png); */
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top:auto;
        bottom: -13px;
        }
      #map li:nth-child(5) .text {
          right: -272.5%;
      }
      #map li:nth-child(6) .text {
          right: -79%;
          top: -92%;
      }
      #map li:nth-child(7) .text {
          right: -47%;
          top: -37%;
      }
        #map li:nth-child(7) .text {
        top: -100%!important;
        right:-38%!important;
      }
         #map li:nth-child(7) .text.nf2::after {
        /* content: url(/static/images/blQX1cS7SfmNBZ2Dy30JuA.png); */
        position: absolute;
        left: 50%;
        margin-left: -5px;
        top:auto;
        bottom: -13px;
     }
  }
  @media only screen and ( max-width:767px ){
    .pc_video{
        display:none;
    }
    .mobile_video{
        display:block;
    }
      .banner_brend{
          padding-bottom: 0;
      }
      .bannerBox li .text a{
          width: 110px;
          line-height: 30px;
      }
      .index_brand{
          position: inherit;
          left:auto;
          -webkit-transform: inherit;
          -moz-transform: inherit;
          -ms-transform: inherit;
          -o-transform: inherit;
          transform: inherit;
          margin-bottom: 6%;
      }
      .index_brand .left{
          width: 100%;
          padding:0;
          display: flex;
          align-items:center;
      }
      .index_brand .left .h2_box{
          position: inherit;
          width: 50%;
          float: left;
      }
      .index_brand .left .buy{
          width: 38%;
          padding:6%;
          float: right;
      }
      .index_brand .right{
          width: 100%;
          padding-top:0;
      }
      
      .index_news li{
          width: 48.5%;
          margin:0 1.5% 3%!important;
      }
      .index_news li:nth-child(even){
          margin-right: 0!important;
      }
      .index_news li:nth-child(odd){
          margin-left: 0!important;
      }
      .citizens a .text em {
          width: 150px;
          height: 100px;
          left: 2%;
      }
      #map li .text{
          width: 196px;
      }
      #map li:nth-child(1) .text {
          right: -5%;
          top: 99%;
      }
        #map li:nth-child(1) .text {
          top: 0;
      }
      #map li:nth-child(2) .text {
          right: -74%;
          top:3%;
      }
      #map li:nth-child(2) .text::after{
          content:'';
          width: 0;
          height: 0;
          border:5px solid transparent;
          border-right-color:#fff;
          bottom: 50%;
          left:-5px;
      }	
      #map li:nth-child(3) .text {
          top: 9%;
      }
      #map li:nth-child(4) .text {
          right: -11%;
          top: -48%;
      }
      #map li:nth-child(5) .text {
          right: 108.5%;
          top: -51%;
      }
      #map li:nth-child(5) .text::after{
          content:'';
          width: 0;
          height: 0;
          border:5px solid transparent;
          border-left-color:#fff;
          bottom: 50%;
          left:auto;
          right:-10px;
      }	
      #map li:nth-child(6) .text {
          right: -47%;
          top: -94%;
      }
      #map li:nth-child(7) .text {
          right: -34%;
          top: -100%;
      }
      /*#map li .text::after{
          display: none;
      }*/
      
  }
  
  @media only screen and ( max-width:640px ){
      .citizens a .text {
          bottom: -35%;
          left:3%;
      }
      #map li .text{
          width: 170px;
      }
      #map li:nth-child(2) .text {
          right: -110%;
      }
      #map li:nth-child(4) .text {
          right: -34%;
          top: -68%;
      }
      #map li:nth-child(6) .text {
          right: -47%;
          top: -140%;
      }
      #map li:nth-child(7) .text {
          top: -154%;
      }
  }
  
  @media only screen and ( max-width:500px ){
      .bannerBox{
          /*margin-top:64px;*/
      }
      .bannerBox li .text{
          top:50%;
      }
      .bannerBox li .text b{
          margin-bottom: 1.5%;
      }
      .bannerBox li .text a {
          width: 70px;
          line-height: 26px;
      }
      .index_brand .left{
          display: inherit;
      }
      .index_brand .left .h2_box{
          width: 100%;
          margin-bottom: 3%;
      }
     .index_brand .left .h2_box p{
           padding-right:0;
     }
      .index_brand .left .buy{
          width: 100%;
          padding:10%;
        display:block;
      }
      .index_brand .left .buy em{
          width: 78px;
          line-height: 32px;
          font-size: 12px;
          margin-top: 5%;
      }
      .index_brand .right .con .example{
          width: 100%;
      }
      .index_brand .right .con_right{
          width: 100%;
          
      }
      .index_brand .right .con_right a{
          width: 50%;
          float: left;
          padding-bottom: 50%;
      }
      .index_brand .right .con_2{
          width: 100%;
          position: inherit;
      }
      .index_brand .right .con_2 a{
          float: left;
      }
      
      .index_news li{
          width: 100%;
          margin:0 0 3%!important;
      }
      .index_news li:last-child{
          margin-bottom: 0!important;
      }
      .index_news li p{
          height: auto;
          -webkit-line-clamp:inherit;
          margin-bottom: 3.5%;
      }
      .citizens a .text em {
          width: 100px;
          height: 70px;
      }
      .citizens a .text b{
          font-size: 20px;
          margin-bottom: 0;
          left:3%!important;
      }
      #map .point em {
          width: 8px!important;
          height: 8px!important;
      }
        #map .fenbu_point em {
        width: 5px;
        height: 5px;
      }
        #map li:nth-child(1) .text {
          right: 100%;
      }
      #map li:nth-child(2) .text {
          right: -150%;
      }
        #map li:nth-child(3) .text.xb2 {
          right: -76.5%;
      }
      #map li:nth-child(3) .text {
          top: -35%;
      }
        #map li:nth-child(4) .text {
          top: -130%;
      }
      #map li:nth-child(4) .text ::after{
  
      }
        #map li:nth-child(7) .text {
          top: -164%!important;
      }
      #map li:nth-child(6) .text {
          right: -80%;
          top: -136%;
      }
      #map li:nth-child(5) .text {
        right: 154.5%;
        top: -190%;
      }
        #map li:nth-child(6) .text {
          right: 122%;
          top: -100%;
      }
      #map li:nth-child(1) .text::after{
             /* content: url(/static/images/_fvHEYp-SQKzlXpFYG4KoA.png); */
          left: auto;
          right: -9px;
          top: 50%;
          margin-top: -5px;
      }
      #map li:nth-child(4) .text::after{
              /* content: url(/static/images/eFi72VKKRi6rhtrTLgNgjg.png); */
          left: -4px;
          top: 50%;
          margin-top: -5px;
      }
      #map li:nth-child(6) .text::after{
              /* content: url(/static/images/_fvHEYp-SQKzlXpFYG4KoA.png); */
          left: auto;
          right: -9px;
          top: 50%;
          margin-top: -5px;
      }
      .index_honor{
        width:100%;
        padding:0;
      }
  }
  @media only screen and ( max-width:450px ) {
      #map li .text{
          width: 140px;
      }
      #map .text .title {
          font-size: 14px;
      }
      #map .text p{
          font-size: 8px;		
          line-height: 14px;
          padding-left: 18px!important;
      }
      #map .text p.address{
          background-position: left 0;
          margin-bottom: 5px;
          background-size: 12px;
      }
      #map .text p.phone{
          background-size: 12px;
          background-position: left 0;
      }
    
  
      #map li:nth-child(3) .text::after{
          content:'';
          width: 0;
          height: 0;
          border:5px solid transparent;
          border-right-color:#fff;
          left:-5px;
          top:50%;
      }
      #map li:nth-child(7) .text {
          top: -152%;
      }
  }
  @media only screen and ( max-width:375px ) {
      #map li:nth-child(3) .text {
      right: -69.5%;
      }
      #map li:nth-child(6) .text {
      right: 89%;
      }
      #map li:nth-child(7) .text {
      top: -223%!important;
    }
  }
  /**鍏徃绠€浠� begin**/
  /** begin**/
  .introduce_content{
      margin-bottom: 7%;
  }
  .introduce_content .des{
      margin-bottom: 2.8%;
  }
  .introduce_content .des .title{
      margin-bottom: 2.5%;
  }
  .introduce_content .des .title span{
      display: block;
      font-weight: bold;
      color:#cf000d;
  }
  .introduce_content .des p{
      line-height: 24px;
      text-align: justify;
  }
  .introduce_content .flow{
      padding:2.9% 2.5%;
      /* background: url(/static/images/OE1p7MwARQKBZTPOlCudCQ.jpg) no-repeat center; */
      background-size: cover;
      color:#fff;
      margin-bottom: 3%;
  }
  .introduce_content .flow li{
      float: left;
      padding-right: 4%;
      margin-right: 3%;
      line-height: 1.8;
  }
  .introduce_content .flow li{
      border-right: 1px solid #fff;
  }
  .introduce_content .flow li:last-child{
      border-right: 0 none;
  }
  .introduce_content .nerits{
      margin-bottom: 3%;
  }
  .introduce_content .nerits .dl{
      float: left;
      width: 48.8%;		
  }
  .introduce_content .nerits dl{
      padding:6% 4%;
      border:1px solid #c0c0c0;
  }
  .introduce_content .nerits .dl:nth-child(2){
      float: right;
  }
  .introduce_content .nerits dt{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color:#cf000d;
      padding-bottom: 7%;
      position: relative;
  }
  .introduce_content .nerits dt::after{
      content:'';
      width: 50%;
      height: 4px;
      position: absolute;
      left:0;
      bottom: 17px;
      background-color: #fae5e6;
  }
  .introduce_content .nerits dd{
      text-align:justify;
  }
  .introduce_content .img_src{
      position: relative;
  }
  .introduce_content .img_src .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 52%;
  }
  .introduce_content .img_src img{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  }
  .introduce_content .img_src:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .introduce_content .img_src .img_cont{
      padding:2%;
      position: static;
      left: 0;
      bottom: 0;
      background-color: rgba(51,51,51,0.9);
      color:#fff;
  }
  .introduce_content .img_src .img_cont p{
      margin-bottom:10px;    
      text-align: justify;
  }
  @media only screen and ( max-width:1280px ){
  .introduce_content .flow li {
      padding-right: 2%;
    margin-right: 2%;}
  }
  @media only screen and ( max-width:767px ) {
      .introduce_content .nerits .dl{
          width: 100%;
      }
     .introduce_content .nerits dd{
      height: auto;
      -webkit-line-clamp:inherit;
     }
      .introduce_content .nerits .dl:first-child,.introduce_content .des,.introduce_content .flow,.introduce_content .nerits{
          margin-bottom: 5%;
      }
      .introduce_content .img_src .img_cont{
          position: inherit;
      }
  }
  @media only screen and ( max-width:500px ) {
      .introduce_content .flow li{
          float:none;
          line-height: 1.6;
          padding-right: 0;
          margin-right: 0;
          border-right: 0 none!important;
      }
  }
  /**鍏徃绠€浠� end**/
  
  /**鍏夎緣鍘嗙▼ begin**/
  .course_tab{
      margin-bottom: 8%;
  }
  .course_tab h2{
      font-weight: bold;
      color: #cf000d;
  }
  .course_tab .swiper-container{
      /* background: url(/static/images/6jlr8Y7CQjGIZB_dv5RdlQ.jpg) no-repeat center; */
      background-size: cover;
      color:#fff;
  }
  .course_tab .img{
      width: 52%;
      text-align: center;
      height: 0;
      overflow: hidden;
      padding-bottom: 29.3%;
      float: left;
  }
  .course_tab .text{
      width: 48%;
      padding:3%;
      float: right;
  }
  .course_tab .text p{
      margin-bottom: 10px;
  }
  .course_tab .text p:last-child{
      margin-bottom: 0;
  }
  .course_tab .swiper-pagination{
      width: 76px!important;
     position:absolute;
      text-align: center;
      font-weight: bold;
      font-size: 20px;
     left:59.5%;
     margin-left:-38px;
      bottom: 5%;
  }
  .course_tab .swiper-button-next,.course_tab .swiper-button-prev{
      top:auto!important;
      bottom:3%;
      opacity: 1!important;
      z-index: 11!important;
  }
  .course_tab .swiper-button-prev{
      /* background: url(/static/images/YpK_BcDSQMeGcZllW8Z2Ow.png) no-repeat center!important; */
      left:54%!important;	
  }
  .course_tab .swiper-button-prev:hover{
      /* background: url(/static/images/Wenajk1SQLy8XSBkFcoWRw.png) no-repeat center!important;	 */
  }
  .course_tab .swiper-button-next{
      /* background: url(/static/images/MWxZrjk4TH2w9wSsUNsHzA.png) no-repeat center!important; */
      left:62.5%!important;	
  }
  .course_tab .swiper-button-next:hover{
      /* background: url(/static/images/k27HZ9PtT7O67ApqIuQI0Q.png) no-repeat center!important;	 */
  }
  
  /**骞翠唤鍘嗙▼ begin**/
  .course_flow {
      /* background: url(/static/images/HUjgWM6lTn2bM0h19CMM4w.jpg) no-repeat center top; */
      margin-bottom: 10%;
  }
  .course_flow .flow_content{
      position: relative;
  }
  .course_flow .title{
      height: 132px;
      position: relative;
      overflow: hidden;
      /* background: url(/static/images/Qk_SnAyNRlKho4PsLOybkA.jpg) repeat-x 0 86%; */
      margin:0 10% 5%!important;
  }
  .course_flow .title ul{
      position: absolute;
      left:0;
      bottom:0;
  }
  .course_flow .title li{
      width: 200px;
      text-align: center;
      float: left;
      padding-top:80px;
      position: relative;
      cursor: pointer;
  }
  .course_flow .title li.on{
      padding-top:14px;
  }
  .course_flow .title li.on b{
      color:red;
      display: block;
      margin-bottom: 30%;
  }
  .course_flow .title li b{
      display: none;
      margin-bottom: 10px;
  }
  .course_flow .title li span{
      display: block;
      margin-bottom: 30px;
  }
  .course_flow .title li.on span{
      display: none;
  }
  .course_flow .title li em{
      position: absolute;
      left:50%;
      margin-left: -7.5px;
      bottom:10px;
      width: 15px;
      height: 15px;
      display: block;
      /* background:#fff url(/static/images/Tb_OSh6tQ3WMb_8vuqNKXw.png) no-repeat center; */
  }
  .course_flow .title li.on em{
      width: 29px;
      height: 29px;
      margin-left: -15px;
      bottom:2%;
      /* background:#fff url(/static/images/Y9u8wt51TFSP41Q0lTukhg.png) no-repeat center; */
  }
  .course_flow .prev,.course_flow .next{
      width: 29px;
      height: 29px;
      display: block;
      /* background:#fff url(/static/images/FTQw4mwuSEeae1kWDwNDyA.jpg) no-repeat center; */
      position: absolute;
      left:0;
      top:85%;
      margin-top:-15px;
      cursor:pointer;
      z-index: 2;
  }
  .course_flow .prev:hover{
      /* background:#fff url(/static/images/HhWFraF8TZKfIOQv5f1AZg.png) no-repeat center; */
  }
  .course_flow .next{
      /* background:#fff url(/static/images/JDun_MVVQxmfmWbRiM6KDg.jpg) no-repeat center; */
      left:auto;
      right:0;
  }
  .course_flow .next:hover{
      /* background:#fff url(/static/images/YC1mVnK-Sl6HUQOgx6exYg.jpg) no-repeat center; */
  }
  .coursr_flow_content{
      padding:60px 6% 0;
      position: relative;
  }
  .coursr_flow_content::after{
      content:'';
      width: 60px;
      height: 60px;
      display: block;
      /* background: url(/static/images/IGBMXgaHTw-Ed3ZBuHVefQ.png) no-repeat center; */
      position: absolute;
      left:50%;
      margin-left:-30px;
      top:0;
  }
  .coursr_flow_content ul{
      display: none;
      padding:10% 0;
      /* background: url(/static/images/LzlpPy_lS1Wpyv-qKIefww.png) repeat-y scroll center; */
  }
  .coursr_flow_content ul:nth-child(1){
      display: block;
  }
  .coursr_flow_content li{
      width: 46%;
      padding:2.5%;
      float: left;
      border:1px solid #f5cccf;
      margin-top:11%;
      position: relative;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
  }
  .coursr_flow_content li:hover{
      background-color: #d70011;
      border-color: #d70011;
      color:#fff;
  }
  .coursr_flow_content li:hover span.time{
      color:#fff;
  }
  .coursr_flow_content li::after{
      content:'';
      width: 15px;
      height: 15px;
      display: block;
      /* background: url(/static/images/1eLVqPJBTCewStuOVDS-fA.png) no-repeat center; */
      position: absolute;
      top:0px;
      right:-10.5%;
  }
  .coursr_flow_content ul>li:first-child{
      margin-top:0;
  }
  .coursr_flow_content ul>li:nth-child(2){
      margin-top:25%;
  }
  .coursr_flow_content ul>li:nth-child(even){
      float: right;
  }
  .coursr_flow_content ul>li:nth-child(even)::after{
      right:auto;
      left:-10.2%;
  }
  .coursr_flow_content li .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 56%;
      margin-bottom: 5%;
  }
  .coursr_flow_content li .img img{
      -webkit-transition: all 0.5s ease-in;
      -moz-transition: all 0.5s ease-in;
      -ms-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
  }
  .coursr_flow_content li:hover .img img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .coursr_flow_content li span.time{
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      color: #d7000f;
  }
  .coursr_flow_content li p{
      max-height: 6em;
      overflow: hidden;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
  }
  .coursr_flow_content .more{
      width: 130px;
      text-align: center;
      position: absolute;
      left:50%;
      margin-left: -65px;
      bottom: 0;
      background-color: #cf000d;
      color:#fff;
      border-radius: 50px;
      line-height: 36px;
      cursor: pointer;
  }
  /**骞翠唤鍘嗙▼ end**/
  
  @media only screen and ( max-width:1280px ) {
      .course_tab .swiper-slide{		
          display: flex;
          align-items: center;
      }
      .course_tab .text{
          padding:3% 3% 5%;
      }
  }
  @media only screen and ( max-width:1024px ) {
      .course_flow .title li.on b {
          margin-bottom: 43%;
      }
      .coursr_flow_content ul>li:nth-child(even)::after {
          left: -10.3%;
      }
      .coursr_flow_content li::after {
          right: -10.5%;
      }
      #map .right_fixed {
          right: 2%;
          bottom: 3%;
      }
      #map .right_fixed a {
          margin-top: 5%;
          line-height: 28px;
      }
  }
  @media only screen and ( max-width:767px ) {
      .course_tab .swiper-slide{
          display:block;
      }
      .course_tab .img{
          width: 100%;
          padding-bottom: 56%;
      }
      .course_tab .text{
          width: 100%;
          padding:5% 5% 50px;
      }
      .course_tab .swiper-pagination {
          left:50%;
          bottom:10px;
      }
      .course_tab .swiper-button-prev {
          left: 37%!important;
          margin-left: -14px;
          bottom: 0;
      }
      .course_tab .swiper-button-next {
          left: 63%!important;
          margin-left: -14px;
          bottom: 0;
      }
      
      .course_flow .title{
          margin:0 0 5%!important;
      }
      .coursr_flow_content{
          padding-left: 0;
          padding-right: 0;
      }
      .course_flow .title li.on {
          padding-top: 54px;
      }
      .course_flow .title li.on b {
          margin-bottom: 30%;
      }
      .coursr_flow_content li::after {
          right: -12%;
      }
      .coursr_flow_content ul>li:nth-child(even)::after {
          left: -11.3%;
      }	
      
  }
  
  
  @media only screen and ( max-width:640px ) {
      .course_flow .title li.on em{
          width: 16px;
          height: 16px;
          background-size: cover;
      }
      .coursr_flow_content .more {
          width: 110px;
          margin-left: -55px;
          line-height: 30px;
      }
      #map .right_fixed{
          width: 100px;
          bottom: 28%;
          font-size: 8px;
      }
      #map .right_fixed .fnt{
        display: none;
    }
      #map .right_fixed p,#map .right_fixed a{
          font-size: 8px;
      }
      #map .right_fixed a{
          height: 22px;
          line-height: 20px;
      }
      #map .right_fixed .title{
          font-size: 12px;
          line-height: 16px;
          margin-bottom: 6px;
      }
  }
  @media only screen and ( max-width:450px ) {
    .coursr_flow_content li::after {
      right: -14%;
    }
    .course_flow .title li.on {
      padding-top: 60px;
      }
      .coursr_flow_content ul>li:nth-child(even)::after {
        left: -14.3%;
     }
  }
  @media only screen and ( max-width:320px ) {
      #map .right_fixed{
          width: 86px;
      }
      #map .right_fixed .title{
          font-size: 14px;
      }
      #map .right_fixed .fnt{
        display: none;
      }
  }
  /**鍏夎緣鍘嗙▼ end**/
  
  
  /**鍦板浘椤甸潰  begin**/
  .map_tab>.title{
      padding:20px 0 15px;
      text-align: center;
      line-height: 34px;
      background-color: #971d1d;
  }
  .map_tab>.title span{
      display: inline-block;
      padding:0 20px;
      margin:0 10px;
      line-height: 32px;
      text-align: center;
      border:1px solid #fff;
      color:#fff;
      font-size: 16px;
      border-radius: 20px;
      cursor: pointer;
  }
  .map_tab>.title span.on{
      background-color: #fff;
      color:#971d1d;
      
  }
  .china_map{
      padding-top:3%;
      margin-bottom: 8%;
  }
  
  .china_map .tit{
      padding:1% 1.5%;
      /* background:url(/static/images/CDNT2SJwSBqmTOEMJ3FuwQ.jpg) no-repeat center; */
      background-size: cover;
      color:#fff;
      position: relative;
  }
  .china_map .tit h3{
      float: left;
  }
  .china_map .tit .search{
      float: right;
      width: 320px;
      position: absolute;
      top:50%;
      right:2%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .china_map .tit input{
      width: 100%;
      height: 32px;
      line-height: 32px;
      padding:5px 15px 5px 56px;
      border:1px solid #f1b3b7;
      background-color: transparent;
      color:#fff;
      border-radius: 20px;	
  }
  .china_map .tit input::-webkit-input-placeholder {
      color:#fff;
  }
  .china_map .tit .search::before{
      content:'';
      width: 29px;
      height: 19px;
      display: block;
      /* background: url(/static/images/HkevI5s4S_GcePeXxg6vlQ.png) no-repeat left center; */
      position: absolute;
      left:15px;
      top:7px;
      padding-right: 10px;
      border-right: 1px solid #fff;
  }
  .map_tab .china_map .left{
      width: 22%;
      float: left;
      height: 618.5px;
      background-color: #efefef;
  }
  .map_tab .china_map .mCSB_scrollTools{
      width:4px;
  }
  .map_tab .china_map .left .mCSB_container{
      margin-right:0;
  }
  .map_tab .china_map .left li{
      border-bottom: 1px solid #fff;
  }
  .map_tab .china_map .left .c_title{
      line-height: 60px;
      color:#fff;
      padding:0 1em;
      background-color: #ccc;
      position: relative;
      cursor: pointer;
  }
  .map_tab .china_map .left .c_title em{
      position: absolute;
      right:1em;
      top:50%;
      margin-top:-1px;
      width: 16px;
      height: 2px;
      background-color: #fff;
  }
  .map_tab .china_map .left .c_title em::before{
      content:'';
      width: 16px;
      height: 2px;
      background-color: #fff;
      position: absolute;
      right:0;
      top:0;
      transform: rotate(90deg);
  }
  .map_tab .china_map .left li.on .c_title{
      background-color: #f6be00;	
  }
  .map_tab .china_map .left li.on .c_title em::before{
      display: none;
  }
  .map_tab .china_map .left .area_con{
      display: none;	
      background-color: #f9f9f9;
  }
  .map_tab .china_map .left li.on .area_con{
      display: block;
  }
  .map_tab .china_map .left .area_con dl{
      padding:5% 0 5% 7%;
      border-bottom:1px solid #f3e0e1;
      position: relative;
  }
  .map_tab .china_map .left .area_con>dl:last-child{
      border-bottom: 0 none;
  }
  .anchorBL{
      display: none;
  }
  .map_tab .china_map .left .area_con dt{
      width: 25%;
      float: left;
      position: absolute;
      left:5%;
      top:50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .map_tab .china_map .left .area_con dl.on dt{
      color:#cf000d;
  }
  .map_tab .china_map .left .area_con dd{
      width: 73%;
      float: right;
  }
  .map_tab .china_map .left .area_con dd span{
      float: left;
      padding-right: 9%;
      cursor: pointer;
      color:#999;
     line-height:2;
  }
  .map_tab .china_map .left .area_con dd span.on{
      color:#cf000d;
  }
  .map_tab .china_map .right{
      width: 78%;
      float: left;
      position: relative;
  }
  .map_tab .china_map .right .tab_system{
      position: absolute;
      right:55px;
      bottom:5%;
  }
  .map_tab .china_map .right .tab_system span{
      float: left;
      width: 110px;
      text-align: center;
      line-height: 28px;
      background-color: #fff;
      box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
      cursor: pointer;
  }
  .map_tab .china_map .right .tab_system span:first-child{
      margin-right: 10px;
  }
  .map_tab .china_map .right .tab_system span.on{
      background-color: #cf000d;
      color:#fff;
  }
  #allmap{
      height: 618.5px!important;
  }
  #alert_message{
      width: 400px;
      height: 180px;
      text-align: center;
      position: fixed;
      left: 50%;
      top: 50%;
      margin-left: -200px;
      margin-top: -50px;
      background: rgba(255,255,255,0.9);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
      padding-top: 45px;
      z-index:9999;
  }
  .alert_mask{
      position:fixed;
     left:0;
     top:0;
     width:100%;
     height:100%;
     z-index:9998;
  }
  #alert_message img{
      display:block;
        margin:0 auto 15px;
  }
  #alert_message em{
      position:absolute;
        right:8px;
     top:8px;
     display:block;
     width:16px;
     height:17px;
     /* background: url(/static/images/Y7hK-LDzT6yFjE3zqnYzeQ.png) no-repeat center center; */
     cursor:pointer;
  }
  .BMap_mask,.BMap_center,.BMap_top,.BMap_pop>div,.BMap_pop>img,.BMap_shadow{
      display: none!important;
  }
  .BMap_pop>div:nth-child(9),.BMap_bubble_content{
      display: block!important;
  }
  .BMap_pop>div:nth-child(9){
     /*width:146px!important;*/
     left:22px!important;
      height: auto!important;
      background-color: #fff;
      box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
      line-height: 20px;
      padding:5px 10px!important;
      font-size: 12px;
      text-align: center;
      /*left:50%!important;
      margin-left: -11px!important;*/
      top:36px!important;
      overflow: inherit!important;
  }
  #allmap .BMapLabel{
      border:0 none!important;
      padding:5px!important;
      user-select:all!important;
      top:-35px!important;
      left:4px!important;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      position: relative;
      background-color: #fff;
      box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
      /*display: none!important;*/
  }
  #allmap .BMapLabel::after{
      content:"";
      width: 0;
      height: 0;
      border:7px solid transparent;
      border-top-color:#fff;
      position: absolute;
      left:50%;
      margin-left: -7px;
      bottom: -14px;
  }
  .BMap_pop>div:nth-child(9)::after{
      content:"";
      width: 0;
      height: 0;
      border:7px solid transparent;
      border-top-color:#fff;
      position: absolute;
      left:50%;
      margin-left: -7px;
      bottom: -14px;
  }
  
  /**涓栫晫鍦板浘  begin**/
  .world_map{
      text-align: center;
      /* background: url(/static/images/R6sXeqg2SLKyHuqDpVY9tQ.jpg) no-repeat center; */
      background-size: cover;
      display: none;
      margin-bottom: 8%;
  }
  .world_map .pc_world{
      /* max-width: 1920px; */
      margin:0 auto;
      position: relative;
  }
  .world_map li{
      position: absolute;
      left:0;
      top:0;
      text-align: center;
      z-index: 1;
  }
  .world_map li.on,.world_map li:hover{
      color:#cf000d;
      z-index: 2;
  }
  .world_map li img{
      display: block;
      margin:0 auto;
      width: 24px;
      height: 30px;
      transition: all 0.3s;
      position: absolute;
      left:50%;
      margin-left: -13px;
      top:0;
      z-index: 1;
  }
  .world_map li .text{
      position: absolute;
      left:50%;
      margin-left: -160px;
      top:-145px;
      width: 315px;
      padding: 15px;
      text-align: left;
      background-color: #fff;
      box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
      z-index: 10;
      display: none;
      color:#333;
  }
  .world_map li:nth-child(16) .text{
      top:-112px;
  }
  .world_map li:hover .text{
      z-index: 999;
      display: block;
  }
  .world_map li .text::after{
      /* content: url(/static/images/xe9Mu94HQx6d2D5dXTVsug.png); */
      position: absolute;
      left: 50%;
      margin-left: -5px;
      bottom: -13px;
  }
  .world_map li .text .title{
      font-size: 16px;
      color: #cf000d;
      border-bottom: 1px solid #dcdcdc;
      margin-bottom: 8px;
  }
  .world_map li .text .address{
      padding-left: 22px;
      /* background: url(/static/images/kg7SnjUlQ-S3NLfAeFL2rQ.png) no-repeat left 3px; */
      margin-bottom: 3px;
      word-break:break-all;
  }
  .world_map li .text .phone{
      /* background: url(/static/images/kjL8rihyRWqJavIoBDZFOQ.png) no-repeat left 3px; */
      padding-left: 22px;
  }
  @-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
    }
  }
  
  @keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
    }
  }
  
  .bounce {
      -webkit-animation: bounce 1s linear infinite;
      animation: bounce 1s linear infinite;
  }
  .world_map li span{
      display: block;
      padding-top: 32px;
  }
  .world_map li:nth-child(1){
      left:26%;
      top:27%;
  }
  .world_map li:nth-child(20){
      left: 24.7%;
      top: 50%;
  }
  .world_map li:nth-child(13){
      left: 31.5%;
      top: 65%;
  }
  .world_map li:nth-child(4){
      left: 32.5%;
      top: 71%;
  }
  .world_map li:nth-child(5){
      left: 32.5%;
      top: 80%;
  }
  .world_map li:nth-child(23){
      left: 36%;
      top: 67%;
  }
  .world_map li:nth-child(7){
      left: 46%;
      top: 56%;
  }
  .world_map li:nth-child(8){
      left: 50.6%;
      top: 50%;
  }
  .world_map li:nth-child(9){
      left: 51%;
      top: 72%;
  }
  .world_map li:nth-child(1){
      left: 53.5%;
      top: 62%;
  }
  /*.world_map li:nth-child(1){
      left: 64.7%;
      top: 23%;
  }*/
  .world_map li:nth-child(25){
      left: 60%;
      top: 30.5%;
  }
  .world_map li:nth-child(3){
      left: 56%;
      top: 28%;
  }
  .world_map li:nth-child(10){
      left: 54.5%;
      top: 38.5%;
  }
  .world_map li:nth-child(15){
      left: 57.5%;
      top: 37.5%;
  }
  .world_map li:nth-child(16){
      left: 54.8%;
      top: 45%;
  }
  .world_map li:nth-child(16) span{
      padding-top: 0;
      padding-bottom: 32px;
  }
  .world_map li:nth-child(16) img{
      bottom: 0;
      top:auto;
  }
  .world_map li:nth-child(17){
      left: 57.2%;
      top: 49.5%;
  }
  .world_map li:nth-child(17) span{
      padding-left: 1em;
  }
  .world_map li:nth-child(26){
      left: 56.5%;
      top: 52.5%;
  }
  
  .world_map li:nth-child(2){
      left: 72.4%;
      top: 42.5%;
  }
  .world_map li:nth-child(2){
      left: 69%;
      top: 40.5%;
  }
  .world_map li:nth-child(21){
      left: 62.7%;
      top: 53.5%;
  }
  .world_map li:nth-child(22){
      left: 68.4%;
      top: 53.5%;
  }
  .world_map li:nth-child(6){
      left: 71.4%;
      top: 52%;
  }
  .world_map li:nth-child(24){
      left: 71%;
      top: 57.5%;
  }
  .world_map li:nth-child(24) img{
      position: initial;
      left:0;
      margin-left: 0;
  }
  .world_map li:nth-child(24) span{
      width: 60px;
      position: absolute;
      left: 26px;
      top: 12px;
      padding-top: 0;
  }
  .world_map li:nth-child(12){
      left: 69%;
      top: 60.5%;
  }
  .world_map li:nth-child(18){
      left: 73.5%;
      top: 71%;
  }
  .world_map li:nth-child(27){
      left: 80.4%;
      top: 81.5%;
  }
  
  .world_map .mobile_world{
      display: none;
  }
  /**涓栫晫鍦板浘  end**/
  @media only screen and ( max-width:1366px ) {
      .world_map li{
          font-size: 12px;
      }
      .world_map li img {
          width: 20px;
          height: 26px;
          margin-left: -10px;
      }
      .world_map li span{
          padding-top:26px;
      }
      .world_map li:nth-child(16) span{
          padding-bottom: 26px;
      }
      .world_map li:nth-child(24) span {
          left: 14px;
      }
      .world_map li .text{
          top:-120px;
      }
  }
  @media only screen and ( max-width:1024px ) {
    .BMap_pop>div:nth-child(9){
        height:150px!important;
    }
      .world_map .mobile_world{
          display: block;
      }
      .world_map .pc_world{
          display: none;
      }
      .map_tab .china_map .left .c_title em{
          right:0.5em;
      }
  }
  @media only screen and ( max-width:767px ) {
    #alert_message{
      width: 200px;
      height: 120px;
      margin-left: -100px;
      padding-top: 33px;
     }
     #alert_message img {
      height:30px;
     }
      .map_tab .china_map .left{
          width: 100%;
        height:auto;
      }
      .china_map .tit .search{
          width: 240px;
          right:4.5%;
      }
      .map_tab .china_map .right{
          width: 100%;
      }
      #allmap{
          height: 500px!important;
      }
      .map_tab .china_map .left .area_con dt{
          width: 16%;
      }
      .map_tab .china_map .left .area_con dd{
          width: 76%;
      }
      .map_tab .title span{
          padding: 0 11px;
          margin: 0 5px;
          line-height: 28px;
      }
  }
  @media only screen and ( max-width:500px ) {
      .map_tab .china_map .left .area_con dt{
          width: 22%;
      }
      .china_map .tit{
          padding:4% 3%;
      }
      .map_tab .china_map .left .c_title{
          line-height: 46px;
      }
      .china_map .tit .search{
          width: 156px;
          right:3%;
      }
      .china_map .tit input {
          padding: 3px 15px 3px 56px;
      }
      .china_map .tit .search::before {
          top: 5px;
      }
      /*.map_tab .china_map .left .area_con dd{
          width: 70%;
      }	*/
  }
  /**鍦板浘椤甸潰   end**/
  
  /**浼佷笟鏂囧寲  begin**/
  .culture_con{
      margin-bottom:8%;
  }
  .culture_con .h2_box{
      margin-bottom: 3%;
  }
  .culture_con .h2_box h2{
      margin-bottom: 0.5%;
      color:#cf000d;
      font-weight: bold;
  }
  .culture_con .h2_box p{
      color: #666;
  }
  .culture_con .title{
      padding:5% 2%;
      /* background: url(/static/images/uq5bgq9XTKS4JiGubdXm0Q.jpg) no-repeat center; */
      background-size: cover;
  }
  .culture_con .title .left{
      float: left;
  }
  .culture_con .title .left span{
      color:#cf000d;
  }
  .culture_con .title .left p{
      color:#7c7c7c;
  }
  .culture_con .title .logo{
      float: right;
  }
  .culture_con li{
      background-color: #ededed;
      position: relative;
  }
  .culture_con li .img{
      width: 50%;
      text-align: center;
      float: right;
      height: 0;
      overflow: hidden;
      padding-bottom: 28%;
  }
  .culture_con li .img img{
      width:100%;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  }
  .culture_con li:hover .img img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .culture_con li:nth-child(even) .img{
      float: left;
  }
  .culture_con li .text{
      width: 50%;
      padding:3%;
      position: absolute;
      left:0;
      color:#666;
      top:50%;
      transform: translateY(-50%);
  }
  .culture_con li .text .down{
      color:#666;
      display: block;
      margin-top:6%;
      padding-left: 2em;
      /* background: url(/static/images/aS8J8mt6T_maDiL7FZ_xjQ.png) no-repeat left center; */
  }
  .culture_con li .text .down:hover{
      color:#cf000d;
  }
  .culture_con li:nth-child(even) .text{
      left: auto;
      right:0;
  }
  .culture_con li .text span{
      color: #cf000d;
  }
  .culture_con li .text .des{
      margin-bottom: 3%;
  }
  .culture_con li .text p.con{
      max-height: 7.5em;
      overflow: hidden;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
  }
  .culture_con .bottom{
      padding: 3% 3%;
      line-height: 30px;
      background-color: #e31e43;
  }
  .culture_con .bottom .tit{
      float: left;
      color:#fff;
  }
  .culture_con .bottom div{
      float: left;
      width: 68%;
      padding-left: 2.5%;
  }
  .culture_con .bottom div a{
      float: left;
      color:#fff;
      opacity: 0.7;
      padding-right: 5%;
      filter: alpha(opacity=70);
  }
  .culture_con .bottom div a:hover{
      opacity: 1;
      filter: alpha(opacity=100);
  }
  .culture_con .bottom div a:last-child{
      padding-right: 0;
  }
  .culture_con .bottom .more{
      float: right;
      line-height: 30px;
      border-radius: 20px;
      padding:0 2%;
      background-color: #fff;
      color: #e31e43;
  }
  @media only screen and ( max-width:1024px ) {
      .culture_con .title{
          padding:3%;
      }
      .culture_con .title .logo{
          display: none;
      }
      .culture_con .bottom div{
          width: 63%;
      }
  }
  @media only screen and ( max-width:767px ) {
      .culture_con li{
          margin-bottom: 5%;
      }
      .culture_con li .img{
          width: 100%;
          padding-bottom: 52%;
      }
      .culture_con li .text{
          float: left;
          width: 100%;
          padding:5%;
          position: inherit;
          top:0;
          -webkit-transform: inherit;
          transform: inherit;
      }
      .culture_con li .text p.con{
          max-height: initial;
          -webkit-line-clamp:inherit;
      }
      .culture_con .bottom div{
          width: 100%;
          padding-left: 0;
          line-height: 24px;
          padding-top:1.5%;
          margin-bottom: 1.5%;
      }
      .culture_con .bottom div a{
          width: 33.33%;
          padding-right: 0;
      }
      .culture_con .bottom .more{
          float: left;
          font-size: 14px;
          margin-top:2%;
          padding:0 5%;
          text-align: center;
      }
  }
  @media only screen and ( max-width:500px ) {
      .culture_con .bottom{
          padding:5%;
      }
      .culture_con .bottom div a{
          width: 50%;
      }
  }
  /**浼佷笟鏂囧寲  end**/
  
  /**鍝佺墝寤鸿 begin**/
  .brand_anchor{
      width: 100%;
      background-color: #971d1d;
      line-height: 50px;
      z-index: 99;
  }
  .brand_anchor a{
      float: left;
      padding:0 15px;
      margin-right: 10px;
      color:#fff;
      position: relative;
  }
  .brand_anchor a::after{
      content:'';
      width: 0;
      height: 3px;
      background-color: #fff;
      position: absolute;
      left:50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
  }
  .brand_anchor  a:hover::after{
      width: 100%;
  }
  
  .plan{
      padding: 4.2% 0 6.2%;
      /* background: url(/static/images/13pBad4ATiCOVqw87y1b9w.jpg) no-repeat center; */
      background-size: cover;
  }
  .plan h2{
      color:#cf000d;
      font-weight: bold;
      margin-bottom: 3.9%;
  }
  .plan .img{
      width: 46%;
      float: right;
  }
  .plan .text{
      width: 43%;
      float: left;
  }
  .plan .text p{
      line-height: 24px;
      margin-bottom: 4.2%;
      color:#666;
  }
  .plan .text p:last-child{
      margin-bottom: 0;
  }
  .plan .text p span{
      color: #cf000d;
  }
  .brand_family{
      padding: 7% 0;
      /* background: url(/static/images/bGNpuu51TACxyE4ks1ZH5A.jpg) no-repeat  center; */
      background-size: cover;
      margin-bottom: 4.5%;
  }
  .brand_family .h2_box{
      margin-bottom: 3%;
      color:#666;
  }
  .brand_family h2{
      color:#cf000d;
      font-weight: bold;
      margin-bottom: 0.5%;
  }
  
  .brand_family li{
      width: 24%;
      float: left;
      padding:3%;
      border: 1px solid #fff;
      background-color: #f0f5fa;
      box-sizing: border-box;
      margin-bottom: 1%;
      margin-right: 1%;
  }
  .brand_family li:hover{
      box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
  }
  .brand_family li:nth-child(1){
      width: 49%;
  }
  .brand_family li:nth-child(3),.brand_family li:nth-child(7){
      margin-right: 0;
  }
  .brand_family li:nth-child(4),.brand_family li:nth-child(5),.brand_family li:nth-child(6),.brand_family li:nth-child(7){
      margin-bottom: 0;
  }
  .brand_family li .trade{
      height: 0;
      text-align: center;
      overflow: hidden;
      padding-bottom: 56px;
      margin-bottom: 15px;
  }
  .brand_family li p{
      height: 7.5em;
      color:#666;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
      overflow: hidden;
  }
  
  
  .honor{
      margin-bottom: 10%;
      padding-top:4.5%;
  }
  .honor h2{
      color:#cf000d;
      font-weight: bold;
  }
  .honor .con li{
      width: 31.2%;
      float: left;
      margin-bottom: 3%;
      position: relative;
      box-shadow: 0 0 10px 0 rgba(208,208,208,0.3);
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
  }
  .honor .con li:nth-child(2),.honor .con li:nth-child(5){
      margin-left: 3%;
      margin-right:3%;
  }
  .honor .con li:nth-child(4),.honor .con li:nth-child(5),.honor .con li:nth-child(6){
      margin-bottom: 0;
  }
  .honor .con li::before{
      content:'';
      width: 24px;
      height: 24px;
      /* background: url(/static/images/USlnUhDjQ_mQp_vCnKpnDw.png) no-repeat center; */
      position: absolute;
      left: -2px;
      bottom: 0;
  }
  .honor .con li::after{
      content:'';
      width: 20px;
      height: 20px;
      /* background: url(/static/images/Bm9AOvN1R-yT724rRLxsng.png) no-repeat center; */
      position: absolute;
      right: 0;
      bottom: 0;
  
  }
  .honor .con li:hover .text{
      background: #cf000d;
      color:#fff;
  }
  .honor .con li .img{
      height: 0;
      text-align: center;
      overflow: hidden;
      padding-bottom: 69%;
  }
  .honor .con li:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .honor .con li img{
      -webkit-transition: all 0.7s;
      -moz-transition: all 0.7s;
      -ms-transition: all 0.7s;
      -o-transition: all 0.7s;
      transition: all 0.7s;
  }
  /*.honor .con li img{
      -webkit-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in;
  }
  .honor .con li:hover img{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }*/
  .honor .con li .text{
      padding:5%;
      text-align: center;
  }
  .honor .con li p{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  @media only screen and ( max-width:1024px ) {
      .plan_box{
          position: relative;
      }
      .plan_box .img{
          position: absolute;
          right:0;
          top:50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
      }
  }
  @media only screen and ( max-width:767px ) {
      .brand_anchor a{
          padding:0 10px;
      }
      .plan_box .text{
          width: 100%;
      }
      .plan_box .img{
          width: 60%;
          margin:0 20% 5%;
          position: inherit;
          top:0;
          -webkit-transform: inherit;
          transform: inherit;
      }
      .brand_family li{
          width: 49%;
          margin-right: 0;
          margin-bottom: 2%!important;
      }
      .brand_family li:nth-child(1){
          width: 100%;
          margin-right: 0;
          margin-bottom: 2%;
      }
      .brand_family li:nth-child(even){
          margin-right: 2%;
      }
      
      .honor .con li{
          width: 48.5%;
          margin-right: 3%;
          margin-bottom: 3%!important;
          margin-left: 0!important;
      }
      .honor .con li:nth-child(even){
          margin-right: 0!important;
          margin-left: 0!important;
      }
      
      .page li{
          display: none;
      }
      .page .prev,.page .next,.page .first,.page .last,.page li.on{
          display: inline-block;
          font-size: 14px;
      }
  }
  
  @media only screen and ( max-width:500px ) {
      .brand_family li{
          width: 100%;
          padding:5%;
          margin-right: 0!important;
      }
      .brand_family li:last-child{
          margin-bottom: 0!important;
      }
      .brand_family li p{
          height: auto;
          -webkit-line-clamp:inherit;
      }
      
      
      
      .honor .con li{
          width: 100%;
          margin-right: 0;
          margin-left: 0!important;
          margin-bottom: 5%!important;
      }
      .honor .con li .img {
          padding-bottom: 68%;
      }
  }
  
  /**鍝佺墝寤鸿 end**/
  
  
  /**鍏徃鎴樼暐  begin**/
  .strategic {
      margin-bottom: 10%;
  }
  .strategic h2{
      font-weight: bold;
      color: #cf000d;
  }
  .strategic .con{
      background-color: #ededed;
      margin-bottom: 4.5%;
  }
  .strategic .con .img{
      width: 62.5%;
      float: left;
      height: 0;
      overflow: hidden;
      padding-bottom: 35%;
      text-align: center;
  }
  .strategic .con .text{
      width: 37%;
      padding:5% 2% 0;
      color:#666;
      float: right;
      line-height: 24px;
  }
  .strategic li{
      width: 19.44%;
      float: left;
      margin-right: 0.7%;
      margin-bottom: 2.5%;
      background-color: #f1f1f1;
  }
  .strategic li:nth-child(5),.strategic li:last-child{
      margin-right: 0;
  }
  .strategic li .title{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 50px;
      background-color: #e21e42;
      color:#fff;
      text-align: center;
  }
  .strategic li p{
      margin:25px;
      color: #666;
      height: 18em;
      -webkit-line-clamp:12;
      overflow: hidden;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
  }
  .strategic li:nth-child(9) p,.strategic li:nth-child(10) p,.strategic li:nth-child(6) p,.strategic li:nth-child(7) p,.strategic li:nth-child(8) p{
      height: 12em;
      -webkit-line-clamp:8;
  }
  
  @media only screen and ( max-width:1280px ) {
      .strategic .con{
          display: flex;
          align-items: center;
      }
      .strategic .con .text{
          padding:2%;
      }
  }
  @media only screen and ( max-width:1024px ) {
      .strategic .con{
          display: block;
          padding:3%;
      }
      .strategic .con .img{
          width: 100%;
          margin-bottom: 5%;
      }
      .strategic .con .text{
          width: 100%;
          padding:0;
      }
      
      
      .strategic li p {
          margin: 15px;
      }
  }
  
  @media only screen and ( max-width:767px ) {
      .strategic li{
          width: 49%;
          margin-right: 2%!important;
          margin-bottom: 2%;
      }
      .strategic li:nth-child(even){
          margin-right: 0!important;
      }
      .strategic li p{
          margin:25px;
          height: 9em!important;
          -webkit-line-clamp: 6!important;
      }
  }
  @media only screen and ( max-width:640px ) {
      .strategic .con{
          margin-bottom: 5%;
      }
      .strategic li .title{
          line-height: 38px;
      }
      .strategic li p{
          margin:15px;
          height: 7.5em!important;
          -webkit-line-clamp: 5!important;
      }
  }
  @media only screen and ( max-width:500px ) {
      .strategic li{
          width: 100%;
          margin-right: 0;
          margin-bottom: 3%;
      }
      .strategic li p{
          margin:5%;
          height: auto!important;
          -webkit-line-clamp: inherit!important;
      }
  }
  /**鍏徃鎴樼暐  end**/
  
  /**鎶€鏈垱鏂�  begin**/
  .system{
      padding: 4.5% 0;
  }
  .system h2{
      font-weight: bold;
      color: #cf000d;
  }
  .system_content{
      padding:4% 2.4%;
      border: 1px solid #c0c0c0;
  }
  .system_content dt{
      color: #cf000d;
      position: relative;
      margin-bottom: 2.8%;
  }
  .system_content dt::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #fae5e6;
      position: absolute;
      left:0;
      bottom: -45%;
  }
  .system_content dl:nth-child(1) .img{
      text-align: center;
      margin-bottom: 3%;
  }
  
  .rights{
      padding:4.3% 0 7%;
      /* background: url(/static/images/XSS3CoAFRSOOQ6pbcClytw.jpg) no-repeat center; */
      background-size: cover;
      margin-bottom: 4.5%;
  }
  .rights h2{
      font-weight: bold;
      color: #cf000d;
  }
  .rights li{
      width: 48.5%;
      box-sizing: border-box;
      float: left;
      padding-left: 50px;
      padding-top:2%;
      margin-bottom: 2%;
      border-top:1px solid #c5cacf;
  }
  .rights li .title{
      position: relative;
      margin-bottom: 4.7%;
      font-weight: bold;
  }
  .rights li:nth-child(odd){
      margin-right: 3%;
  }
  .rights li:nth-child(3),.rights li:nth-child(4){
      margin-bottom: 0;
  }
  .rights li .title::before{
      content:"+";
      width: 34px;
      height: 34px;
      line-height: 30px;
      display: block;
      text-align: center;
      position: absolute;
      left:-45px;
      top:2px;
      font-weight: bold;
      font-size: 30px;
      color:#fff;
      background-color: #cf000d;
      -webkit-border-radius: 50%;
      border-radius: 50%;
  }
  .rights li p{
      color:#666;
  }
  
  @media only screen and ( max-width:1024px ) {
      .system_content dt::after {
          width: 80px;
          bottom:-25%;
      }
      .rights li {
          width: 48.5%;
          padding-left: 35px;
      }
      .rights li .title::before {
          width: 26px;
          height: 26px;
          line-height: 24px;
          left: -35px;
          font-size: 24px;
      }
  }
  
  @media only screen and ( max-width:767px ) {
      .rights li{
          width: 100%;
          margin-bottom: 3.5%;
          padding-top:3.5%;
      }
      .rights li:nth-child(odd){
          margin-right: 0;
      }
      .rights li:nth-child(3){
          margin-bottom: 3.5%;
      }
      .rights li .title{
          margin-bottom: 3%;
      }
      .rights li .title::before{
          top:-1px;
      }
  }
  /**鎶€鏈垱鏂�  end**/
  
  /**绠＄悊鍒涙柊  begin**/
  .target_strage{
      margin-bottom: 4.5%;
  }
  .target_strage h2{
      color: #cf000d;
      font-weight: bold;
      margin-bottom: 3%;
  }
  .traget{
      width: 48%;
      float: left;
  }
  .strage{
      width: 49%;
      float: right;
  }
  .target_content,.strage_content{
      border: 1px solid #c0c0c0;
  }
  .target_content .box{
      padding:4% 4.5%;
  }
  .target_content .box dl:nth-child(1){
      margin-bottom: 5%;
  }
  .target_content .box dt{
      position: relative;
      margin-bottom: 6.2%;
  }
  .target_content .box dt::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #fae5e6;
      position: absolute;
      left:0;
      bottom:-45%;
  }
  .target_content .box dd {
      color: #666;
  }
  .strage .box{
      padding:5%;
  }
  .strage .box p{
      text-align: center;
      padding-top:3%;
  }
  
  
  .improve{
      margin-bottom: 4.5%;
  }
  .improve .h2_box{
      margin-bottom: 2%;
  }
  .improve h2{
      font-weight: bold;
      color: #cf000d;
      margin-bottom:0.5%;
  }
  
  .improve_content{
      padding:4.2% 2.4%;
      border: 1px solid #c0c0c0;
  }
  .improve_content dl{
      margin-bottom:3%
  }
  .improve_content dl:last-child{
      margin-bottom: 0;
  }
  .improve_content dt{
      color: #cf000d;
      margin-bottom: 3.45%;
      position: relative;
  }
  .improve_content dt::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #fae5e6;
      position: absolute;
      left:0;
      bottom:-50%;
  }
  .improve_content dd img{
      display: block;
      margin:0 auto;
  }
  
  
  .merit{
      margin-bottom: 4.5%;
  }
  .merit h2{
      font-weight: bold;
      color: #cf000d;
  }
  .merit_content{
      padding:4.2% 4.2% 4.2% 2.4%;
      border: 1px solid #c0c0c0;
  }
  .merit dl{
      margin-bottom: 3%;
      position: relative;
  }
  .merit dt{
      width: 30%;
      float: right;
      text-align: right;
      position: relative;
  }
  .merit dd{
      width: 67%;
      position: absolute;
      left:0;
      top:50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .merit li:nth-child(1){
      width: 33%;
      padding-left: 3%;
      float: left;
      text-align: left;
  }
  .merit li:nth-child(2){
      width: 57%;
      float: right;
      text-align: right;
  }
  
  .manage_plan {
      margin-bottom: 10.5%;
  }
  .manage_plan h2{
      font-weight: bold;
      color: #cf000d;
  }
  .manage_plan_content{
      padding: 2.5% 8%;
      /* background: url(/static/images/JHyR2PMwS62UgOCGIl14eg.jpg) no-repeat center; */
      background-size: cover;
      color:#fff;
  }
  .manage_plan_content dl{
      width: 40%;
      float: left;
  }
  .manage_plan_content dl:nth-child(1){
      border-right:1px solid #fff;
      padding-right:8%;
      margin-right: 10%;
  }
  .manage_plan_content dt{
      margin-bottom: 5%;
  }
  .manage_plan_content dd div{
      float: left;
  }
  .manage_plan_content dd div:nth-child(1){
      padding-right: 13%;
  }
  @media only screen and ( max-width:1024px ) {
      .manage_plan_content{
          padding: 3% 4%;
      }
      .manage_plan_content dl:nth-child(1) {
          padding-right: 6%;
          margin-right: 6%;
          width: 47%; 
      }
  }
  
  @media only screen and ( max-width:767px ) {
      .target_content .box dt::after{
          width: 80px;
      }
      .merit dd{
          float: left;
          position: inherit;
          top:0;
          -webkit-transform: inherit;
          transform: inherit;
      }
      .manage_plan_content dd div{
          float:none;
          padding-right: 0!important;
          line-height: 20px;
          margin-bottom: 6px;
      }
  }
  
  @media only screen and ( max-width:640px ) {
      .traget{
          width: 100%;
          margin-bottom: 4.5%;
      }
      .strage{
          width: 100%;
      }
      
      
      .merit dl{
          margin-bottom: 5%;
      }
      .merit dt{
          width: 100%;
          text-align: center;
          margin-bottom: 4.5%;
      }
      .merit dd{
          width: 100%;
      }
      .merit li{
          width: 100%!important;
          text-align: center!important;
          padding:0!important;
      }
      .merit li:nth-child(1){
          margin-bottom: 5%;
      }
  }
  
  @media only screen and ( max-width:640px ) {
      .manage_plan_content dl{
          width: 100%;
      }
      .manage_plan_content dl:nth-child(1){
          width: 100%;
          margin-right: 0;
          padding-right: 0;
          border-right: 0 none;
          margin-bottom: 3%;
      }
      .manage_plan_content dt {
          margin-bottom: 2%;
      }
  }
  /**绠＄悊鍒涙柊  end**/
  
  
  
  /**鍥介檯鎶€鏈敾鍧氶」鐩� begin**/
  .project{
      margin-bottom: 9%;
  }
  .project .h2_box{
      margin-bottom: 1.5%;
  }
  .project h2{
      font-weight: bold;
      color: #cf000d;
  }
  .project .h2_box p{
      color:#666;
  }
  .project .table .title{
      background-color: #005bac;
      color:#fff;
      font-size: 16px;
      line-height: 20px;
      padding:15px 0;
  }
  .project .table .title span{
      float: left;
  }
  .project .table .time{
      width: 12%;
      padding-right: 2%;
      padding-left: 1%;
      text-align: center;
  }
  .project .table .title .join{
      line-height: 20px!important;
  }
  .project .table .pro_name{
      width: 39%;
      padding-right: 2%;
  }
  .project .table .from{
      width: 29%;
      padding-right: 2%;
  }
  .project .table .join{
      width: 13%;
  }
  .project .table ul{
      padding-bottom: 10px;
      background-color: #f2f7f8;
  }
  .project .table li{
      padding:8px 0;	
      color:#666;
      overflow: hidden;
  }
  .project .table li div{
      float: left;
  }
  .project .table_content .more{
      display: block;
      width: 100%;
      height: 34px;
      line-height: 34px;
      /* background:#d6dadc url(/static/images/HMT3ctsRTESftP-Yau9KXw.png) no-repeat center; */
      cursor: pointer;
  }
  .project .table_content .more:hover{
      /* background:#cf000d url(/static/images/36Yjm4gOTTGMsTAsSruc6Q.png) no-repeat center; */
  }
  @media only screen and ( max-width:767px ) {
      .project .h2_box{
          margin-bottom: 3%;
      }
      .project .table li{
          font-size: 12px;
      }
      .project .table .title{
          font-size: 12px;		
      }
      .project .join{
          text-align: center;
      }
      .project .table .pro_name{
          width: 37%;
      }
      .project .table .from{
          width: 26%;
      }
      .project .table .join {
          width: 18%;
      }
  }
  /**鍥介檯鎶€鏈敾鍧氶」鐩� end**/
  
  
  /**浜у搧涓績  begin**/
  .product_center{
      margin-bottom: 4.5%;
  }
  .product_center h2{
      font-weight: bold;
      color: #cf000d;
      margin-bottom: 1%;
  }
  .product_center .tab .title{
      background-color: #f5f5f5;
      margin-bottom: 4.5%;
  }
  .product_center .tab .title dl{
      padding:15px 10px;
      line-height: 42px;
  }
  .product_center .tab .title .tit1{
      border-bottom: 1px solid #fff;
  }
  .product_center .tab .title .tit1 dd span,.product_center .tab .title .tit2 dd span{
      float: left;
      padding:0 14px;
      line-height: 32px;	
      margin-right: 2%;
      margin-top:4px;
      cursor: pointer;
  }
  .product_center .tab .title .tit1 dd span.on{
      background-color: #990006;
      color:#fff;
      border-radius: 20px;;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+1).on{
      background-color: #990006;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+2).on{
      background-color: #b60108;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+3).on{
      background-color: #d20006;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+4).on{
      background-color: #ec1a23;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+5).on{
      background-color: #ff474f;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+6).on{
      background-color: #f67171;
  }
  .product_center .tab .title .tit1 dd span:nth-child(7n+7).on{
      background-color: #f5abab;
  }
  .product_center .tab .title .tit2 dd>div{
      display: none;
  }
  .product_center .tab .title .tit2 dd>div:nth-child(1){
      display: block;
  }
  .product_center .tab .title dt{
      float: left;
      width: 6%;
      font-weight: bold;
      text-align: center;
      border-right: 1px solid #bfbfbf;
      margin-right: 2%;
  }
  .product_center .tab .title dd{
      float: left;
      width: 92%;
  }
  .product_center .tab .title .tit2 dd>div span.on{
      color: #cf000d;
  }
  .product_center .tab_content>div,.product_center .tab_content .content{
      display: none;
  }
  .product_center .tab_content>div:nth-child(1),.product_center .tab_content>div>.content:nth-child(1){
      display: block;
  }
  .product_center .tab_content .des{
      margin-bottom: 7%;
  }
  .product_center .tab_content .des .c_title{
      font-weight: bold;
      background-color: #9a6f7d;
      color :#fff;
      line-height: 60px;
      padding-left: 2.5%;
      margin-bottom: 2.5%;
  }
  .product_center .tab_content .des .img{
      width: 40%;
      float: left;
      height: 0;
      overflow: hidden;
      padding-bottom: 35%;
  }
  .product_center .tab_content .des .right{
      width: 55%;
      float: right;
      color:#666;
  }
  .product_center .tab_content .des .right .tit{
      color: #cf000d;
      position: relative;
      margin-bottom: 5%;
  }
  .product_center .tab_content .des .right .tit::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #fae5e6;
      position: absolute;
      left:0;
      bottom: -36%;
  }
  .product_center .tab_content .des .right p{
      margin-bottom: 2%;
  }
  .product_center .tab_content .des .right p:last-child{
      margin-bottom: 0;
  }
  
  
  .classify{
      padding: 4.5% 0;
      background-color: #f7f9fb;
  }
  .classify .tit{
      color: #cf000d;
      margin-bottom: 4.5%;
      position: relative;
  }
  .classify .tit::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #f3e0e3;
      position: absolute;
      left:0;
      bottom:-38%;
  }
  .classify_content .left{
      width: 20.46%;
      float: left;
      line-height: 70px;
      background-color: #f5eff2;
  }
  .classify_content .left li{
      padding-left: 10%;
      border-bottom:1px solid #fff;
      cursor: pointer;
  }
  .classify_content .left li:last-child{
      border-bottom: 0 none;
  }
  .classify_content .left li.on,.classify_content .left li:hover{
      background-color: #cf000d;
      color:#fff;
      position: relative;
  }
  .classify_content .left li.on::after,.classify_content .left li:hover::after{
      content:'';
      width: 0;
      height: 0;
      border:35px solid transparent;
      border-left: 35px solid #cf000d;
      
      position: absolute;
      right:-70px;
      top:0;
  }
  .classify_content .right{
      width: 66%;
      float: right;	
  }
  .classify_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
      width: 10px!important;
      background-color: #d4d4d4!important;
  }
  .classify_content .right .con{
      max-height: 900px;
  }
  .classify_content .right>.con{
      display: none;
  }
  .classify_content .right>.con:nth-child(1){
      display: block;
  }
  .classify_content .right .c_tit{
      display: block;
      margin-bottom: 3%;
      position: relative;
  }
  .classify_content .right .c_tit::before{
      content:'';
      width: 10px;
      height: 10px;
      display: block;
      background-color: #cf000d;
      border-radius: 50%;
      position: absolute;
      left:-25px;
      top:50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .classify_content .right img{
      margin:3% 0;
  }
  .classify_content .right .btn{	
      padding-top:1%;	
  }
  .classify_content .right .btn .img_btn{
     display:block;
      width: 120px;
      text-align: center;
      line-height: 40px;
      background-color: #cf000d;
      border-radius: 20px;
      color:#fff;
      cursor: pointer;
  }
  @media only screen and ( max-width:1024px ) {
      .classify_content .left {
          line-height: 50px;
      }
      .classify_content .left li.on::after,.classify_content .left li:hover::after {
          border: 25px solid transparent;
          border-left: 25px solid #cf000d;
          right: -50px;
      }
  }
  @media only screen and ( max-width:767px ) {
      .classify{
          padding-top:0;
      }
      .product_center .tab .title dt{
          width: auto;
          padding:0 15px;
          line-height: 30px;
          background-color: #cf000d;
          color:#fff;
          border-right: 0 none;
          margin-bottom: 2.5%;
      }
      .product_center .tab .title dd{
          width: 100%;
          border-top: 1px solid #e7e7e7;
          padding-top: 2%;
      }
      .product_center .tab .title .tit1 dd span{
          line-height: 28px;		
      }
      .product_center .tab .title .tit1 dd span.on{
          background-color: transparent!important;
      color:#cf000d;
      }
      .product_center .tab .title .tit2 dd span{
          line-height: 24px;
      }
      .product_center .tab_content .des .img{
          width: 60%;
          margin:0 20% 5%;
      }
      .product_center .tab_content .des .right{
          width: 100%;
      }
      .classify_content .left{
          width: 100%;
          margin-bottom: 5%;
      }
      .classify_content .left li{
          width: 33.33%;
          float: left;
          padding-left: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          text-align: center;
          line-height: 40px;
      }
      .classify_content .right{
          width: 100%;
      }
      .classify_content .right .c_tit{
          text-indent: 1.5em;
      }
      .classify_content .right .c_tit::before{
          left:0;
      }
      .product_center .tab_content .des .c_title{
          line-height: 40px;
      }
  }
  @media only screen and ( max-width:500px ) {
      .classify_content .right .btn .img_btn {
          width: 96px;
          line-height: 32px;
          font-size: 12px;
      }
  }
  /**浜у搧涓績  end**/
  
  
  /**宸ョ▼妗堣烦杞〉   begin**/
  .example{
      margin-bottom: 8%;
  }
  .example h2{
      font-weight: bold;
      color: #cf000d;
  }
  .example .example_con li{
      width: 31%;
      float: left;
      margin-bottom: 2.5%;
      background-color: #fff;
      box-shadow: 0 0 10px 3px rgba(157,157,157,0.1);
      position: relative;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
  }
  .example .example_con li:nth-child(3n+2){
      margin-left: 3.5%;
      margin-right: 3.5%;
  }
  .example .example_con li:nth-child(7),.example .example_con li:nth-child(8),.example .example_con li:nth-child(9){
      margin-bottom: 0;
  }
  
  .example .example_con li::before{
      content: '';
      width: 24px;
      height: 24px;
      /* background: url(/static/images/u3eVRHP8SBqBIK-Zq5BnPA.png) no-repeat center; */
      position: absolute;
      left: -2px;
      bottom: 0;
  }
  .example .example_con li::after{
      content: '';
      width: 20px;
      height: 20px;
      /* background: url(/static/images/Bm9AOvN1R-yT724rRLxsng.png) no-repeat center; */
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .example .example_con li:hover{
      background: #cf000d;
      color:#fff;
  }
  .example .example_con li:hover span{
      color: #fff;
  }
  .example .example_con li .text{
      padding:5%;
  }
  .example .example_con li .time{
      color:#666;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
  }
  .example .example_con li .title{
      font-size: 20px;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 3%;
  }
  .example .example_con li .bottom{
      height: 4.5em;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
  }
  .example .example_con li .text .bottom .left,.example .example_con li .text .bottom .right{
      width: 50%;
      float: left;
  }
  .example .example_con li .img{
      height: 0;
      overflow: hidden;
      text-align: center;
      padding-bottom: 68%;
  }
  @media only screen and ( max-width:1024px ) {
      .example .example_con li{
          width: 32%;
      }
      .example .example_con li:nth-child(3n+2) {
          margin-left: 2%;
          margin-right: 2%;
      }
  }
  @media only screen and ( max-width:767px ) {
      .example .example_con li{
          width: 48.5%;
          margin:0 0 3%!important;
      }
      .example .example_con li:nth-child(odd) {
          margin-right:3%!important;
      }
      .example .example_con li:last-child{
          margin-bottom: 0!important;
      }
  }
  @media only screen and ( max-width:500px ) {
      .example .example_con li{
          width: 100%;
          margin:0 0 3%!important;
      }
      .example .example_con li:nth-child(odd) {
          margin-right:0!important;
      }
      .example .example_con li .img{
          padding-bottom:63%;
      }
  }
  /**宸ョ▼妗堣烦杞〉   end**/
  
  /**琛屼笟搴旂敤   begin**/
  .application{
      margin-bottom: 10.5%;
  }
  .application h2{
      font-weight: bold;
      color: #cf000d;
  }
  .application li{
      float: left;
      margin-right: 1.9%;
      position: relative;
      overflow: hidden;
  }
  .application li:nth-child(1),.application li:nth-child(2){
      width: 23.55%;
      margin-bottom: 1.9%;
  }
  .application li:nth-child(1) .img,.application li:nth-child(2) .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 116.1%;
  }
  .application li:nth-child(3),.application li:nth-child(4),.application li:nth-child(5){
      width: 49%;
  }
  .application li:nth-child(5),.application li:nth-child(3){
      margin-right: 0;
  }
  .application li .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 56.2%;
  }
  .application li img{
      width:100%;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  }
  .application li:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .application li span{
      line-height: 36px;
      padding:0 30px;
      background-color: #333;
      color:#fff;
      position: absolute;
      left:0;
      bottom:20px;
  }
  
  @media only screen and ( max-width:640px ) {
      .application li{
          width: 100%;
          margin-right: 0;
          margin-bottom: 3.5%!important;
      }
      .application li:nth-child(1){
          margin-right: 3.5%;
      }
      .application li:nth-child(1), .application li:nth-child(2) {
          width: 48.25%;
      }
      .application li:nth-child(3), .application li:nth-child(4), .application li:nth-child(5) {
          width: 100%;
      }
      .application li:last-child{
          margin-bottom: 0!important;
      }
      .application li span {
          line-height: 30px;
          padding: 0 15px;
          bottom: 15px;
      }
  }
  /**琛屼笟搴旂敤   end**/
  
  
  /** 琛屼笟搴旂敤璇︽儏   begin**/
  .applic_detail{
      padding: 4.5% 0 6%;
      background-color: #f7f9fb;
      margin-bottom: 6%;
  }
  .applic_detail h2{
      color: #cf000d;
      margin-bottom: 4%;
      position: relative;
  }
  .applic_detail h2::after{
      content:'';
      display: block;
      width: 120px;
      height: 4px;
      background-color: #f3e0e3;
      position: absolute;
      left:0;
      bottom:-50%;
  }
  .applic_detail .left{
      width: 20.46%;
      float: left;
      line-height: 70px;
      background-color: #f5eff2;
  }
  .applic_detail .left li{
      border-bottom:1px solid #fff;
      padding-left: 10%;
      cursor: pointer;
      position: relative;
  }
  .applic_detail .left li.on{
      background-color: #cf000d;
      color:#fff;
  }
  .applic_detail .left li.on::after{
      content: '';
      width: 0;
      height: 0;
      border: 35px solid transparent;
      border-left: 35px solid #cf000d;
      position: absolute;
      right: -70px;
      top: 0;
  }
  .applic_detail .right{
      width: 72%;
      float: right;
      color:#666;
  }
  .applic_detail .right>div{
      display: none;
  }
  .applic_detail .right>div:nth-child(1){
      display: block;
  }
  .applic_detail .right .img{
      padding-top:3.5%;
  }
  .applic_detail .right .title{
      width: 103%;
      text-indent: 1em;
      margin-top:3.5%;
      margin-bottom: 3.5%;
      background-color: #cf000d;
      color:#fff;
      position: relative;
      left:-3%;
  }
  .applic_detail .right .box{
      padding-left: 3%;
  }
  .applic_detail .right .tit{
      color:#cf000d;
      margin-bottom: 2.5%;
      
  }
  .applic_detail .right table{
      width: 100%;
      margin-bottom: 3.5%;
  }
  .applic_detail .right table td{
      border: 1px solid #bfbfbf;
      padding:2%;
  }
  .applic_detail .right table td span{
      display: block;
  }
  .applic_detail .right dt{
      margin-bottom: 1.5%;
  }
  @media only screen and ( max-width:1024px ) {
      .applic_detail .left{
          line-height: 50px;
      }
      .applic_detail .left li.on::after {
          border: 25px solid transparent;
          border-left: 25px solid #cf000d;
          right: -50px;
      }
  }
  @media only screen and ( max-width:767px ) {
      .applic_detail h2{
          margin-bottom: 7%;
      }
      .applic_detail .left{
          width: 100%;
          margin-bottom: 25px;
      }
      .applic_detail .left li{
          width: 20%;
          float: left;
          line-height: 36px;
          padding-left:0;
          text-align: center;
      }
      
      .applic_detail .left li.on::after {
          border: 12px solid transparent;
          border-left-color: transparent;
          border-top-color: #cf000d;
          right: 0;
          left:50%;
          margin-left: -12px;
          top: 36px;
      }
      .applic_detail .right{
          width: 100%;
      }
      
  }
  /** 琛屼笟搴旂敤璇︽儏   end**/
  
  
  /**鎶€鏈敮鎸�   begin**/
  .f_title {
      width: 100%;
      z-index: 99;
      padding:20px 0 15px;
      background-color: #971d1d;
      text-align: center;
      margin-bottom: 6%;
  }
  .f_title a{
      display: inline-block;
      padding:0 20px;
      margin:0 10px 5px;
      color:#fff;
      line-height: 32px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border:1px solid #fff;
  }
  .f_title a:hover,.f_title a.on{
      background-color: #fff;
      color:#971d1d;
  }
  
  .standard,.norm,.cad{
      margin-bottom: 6%;
  }
  .tech_refer{
      margin-bottom: 10.5%;
  }
  .standard h2,.norm h2,.cad h2,.tech_refer h2{
      font-weight: bold;
      color:#cf000d;
  }
  .standard .left,.norm .left,.cad .left,.tech_refer .left{
      width: 12%;
      float: left;
      
  }
  .standard .left ul,.norm .left ul,.cad .left ul,.tech_refer .left ul{
      background-color: #e1e1e1;
  }
  .standard .left .title,.norm .left .title,.cad .left .title,.tech_refer .left .title{
      line-height: 36px;
      padding:0 1em;
      color:#fff;
      /* background: url(/static/images/LoRQpMqIQIeZ3uc_LumMJw.png) no-repeat center center; */
      background-size: cover;
  }
  .standard .left li,.norm .left li,.cad .left li,.tech_refer .left li{
      width: 100%;
      padding:0 1em;
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 46px;
      cursor: pointer;
  }
  .standard .left li.on,.norm .left li.on,.cad .left li.on,.tech_refer .left li.on,.standard .left li:hover,.norm .left li:hover,.cad .left li:hover,.tech_refer .left li:hover{
      color:#cf000d;
  }
  .standard .right,.norm .right,.cad .right,.tech_refer .right{
      width: 85%;
      float: right;
  }
  .standard .right>div,.norm .right>div,.cad .right>div,.tech_refer .right>div{
      display: none;
  }
  .standard .right>div:nth-child(1),.norm .right>div:nth-child(1),.cad .right>div:nth-child(1),.tech_refer .right>div:nth-child(1){
      display: block;
  }
  .standard .right table{
      width: 100%!important;
  }
  .standard .right td{
      padding:2%;
      border: 1px solid #bfbfbf;
  }
  
  
  
  .norm .right>div{
      padding:3%;
      border: 1px solid #e0e0e0;
  }
  .norm .right>div .title{
      color:#cf000d;
      font-weight: bold;
      margin-bottom: 0.5%;
  }
  .norm .right>div .tit{
      color:#cf000d;
      padding-top:1.5%;
  }
  .cad .right>div{
      border: 1px solid #e0e0e0;
  }
  
  .cad_content .right li{
      padding:0 5% 0 4.5%;
      line-height: 50px;
      background-color: #fcfcfc;
      position: relative;
  }
  .cad_content .right ul>li:nth-child(odd){
      background-color: #f4f4f4;
  }
  .cad_content .right li::before{
      content:'';
      width: 5px;
      height: 5px;
      background-color: #6d6d6d;
      position: absolute;
      left:3%;
      top:50%;
      margin-top:-2px;
  }
  .cad_content .right li:hover{
      background-color: #f0dbdc!important;
  }
  .cad_content .right li:hover::before{
      background-color: #cf000d!important;
  }
  .cad_content .right li:hover a{
      color: #cf000d;
  }
  .cad_content .right li .tit{
      float: left;
      width: 80%;
  }
  .cad_content .right li .down_load{
      float: right;
      font-size: 16px;
      color:#666;
      padding-right: 35px;
      /* background: url(/static/images/6KPSuTw0SqOWDGtGHvTj6A.png) no-repeat right center; */
  }
  .cad_content .right li:hover .down_load{
      /* background-image: url(/static/images/b4U22nNDS0O9wshN4sHeQg.png); */
  }
  .tech_refer .right>div .title:nth-child(1){
      padding-top:0;
  }
  .tech_refer .right .title{
      color:#cf000d;
      font-weight: bold;
      padding-top:2%;
  }
  .tech_refer .right .tit{
      padding-top:2%;
      color:#cf000d;
      margin-bottom: 2%;
  }
  .tech_refer .right>div{
      padding:3%;
      border: 1px solid #e0e0e0;
      background-color: #fcfcfc;
  }
  @media only screen and ( max-width:767px ) {
      .standard .left, .norm .left, .cad .left, .tech_refer .left{
          width: 100%;
          margin-bottom: 3.5%;
      }
      .standard .left .title, .norm .left .title, .cad .left .title, .tech_refer .left .title{
          width: 150px;
      }
      .standard .left ul, .norm .left ul, .cad .left ul, .tech_refer .left ul{
          padding:1em 0;
      }
      .standard .left li, .norm .left li, .cad .left li, .tech_refer .left li{
          width: auto;
          text-align: center;
          float: left;
          line-height: 28px;
      }
      .standard .right, .norm .right, .cad .right, .tech_refer .right{
          width: 100%;
      }
      .cad_content .right li {
          padding: 0 3% 0 6.5%;
          line-height: 42px;
      }
      .cad_content .right li .tit {
          width: 74%;
      }
      .cad_content .right li .down_load{
          font-size: 14px;
      }	
      .f_title a{
          float: left;
          line-height: 28px;
          padding:0 11px;
          margin:0 5px 5px;
      }
  }
  /**鎶€鏈敮鎸�   end**/
  
  /**宸ョ▼妗堜緥  begin**/
  .project_example{
      margin-bottom: 11%;
  }
  .project_example h2{
      font-weight: bold;
      color: #cf000d;
  }
  .project_example li{
      width: 32.63%;
      float: left;
      margin-right: 1%;
      margin-bottom:1%;
      overflow: hidden;
      position: relative;
  }
  .project_example li:nth-child(3),.project_example li:nth-child(6){
      margin-right: 0;
  }
  .project_example li .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 56%;
  }
  .project_example li img{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      width:100%;
  }
  .project_example li:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .project_example li span{
      line-height: 36px;
      padding: 0 30px;
      background-color: #333;
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 20px;
  }
  @media only screen and ( max-width:767px ) {
      .project_example li{
          width: 49%;
          margin-right: 0!important;
          margin-bottom: 2%;
      }
      .project_example li:nth-child(odd){
          margin-right: 2%!important;
      }
      .project_example li span{
          line-height: 30px;
          padding: 0 15px;
          bottom: 15px;
      }
  }
  @media only screen and ( max-width:400px ) {
      .project_example li{
          width: 100%;
      }
      .project_example li:nth-child(odd){
          margin-right: 0!important;
      }
  }
  /**宸ョ▼妗堜緥  end**/
  
  
  /**瀹㈡埛鏈嶅姟   begin**/
  .data_load{
      margin-bottom: 4.5%;
  }
  .data_load .box{
      position:relative
  }
  .data_load .swiper-container{
      margin-left:50px;
     margin-right:50px;
  }
  .data_load .swiper-button-next,.data_load .swiper-button-prev{
    width:17px;
    height:30px;
    /* background:url(/static/images/nGkCfUDkTSOlmoH1s2cuPQ.png) no-repeat center; */
  }
  .data_load .swiper-button-next:hover,.data_load .swiper-button-prev:hover{
    /* background:url(/static/images/svhQRKNhTv-XykcHUmeU7w.png) no-repeat center; */
  }
  .data_load .swiper-button-prev{
      -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
  }
  .data_load .h2_box{
      margin-bottom: 2.5%;
      border-bottom: 1px solid #666;
  }
  .data_load h2{
      float: left;
      color:#cf000d;
      font-weight: bold;
      margin-bottom: 0;
  }
  .data_load .h2_box a{
      float: right;
      color:#666;
      font-size: 16px;
      padding-right: 30px;
      /* background: url(/static/images/b4U22nNDS0O9wshN4sHeQg.png) no-repeat right center; */
      margin-top:1%;
  }
  .data_load .swiper-container-horizontal>.swiper-pagination-bullets{
      display:none;
  }
  .data_load  .swiper-slide a{
      display:block;
      height: 0;
      overflow: hidden;
      padding-bottom: 134%;
      border: 1px solid #d4d4d4;
      box-sizing: border-box;
     position:relative;
  }
  .data_load  .swiper-slide a img{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;	
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      transform-origin:0% 0%;
  }
  .data_load  .swiper-slide:hover a img{
      -webkit-transform: scale(1.1) translate(-50%,-50%);
      -moz-transform: scale(1.1) translate(-50%,-50%);
      -ms-transform: scale(1.1) translate(-50%,-50%);
      -o-transform: scale(1.1) translate(-50%,-50%);
      transform: scale(1.1) translate(-50%,-50%);
  }
  
  .server_c{
      margin-bottom: 4.5%;
  }
  .server_c h2{
     font-weight: bold;
     color: #cf000d;
  }
  .server_c_content{
      position:relative;
  }
  .server_c_content .left{
      width:25%;
     float:left;
     height:0;
     overflow:hidden;
     padding-bottom:21%;
  }
  .server_c_content .right{
     width:70%;
        float:right;
  }
  .server_c_content .right table{
      width:auto!important;
  }
  .buy_guid,.server_cnt11{
      margin-bottom: 4.5%;
  }
  .buy_guid  h2,.server_cnt11 h2{
      font-weight: bold;
      color:#cf000d;
  }
  .buy_guid h3{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 1%;
  }
  .buy_guid p{
      margin-bottom: 2%;
      position: relative;
      padding-left: 2.5em;
  }
  .buy_guid p::before{
      content:'娉�';
      display: block;
      position: absolute;
      left:0;
      top:0;
      color:#fff;
      width: 22px;
      line-height: 22px;
      text-align: center;
      font-size: 12px;
      border-radius: 50%;
      background-color:#cf000d;
  }
  .buy_guid .img{
      padding:5% 5%;
      text-align: center;
      background-color: #f7f7f7;
  }
  
  
  .server_zone{
      margin-bottom: 11%;
  }
  .server_zone h2{
      font-weight: bold;
      color:#cf000d;
  }
  .server_content{
      /* background: url(/static/images/e8XlmcmzS9qhJ4N-od5kWQ.jpg) no-repeat center; */
      background-size: cover;
  }
  .buy_guid .server_content{
     /* background: url(/static/images/iCu_8yz0St2JOZi0jXNUiQ.jpg) no-repeat center; */
      background-size: cover;
  }
  .server_content .left div{
      width: 100%;
      padding:5% 0;
      border-right: 1px solid #cbcbcb;
  }
  .server_content .left,.server_content .right{
      width: 50%;
      float: left;
      height: 0;
      overflow: hidden;
      padding-bottom: 21%;
      text-align: center;
      position: relative;
  }
  .server_content .left>div,.server_content a{
      position: absolute;
      left:50%;
      top:50%;
      transform: translate(-50%,-50%);
  }
  .server_content .left b,.server_content .left span{
      display: block;
      color: #cbcbcb;
  }
  .server_content .left span{
      font-family: 'MicrosoftYaHeiLight';
  }
  .server_content .right a{
      padding:0 10%;
      line-height: 46px;
      display: inline-block;
      background-color: #c60c17;
      color:#fff;
      border-radius: 23px;
      font-size: 16px;
  }
  @media only screen and ( max-width:640px ) {
      .data_load .h2_box{
          margin-bottom: 4.5%;
          padding-bottom: 2%;
      }
      .buy_guid h2{
          margin-bottom: 4.5%;
      }
      .data_load .h2_box a,.data_load h2{
          float: inherit;
      }
      .data_load .h2_box a{
          font-size: 14px;
      }
      .data_load li{
          width: 49%;
          padding-bottom: 64%;
          margin-right: 2%;
          margin-bottom: 2%;
      }
      .data_load li:nth-child(even){
          margin-right: 0;
      }
      .server_c_content .left{
        width:30%;
        padding-bottom:30%;
      }
      .server_c_content .right{
        width:65%
      }
      .buy_guid .des span{
          display: block;
      }
      
      .server_content .left div{
          padding:0;
      }
      .server_content .right a {
        display:block;
         width:94px;
         text-align:center;
          padding: 0;
          line-height: 32px;
          font-size: 14px;
      }
      .server_content .left b{
          font-size: 20px;
      }
      .server_content .left span{
          font-size: 16px;
      }
    .server_content .left, .server_content .right{
        padding-bottom:30%;
    }
  }
  /**瀹㈡埛鏈嶅姟   end**/
  
  
  /**鏂板搧蹇璇︽儏椤�  begin**/
  .new_product_detail{
      margin-bottom: 11%;
  }
  .new_product_detail h2{
      font-weight: bold;
      color:#cf000d;
  }
  .new_product_detail .title{
      color:#cf000d;
      padding-top:1%;
      margin-bottom: 1%;
  }
  .new_product_detail .title:nth-child(1){
      padding-top:0;
  }
  .new_product_content{
      color:#666;
  }
  .new_product_content li{
      padding-left: 15px;
      position: relative;
      margin-bottom: 8px;
  }
  .new_product_content li::before{
      content:'';
      width: 6px;
      height: 6px;
      background-color: #cf000d;
      position: absolute;
      left:0;
      top:7px;
  }
  .new_product_swiper{
      position: relative;
  }
  .new_product_detail .swiper-container {
      margin-right: 60px;
  }
  .new_product_detail .swiper-button-next,.new_product_detail .swiper-button-prev{
      width: 60px;
      height: 60px;
      /* background:#cfcfcf url(/static/images/xUo5JDkFSUy1LpYUZ6WogQ.png) no-repeat center; */
      position: absolute;
      left:auto;
      right:0;
      
      top:auto;
      margin-top:0;
      bottom:0;
  }
  .new_product_detail .swiper-button-prev{
      bottom:60px;
      border-bottom:1px solid #fff;
      /* background:#cfcfcf url(/static/images/BIBfuUEURmGBEjz9SkcsPQ.png) no-repeat center; */
      
  }
  .new_product_detail .swiper-button-next:hover,.new_product_detail .swiper-button-prev:hover{
      background-color: #cf000d;
  }
  .new_product_detail .swiper-slide .img{
      height: 0;
      padding-bottom: 56%;
  }
  /**鏂板搧蹇璇︽儏椤�  end**/
  
  
  /**鏂板搧蹇   begin**/
  .bigImg{
      height: 0;
      padding-bottom: 30%;
      overflow: hidden;
      background-size: cover!important;
      margin-bottom: 4.5%;
      position: relative;
  }
  .bigImg>div img{
      position: absolute;
      top:90%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 1s ease 0.5s;
      -moz-transition: all 1s ease 0.5s;
      -ms-transition: all 1s ease 0.5s;
      -o-transition: all 1s ease 0.5s;
      transition: all 1s ease 0.5s;
      opacity: 0;
      filter:alpha(opacity=0);
  }
  .bigImg>div.on img{
      width: 23%;
      top:50%;
      opacity: 1;
      filter:alpha(opacity=100);
  }
  
  .new_product{
      margin-bottom: 11%;
  }
  .new_product h2{
      font-weight: bold;
      color:#cf000d;
  }
  .new_product .con li{
      width: 31.2%;
      float: left;
      margin-right: 3.2%;
      margin-bottom: 3.2%;
      box-shadow: 0 0 20px 0 rgba(208,208,208,0.3);
      position: relative;	
  }
  .new_product .con li,.new_product .con li .text,.new_product .con li p{
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
  }
  .new_product .con li:nth-child(3n){
      margin-right: 0;
  }
  .new_product .con li:nth-child(7),.new_product .con li:nth-child(8),.new_product .con li:nth-child(9){
      margin-bottom: 0;
  }
  .new_product .con li::before{
      content: '';
      width: 24px;
      height: 24px;
      /* background: url(/static/images/u3eVRHP8SBqBIK-Zq5BnPA.png) no-repeat center; */
      position: absolute;
      left: -2px;
      bottom: 0;
  }
  .new_product .con li::after{
      content: '';
      width: 20px;
      height: 20px;
      /* background: url(/static/images/0tZX98CJSzOUoSemqRn-hQ.png) no-repeat center; */
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .new_product .con li .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 67.5%;
      position:relative;
  }
  .new_product .con li .text{
      padding:4% 5%;
  }
  .new_product .con li .title{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 2.5%;
  }
  .new_product .con li p{
      height: 3em;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
      color: #666;
      margin-bottom: 4.5%;
  }
  .new_product .con li:hover .text{
      background-color: #cf000d;
      color:#fff;
  }
  .new_product .con li:hover .text p{
      color:#fff;
  }
  .new_product .con li img{
      -webkit-transition: all 0.7s;
      -moz-transition:all 0.7s;
      -ms-transition:all 0.7s;
      -o-transition:all 0.7s;
      transition: all 0.7s;
      transform-origin:0% 0%;
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
  }
  .new_product .con li:hover img{
      -webkit-transform: scale(1.1) translate(-50%,-50%);
      -moz-transform: scale(1.1) translate(-50%,-50%);
      -ms-transform: scale(1.1) translate(-50%,-50%);
      -o-transform: scale(1.1) translate(-50%,-50%);
      transform: scale(1.1) translate(-50%,-50%);
  }
  @media only screen and ( max-width:767px ) {
      .new_product .con li{
          width: 48.5%;
          margin-right: 3%;
          margin-bottom: 3%!important;
          margin-left: 0!important;
      }
      .new_product .con li:nth-child(even){
          margin-right: 0!important;
      }
      .new_product .con li:nth-child(3n){
          margin-right: 3%;
      }
      .new_product .con li:nth-child(9){
          margin-bottom: 0;
      }
  }
  @media only screen and (max-width:500px) {
    .bigImg{
        padding-bottom:50%;
    }
    .server_c_content .left{
        width:100%;
     padding-bottom:50%;
    }
    .server_c_content .right{
        width:100%;
    }
  }
  @media only screen and ( max-width:400px ) {
      .new_product .con li{
          width: 100%;
          margin-right: 0;
      }
  }
  /**鏂板搧蹇   end**/
  
  
  
  /**鏈嶅姟鐑嚎   begin**/
  .hotLine{
      /* background: url(/static/images/RKR8aop-QKmDAWN2nM-G5A.jpg) no-repeat center; */
      background-size: cover;
      padding:10% 0;
      margin-bottom: 8%;
  }
  .hotLine h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 2.5%;
      padding-bottom: 0.5%;
      border-bottom: 1px solid #707070;
  }
  .hotLine .activist_hotLine{
      margin-bottom: 4%;
  }
  .hotLine .activist_hotLine:last-child{
      margin-bottom: 0;
  }
  .hotLine li{
      width: 20%;
      float: left;
      /* background: url(/static/images/B70WfA45R9KuBDB5H80Scg.png) no-repeat left center; */
      padding-left: 85px;
      box-sizing: border-box;
     margin-bottom:3%;
  }
  .hotLine li span{
      display: inline-block;
      padding-bottom: 1%;
      margin-bottom: 2%;
      border-bottom:1px solid #a0a0a0;
  }
  .hotLine li em{
      display: block;	
  }
  @media only screen and ( max-width:1280px ){
      .hotLine li{
          background-size: 45px;
          padding-left: 55px;
      }
      .hotLine li em{
          font-size: 16px;
      }
  }
  @media only screen and ( max-width:1024px ){
      .hotLine li{
          background-size: 30px;
          padding-left: 38px;
      }
      .hotLine li em{
          font-size: 14px;
      }
  }
  @media only screen and ( max-width:767px ){
      .hotLine li{
          width: 33.33%;
          margin-bottom: 3%;
      }
      .hotLine .areaCompany li:nth-child(4),.hotLine .areaCompany li:nth-child(5),.activist_hotLine li:nth-child(4),.activist_hotLine li:nth-child(5){
          margin-bottom: 0;
      }
  }
  @media only screen and ( max-width:500px ){
      .hotLine li{
          width: 50%;
      }
      .hotLine .areaCompany li:nth-child(4),.activist_hotLine li:nth-child(4){
          margin-bottom: 3%;
      }
  }
  /**鏈嶅姟鐑嚎   end**/
  
  
  /**闃蹭吉鏌ヨ   begin**/
  .identify{
      margin-bottom: 4.5%;
  }
  .identify h2{
      font-weight: bold;
      color:#cf000d;
  }
  .identify .left{
      width: 13.3%;
      float: left;
  }
  .identify .left .title{
      line-height: 36px;
      padding: 0 1em;
      color: #fff;
      /* background: url(/static/images/q8yYJFrSQBC52Y6iGVR48Q.png) no-repeat center center; */
      background-size: cover;
  }
  .identify .left ul{
      background-color: #e1e1e1;
      padding-bottom: 55%;
  }
  .identify .left li{
      width: 100%;
      padding: 0 1em;
      box-sizing: border-box;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 46px;
      cursor: pointer;
  }
  .identify .left li.on,.identify .left li:hover{
      color:#cf000d;
  }
  .identify .right {
      width: 84.4%;
      float: right;
  }
  .identify .right>div{
      padding:5% 2.5%;
      border: 1px solid #e0e0e0;
      background-color: #fcfcfc;
      display: none;
  }
  .identify .right>div:nth-child(1){
      display: block;
  }
  .identify .right .title{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 1.5%;
  }
  .identify .right .tit{
      color:#cf000d;
      padding-top:1.5%;
  }
  .identify .right p b{
      color:#cf000d;
  }
  .identify .right .know{
      display: inline-block;
      line-height: 48px;
      padding:0 5%;
      border: 1px solid #333;
      border-radius: 30px;
      margin-top:2.5%;
  }
  .identify .right .know:hover{
      background-color: #cf000d;
      color:#fff;
      border-color:#cf000d;
  }
  
  
  .anti_message{
      margin-bottom: 4.5%;
  }
  .anti_message h2{
      font-weight: bold;
      color:#cf000d;
  }
  .anti_message .left{
      width: 13.3%;
      float: left;
  }
  .anti_message .left .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 133%;
  }
  .anti_message .right{
      width: 84.4%;
      float: right;
  }
  
  .activist{
      margin-bottom: 10.5%;
  }
  .activist h2{
      font-weight: bold;
      color:#cf000d;
  }
  .activist .left{
      width: 13.3%;
      float: left;
  }
  .activist .left .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 133%;
  }
  .activist .right{
      width: 84.4%;
      float: right;
  }
  .activist .right>div{
      border: 1px solid #e0e0e0;
      padding:5% 2.5%;
      background-color: #fcfcfc;
  }
  .activist .right .title{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 2%;
  }
  .activist .right p{
      margin-bottom:1.5%;
  }
  
  @media only screen and ( max-width:767px ) {
      .identify .left{
          width: 100%;
          margin-bottom: 3.5%;
      }
      .identify .left .title{
          width: 110px;
      }
      .identify .left ul{
          padding:1em 0;
      }
      .identify .left li{
          width: 20%;
          line-height: 28px;
          float: left;
      }
      .identify .right{
          width: 100%;
      }
      .identify .right .know{
          line-height: 32px;
      }
      .anti_message .left,.activist .left{
          display: none;
      }
      .anti_message .right,.activist .right{
          width: 100%;
      }
  }
  @media only screen and ( max-width:640px ) {
      .identify .left li{
          width: 33.33%;
      }
  }
  /**闃蹭吉鏌ヨ   end**/
  
  
  /**浜烘墠鎴樼暐   begin**/
  .talents{
      margin-bottom: 8.5%;
  }
  .talents h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 0.5%;
  }
  .talents .des{
      color:#666;
      margin-bottom: 2.5%;
  }
  .talents_content .content{
      text-align: center;
      padding:12% 3% 6%;
      /* background: url(/static/images/XK6AhiaNRK-dPh7i-rNMcw.jpg) no-repeat scroll top left; */
      background-size: cover;
      margin-bottom: 4.5%;
      color:#cf000d;
      position: relative;
  }
  .talents_content .content::before{
      content:'';
      position: absolute;
      width: 100%;
      height: 17%;
      /* background: url(/static/images/DuAxAyGMT-6MP8aFjcZFuA.png) no-repeat center; */
      background-size: cover;
      left:0;
      top:0;
  }
  .talents_content .content p{
      padding:3.5% 0 1%;
     text-align:justify;
  }
  .talents_content .content p:nth-child(3){
      padding:0;
  }
  .talents_content .content b span{
      display: block;
  }
  .talents_content .content ul{
      padding:5% 10% 0;
  }
  .talents_content .content li{
      width: 40%;
      float: left;
      margin:0 5%;
      color:#333;
  }
  .talents_content .content li .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 55.5%;
      margin-bottom: 3%;
  }
  .talents_content .con{
      margin-bottom: 2.5%;
      color:#666;
  }
  .talents_content .con .title{
      font-weight: bold;
      margin-bottom: 0.5%;
  }
  .talents_content .con li{
      padding-left: 15px;
      position: relative;
      margin-bottom: 5px;
  }
  .talents_content .con li::before{
      content:'';
      width: 5px;
      height: 5px;
      background-color: #cf000d;
      border-radius: 50%;
      position: absolute;
      left:0;
      top:9px ;
  }
  .talents_swiper{
      position: relative;
  }
  .talents_swiper .swiper-container{
      margin-right: 60px;
  }
  .talents_swiper .swiper-button-next,.talents_swiper .swiper-button-prev{
      width: 60px;
      height: 60px;
      /* background: #cfcfcf url(/static/images/MFwtVJKXQ1i9UnIghJoCBQ.png) no-repeat center; */
      position: absolute;
      left: auto;
      right: 0;
      top: auto;
      margin-top: 0;
      bottom: 0;
  }
  .talents_swiper .swiper-button-prev{
      bottom: 60px;
      border-bottom: 1px solid #fff;
      /* background: #cfcfcf url(/static/images/BagTFOeyQr-J0E5SqKkjug.png) no-repeat center; */
  }
  .talents_swiper .swiper-button-next:hover,.talents_swiper .swiper-button-prev:hover{
      background-color: #cf000d;
  }
  .talents_swiper .swiper-slide .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 56%;
  }
  .talents_swiper .swiper-slide .img img{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  }
  .talents_swiper .swiper-slide:hover img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  @media only screen and ( max-width:640px ) {
      .talents_content .content{
          padding-top:17%;
      }
      .talents_content .content b span{
          display: inline;
      }
      .talents_content .content ul{
          padding:5% 0 0;
      }
      .talents_content .content li {
          width: 46%;
          margin: 0 2%;
      }
      .talents_swiper .swiper-container{
          margin-right: 45px;
      }
      .talents_swiper .swiper-button-next, .talents_swiper .swiper-button-prev {
          width: 45px;
          height: 45px;
      }
      .talents_swiper .swiper-button-prev{
          bottom: 45px;
      }
  }
  /**浜烘墠鎴樼暐   end**/
  
  
  /**浜烘墠鍩瑰吇  begin**/
  .talents_train {
      margin-bottom: 8.5%;
  }
  .talents_train h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 0.5%;
  }
  .talents_train .des{
      margin-bottom: 2.5%;
      color:#666;
  }
  .talents_train li{
      width: 33.33%;
      float: left;
      color:#666;
      background-color: #ccc;
      position: relative;
  }
  .talents_train li:hover,.talents_train li.on{
      color:#fff;
      background-color: #cf000d;
  }
  .talents_train li .img{
      height: 0;
      padding-bottom: 71%;
      overflow: hidden;
      position: relative;
  }
  .talents_train li:nth-child(2){
      padding-top:23.68%;
      position: relative;
  }
  .talents_train li:nth-child(2) .text{
      position: absolute;
      left:0;
      top:0;
  }
  .talents_train li .text{
      width: 100%;
      height: 0;
      padding-bottom: 71%;
      position: relative;
      overflow: hidden;
  }
  .talents_train li::before{
      content:"";
      width: 0;
      height: 0;
      border:15px solid transparent;
      border-bottom-color: #ccc;
      position: absolute;
      left:50%;
      margin-left: -15px;
      bottom:50%;
      z-index: 2;
  }
  .talents_train li:nth-child(2)::before{
      bottom:45.2%;
      border-bottom-color: transparent;
      border-top-color: #ccc;
  }
  .talents_train li:hover::before,.talents_train li.on::before{
      border-bottom-color: #cf000d;
  }
  .talents_train li:nth-child(2):hover::before,.talents_train li:nth-child(2).on::before{
      border-bottom-color: transparent;
      border-top-color: #cf000d;
  }
  .talents_train li .img img{
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
  }
  .talents_train li:hover .img img{
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  .talents_train li .text>div{
      width: 80%;
      position: absolute;
      left:50%;
      top:50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);	
  }
  .talents_train li .text em{
      font-size: 280px;
      line-height: 1em;
      position: absolute;
      left:-41%;
      top:-200%;
      color:rgba(255,255,255,0.15);
      z-index: 1;
  }
  .talents_train li .text p,.talents_train li .text span{
      position: relative;
      z-index: 2;
     text-align:justify;
  }
  .talents_train li .text span{
      display: block;margin-bottom: 3%;
     text-align:center;
  }
  @media only screen and ( max-width:1024px ) {
      .talents_train li .text>div{
          width: 90%;
      }
      .talents_train li:nth-child(2)::before{
          bottom:43.2%;
      }
      .talents_train li .text em {
          font-size: 100px;
          left: -20%;
          top: -50%;
      }
    .talents_train li .text p{
        height: 9em;
      overflow: hidden;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      display: -webkit-box;
    }
  }
  @media only screen and ( max-width:870px ) {
      .talents_train li .text p{
        height: 6em;
        -webkit-line-clamp: 4;
      }
  }
  @media only screen and ( max-width:767px ) {
      .talents_train li{
          width: 100%;
          margin-bottom: 2%;
      }
      .talents_train li::before,.talents_train li .text em{
          display: none;
      }
      .talents_train li .img{
          width: 50%;
          padding-bottom: 35%;
          float: left;
      }
      .talents_train li .text{
          width: 50%;
          padding-bottom: 35%;
          float: right;
          font-size: 12px;
      }
      .talents_train li:nth-child(2){
          padding-top:0;
      }
      .talents_train li:nth-child(2) .text{
          position: inherit;
      }
  }
  @media only screen and ( max-width:400px ) {
      .talents_train li .img{
          width: 100%;
          padding-bottom: 71%;
      }
      .talents_train li .text{
          width: 100%;
          padding-bottom: 0;
          height: auto;
      }
      .talents_train li .text>div{
        width:100%;
          padding:5%;
          font-size: 14px;
          position: inherit;
          -webkit-transform: inherit;
          -moz-transform: inherit;
          -ms-transform: inherit;
          -o-transform: inherit;
          transform: inherit;
          left:0;
          top:0;
      }
  }
  /**浜烘墠鍩瑰吇  end**/
  
  /**浜烘墠鎷涜仒  begin**/
  .talents_recruit{
      margin-bottom: 8.5%;
  }
  .talents_recruit h2{
      font-weight: bold;
      color:#cf000d;
  }
  
  .recruit_search{
      background-color: #f7f7f7;
      padding:2% 2%;
      margin-bottom: 3.5%;
  }
  .recruit_search>li{
      float: left;
      line-height: 32px;
      position: relative;
  }
  .recruit_search>li:nth-child(1){
      width: 22%;
  }
  .recruit_search>li:nth-child(2){
      width: 21%;
  }
  .recruit_search>li:nth-child(3){
      width: 26%;
  }
  .recruit_search>li:nth-child(4){
      width: 21%;
  }
  .recruit_search>li:nth-child(5){
      width: 10%;
  }
  .recruit_search>li:nth-child(5) span{
      width: 100%;
      display: block;
      text-align: center;
      line-height: 36px;
      background-color: #cf000d;
      color:#fff;
      cursor: pointer;
      border-radius: 20px;
  }
  .recruit_search>li span{
      float: left;
  }
  .recruit_search>li div,.recruit_search>li input{
      float: left;
      width: 50%;
      height: 32px;
      line-height: 32px;
      padding-left: 3%;
      border: 1px solid #dcdcdc;
      cursor: pointer;
      color:#666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
  }
  .recruit_search>li div::after{
      content:'';
      width: 12px;
      height: 16px;
      display: block;
      transform: rotate(-90deg);
      /* background: url(/static/images/dz5SFmSWQUCY6vrKN7f_Jg.png) no-repeat center; */
      position: absolute;
      right:8px;
      top:50%;
      margin-top:-8px;
  }
  .recruit_search>li input{
      width: 58%;
      background-color: transparent;
  }
  .recruit_search .select_box{
      display: none;
      position: absolute;
      width: 50%;
      left: 70px;
      top:33px;
      z-index: 2;
      background-color: #fff;
      border: 1px solid #dcdcdc;
      max-height: 160px;
  }
  .recruit_search .select_box li{
      padding:0 5px;
      cursor: pointer;
      color:#666;
  }
  .recruit_search .select_box li:hover{
      background-color: #f4f4f4;
      color:#cf000d;
  }
  #layui-laydate7.layui-laydate .layui-this {
      background-color: #cf000d!important;
  }
  #layui-laydate7 .layui-laydate-content td.laydate-selected{
      background-color: rgba(207,0,13,0.1)!important;
  }
  #layui-laydate7 .laydate-footer-btns span:hover{
      color:#cf000d!important;
  }
  .laydate-prev-y{
      /* background: url(/static/images/cmn4y-SHTWmvYG0JRIykYQ.png) no-repeat center; */
  }
  .laydate-prev-m{
      /* background: url(/static/images/QCuvd9i8SXKcAffnw-WkwA.png) no-repeat center; */
  }
  .laydate-next-y{
      /* background: url(/static/images/Q1cpm8XYTaq6HraLLC1meA.png) no-repeat center; */
  }
  .laydate-next-m{
      /* background: url(/static/images/_Pf38sOwRCqB17x3beD-rA.png) no-repeat center; */
  }
  .laydate-prev-y:hover,.laydate-prev-y, .laydate-prev-m,.laydate-prev-m:hover,.laydate-next-y:hover,.laydate-next-y,.laydate-next-m,.laydate-next-m:hover{
      color:transparent!important;
  }
  .layui-laydate-header .laydate-set-ym span:hover{
      color:#cf000d!important;
  }
  
  
  
  .talents_recruit_content .left{
      width: 18.8%;
      float: left;
  }
  .talents_recruit_content .left li{
      line-height: 110px;
      text-align: center;
      background-color: #e8e8e8;
      margin-bottom: 3px;
      color:#971d1d;
      padding:0 2.5em;
      position: relative;
      cursor: pointer;
  }
  .talents_recruit_content .left li::before{
      content:'';
      width: 32px;
      height: 27px;
      display: block;
      /* background: url(/static/images/gL2tOUpIRuaAl2TwBJqpAw.png) no-repeat center; */
      position: absolute;
      left:1.8em;
      top:50%;
      margin-top:-12px;
  }
  .talents_recruit_content .left li.on,.talents_recruit_content .left li:hover{
      background-color: #be1a21;
      color:#fff;
  }
  .talents_recruit_content .left li:nth-child(1).on::before,.talents_recruit_content .left li:nth-child(1):hover::before{
      /* background: url(/static/images/plZAnrF2RrixXcrMtyXrmQ.png) no-repeat center; */
  }
  .talents_recruit_content .left li:last-child{
      margin-bottom: 0;
  }
  .talents_recruit_content .left li:last-child::before{
      /* background: url(/static/images/rMBEh3tYQwGfqRKnkIHCUw.png) no-repeat center; */
  }
  .talents_recruit_content .left li:last-child.on::before,.talents_recruit_content .left li:last-child:hover::before{
      /* background: url(/static/images/6t02KBxRQpmZtFcf5FX_rg.png) no-repeat center; */
  }
  .talents_recruit_content .left .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 141%;
      margin-top:8%;
  }
  .talents_recruit_content .right{
      width: 78.5%;
      float: right;
  }
  .talents_recruit_content .right>div{
      display: none;
  }
  .talents_recruit_content .right>div:nth-child(1){
      display: block;
  }
  .talents_recruit_content .right table{
      width: 100%;
      color:#666;
  }
  .talents_recruit_content .right table tr{
      background-color: #f4f4f4;
      border-bottom: 2px solid #fff;
  }
  .talents_recruit_content .right table tbody tr:hover{
      background-color: #fae5e6!important;
  }
  .talents_recruit_content .right table tr a:hover{
      color:#cf000d;
  }
  .talents_recruit_content .right thead tr{
      background-color: #567b9b;
      line-height: 54px;	
      color:#fff;
      border-bottom: 10px solid #fff;
  }
  .talents_recruit_content .right thead tr td{
      padding:0;
  }
  .talents_recruit_content .right table tr:nth-child(even){
      background-color: #fcfcfc;
  }
  .talents_recruit_content .right table td:nth-child(1){
      text-align: center;
  }
  .talents_recruit_content .right table td{
      padding:15px 0;
  }
  .talents_recruit_content .right table td a{
      color:#666;
  }
  
  @media only screen and ( max-width:1024px ) {
      .talents_recruit_content .left li{
          line-height: 70px;
          padding:0;
      }
      .talents_recruit_content .left li::before{
          background-size: 22px!important;
          left:1em;
      }
      .talents_recruit_content .right table td:nth-child(3),.talents_recruit_content .right table td:nth-child(4){
          display: none;
      }
  }
  @media only screen and ( max-width:870px ) {
      .recruit_search>li div, .recruit_search>li input {
          width: 45%;
      }
      .recruit_search .select_box{
          width: 48%;
      }
      .recruit_search>li input {
          width: 54%;
      }
      .talents_recruit_content .left li::before{
          left:0.2em;
      }
  }
  @media only screen and ( max-width:767px ) {
      .laydate-main-list-0 .layui-laydate-content,.laydate-main-list-0 .laydate-set-ym{
          display: none!important;
      }
      #layui-laydate7{
          width: 272px;
      }
      .laydate-main-list-0{
          position: absolute;
          left:0;
          top:0;
      }
      .laydate-main-list-0 .layui-laydate-header{
          border-bottom:0 none!important;
      }
      .recruit_search{
          position: relative;
          padding-bottom: 54px!important;
      }
      .recruit_search>li:nth-child(1),.recruit_search>li:nth-child(2),.recruit_search>li:nth-child(3),.recruit_search>li:nth-child(4) {
          width: 50%;
          margin-bottom: 10px;
      }
      .recruit_search>li div, .recruit_search>li input {
          width: 61%;
      }
      .recruit_search .select_box{
          width: 61%;
          left: 32%;
      }
      .recruit_search>li span{
          width: 32%;
          text-align: center;
      }
      .recruit_search>li:nth-child(5){
          width: 94px!important;
          position: absolute;
          left: 50%;
          margin-left: -47px;
          bottom: 10%;
      }
      .recruit_search>li:nth-child(5) span{
          line-height: 32px;		
      }
      .talents_recruit_content .left{
          width: 100%;
      }
      .talents_recruit_content .left li{
          width: 110px;
          line-height: 46px;
          float: left;
          padding-left: 0.5em;
      }
      .talents_recruit_content .left li::before {
          background-size: 16px!important;
          
      }
      .talents_recruit_content .left .img{
          display: none;
      }
      .talents_recruit_content .right{
          width: 100%;
      }
      .talents_recruit_content .right thead{
          text-align: center;
      }
      .talents_recruit_content .right table td{
          font-size: 12px;
      }
  }
  
  @media only screen and ( max-width:500px ) {
      .recruit_search{
          padding:5%;
          margin-bottom: 5%;
      }
      .recruit_search>li{
          width: 100%!important;
      }
      .recruit_search>li span {
          width: 26%;
      }
      .recruit_search .select_box {
          width: 67%;
          left: 26%;
      }
      .recruit_search>li div, .recruit_search>li input {
          width: 67%;
      }
      .recruit_search>li:nth-child(5) {
          bottom: 8%;
      }
  }
  /**浜烘墠鎷涜仒  end**/
  
  
  /**鑱屼綅璇︽儏   begin**/
  .recruit_detail{
      margin-bottom: 12%;
  }
  .recruit_detail h2{
      font-weight: bold;
      color:#cf000d;
  }
  .recruit_detail_content .title{
      background-color: #2f658f;
      color:#fff;
      padding:0 2.5% 0;
      line-height: 3.6em;
  }
  .recruit_detail_content .title a{
      float: right;
      color: #fff;
  }
  .recruit_detail_content .con{
      padding:2.5%;
      color:#666;
      background-color: #f2f7fa;
  }
  .recruit_detail_content ul{
      padding-bottom:2%;
      margin-bottom: 3%;
      border-bottom:1px dashed #c3c3c3;
  }
  .recruit_detail_content li{
      float: left;
      padding-right: 5%;
  }
  .recruit_detail_content .tit{
      font-size: 16px;
      color:#cf000d;
      margin-top:2.5%;
      margin-bottom: 1.5%;
      line-height: 28px;
      /*padding-left: 30px;*/
  }
  .recruit_detail_content .re_response{
      margin-top:0;
      /* background: url(/static/images/XW28nx54Qq6yYvcq8EZGUg.png) no-repeat left center; */
  }
  .recruit_detail_content .re_requre{
      /* background: url(/static/images/egcSiy3MT_CJoCZjPkr5UA.png) no-repeat left center; */
  }
  .recruit_detail_content .re_relax{
      /* background: url(/static/images/3BrzgIx4Saiky7f3rDExxg.png) no-repeat left center; */
  }
  .recruit_detail_content p{
      /*padding-left: 2.5em;*/
      line-height: 28px;
  }
  .recruit_detail_content p span{
      color:#0083de;
  }
  @media only screen and ( max-width:767px ) {
      .recruit_detail_content .title {
          line-height: 2.5em;
      }
  }
  /**鑱屼綅璇︽儏   end**/
  
  
  /**鎶曡祫鑰呭叧绯�   begin **/
  .structure{
      margin-bottom: 4.5%;
  }
  .structure h2,.notice h2{
      font-weight: bold;
      color:#cf000d;
  }
  .structure_content{
      position:relative;
  }
  .structure .Dhas{
      width: 40%;
      height: 300px;
     line-height:300px;
     text-align:center;
     position:absolute;
     left:0;
     top:50%;
     transform:translateY(-50%);
    z-index:1;
  }
  .structure .left{
      width: 40%;
      height: 300px;
      float: left;
    z-index:2;
  }
  .structure .right{
      width: 60%;
      float: right;
  }
  .structure .right ul{
      border: 1px solid #999;
      padding:6% 9%;
  }
  .structure .right li{
      position: relative;
      margin-bottom: 2%;
  }
  .structure .right li::before{
      content:'';
      width: 10px;
      height: 10px;
      border-radius: 50%;
      position: absolute;
      left:-18px;
      top:6px;
  }
  .structure .right li:nth-child(1)::before{
      background-color: #74bd15;
  }
  .structure .right li:nth-child(2)::before{
      background-color: #96b5eb;
  }
  .structure .right li:nth-child(3)::before{
      background-color: #74d9c0;
  }
  .structure .right li:nth-child(4)::before{
      background-color: #f8ac01;
  }
  .structure .right li:nth-child(5)::before{
      background-color: #e7a8c1;
  }
  .structure .right .total{
      padding-left: 7.55%;
      line-height: 60px;
      background-color: #cf000d;
      color:#fff;
  }
  
  .workPart,.study,.worker_family{
      margin-bottom: 9.5%;
  }
  .workPart h2,.study h2,.worker_family h2,.monitor h2{
      font-weight: bold;
      color:#cf000d;
  }
  .notice{
      margin-bottom: 10.5%;
  }
  .list li{
      line-height: 50px;
      background-color: #f4f4f4;
      border-bottom: 2px solid #fff;
      padding: 0 3.5% 0 4.5%;
      position: relative;
  }
  .list li:nth-child(even){
      background-color: #fcfcfc;
  }
  .list li:last-child{
      border-bottom: 0 none;
  }
  .list li::before{
      content: '';
      width: 5px;
      height: 5px;
      background-color: #6d6d6d;
      position: absolute;
      left: 3%;
      top: 50%;
      margin-top: -2px;
  }
  .list li:hover::before{
      background-color: #cf000d;
  }
  .list li:hover{
      background-color: #fae5e6!important;
  }
  .list li div{
      float: left;
      width: 80%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .list li:hover a{
      color:#cf000d;
  }
  .list li span{
      float: right;
  }
  
  .r_review_box h2{
      /* background: url(/static/images/2MlBtNMfT-WEtcJ5Uvh9WA.jpg) no-repeat center; */
      padding:15% 0 3.5% 2%;
      background-size: cover;
      margin-bottom: 0;
  }
  @media only screen and ( max-width:1024px ) {
      .structure_content{
          position: relative;
      }
      .structure .Dhas{
        height: 200px;
       line-height:200px;
     }
      .structure .left {
          height: 200px;
          position: absolute;
          left:0;
          top:50%;
          margin-top:-100px;
      }
      .structure .right ul {
          padding: 6% 6% 6% 9%;
      }
  }
  
  @media only screen and ( max-width:767px ) {
      .structure .left{
          position: inherit;
          top:0;
          margin-top: 0;
          width: 240px;
          margin:0 auto;
          float: inherit;
      }
     .structure .Dhas{
       width:100%;
       left:50%;
       top:0;
       trnasform:translate(0);
       transform:translateX(-50%);
     }
      .structure .right{
          width: 100%;
      }
      .structure .right ul {
          padding: 3% 3% 3% 7%;
      }
      .structure .right .total {
          line-height: 50px;
      }
      .list li div {
          width: 67%;
      }
      .list li::before {
          left: 2%;
      }
  }
  /**鎶曡祫鑰呭叧绯�   end**/
  
  /**绀句細璐ｄ换   begin**/
  .responsibility {
      margin-bottom: 4.5%;
  }
  .responsibility h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 0.5%;
  }
  .responsibility .content{
      border-top:1px solid #666;
  }
  .responsibility .title{
      padding:1.5% 0 1%;
      background-color: #f4e8e8;
      text-align: center;
  }
  .responsibility .title span{
      display: inline-block;
      color:#666;
      line-height: 30px;
      padding:0 20px;
      margin:0 10px 5px;
      border-radius: 20px;
      border: 1px solid #bfbfbf;
      cursor: pointer;
  }
  .responsibility .title span.on,.responsibility .title span:hover{
      border-color:#fff;
      background-color: #fff;
      color:#cf000d;
  }
  .responsibility .content .con>div{
      position: relative;
      display: none;
  }
  .responsibility .content .con>div:nth-child(1){
      display: block;
  }
  .responsibility .content .con .img{
      height: 0;
      overflow: hidden;
      padding-bottom: 33.4%;
  }
  .responsibility .content .con .text{
     width:60%;
      color:#666;
      padding:0 5%;
      position: absolute;
      left:0;
      top:50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  .responsibility .content .con .text .tit{
      margin-bottom: 3%;
  }
  
  .respon_content{
      margin-bottom: 10.5%;
  }
  .respon_content>div{
      display: none;
  }
  .respon_content>div:nth-child(1){
      display: block;
  }
  .respon_content h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 2%;
      padding-bottom: 0.5%;
      border-bottom: 1px solid #666;
  }
  .respon_content p{
      color:#666;
  }
  .respon_content img{
      padding-top:1.5%;
  }
  @media only screen and (max-width:1024px){
      .responsibility .content .con .text {
        width:100%;
          position: inherit;
          padding: 3% 0 0;
          top: 0;
          -webkit-transform:inherit;
          -moz-transform: inherit;
          -ms-transform: inherit;
          -o-transform: inherit;
          transform: inherit;
      }
  }
  @media only screen and ( max-width:767px ) {
      .responsibility .title span {
          line-height: 26px;
          padding: 0 10px;
          margin: 0 3px 5px;
          float: left;
      }
      
      .responsibility .content .con .text .tit {
          margin-bottom: 2%;
      }
  }
  /**绀句細璐ｄ换   end**/
  
  
  /**绾鐩戝療   begin**/
  .monitor{
      margin-bottom: 10.5%;
  }
  .monitor .total_cnt{
      margin-bottom: 5.5%;
      border-top:1px solid #666;
  }
  .monitor .total li{
      line-height: 50px;
      padding-right: 3.5%;
      padding-left: 70px;
      position: relative;
      background-color: #f4f4f4;
      border-bottom:1px solid #fff;
  }
  .monitor .total li:hover{
      background-color: #fae5e6!important;
  }
  .monitor .total li:hover a{
      color:#cf000d;
  }
  .monitor .total li em{
      position: absolute;
      top:50%;
      margin-top:-11px;
      left:35px;	
      width: 22px;
      height: 22px;
      line-height: 22px;
      text-align: center;
      background-color: transparent;
      border:1px solid #666;
      border-radius: 50%;	
      font-size: 14px;
      font-weight: normal;
  }
  .monitor .total li:hover em{
      border-color:#cf000d;
  }
  .monitor .total li:nth-child(even){
      background-color: #fcfcfc;
  }
  .monitor .total li:hover::before{
      color:#cf000d!important;
      border-color:#cf000d!important;
  }
  .monitor .total li div{
      width: 80%;
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .monitor .total li span{
      float: right;
  }
  .monitor .more{
      display: block;
      width: 100%;
      height: 50px;
      line-height: 50px;
      /* background: #d6dadc url(/static/images/YBFKjFv_R-uMsNN2GRJD9w.png) no-repeat center; */
      cursor: pointer;
  }
  .monitor .more:hover{
      /* background: #cf000d url(/static/images/OZW3FgC1TCmHt5JDJSfH-A.png) no-repeat center; */
  }
  .monitor .r_review{
      border: 1px solid #e0e0e0;
  }
  
  .r_review li{
      line-height: 50px;
      background-color: #f4f4f4;
      /*border-bottom: 2px solid #fff;*/
      padding: 0 3.5% 0 4.5%;
      position: relative;
  }
  .r_review li:nth-child(even){
      background-color: #fcfcfc;
  }
  .r_review li:hover{
      background-color: #fae5e6!important;
  }
  .r_review li:hover a{
      color:#cf000d;
  }
  .r_review li::before{
      content: '';
      width: 5px;
      height: 5px;
      background-color: #6d6d6d;
      position: absolute;
      left: 3%;
      top: 50%;
      margin-top: -2px;
  }
  .r_review li:hover::before{
      background-color: #cf000d;
  }
  .r_review li div{
      width: 80%;
      float: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .r_review span{
      float: right;
      padding-right: 30px;
      /* background: url(/static/images/eGPPtdjBR7Wc1dVva89xJA.png) no-repeat right center; */
  }
  .r_review li:hover span{
      /* background: url(/static/images/M-DK0V0vTGykbEreUHPOMg.png) no-repeat right center; */
  }
  @media only screen and ( max-width:1024px ) {
      .monitor .total li {
          padding-left: 50px;
      }
      .monitor .total li em {
          margin-top: -9px;
          left: 16px;
          width: 18px;
          height: 18px;
          line-height: 16px;
          font-size: 12px;
      }
  }
  @media only screen and ( max-width:767px ) {
      .monitor .total li {
          padding-left: 34px;
      }
      .monitor .total li div{
          width: 69%;
      }
      .monitor .total li em {
          left: 10px;
      }
      .r_review li div{
          width: 69%;
      }
      .r_review li::before {
          left:2%;
      }
  }
  /**绾鐩戝療   end**/
  
  
  /**鍖楁柊闈掑勾   begin**/
  .youth{
      margin-bottom: 10.5%;
  }
  .youth h2{
      font-weight: bold;
      color:#cf000d;
      margin-bottom: 3%;
  }
  .youth .title{
      font-weight: bold;
      color:#cf000d;
      margin-bottom:1%;
  }
  .youth_content img{
      padding-top:2%;
      margin-bottom: 2.5%;
  }
  .youth_content .r_review{
      padding-top:4.5%;
  }
  @media only screen and ( max-width:767px ) {
      .youth .title{
          margin-bottom: 2.5%;
      }
      .youth_content img {
          padding-top: 3.5%;
          margin-bottom: 3.5%;
      }
  }
  /**鍖楁柊闈掑勾   end**/
  
  /**娉曞緥澹版槑  begin**/
  .law{
      margin-bottom: 10.5%;
  }
  .law h2{
      font-weight: bold;
      color:#cf000d;
      text-align: center;
  }
  .law p,.law dl,.law dt{
      margin-bottom: 1.5%;
  }
  .law p,.law dl{
      padding-left: 25px;
      position: relative;
  }
  .law p em,.law dl em{
      position: absolute;
      left:0;
      top:0;
      font-weight: bold;
      color:#cf000d;
  }
  .law dd li{
      padding-left: 2em;
      margin-bottom: 0.5%;
  }
  /**娉曞緥澹版槑  end**/
  
  /**缃戠珯鍦板浘   begin**/
  .nav_map{
      margin-bottom: 10.5%;
  }
  .nav_map a:hover{
      color:#cf000d;
  }
  .nav_map dl{
      padding:2.5% 0;
      line-height: 36px;
      border-bottom:1px solid #dedede;
      position: relative;
  }
  .nav_map dl:last-child{
      border-bottom:0 none;
  }
  .nav_map dt{
      float: left;
      padding:2% 0;
      text-align: center;
      background-color: #cf000d;
      color:#fff;
      width: 13%;
      margin-right: 3%;
  }
  .nav_map dt a{
      color:#fff;
  }
  .nav_map dd{
      width: 86%;
      position: absolute;
      top:50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left:15%;
      float: left;
  }
  .nav_map dd a{
      float: left;
      padding-right: 2.5%;
  }
  @media only screen and ( max-width:767px ){
      .nav_map dl{
          padding:5% 0;
      }
      .nav_map dt{
          width: 110px;
          padding:0;
          margin: 0 0 10px;
      }
      .nav_map dd{
          line-height: 24px;
          width: 100%;
          position: inherit;
          left:0;
          -webkit-transform: inherit;
          -moz-transform: inherit;
          -ms-transform: inherit;
          -o-transform: inherit;
          transform: inherit;
      }
  }