/*there*/
        .mobileNav .nav_uu .navList{padding-top: 80px !important;}
        .bottom-text-content-yj{
            width: 100%;
            margin: 0 auto;
            /*margin-top: 50px;*/
            text-align: center;
            padding: 0 10px;
            box-sizing: border-box;
            transition: all 0.5s;
        }
        .bottom-text-content-yj>span{
            margin-top: 18px;
            margin-bottom: 30px;
            display: inline-block;
            /* width: 100%; */
            text-align: center;
            height: 22px;
            font-size: 16px;
            font-family: AlibabaPuHuiTiR;
            color: #717171;
            line-height: 22px;
        }
        .content-yj {
            width: 100%;background: #ffffff;box-sizing: border-box;transition: all 0.1s;
        }
        .tab-bar-yj{
            width:1200px;height: 80px;padding-top: 16px;padding-left: 5px;box-sizing: border-box;margin: 0 auto;
        }
        .tab-bar-yj>img{
            float: left; width: 109px;height: 55px;border: none;vertical-align: middle;
        }
        .ul-tab-yj {
            float: right;padding-top: 10px; padding-right: 100px;overflow: hidden;
        }
        .ul-tab-yj>a>li{
            float: left;
            display: block;
            /* width: 157px; */
            height: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 22px;
            font-weight: 600;
            color: rgb(34, 34, 34); font-family: -webkit-body;letter-spacing: 1px;
        }

        @media screen and (max-width: 760px) {
            .bottom-text-content-yj {
                margin-top: 20px;
                padding-bottom: 30px;
            }

            .bottom-text-content-yj > span {
                margin-bottom: 10px;
                font-size: 14px;
                margin-top: 0px;
            }

            .content-yj {
                width: 100%;
            }

            .tab-bar-yj {
                width: 100%;
            }

            .ul-tab-yj {
                padding-right: 60px;
            }

            .ul-tab-yj > a > li {
                font-size: 14px;
            }

            #backs-color .box {
                display: none;
            }
        }

         #backs-color * {
      margin: 0;
      padding: 0;
    }

    /**********首页视频************/
   #backs-color .phonevideostart{display: none; width: 100px; height: 38px;position: fixed;bottom: 40px;left: 10px;}
   #backs-color video::-webkit-media-controls-fullscreen-button {
      display: none;
    }

   #backs-color .box {
      max-width: 200px;
      height: 200px;
      position: fixed;
      bottom: 10px;
      left: 10px;
      border: none;
      background: rgba(0, 0, 0, 0.2);
      z-index: 2147483646;
    }

   #backs-color .box:hover .suofang-btn {
      display: block;
    }

   #backs-color .suofang-btn {
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: absolute;
      top: 20px;
      right: 20px;
      display: none;
      transition: All 0.4s ease-in-out;
      -webkit-transition: All 0.4s ease-in-out;
      -moz-transition: All 0.4s ease-in-out;
      -o-transition: All 0.4s ease-in-out;
      background-color: rgba(0, 0, 0, 0.5);
    }

   #backs-color .suofang-btn:hover {
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
    }

   #backs-color .suofang-btn>img {
      width: 100%;
      height: 100%;
    }

   #backs-color .suofang-btn>img:nth-child(2) {
      display: none;
    }

   /* #backs-color .boxactive {
      max-width: 500px;
      height: 500px;
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    } */
    @keyframes videosuofang{
      0%{
       opacity:0;
      width: 200px;
      height: 200px;
      }
      100%{
      opacity:1;
      width: 500px;
      height: 500px;

      }
    }
        @keyframes videosuofang3{
      0%{
       opacity:0;
      width: 0px;
      height: 0px;
      }
      100%{
      opacity:1;
      width: 300px;
      height: 300px;
      }
    }
    @keyframes videosuofang2{
      0%{
       opacity:0;
      width: 500px;
      height: 500px;
      }
      100%{
      opacity:1;
      position: fixed;
      bottom: 100px;
      left: 50px;

      }
    }
    @keyframes videosuofang4{
      0%{
       opacity:1;
      width: 300px;
      height: 300px;
      }
      100%{
      opacity:0;
      width: 0px;
      height: 0px;
      }
    }
    #backs-color .boxactive {
      max-width: 500px;
      height: 500px;
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
animation: videosuofang 1s ease 1 forwards;
    }
    #backs-color .boxactive2 {
animation: videosuofang2 1s ease 1 forwards;
}
   #backs-color {
      width: auto;
      height: auto;
      background-color: rgba(0, 0, 0, 0.5);
      position: fixed;
      z-index: 99999;
      top:0;
    }

   #backs-color .close-btn {
      width: 20px;
      height: 20px;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.2);
      cursor: pointer;
      top: -20px;
      right: -20px;
      transition: All 0.4s ease-in-out;
      -webkit-transition: All 0.4s ease-in-out;
      -moz-transition: All 0.4s ease-in-out;
      -o-transition: All 0.4s ease-in-out;
    }

   #backs-color .close-btn:hover {
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
    }

@media screen and (max-width: 760px) {
    .bottom-text-content-yj{
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .bottom-text-content-yj>span{
        margin-bottom: 10px;
        font-size: 14px;
        margin-top: 0px;
    }
    .content-yj{width: 100%;}
    .tab-bar-yj{width: 100%;}
    .ul-tab-yj {padding-right: 60px;}
    .ul-tab-yj>a>li{font-size: 14px;}
      #backs-color .box {
      display: none;
    }
  #backs-color .boxactive {
      width: 300px !important;
      height: 300px !important;
      position: relative;
      left: 50%;
      top: 50%;
      display: block;
      transform: translate(-50%, -50%);
      animation: videosuofang3 1s ease 1 forwards;
    }
    #backs-color .boxactive2 {
      display: block;
animation: videosuofang4 1s ease 1 forwards;center
}
    #backs-color .phonevideostart{display: block;}
}