.main_cooperation {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  padding-bottom: 40px; }
  .main_cooperation .tab {
    display: flex;
    align-items: center; }
    .main_cooperation .tab div {
      display: inline-flex;
      align-items: center;
      height: 32px;
      font-size: 18px;
      color: #050505;
      margin-right: 22px;
      border-radius: 40px;
      padding: 0 22px;
      border: 1px solid #D5D5D5;
      cursor: pointer; }
      .main_cooperation .tab div.on {
        border: none;
        background: #4BD4BC;
        color: #fff; }
  .main_cooperation .fade {
    overflow: hidden;
    width: 100%; }
    .main_cooperation .fade div {
      display: flex;
      align-items: center;
      overflow: hidden;
      width: 100%;
      flex-wrap: wrap; }
      .main_cooperation .fade div a {
        display: block;
        font-size: 18px;
        color: #050505;
        margin-right: 55px;
        margin-top: 30px;
        transition: all .1s; }
        .main_cooperation .fade div a:hover {
          color: #4BD4BC; }

.main_shop {
  width: 1200px;
  margin: 0 auto;
  margin-top: 45px; }
  .main_shop > ul {
    display: flex;
    flex-wrap: wrap; }
    .main_shop > ul li {
      overflow: hidden;
      width: 386px;
      margin-right: 20px;
      margin-top: 28px; }
      .main_shop > ul li:hover p {
        color: #4bd4bc; }
      .main_shop > ul li a {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .main_shop > ul li a .pic {
          overflow: hidden;
          width: 160px;
          height: 160px;
          border-radius: 15px;
          border: 1px solid #F2F2F2;
          display: flex;
          align-items: center;
          justify-content: center; }
         .main_shop > ul li:hover a .pic img {
            transform: scale(1.06); }
          .main_shop > ul li a .pic img {
            display: block;
            max-width: 100%; 
			transition: all .5s;
			}
        .main_shop > ul li a .grow {
          width: 213px;
          position: relative;
          padding-top: 16px; }
          .main_shop > ul li a .grow .price {
            overflow: hidden;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 18px;
            display: flex;
            align-items: center; }
            .main_shop > ul li a .grow .price em {
              display: block;
              font-size: 22px;
              font-weight: bold;
              margin-right: 8px;
              color: #fc7647; }
            .main_shop > ul li a .grow .price i {
              display: inline-flex;
              align-items: center;
              height: 22px;
              font-size: 14px;
              color: #fc7647;
              border: 1px solid #fc7647;
              padding: 0 5px;
              border-radius: 4px; }
          .main_shop > ul li a .grow p {
            font-size: 22px;
            margin-bottom: 12px;
            color: #333333;
            transition: all .1s; }
          .main_shop > ul li a .grow span {
            display: block;
            font-size: 16px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            color: #666666; }
      .main_shop > ul li:nth-child(3n) {
        margin-right: 0; }
		
        .main_shop .picgrow div:hover{
          transform: scale(1.02); }
  .main_shop .picgrow {
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
	transition: all .5s;
	}
    .main_shop .picgrow div {
      overflow: hidden;
      width: 386px;
      height: 160px;
      background: #EFEFEF;
      border-radius: 15px;
      margin-right: 20px;
      margin-top: 25px; }
      .main_shop .picgrow div:nth-child(3n) {
        margin-right: 0; }

	.main_shop .tong_title{
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
		}


.main_video {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px; }
  .main_video .boxwo > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .main_video .boxwo > ul li {
      overflow: hidden;
      width: 286px;
      transition: all .2s;
      margin-right: 17px;
      margin-top: 40px; }
      .main_video .boxwo > ul li:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .main_video .boxwo > ul li:hover .p {
          transform: scale(1.05); }
      .main_video .boxwo > ul li:nth-child(4n) {
        margin-right: 0; }
      .main_video .boxwo > ul li .pic {
        overflow: hidden;
        width: 100%;
        height: 162px;
        position: relative; }
        .main_video .boxwo > ul li .pic .play {
          cursor: pointer;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .main_video .boxwo > ul li .pic span {
          display: inline-flex;
          align-items: center;
          height: 24px;
          padding: 0 5px;
          min-width: 60px;
          font-size: 14px;
          color: #fff;
          border-radius: 40px;
          position: absolute;
          right: 7px;
          bottom: 6px;
          z-index: 999;
          justify-content: center;
          box-sizing: border-box;
          background: rgba(0, 0, 0, 0.3); }
        .main_video .boxwo > ul li .pic .p {
          width: 100%;
          transition: all .5s;
          height: 100%; }
      .main_video .boxwo > ul li .info {
        overflow: hidden;
        border: 1px solid #F2F2F2;
        border-top: none;
        height: 116px;
        padding: 0 10px; }
        .main_video .boxwo > ul li .info > p {
          font-size: 18px;
          height: 60px;
          color: #333333;
          overflow: hidden;
          line-height: 60px;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .main_video .boxwo > ul li .info div {
          overflow: hidden;
          height: 55px;
          border-top: 1px solid #F2F2F2;
          display: flex;
          align-items: center; }
          .main_video .boxwo > ul li .info div img {
            width: 36px;
            height: 36px;
            border-radius: 50%; }
          .main_video .boxwo > ul li .info div p {
            font-size: 16px;
            color: #333333;
            margin-left: 10px; }
          .main_video .boxwo > ul li .info div span {
            display: block;
            font-size: 14px;
            color: #666666;
            margin-left: 10px; }

.main_qa {
  width: 1200px;
  margin: 0 auto;
  margin-top:15px; }
  .main_qa .box {
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .main_qa .box .dayi {
      overflow: hidden;
      width: 287px;
      background: #F5F5F5;
      margin-top: 40px;
      padding: 22px 18px 0 18px; }
      .main_qa .box .dayi h3 {
        font-size: 26px;
        color: #000000;
        font-weight: bold;
        margin-bottom: 30px; }
      .main_qa .box .dayi .swiper {
        height: 365px;
        width: 100%;
        overflow: hidden; }
        .main_qa .box .dayi .swiper .swiper-slide {
          width: auto;
          height: 50%;
          overflow: hidden; }
      .main_qa .box .dayi ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .main_qa .box .dayi ul li {
          overflow: hidden;
          width: 100%;
          margin-bottom: 50px;
          transition: all .3s; }
          .main_qa .box .dayi ul li:hover .label div p {
            color: #4bd4bc; }
          .main_qa .box .dayi ul li a {
            width: 100%;
            box-sizing: border-box;
            height: 100%;
            display: block; }
            .main_qa .box .dayi ul li a .user {
              overflow: hidden;
              display: flex;
              align-items: center; }
              .main_qa .box .dayi ul li a .user img {
                width: 27px;
                height: 27px;
                border-radius: 50%; }
              .main_qa .box .dayi ul li a .user p {
                font-size: 16px;
                color: #333333;
                margin-left: 6px; }
              .main_qa .box .dayi ul li a .user span {
                display: block;
                font-size: 16px;
                color: #666666;
                margin-left: 6px;
                position: relative; }
              .main_qa .box .dayi ul li a .user em {
                display: block;
                font-size: 16px;
                color: #999999;
                margin-left: 10px;
                position: relative; }
            .main_qa .box .dayi ul li a .label {
              overflow: hidden;
              display: flex;
              margin-bottom: 9px;
              align-items: flex-start;
              justify-content: space-between; }
              .main_qa .box .dayi ul li a .label img {
                display: block;
                width: 27px; }
              .main_qa .box .dayi ul li a .label div {
                overflow: hidden;
                width: 218px; }
                .main_qa .box .dayi ul li a .label div p {
                  font-size: 17px;
                  color: #000000;
                  line-height: 28px;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  transition: all .1s;
                  overflow: hidden; }
                .main_qa .box .dayi ul li a .label div span {
                  display: block;
                  font-size: 16px;
                  color: #666666;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  line-height: 28px; }
                .main_qa .box .dayi ul li a .label div em {
                  display: block;
                  font-size: 14px;
                  margin-top: 8px;
                  color: #9a9ca0; }
          .main_qa .box .dayi ul li:nth-child(3n) {
            margin-right: 0; }
    .main_qa .box .ws > ul {
      width: 100%;
      margin-top: 10px;
      display: flex;
      width: 892px;
      flex-wrap: wrap;
      justify-content: space-between; }
      .main_qa .box .ws > ul li {
        overflow: hidden;
        width: 437px;
        height: 210px;
        border-radius: 20px;
        margin-top: 30px;
        border: 1px solid #E7E7E7;
        transition: all .3s; }
        .main_qa .box .ws > ul li:hover {
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .main_qa .box .ws > ul li:hover a .label div p {
          color: #4bd4bc; }
        .main_qa .box .ws > ul li a {
          width: 100%;
          box-sizing: border-box;
          height: 100%;
          display: block;
          padding: 25px 25px 0 20px; }
          .main_qa .box .ws > ul li a .user {
            overflow: hidden;
            display: flex;
            align-items: center; }
            .main_qa .box .ws > ul li a .user img {
              width: 27px;
              height: 27px;
              border-radius: 50%; }
            .main_qa .box .ws > ul li a .user p {
              font-size: 16px;
              color: #333333;
              margin-left: 13px; }
            .main_qa .box .ws > ul li a .user span {
              display: block;
              font-size: 16px;
              color: #666666;
              margin-left: 20px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              position: relative; }
              .main_qa .box .ws > ul li a .user span::after {
                content: '';
                width: 1px;
                height: 13px;
                background: #cccccc;
                position: absolute;
                left: -10px;
                top: 50%;
                transform: translateY(-50%); }
            .main_qa .box .ws > ul li a .user em {
              display: block;
              font-size: 16px;
              color: #999999;
              margin-left: 10px;
              position: relative;
              max-width: 190px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
			  }
          .main_qa .box .ws > ul li a .label {
            overflow: hidden;
            display: flex;
            margin-bottom: 12px;
            align-items: flex-start;
            justify-content: space-between; }
            .main_qa .box .ws > ul li a .label img {
              display: block;
              width: 27px; }
            .main_qa .box .ws > ul li a .label div {
              overflow: hidden;
              width: 350px; }
              .main_qa .box .ws > ul li a .label div p {
                font-size: 18px;
                color: #000000;
                line-height: 28px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                font-weight: bold;
                transition: all .1s; }
              .main_qa .box .ws > ul li a .label div span {
                display: block;
                font-size: 16px;
                color: #666666;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                line-height: 28px; }
              .main_qa .box .ws > ul li a .label div em {
                display: block;
                font-size: 14px;
                margin-top: 8px;
                color: #9a9ca0; }
        .main_qa .box .ws > ul li:nth-child(3n) {
          margin-right: 0; }

.main_cooperation {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px; }
  .main_cooperation > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .main_cooperation > ul li {
      width: 386px;
      height: 160px;
      border-radius: 20px;
      margin-right: 19px;
      margin-top: 30px;
      border: 1px solid #E7E7E7;
      transition: all .3s; }
      .main_cooperation > ul li:nth-child(3n) {
        margin-right: 0; }
      .main_cooperation > ul li:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .main_cooperation > ul li:hover a .grow .t p {
          color: #4bd4bc; }
      .main_cooperation > ul li a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-left: 15px;
        box-sizing: border-box; }
        .main_cooperation > ul li a .pic {
          overflow: hidden;
          width: 84px;
          height: 84px;
          border: 1px solid #F5F5F5;
          border-radius: 50%; }
          .main_cooperation > ul li a .pic img {
            width: 100%;
            height: 100%; }
        .main_cooperation > ul li a .grow {
          overflow: hidden;
          margin-left: 12px;
          width: 253px; }
          .main_cooperation > ul li a .grow .t {
            overflow: hidden;
            display: flex;
            align-items: flex-end; }
            .main_cooperation > ul li a .grow .t p {
              font-size: 22px;
              color: #000000;
              transition: all .1s;
              font-weight: bold;
              margin-right: 12px; }
            .main_cooperation > ul li a .grow .t span {
              font-size: 18px;
              color: #333333; }
          .main_cooperation > ul li a .grow > span {
            display: block;
            font-size: 14px;
            color: #666666;
            margin-top: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .main_cooperation > ul li a .grow em {
            display: block;
            font-size: 14px;
            margin-top: 10px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            color: #333333;
            line-height: 20px; }
            .main_cooperation > ul li a .grow em i {
              color: #666666; }

.main_recommend {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px; }
  .main_recommend .showbox > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .main_recommend .showbox > ul li {
      width: 224px;
      margin-right: 20px;
      margin-top: 30px; }
      .main_recommend .showbox > ul li:nth-child(5n) {
        margin-right: 0; }
      .main_recommend .showbox > ul li:hover .pic {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      .main_recommend .showbox > ul li .pic {
        overflow: hidden;
        width: 100%;
        height: 225px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
        border-radius: 15px;
        border: 1px solid #e7e7e7;
        margin-bottom: 18px; }
        .main_recommend .showbox > ul li .pic img {
          display: block;
          max-width: 100%; }
      .main_recommend .showbox > ul li p {
        text-align: center;
        font-size: 18px;
        color: #333333; }

.main_special {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px; }
  .main_special .box {
    width: 100%;
    position: relative;
    margin-top: 35px;
    height: 240px; }
    .main_special .box .swiper {
      overflow: hidden;
      width: 100%;
      height: 100%; }
      .main_special .box .swiper .swiper-slide {
        height: 100%;
        background: #E8E8E8;
        width: 387px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 19px; }
		.main_special .box .swiper .swiper-slide a:hover{
		transform: scale(1.02);
		}
        .main_special .box .swiper .swiper-slide img {
          display: block;
          width: 387px; 
		  transition: all .5s;
		  }
    .main_special .box .btn {
      cursor: pointer;
      position: absolute;
      top: 50%;
      z-index: 9999;
      transform: translateY(-50%); }
      .main_special .box .btn.prev {
        left: 14px; }
      .main_special .box .btn.next {
        right: 14px; }

.main_science {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 30px; }
  .main_science .box {
    overflow: hidden;
    width: 100%;
    margin-top: 26px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .main_science .box .rank {
      overflow: hidden;
      width: 330px;
      background: #f5f5f5;
      padding: 20px; }
      .main_science .box .rank .title {
        font-size: 26px;
        margin-bottom: 15px;
        color: #000000;
        font-weight: bold; }
      .main_science .box .rank .label {
        width: 100%;
        margin-bottom: 30px; }
        .main_science .box .rank .label:last-child {
          margin-bottom: 6px; }
        .main_science .box .rank .label a {
          width: 100%;
          display: block; }
          .main_science .box .rank .label a .font {
            display: block;
            font-size: 18px;
            color: #000000;
            line-height: 1.6;
            margin-top: 8px; }
          .main_science .box .rank .label a .user {
            display: flex;
            align-items: center; }
            .main_science .box .rank .label a .user .us {
              width: 64px;
              height: 64px;
              display: block;
              border-radius: 50%;
              position: relative; }
              .main_science .box .rank .label a .user .us img {
                width: 100%;
                height: 100%;
                display: block;
                border-radius: 50%; }
              .main_science .box .rank .label a .user .us div {
                width: 18px;
                height: 21px;
                background-image: url(../images/icon_03.png);
                background-size: 100% 100%;
                position: absolute;
                left: -4px;
                top: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 12px;
                padding-bottom: 4px;
                color: #fff; }
            .main_science .box .rank .label a .user .grow {
              overflow: hidden;
              margin-left: 18px; }
              .main_science .box .rank .label a .user .grow p {
                display: flex;
                align-items: flex-end;
                font-size: 16px;
                color: #333333; 
				font-weight: bold;
				}
                .main_science .box .rank .label a .user .grow p span {
                  font-size: 14px;
                  color: #666666;
                  margin-left: 8px; }
              .main_science .box .rank .label a .user .grow em {
                display: block;
                font-size: 12px;
                color: #666666;
                margin-top: 5px; }
    .main_science .box .left {
      overflow: hidden;
      width: 844px; }
      .main_science .box .left .lefts {
        overflow: hidden;
        width: 100%; }
      .main_science .box .left ul {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap; }
        .main_science .box .left ul.on li a > p {
         max-width: 260px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
		}
        .main_science .box .left ul li {
          overflow: hidden;
          width: 268px;
          margin-bottom: 32px;
          margin-right: 20px; }
          .main_science .box .left ul li:nth-child(3n) {
            margin-right: 0; }
          .main_science .box .left ul li:hover a > p {
            color: #4bd4bc; }
          .main_science .box .left ul li:hover a .pic img {
            transform: scale(1.06); }
          .main_science .box .left ul li a {
            overflow: hidden;
            display: block; }
            .main_science .box .left ul li a .pic {
              overflow: hidden;
              width: 100%;
              margin-bottom: 14px; }
              .main_science .box .left ul li a .pic img {
                display: block;
                width: 100%;
				height:150px;
                transition: all .5s; }
            .main_science .box .left ul li a > p {
              font-size: 18px;
              color: #010101;
              display: -webkit-box;
              transition: all .1s;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              line-height: 33px; }
            .main_science .box .left ul li a > span {
              display: block;
              font-size: 14px;
              line-height: 24px;
              margin-top: 10px;
              color: #666666;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              overflow: hidden; }
            .main_science .box .left ul li a .user {
              overflow: hidden;
              display: flex;
              align-items: center;
              margin-top: 12px; }
              .main_science .box .left ul li a .user .us {
                width: 36px;
                height: 36px;
                display: block;
                border-radius: 50%;
                overflow: hidden; }
                .main_science .box .left ul li a .user .us img {
                  width: 36px;
                  height: 36px;
                  display: block;
                  border-radius: 50%; }
              .main_science .box .left ul li a .user .grow {
                overflow: hidden;
                margin-left: 10px; }
                .main_science .box .left ul li a .user .grow p {
                  display: flex;
                  align-items: flex-end;
                  font-size: 16px;
                  color: #333333; }
                  .main_science .box .left ul li a .user .grow p span {
                    font-size: 14px;
                    color: #666666;
                    margin-left: 8px; }
                .main_science .box .left ul li a .user .grow em {
                  display: block;
                  font-size: 12px;
                  color: #666666;
                  margin-top: 5px; }

.tong_title {
  width: 100%;
  overflow: hidden; }
  .tong_title.on {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
  .tong_title p {
    display: flex;
    align-items: flex-end;
    font-size: 18px;
    color: #666666;
    letter-spacing: 1px; }
    .tong_title p span {
      font-size: 40px;
      font-weight: bold;
      margin-right: 20px;
      display: inline-block;
      color: #000000;
      line-height: 1; }
  .tong_title .more {
    font-size: 18px;
    color: #999999;
    transition: all .1s; }
    .tong_title .more:hover {
      color: #4bd4bc; }
  .tong_title .bottom {
    overflow: hidden;
    display: flex;
    margin-top: 23px;
    align-items: center;
    justify-content: space-between; }
    .tong_title .bottom .more {
      font-size: 18px;
      color: #999999;
      transition: all .1s; }
      .tong_title .bottom .more:hover {
        color: #4bd4bc; }
    .tong_title .bottom .slide {
      width: 1200px;
      overflow: hidden; }
      .tong_title .bottom .slide .swiper-slide {
        width: auto;
        margin-right: 10px; }
        .tong_title .bottom .slide .swiper-slide a {
          display: inline-flex;
          align-items: center;
          height: 32px;
          padding: 0 16px;
          border-radius: 40px;
          font-size: 18px;
          color: #333333;
          min-width: 75px;
          justify-content: center;
          box-sizing: border-box; }
        .tong_title .bottom .slide .swiper-slide.on a {
          background: #4bd4bc;
          color: #fff;
          transition: all .1s; }
        .tong_title .bottom .slide .swiper-slide:hover a {
          background: #4bd4bc;
          color: #fff; }

.main_tip_box {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 30px; }
  .main_tip_box .mids {
    overflow: hidden;
    width: 676px;
    position: relative;
    background: #d9e8e5; }
    .main_tip_box .mids .swiper-pagination-bullet-active {
      background: #4BD4BC; }
    .main_tip_box .mids .swiper, .main_tip_box .mids .swiper-slide {
      width: 100%;
      height: 100%; }
    .main_tip_box .mids .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center; }
      .main_tip_box .mids .swiper-slide img {
        display: block;
        width:676px;
		height:400px;
		}
  .main_tip_box .infos {
    overflow: hidden;
    width: 286px; }
    .main_tip_box .infos .video {
      overflow: hidden;
      width: 100%; }
      .main_tip_box .infos .video:hover .p {
        transform: scale(1.06); }
      .main_tip_box .infos .video .child {
        overflow: hidden;
        width: 100%;
        position: relative; }
        .main_tip_box .infos .video .child .play {
          cursor: pointer;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .main_tip_box .infos .video .child span {
          display: inline-flex;
          align-items: center;
          height: 24px;
          padding: 0 5px;
          min-width: 60px;
          font-size: 14px;
          color: #fff;
          border-radius: 40px;
          position: absolute;
          right: 7px;
          bottom: 6px;
          z-index: 999;
          justify-content: center;
          box-sizing: border-box;
          background: rgba(0, 0, 0, 0.3); }
        .main_tip_box .infos .video .child .p {
          width: 100%;
          display: block;
          transition: all .5s; }
      .main_tip_box .infos .video p {
        font-size: 18px;
        margin-top: 12px;
        color: #000000; }
    .main_tip_box .infos ul {
      overflow: hidden;
      margin-top: 10px; }
      .main_tip_box .infos ul li {
        font-size: 15px;
        line-height: 38px; }
        .main_tip_box .infos ul li:hover a {
          color: #4bd4bc; }
        .main_tip_box .infos ul li a {
          color: #333333;
          transition: all .1s; }
  .main_tip_box .link {
    width: 210px;
    background: #f7fcfb;
    position: relative; }
    .main_tip_box .link h3 {
      font-size: 18px;
      color: #000000;
      text-align: center;
      line-height: 58px; }
    .main_tip_box .link ul {
      width: 100%; }
      .main_tip_box .link ul li {
        width: 100%;
        height: 32px;
        margin-bottom: 10px;
        transition: all .1s; }
        .main_tip_box .link ul li:hover .show {
          display: block; }
        .main_tip_box .link ul li .show {
          overflow: hidden;
          width: 440px;
          position: absolute;
          left: 210px;
          height: 100%;
          top: 0;
          z-index: 9999;
          padding: 0 30px;
          background: #f7fcfb;
          display: none; }
          .main_tip_box .link ul li .show p {
            font-size: 20px;
            line-height: 58px;
            color: #000; }
          .main_tip_box .link ul li .show div {
            overflow: hidden;
            width: 100%;
            display: flex;
            flex-wrap: wrap; }
            .main_tip_box .link ul li .show div a {
              display: block;
              font-size: 15px;
              color: #333;
              float: left;
              margin-bottom: 10px;
              margin-right: 20px;
              transition: all .1s; }
              .main_tip_box .link ul li .show div a:hover {
                color: #4BD4BC; }
        .main_tip_box .link ul li.on {
          background: #4BD4BC; }
          .main_tip_box .link ul li.on > a {
            color: #fff; }
            .main_tip_box .link ul li.on > a::after {
              background-image: url(../images/rightw.png); }
        .main_tip_box .link ul li:hover {
          background: #4BD4BC; }
          .main_tip_box .link ul li:hover > a {
            color: #fff; }
            .main_tip_box .link ul li:hover > a::after {
              background-image: url(../images/rightw.png); }
        .main_tip_box .link ul li > a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          padding-left: 36px;
          box-sizing: border-box;
          font-size: 16px;
          color: #333333;
          position: relative; }
          .main_tip_box .link ul li > a::after {
            content: '';
            width: 6px;
            height: 12px;
            background-size: 100% 100%;
            background-image: url(../images/right.png);
            position: absolute;
            right: 14px;
            top: 50%;
            transform: translateY(-50%); }

/*# sourceMappingURL=css.css.map */