.menu {
  display: none; }

.mobile_fade {
  display: none; }

.content {
  width: 100%;
  overflow: hidden;
  background: #141416;
  min-height: 100vh; 
  background-image: url(../images/bgss.jpg);
      background-repeat: no-repeat;
      background-position: top right;
      background-attachment: fixed;
	  background-size:cover;
  }
  
.content-home {
  width: 100%;
  overflow: hidden;
  background: #141416;
  min-height: 100vh; 
  background-image: url(../images/bg.webp);
      background-repeat: no-repeat;
      background-position: 0 -400px;
      background-attachment: fixed;
	  background-size:cover;
  }  
  
  .content .header {
    width: 100%;
    height: 96px;
    position: fixed;
    left: 0;
    top: 0;
    background: #141416;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 200px 0 70px; }
    .content .header .logo {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .content .header .logo img {
        width: 233px;
        display: block; }
    .content .header .right {
      height: 100%;
      display: flex;
      align-items: center; }
      .content .header .right .lang {
        height: 100%;
        display: flex;
        align-items: center;
        margin-left: 36px; }
        .content .header .right .lang a {
          height: 100%;
          font-size: 14px;
          display: flex;
          align-items: center;
          padding: 0 7px;
          color: #ffffff; }
      .content .header .right .btn {
        width: 126px;
        height: 45px;
        border-radius: 4px;
        border: 1px solid #ffffff;
        transition: all .1s;
        margin-left: 30px; }
        .content .header .right .btn:hover {
          background: #ffffff; }
          .content .header .right .btn:hover a {
            color: #000; }
        .content .header .right .btn a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          color: #ffffff; }
      .content .header .right ul {
        height: 100%;
        display: flex; }
        .content .header .right ul li {
          height: 100%;
          padding: 0 5px;
          position: relative; }
          .content .header .right ul li.on a {
            color: #2196F3; }
          .content .header .right ul li:hover a {
            color: #2196F3; }
          .content .header .right ul li a {
            height: 100%;
            display: flex;
            align-items: center;
            transition: all .1s;
            font-size: 14px;
            padding: 0 10px;
            color: #fff; }
  .content .banner {
    overflow: hidden;
    width: 100%;
    background-attachment: fixed;
    height: 608px;
  /*  background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    background-position: top -300px right; */
    padding: 160px 0 0 310px; }
    .content .banner.on {
    /*  background-position: top right;
      background-image: url(../images/bgss.jpg); */ }
    .content-home .banner p {
      font-size: 78px;
      color: #fff;
      font-weight: bold; }
	  
	 .content .banner p {
	   font-size: 60px;
	   color: #fff;
	   font-weight: bold; 
	   margin-top: 100px;
	   } 
	  
    .content .banner span {
      display: block;
      font-size: 30px;
      color: #ffffff;
      margin-top: 50px; }
	  
	  
	  
	  
  .content .main_list {
    overflow: hidden;
    padding: 0 60px; }
    .content .main_list .label {
      overflow: hidden;
      width: 100%;
      border: 1px solid #3F4349;
      margin-bottom: 16px;
      display: flex;
      align-items: center; 
	  background-color: #141416;
	  }
      .content .main_list .label:nth-child(even) {
        flex-direction: row-reverse; }
      .content .main_list .label .picture {
        overflow: hidden;
        width: 60%; }
        .content .main_list .label .picture img {
          display: block;
          width: 100%; }
      .content .main_list .label .grow {
        flex: 1;
        padding-left: 1.2rem;
        padding-right: .8rem; }
        .content .main_list .label .grow p {
          font-size: 24px;
          font-weight: bold;
          margin-bottom: 26px;
          color: #fefefe; }
        .content .main_list .label .grow span {
          display: block;
          font-size: 20px;
          color: #fefefe;
          line-height: 1.6; }
		  
		  
	
	.content .main_table {
	  overflow: hidden;
	  padding: 0 60px; }
	  .content .main_table .label {
	    overflow: hidden;
	    width: 100%;
	   
		border: 1px solid #3F4349;
	    
	    display: flex;
		
	    align-items: center; 
		background-color: #141416;}
	   
	    .content .main_table .label .picture {
	      overflow: hidden;
	      width: 20%;
		   height: 252px;
		  border-right: 1px solid #3F4349;
		   display: flex;
		   flex-direction: column;
		  align-items: center;  
		  
		  justify-content: center;
		  
		  
		   }
	      .content .main_table .label .picture img {
	       
	        width: 135px; 
			 
			
			}
	    .content .main_table .label .grow {
	      flex: 1;
	      padding-left: 1.2rem;
	      padding-right: .8rem; }
	      .content .main_table .label .grow p {
	        font-size: 18px;
	        font-weight: bold;
	        margin-bottom: 26px;
	        color: #fefefe; }
	      .content .main_table .label .grow span {
	        display: block;
	        font-size: 20px;
	        color: #fefefe;
	        line-height: 1.6; }
			
		.content .main_table .label .down a{color: #fff;font-size: 18px;}
			
	
  .content footer {
    text-align: center;
    padding: 36px 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #fefefe; }
  .content .footer {
    overflow: hidden;
    width: 100%;
    padding: 30px 60px 100px 60px;
	 background-color: #141416;}
    .content .footer .logo {
      display: block;
      width: 126px; }
    .content .footer .conbox {
      overflow: hidden;
      width: 100%;
      align-items: center;
      display: flex;
      justify-content: space-between;
      margin-top: 36px; }
	  .content .footer .conbox li{
	    list-style: none; }
      .content .footer .conbox .link {
        overflow: hidden;
        width: 192px; }
        .content .footer .conbox .link a {
          display: block;
          font-size: 16px;
          color: #fefefe;
          line-height: 2; }
      .content .footer .conbox .contact {
        overflow: hidden;
        width: 880px; }
        .content .footer .conbox .contact span {
          text-align: center;
          display: block;
          font-size: 16px;
          color: #fff;
          padding: 15px 0; }
      .content .footer .conbox .fr {
        overflow: hidden; }
        .content .footer .conbox .fr .btn {
          width: 192px;
          height: 55px;
          background: #2196F3;
          overflow: hidden;
          transition: all .3s;
          border-radius: 6px; }
          .content .footer .conbox .fr .btn:hover {
            background: none;
            border: 1px solid #fff; }
            .content .footer .conbox .fr .btn:hover a {
              color: #ffffff; }
          .content .footer .conbox .fr .btn a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #ffffff; }
        .content .footer .conbox .fr span {
          display: block;
          font-size: 18px;
          margin-top: 38px;
          color: #fefefe; }
        .content .footer .conbox .fr .share {
          display: flex;
          align-items: center;
          margin-top: 16px; }
          .content .footer .conbox .fr .share a {
            display: block;
            margin-right: 10px; }
  .content .main_box {
    overflow: hidden;
    width: 100%;
    padding: 0 60px;
    margin-top: -66px; }
    .content .main_box .mid {
      width: 100%;
      overflow: hidden; 
	  background-color: #141416;}
      .content .main_box .mid .brand {
        overflow: hidden;
        width: 100%;
        border: 1px solid #3F4349; }
        .content .main_box .mid .brand .box {
          overflow: hidden;
          display: flex;
          align-items: center;
          height: 7.5rem; }
          .content .main_box .mid .brand .box .fl {
            width: 10.79rem;
            height: 100%;
            background-image: url(../images/ab.webp);
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            background-position: center center;
            background-size: 100%;
            border-right: 1px solid #3F4349; }
            .content .main_box .mid .brand .box .fl div {
              width: 5rem;
              height: 5rem;
              background-image: url(../images/bg5.png);
              background-repeat: no-repeat;
              font-size: 30px;
              color: #fff;
              font-weight: bold;
              display: flex;
              align-items: center;
              justify-content: center;
              background-position: center center;
              background-size: 5rem; }
          .content .main_box .mid .brand .box .fr {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center; }
            .content .main_box .mid .brand .box .fr span {
              font-size: 16px;
              color: #ffffff;
              display: block;
              line-height: 1.6;
              width: 320px; }
        .content .main_box .mid .brand .hb {
          overflow: hidden;
          border-bottom: 1px solid #3F4349;
          display: flex; }
          .content .main_box .mid .brand .hb .fl {
            width: 20%;
            border-right: 1px solid #3F4349;
            display: flex;
            align-items: center;
            padding-left: .76rem; }
            .content .main_box .mid .brand .hb .fl p {
              font-size: .3rem;
              color: #fff;
              font-weight: bold;
              line-height: 1.2; }
          .content .main_box .mid .brand .hb ul {
            width: 80%;
            display: flex; }
            .content .main_box .mid .brand .hb ul li {
              overflow: hidden;
              width: 25%;
              padding: 30px 0 26px 0;
              border-right: 1px solid #3F4349; }
              .content .main_box .mid .brand .hb ul li:last-child {
                border: none; }
              .content .main_box .mid .brand .hb ul li:nth-child(2) img {
                width: 122px; }
              .content .main_box .mid .brand .hb ul li p {
                text-align: center;
                font-size: 25px;
                color: #ffffff; }
              .content .main_box .mid .brand .hb ul li img {
                display: block;
                width: 178px;
                margin: 0 auto;
                margin-top: 10px;
                max-width: 80%; }
      .content .main_box .mid .list_data {
        overflow: hidden;
        padding: 40px 0 120px 0;
        background-image: url(../images/bg4.webp);
        background-repeat: no-repeat;
        background-size: 120%;
        background-position: bottom center; }
        .content .main_box .mid .list_data p {
          text-align: center;
          font-size: 30px;
          font-weight: bold;
          color: #ffffff; }
        .content .main_box .mid .list_data ul {
          display: flex;
          justify-content: center; }
          .content .main_box .mid .list_data ul li {
            overflow: hidden;
            width: 1.5rem;
            margin: 0 .75rem;
            margin-top: 30px; }
            .content .main_box .mid .list_data ul li div {
              width: 100%;
              height: 3px;
              margin-top: 46px;
              background: #3F4349; }
            .content .main_box .mid .list_data ul li span {
              display: block;
              text-align: center;
              font-size: 60px;
              color: #2196F3;
              line-height: 84px; }
            .content .main_box .mid .list_data ul li p {
              text-align: center;
              font-size: 14px;
              color: #ffffff; }
      .content .main_box .mid .items {
        overflow: hidden;
        width: 100%;
        background-color: #141416;
        border-left: 1px solid #3F4349;
        border-right: 1px solid #3F4349;
        display: flex;
        height: 610px; }
        .content .main_box .mid .items .fr {
          width: 50%;
          height: 100%;
          padding: .96rem 1.96rem 0 1.96rem; }
          .content .main_box .mid .items .fr p {
            text-align: center;
            font-size: 26px;
            color: #ffffff; }
          .content .main_box .mid .items .fr span {
            display: block;
            font-size: 16px;
            color: #ffffff;
            line-height: 1.6;
            margin-top: 30px; }
        .content .main_box .mid .items .fl {
          width: 50%;
          height: 100%;
          border-right: 1px solid #3F4349;
          display: flex;
          justify-content: center;
          background-size: 100%;
          background-image: url(../images/bg3.jpg);
          background-repeat: no-repeat;
          background-position: top -2.38rem right 0rem;
          padding-top: 2rem; }
          .content .main_box .mid .items .fl p {
            font-size: 30px;
            color: #ffffff;
            font-weight: bold; }
      .content .main_box .mid .item {
        overflow: hidden;
        width: 100%;
        background-color: #141416;
        border: 1px solid #3F4349;
        display: flex;
        height: 1046px; }
        .content .main_box .mid .item .list {
          flex: 1;
          overflow: hidden;
          display: flex;
          justify-content: center; }
          .content .main_box .mid .item .list .md {
            display: flex;
            justify-content: center; }
          .content .main_box .mid .item .list .label {
            overflow: hidden;
            padding: 0 14px;
            margin-bottom: 45px; }
            .content .main_box .mid .item .list .label:last-child {
              padding-top: 140px; }
            .content .main_box .mid .item .list .label div {
              width: 240px;
              overflow: hidden;
              padding: 30px 25px;
              background: #1B1C1E;
              padding-bottom: 40px;
              margin-top: 40px; }
              .content .main_box .mid .item .list .label div svg {
                width: 46px;
                height: 34px; }
              .content .main_box .mid .item .list .label div p {
                font-size: 18px;
                color: #ffffff;
                margin-top: 76px; }
              .content .main_box .mid .item .list .label div span {
                display: block;
                font-size: 14px;
                color: #fefefe;
                margin-top: 18px;
                border-bottom: 2px solid #3F4349;
                padding-bottom: 42px; }
        .content .main_box .mid .item .font {
          width: 7.06rem;
          padding: 1.9rem 2.1rem 0 2.1rem;
          border-right: 1px solid #3f4349;
          background-image: url(../images/bg2.webp);
          background-size: 120%;
          background-repeat: no-repeat;
          background-position: top  left -.72rem; }
          .content .main_box .mid .item .font p {
            font-size: 30px;
            color: #ffffff;
            line-height: 1.4;
            font-weight: bold; }
          .content .main_box .mid .item .font span {
            display: block;
            font-size: 16px;
            line-height: 1.6;
            margin-top: 10px;
            color: #ffffff; }

@media (max-width: 1000px) {
  .content .header {
    height: 1.2rem;
    padding: 0 .3rem; }

  .content .header .logo img {
    width: 2rem; }

  .content .header .right {
    display: none; }

  .content .banner {
    height: 6rem;
    background-position: top center;
    padding: 2rem .3rem 0 .3rem; }

  .content .banner p {
    font-size: .46rem;
    text-align: center; 
	margin-top: 1rem;
	}

  .content .banner span {
    font-size: .3rem;
    text-align: center;
    margin-top: .3rem; }

  .content .main_box {
    margin: 0;
    padding: 0 .3rem; }

  .content .main_box .mid .item {
    height: auto;
    display: block; }

  .content .main_box .mid .item .font {
    width: 100%;
    padding: .6rem; }
    .content .main_box .mid .item .font p {
      font-size: .36rem; }
    .content .main_box .mid .item .font span {
      font-size: .26rem; }

  .content .main_box .mid .item .list {
    display: block;
    width: 100%; }

  .content .main_box .mid .item .list .md {
    display: block; }

  .content .main_box .mid .item .list .label {
    width: 100%;
    margin-bottom: 0; }

  .content .main_box .mid .item .list .label div {
    width: 100%;
    padding: .3rem 0;
    margin: 0;
    text-align: center; }

  .content .main_box .mid .item .list .label {
    padding: 0 .3rem; }

  .content .main_box .mid .item .list .label div svg {
    margin: 0 auto; }

  .content .main_box .mid .item .list .label div p {
    font-size: .36rem;
    margin-top: .3rem; }

  .content .main_box .mid .item .list .label div span {
    font-size: .28rem;
    text-align: center;
    margin-top: .3rem; }

  .content .main_box .mid .item .list .label:last-child {
    padding-top: 0; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

  .content .main_box .mid .items {
    display: block;
    height: auto; }

  .content .main_box .mid .items .fl {
    display: block;
    width: 100%;
    padding: .6rem; }
    .content .main_box .mid .items .fl p {
      font-size: .4rem;
      text-align: center; }

  .content .main_box .mid .items .fr {
    width: 100%;
    padding: .6rem; }

  .content .main_box .mid .items .fr p {
    font-size: .36rem; }

  .content .main_box .mid .items .fr span {
    font-size: .28rem; }

  .content .main_box .mid .list_data p {
    font-size: .38rem; }

  .content .main_box .mid .list_data ul {
    flex-wrap: wrap; }
    .content .main_box .mid .list_data ul li {
      width: 50%;
      margin: 0;
      padding-top: .3rem; }

  .content .main_box .mid .list_data {
    padding-bottom: 1rem; }

  .content .main_box .mid .brand .hb {
    display: block; }

  .content .main_box .mid .brand .hb .fl {
    width: 100%;
    padding: .6rem;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: .36rem; }

  .content .main_box .mid .brand .hb ul {
    width: 100%;
    flex-wrap: wrap;
    border-top: 1px solid #3F4349; }
    .content .main_box .mid .brand .hb ul li {
      width: 50%; }

  .content .main_box .mid .brand .box {
    display: block;
    height: auto; }

  .content .main_box .mid .brand .box .fl {
    width: 100%;
    font-size: .38rem;
    height: 6rem; }

  .content .main_box .mid .brand .box .fr {
    padding: .3rem; }
    .content .main_box .mid .brand .box .fr span {
      font-size: .28rem; }

  .content .footer {
    padding: .3rem; }

  .content .footer .logo {
    margin: 0 auto; }

  .content .footer .conbox {
    display: block; }
	
  .content .footer .conbox li{
    list-style: none; }
	
  .content .footer .conbox .link {
    display: flex;
    justify-content: center;
    width: 100%;
    justify-content: space-around; }
    .content .footer .conbox .link a {
      font-size: .26rem; }

  .content .footer .conbox .contact {
    width: 100%;
    margin-top: .6rem; }
    .content .footer .conbox .contact span {
      font-size: .26rem;
      padding: .16rem 0;
      opacity: 0.8; }

  .content .footer .conbox .fr {
    width: 100%;
    margin-top: .3rem; }
    .content .footer .conbox .fr .btn {
      width: 2.8rem;
      height: .9rem;
      margin: 0 auto; }
      .content .footer .conbox .fr .btn a {
        font-size: .26rem; }

  .content .footer .conbox .fr span {
    text-align: center;
    font-size: .24rem;
    margin-top: .3rem; }

  .content .footer .conbox .fr .share {
    justify-content: center; }

  .content footer {
    font-size: .22rem;
    text-align: center;
    padding: .2rem;
    box-sizing: border-box; 
	background-color: #141416;}

  .content .main_box .mid .brand .box .fr {
    width: 100%; }

  .content .main_box .mid .brand .hb ul li p {
    font-size: .3rem; }

  .content .main_box .mid .brand .hb .fl p {
    text-align: center; }

  .content .main_box .mid .list_data ul li div {
    margin-top: .4rem; }

  .content .main_box .mid .list_data ul li span {
    font-size: .8rem;
    line-height: 1.4; }

  .content .main_box .mid .list_data ul li p {
    font-size: .26rem; }

  .content .main_box .mid .brand .hb .fl p {
    font-size: .36rem; }



  .content .main_list {
    padding: 0 .3rem; }

  .content .main_list .label {
    display: block; }

  .content .main_list .label .picture {
    width: 100%; }

  .content .main_list .label .grow {
    padding: .6rem .3rem; }
    .content .main_list .label .grow p {
      font-size: .36rem;
      text-align: center;
      margin-bottom: .3rem; }
    .content .main_list .label .grow span {
      font-size: .28rem;
      text-align: center; }
	  
	  
	  
	  
	  
  .content .main_table {
    padding: 0 .3rem; }

  .content .main_table .label {
    display: block; }

  .content .main_table .label .picture {
    width: 100%; }

  .content .main_table .label .grow {
    padding: .6rem .3rem; }
    .content .main_table .label .grow p {
      font-size: .36rem;
      text-align: center;
      margin-bottom: .3rem; }
    .content .main_table .label .grow span {
      font-size: .28rem;
      text-align: center; }
	  
	  
	  

  .mobile_fade {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999; }

  .mobile_fade .box {
    width: 100%;
    height: calc(100vh - 1rem);
    position: absolute;
    left: 0;
    top: -100vh;
    background: #333; }

  .mobile_fade .box ul {
    overflow: auto;
    height: 100%;
    padding: 0 .3rem; }

  .mobile_fade .box ul li {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%; }

  .mobile_fade .box ul li span {
    height: 1rem;
    display: flex;
    font-size: .28rem;
    color: #fff;
    align-items: center;
    justify-content: space-between; }

  .mobile_fade .box ul li span.on img {
    transform: rotate(90deg); }

  .mobile_fade .box ul li span a {
    font-size: .28rem;
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    width: 90%; }

  .mobile_fade .box ul li span img {
    width: .65rem;
    transition: all .2s; }

  .mobile_fade .box ul li div {
    overflow: hidden;
    width: 100%;
    display: none; }

  .mobile_fade .box ul li div a {
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #fff;
    height: .8rem; }

  .content .banner_info .m .grow .btn a {
    margin: 0 .15rem;
    font-size: .26rem; }

  .menu {
    display: block;
    width: .5rem; }

  .content .header .logo {
    padding-bottom: .2rem; } }