腾讯官网首页

已于 2024-03-13 16:19:51 修改
阅读量763 收藏 8
点赞数 27
分类专栏： 网页设计 文章标签： css html 前端
于 2024-03-12 10:34:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/2301_81323885/article/details/136644380
版权
博客虽未详述具体内容，但从标签可知与前端开发相关，涉及HTML和CSS技术。这两项技术是前端开发的基础，用于构建网页结构和设计样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        *{
            padding:0;
            margin:0;
            box-sizing: border-box;
        }
        bady{
            background:rgb(29,29,29);
            padding:0;
            margin:0;
            color:#FFF;
        }
        .container{
            width:1473px;
            height: 720px;
            position: relative;
            top: 72px;
            overflow: hidden;
            
            
        }
        .images{
            width:5892px;
            height:720px;
            animation: move 12s infinite;
        }
        img{
            width:1473px;
            height:720px;
            object-fit: cover;
            float:left;
            border: 0;
            vertical-align: bottom;
        }
        @keyframes move{
            0%,22%{
                margin-left:0px;
            }
            30%,52%{
                margin-left:-1473px;
            }
            60%,82%{
                margin-left:-2946px;
            }
            90%,100%{
                margin-left:-4419px;
            }
        }
        .box1{
            width: 1473px;
            height: 3705px;
            background-color: #ffffff;
        }
        .box2{
             width: 1473px;
             height: 72px;
             background-color: rgb(255, 255, 255);
             display: block;
    position: absolute;
    top: 0px;
         }
         .box3{
            display: block;
    width: 1200px;
    height: 72px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
    background-color: rgb(255, 255, 255);
         }
        .box4{
            
            width: 211px;
    height: 35px;
    background-color: #ffffff;
    float: left;
    position: relative;
    left: -685px;
    top: 21px;
        }
        .box5{
            width: 788px;
            height: 72px;
            background-color: rgb(255, 255, 255);
           float: left;
           position: relative;
            left:391px;
        }
        .ul1{
            list-style:none;
        }
        .li1{
            width:114px;
            height:72px;
            float:left;
            line-height:72px;
            text-align: center;
            position: relative;
        }
        .ul2{
            list-style:none;
            overflow: hidden;
            height:0;
            position: absolute;
           

        }
        .li1:hover .ul2{
            display: block;
            height:800px;
            width: 100px;
        }
        h1{
            display: block;
    height: 22px;
    width: 168px;
    background: url(./menu_logo_hover.png) no-repeat 0 0;
    text-indent: -9999px;
    overflow: hidden;
    background-size: 100% 100%;
        }
        h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-variant: normal;
}
.box6{
        position: absolute;
    top: 0px;
    padding-bottom: 120px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: 274px;
    }
    .box7{
        display: block;
    position: absolute;
    top: -743px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
    .box8{
        width: 1473px;
        height: 300px;
        background-color: rgb(0, 0, 0);
        float: left;
        display: flex;
    }
    .descript_area{ 
  display:block; 
  width: 100%;
}
.descript_area .txt{ 
  text-align: center; 
  font-size: 24px;
   color: #5f6464; 
   line-height: 54px; 
   padding: 105px 0 74px;
   font-family: 'TencentSansw3'; 
  }
.descript_area .txt span.m{ 
  display:none;
}
.descript_area .txt span.pc{
   display:block;
  }

.details_area{
  display:block;
   width: 100%;
    margin-bottom: 84px;
  }
.details_con{
   display:block;
    width: 1240px;
     margin: 0px auto;
      height: 250px;
    }
.detail_list{
   display:block; 
   height: 250px;
  }
.detail_list li{ 
  display:inline-block; 
  float: left;
   height: 100%;
   width: 400px; 
   text-align: center; 
   margin-right:20px; 
   position: relative; 
   top: -1000px;
    left: 13px;

   overflow: hidden;
  }
.detail_list li a{ 
  display:block;
   height: 100%;
    width: 100%;
  }
.detail_list li a:after
{ display:block; 
  content: "";
   height: 100%; 
   width: 100%; 
   background:rgba(0,82,217,0.7); 
   position: absolute; 
   left: 0px;
    top: 0px;
     z-index: 2; 
     opacity: 0; 
     transition: opacity 0.3s ease-out;
    }
.detail_list li p{ 
  display:block;
   float: left; 
   font-size: 30px; 
   height: 40px; 
   text-align: center; 
   position: absolute; 
   left: 50%; top: 50%; 
   margin-top: -20px; 
   z-index: 3; 
   color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0); 
    transform: translate(-50%,0);
     padding-bottom: 3px; 
     transition: border-bottom 0.3s ease-out;
     font-family: 'TencentSansw7';
     padding-bottom: 5px;
     -webkit-transition: width 1s linear;
    }
.detail_list li p:after{
	content: ' ';
	width: 0;
	height: 2px;
	background: #fff;
	bottom: -2px;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
}
.detail_list li img{
   display:block;
    height:100%;; 
    width: 100%;
     position: absolute; 
     left: 0px; top: 0px; 
     z-index: 1; 
     transform:scale(1); 
     transition: transform 0.3s ease-out;
    }
.detail_list li.last{ 
  margin-right:0px;
}
.detail_list li a:hover:after{
  opacity:1;
}
.detail_list li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.detail_list li a:hover img{ 
  transform:scale(1.024);
}
.ll{
    animation: move 12s infinite;
    font-size: 48px;}
.lang_area{
     display: block; 
     position: absolute;
      right: 0px; 
      top: 24px
    }
.lang_area a{ 
    display: inline-block;
     font-size: 16px;
      color: rgb(0, 0, 0);
       font-family:"PingFangSC-Regular"; 
       opacity: 0.7;
       cursor: pointer;
    }
.lang_area a:hover{ 
    opacity:0.95;
}
.lang_area a.current{ 
    opacity:1;
}
.lang_area .s_line{
     display: inline-block;
      font-size: 12px;
       margin: 0px 3px;
        position: relative; 
        top: -2px; 
        opacity: 0.7;
    }

.head_white{
  background: #fff;
}
.box9{
    width: 900px;
    height: 132px;
   
    float: left;
    position: relative;
    top: -202px;
    left: 232px;
    border-bottom: 1px solid #fff;

}
.box10
{
    width: 125px;
    height: 54px;
    position: absolute;
    background: url(./icon_arrow_r.png) no-repeat 0 0;
}
.box11
{
    width: 125px;
    height: 54px;
    background: url(./8.png) no-repeat 0 0;
    position: relative;
    left: 153px;
    bottom: 0px;
}
.box12{
    width: 900px;
    height: 64px;
    background-color: transparent;
    float: left;
    position: relative;
    top: 535px;
    left: 96px;
}
h4{
    font-size: 28px;
    font-weight: 500;
    color: #FFF;
    line-height: 1.5em;
    margin: 12px 0px;
    padding: 0px;
}
.box13{
    width: 1224px;
height: 1873px;
display: flex;
float: left;
    position: relative;
    top: 519px;
    left: 0px;
    background-color: rgb(255, 255, 255);
}
.box14{
    width: 795.6px;
    height: 1873px;
    background-color: rgb(255, 255, 255);
    float: left;
   
}

.box16:hover{
    
    box-shadow: 0 16px 16px 0;
        }
.box16{
    width:771.58px;
    height:600px;
    background-color:#fff;
    margin-left:24px;
margin-bottom:24px;
display:flex;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;

}
    .bo{
        width: 771.6px;
height: 344px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
    }
    .bo:hover{
        transform:scale(1.05);
        transition: ease all 0.3s;
    }
   .box17{
       width: 771.6px;
       height: 334px;
      
background-color: rgba(226, 241, 85, 0.7);
   }
   .box18{
       width: 771.6px;
       height: 267px;
       background-color: rgb(255, 255, 255);
   }
   .box19{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #0052D9;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #0052D9;
   }
.box20{
    width: 731px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 30px;
    left: 30px;
    color: #212323;
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
}
.box21{
    width: 731px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 34px;
    left: 31px;
    color: #131414;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;
}
.box22{
    width: 361.8px;
    height: 600px;
    background-color: aqua;
    display: flex;
    float: left;
    position: relative;
    margin-left:24px;
margin-bottom:24px;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;

}
.box22:hover{
    box-shadow: 0 16px 16px 0;
}
.box23{
    width: 361.8px;
    height: 600px;
    background-color: aqua;
    display: flex;
    float: left;
    position: relative;
    left: 23px;
    margin-left:24px;
margin-bottom:24px;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;
}
.box23:hover{
    
    box-shadow: 0 16px 16px 0;
        }
.box24{
    width: 385.8px;
    height: 258px;
    background-color: azure;
    float: left;
}
.pp{
    width: 385.8px;
height: 258px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
}
.pp:hover{
    transform:scale(1.05);
        transition: ease all 0.3s;
}
.box25{
    width: 385.6px;
    height: 343px;
       background-color: #0052D9;
}
.box26{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #ffffff;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #ffffff;
}
.box27{
    width: 385.6px;
    height: 30px;
    background-color: #0052d9;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
}
.box28{
    width: 385.6px;
    height: 30px;
    background-color: #0052D9;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    
    font-weight: normal;
}
.box29{
    width: 361.8px;
    height: 258px;
    background-color: azure;
    float: left;
}
.mm{
    width: 361.8px;
height: 258px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
}
.mm:hover{
    transform:scale(1.05);
        transition: ease all 0.3s;
}
.box30{
    width: 361.6px;
    height: 343px;
       background-color: #ffffff;
}
.box33{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #0052D9;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #0052D9;
}
.box31{
    width: 361.4px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 30px;
    color: #141516;
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
    
}
.box32{
    width: 361.4px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 30px;
    color: #0c0d0e;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;}
    .box34{
        width:771.58px;
    height:600px;
    background-color:rgb(255, 10, 10);
    margin-left:24px;
margin-bottom:24px;
display:flex;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;
    }
    .box34:hover{
        box-shadow: 0 16px 16px 0;
    }
    .box35{
        width: 771.6px;
       height: 334px;
      
background-color: rgba(226, 241, 85, 0.7);
    }
    .www{
        width: 771.6px;
height: 344px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
    }
    .www:hover{
        transform:scale(1.05);
        transition: ease all 0.3s;
    }
    .box36{
        width: 771.6px;
       height: 267px;
       background-color: rgb(255, 255, 255);
    }
    .box37{
        width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #0052D9;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #0052D9;
    }
    .box38{
        width: 731px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 30px;
    left: 30px;
    color: #212323;
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
    }
    .box39{
        width: 731px;
    height: 30px;
    background-color: #ffffff;
    float: left;
    position: relative;
    top: 34px;
    left: 31px;
    color: #131414;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;
    }
    .box40{
        width: 428.4px;
        height: 1873px;
    background-color: rgb(255, 255, 255);
    float: left;
    }
    .box41{
        width:404.4px;
    height:600px;
    background-color:#596579;
    margin-left:24px;
margin-bottom:24px;
display:flex;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;
    }
    .box41:hover{
        box-shadow: 0 16px 16px 0;
    }
    .box42{
        width: 404.4px;
    height: 258px;
    background-color:#596579;
    float: left;
    }
    .wmy{
        width:404.4px;
height: 258px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
    }
    .wmy:hover{
        transform:scale(1.05);
        transition: ease all 0.3s;
    }
.box43{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #ffffff;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #ffffff;
}
.box44{
    width: 361.4px;
    height: 30px;
    background-color:#596579;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.4em;
    margin: 12px 0px;
    
}
.box45{
    width: 397.4px;
    height: 30px;
    background-color:#596579;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;
}
.box46{
    
        width:404.4px;
    height:600px;
    background-color: rgb(204, 196, 196);
    margin-left:24px;
margin-bottom:24px;
display:flex;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;
}
.box46:hover{
        box-shadow: 0 16px 16px 0;
    }
    .box47{
        width: 404.4px;
    height: 258px;
    background-color: rgba(71, 78, 78, 0.952);
    float: left; 
    }
    .yyy{
        width:404.4px;
height: 258px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
    }
    .yyy:hover{
        transform:scale(1.05);
        transition: ease all 0.3s;
    }
.box48{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #0052D9;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #0052D9;
}
.box50{
    width: 397.4px;
    height: 30px;
    background-color: rgb(204, 196, 196);
    float: left;
    position: relative;
    top: 30px;
    color: #201f1f;
    font-size: 19px;
    line-height: 1.4em;
    margin: 12px 0px;
}
.box51{
    width: 397.4px;
    height: 30px;
    background-color: rgb(204, 196, 196);
    float: left;
    position: relative;
    top: 30px;
    color: #312c2c;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;
}
.box52{
        width:404.4px;
    height:600px;
    background-color:#0052D9;
    margin-left:24px;
margin-bottom:24px;
display:flex;
justify-content:flex-start;
flex-direction:column;
transition: all 0.5s;
    }
    .box52:hover{
        box-shadow: 0 16px 16px 0;
    }
    .box53{
        width: 404.4px;
    height: 258px;
    background-color: rgb(83, 110, 110);
    float: left;
    }
    .wmm{
        width:404.4px;
height: 258px;
float: left;
border-bottom: #FFFFFF solid 1px;
    position: relative;
    overflow: hidden;
    }
    .wmm:hover{
        transform:scale(1.05);
        transition: ease all 0.3s;
    }
.box54{
    width: 79px;
    height: 30px;
    float: left;
    position: relative;
    top: 20px;
   border:1px solid #ffffff;
   font-family: 'TencentSansw7';
   font-size: 14px;
    line-height: 24px;
    display: inline-block;
    color: #ffffff;
}
.box55{
    width: 363.4px;
    height: 30px;
    background-color: #0052D9;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.4em;
    margin: 12px 0px;
    
}
.box56{
    width: 397.4px;
    height: 30px;
    background-color: #0052D9;
    float: left;
    position: relative;
    top: 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5em;
    margin: 12px 0px;
    font-weight: normal;
}
.box57{
    width: 1473px;
    height: 452px;
    background-color: #1b1f25;
    float: left;
    display: block;
    position: relative;
    top: 900px;
}
      /*连接模块*/
      .link_area{ 
    display:block; 
    width: 100%; 
    height: 780px; 
    background: #1b1f25;
     margin-bottom: 84px;
     }
.link_area .link_hook{
     display:block;
      width:1440px; 
      height: 780px; 
      margin:0px auto;
/*background:#1b1f25 url(./style/img/bg_3.png) no-repeat 0 0; background-size: contain;*/
}
.link_area .link_tab{
     display:block;
      width: 36%; 
      height: 100%; 
      float: left;
    }
.link_area .tab_list{
     display:block; 
     height: 100%;
    }
.link_area .tab_list li{ 
    display:block;
     height: 33.3%;
      opacity: 0.4; 
      position: relative;
    }
.link_area .tab_list .tit{
     display:block; 
     font-size: 30px;
      color: #fff;
       position: absolute; 
       left: 50%;
        margin-left: -32%;
         top: 50%; 
         margin-top: -4.9%;
          transition: margin-left 0.3s ease-out;
          font-family: 'TencentSansw7';
          right: 32px;
        }
.link_area .tab_list .txt{ 
    display:block;
     font-size: 16px;
      color: #fff; 
      position: absolute; 
      left: 50%; 
      margin-left: -32%;
       top: 50%; 
       margin-top: 5.8%;
     transition: margin-left 0.3s ease-out;
     font-family: 'TencentSansw3';
     right: 30px;
    }
.link_area .tab_list .icon{
     display:block;
      height: 16px; 
     width: 54px; 
     background: url(./屏幕截图\ 2024-02-18\ 075448.png) no-repeat 0 0; 
     position: absolute; 
     left: 50%; 
     /*margin-left: -21.5%;*/ 
     margin-left: -32%; 
     top: 50%;
      margin-top: 14.8%;
       opacity: 0; 
       transition: margin-left 0.3s ease-out,opacity 0.3s ease-out;
       background-size: 100% 100%;
    }
.link_area .tab_list li.list_item_2 .icon{ margin-top: 9.0%; }
.link_area .tab_list li.list_item_3 .icon{ margin-top: 3.8%; }
.link_area .tab_list .tit:after{ display:block;
     content:"";
      height: 70px;
 width: 6px;
 background: #1e52d8; 
 position: absolute;
  left: 50%; 
 margin-left: -62%; 
 top: 18%; 
 opacity:0; 
 transform: translate(-20px,0px); 
 transition: opacity 0.3s ease-out,transform 0.3s ease-out;
}

.link_area .tab_list li.list_item_2 .tit{ 
    margin-top: -10.9%;
 }
.link_area .tab_list li.list_item_2 .txt{
    margin-top: -0.2%; 
}

.link_area .tab_list li.list_item_3 .tit{ 
    margin-top: -16.3%; 
}
.link_area .tab_list li.list_item_3 .txt{
    margin-top: -6.2%;
 }

.link_area .tab_list li.current{
    opacity: 1;
}
.link_area .tab_list li.current .tit{
     margin-left: -28%;
     }
.link_area .tab_list li.current .txt{ 
    margin-left: -28%;
}
.link_area .tab_list li.current .tit:after{ 
    opacity:1; 
    transform: translate(0px,0px);
}
.link_area .tab_list li.current .icon{ opacity:1; margin-left: -27.5%; }


.link_area .link_content{ 
    display:block; 
    width: 64%; 
    height: 780px; 
    margin-left: 36%; 
    overflow: hidden;
}
.link_area .link_content .con{ 
    display:none;
     width: 100%; 
     height: 100%;
    
    }
.link_area .link_content .con_1{
     display:block;
    }

.link_area .link_con_list{ 
    display:block;
     width: 100%; 
     height: 100%;
    }
.link_area .link_con_list li{
     display:block; 
    width: 50%;
    float: left;
     height: 50%;
      background: url(./tech-bg.avif) no-repeat center center; 
      background-size: cover; 
      overflow: hidden;
    }
.link_area .link_con_list li a{
     display:block; 
     width: 100%;
      height: 100%;
       position: relative;
    }
.link_area .con_1 .link_con_list li.item_1{
     background-image: url(./index_link_1_1.jpg);
    }
.link_area .con_1 .link_con_list li.item_2{ 
    background-image: url(./index_link_1_2.jpg); 
}
.link_area .con_1 .link_con_list li.item_3{ 
    background-image: url(./index_link_1_3.jpg);
 }
.link_area .con_1 .link_con_list li.item_4{ 
    background-image: url(./index_link_1_4.jpg);
 }

.link_area .con_2 .link_con_list li.item_1{
     background-image: url(./index_link_1_4.jpg); 
    }
.link_area .con_2 .link_con_list li.item_2{ 
    background-image: url(./index_detail_1.jpg);
 }
.link_area .con_2 .link_con_list li.item_3{
     background-image: url(./style/img/index_link_2_3.jpg); 
     width: 100%;
    }

.link_area .con_3 .link_con_list li.item_1{ 
    background-image: url(./华为标签.lnk); 
}
.link_area .con_3 .link_con_list li.item_2{ 
    background-image: url(./style/img/index_link_3_2.jpg); 
}
.link_area .con_3 .link_con_list li.item_3{ 
    background-image: url(./style/img/index_link_3_3.jpg);
 }
.link_area .con_3 .link_con_list li.item_4{
     background-image: url(./tech-bg.avif); 
    }

.link_area .link_con_list .script{ 
    display:block; 
    width: 100%; 
    height: 50%; 
    position: absolute;
     left: 0px; 
     bottom: 0px; 
     background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));
     }
.link_area .link_con_list .script .tit{
     display:block; 
     margin-left:43px;
      margin-top: 119px;
       font-size: 24px; 
       color: #fff; 
       transition: margin-top 0.3s ease-out;
       font-family: 'TencentSansw7';
    }
.link_area .link_con_list .script .txt{
     display:block; 
     margin-left:43px;
      margin-top: 9px;
       line-height: 1.8;
        font-size: 16px; 
        color: #fff; 
        opacity: 0; 
        transform: translate(0px,15px); 
        transition: opacity 0.3s ease-out;
        font-family: 'TencentSansw3';
        margin-right: 43px;
    }
.link_area .link_con_list .script .icon{ 
    display:block;  
    height: 14px; 
    width: 31px; 
    background: url(./style/img/icon_arrow_r_s.png) no-repeat 0 0; 
    position: absolute; 
    right: 71px; 
    top: 71px; 
    opacity: 0; 
    transition: all 0.3s ease-out;
    background-size: 100% 100%;}

.link_area .link_con_list li a:hover .script .tit{
     margin-top: 59px;
     }
.link_area .link_con_list li a:hover .script .txt{
     opacity: 1; transform: translate(0px,0);
    }
.link_area .link_con_list li a:hover .script .icon{
    animation: a_arrow_r 0.2s linear forwards; 
}
/*责任模块*/
.resp_area{ display:block;
     width:1280px;
      height:620px; 
      margin: 0px auto 84px;
       /*background:url(./style/img/bg_4.png) no-repeat 0 0;
        background-size: contain;*/
         position: relative;
}
.resp_area .public_welfare{ 
    display:block; 
    width:627px;
     height:620px;
      position: absolute;
       left: 0px; 
       top: 0px;
      
    }
.resp_area .slide_area{ display:block;
     width:627px; 
     height:620px;
      position: absolute;
       left: 0px; 
       top: 0px;
        overflow: hidden;
    }
.resp_area .slide_list{
	display:block; width:100%; height:620px; position: relative;
}
.resp_area .slide_list li{ width:627px; height:620px;position: absolute;opacity: 0;transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;left: 0;top:1;}
.resp_area .slide_list li a{
    display: block;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}
.resp_area .slide_list li.active{
	opacity: 1;
}
.resp_area .slide_list li .shadow_bg{ display:block; width:100%; height:30%; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.15),rgba(0,0,0,0)); pointer-events: none;}
.resp_area .slide_list li .img{ display:block; width:627px; height:620px; position: absolute; left: 0px; top: 0px;}
.resp_area .slide_list li .img0{
    background: url(./index_resp_bg0.png) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img1{
	background: url(./index_resp_bg1.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img2{
	background: url(./brief-1-1.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .img3{
	background: url(./style/img/index_resp_bg3.jpg) no-repeat center center;background-size: cover;
}
.resp_area .slide_list li .tit{ display:block; width: 500px;font-size: 24px; position: absolute; left: 53px; bottom: 107px;z-index: 1;font-family: 'TencentSansw7';}
.resp_area .slide_list li .txt{ display:block; width: 500px; font-size: 16px; position: absolute; left: 52px; bottom: 41px; line-height: 29px;z-index: 1;font-family: 'TencentSansw3';}

.resp_area .public_welfare .hook_tri{ display:block; width:43px; height:620px; background: url(./style/img/i_tri.png) no-repeat 0 0; background-size:  contain; position: absolute; right: 0px; bottom: 0px;}
.resp_area .slide_area .icon_arrow{ display:block; width:10px; height:16px; background: url(./style/img/sli-left-icon.png) no-repeat center; position: absolute; right: 144px; bottom: 116px; margin-top:-30px;z-index:5;background-size: 10px 16px;padding: 5px;cursor: pointer; display: none\9; opacity: 0; transition: opacity 0.2s linear;}
.resp_area .slide_area .icon_arrow_r{ left: auto; right: 98px; background: url(./style/img/sli-right-icon.png) no-repeat center;background-size: 10px 16px;}
.resp_area .slide_area:hover .icon_arrow{
	display: block;
	opacity: 1;
}

.en-us .resp_area .slide_area .icon_arrow{ right:84px; bottom: 15px;}
.en-us .resp_area .slide_area .icon_arrow_r{ right:48px;}
.resp_area .resp_details{ display:block; width: 450px; position: absolute; left: 50%; margin-left: 68px; top: 50%; margin-top: -8.3%;}
.resp_area .resp_details .tit{
     display:block; 
     color: #2a2e2e; 
     width: 450px; 
     text-overflow: ellipsis;
      white-space: nowrap;
       overflow: hidden; 
       font-size:36px; 
       margin-bottom: 20px;
       font-family: 'TencentSansw7';
    }
.resp_area .resp_details .txt{ 
    display:block;
     color: #5f6464; 
     width: 450px; 
     text-overflow: ellipsis; 
     white-space: nowrap; 
     overflow: hidden; 
     font-size:20px; 
     margin-bottom: 40px;
     font-family: 'TencentSansw3';
    }
.resp_area .resp_details .icon_arrow_r{
     display:block;
      width: 38px;
       height: 16px; 
       background: url(./8.png) no-repeat 0 0; 
       margin-left: 3px;background-size: 100% 100%;
    }

.en-us .resp_area .resp_details .txt{
     white-space:normal; 
    width: 420px;
    height: 20px;
    background-color: rgb(236, 87, 18);
    display: block;
    position: relative;
}
.containerr{
            width:1473px;
            height: 720px;
            position: relative;
            top: 11px;
            overflow: hidden;
            
            
        }
        .imagess{
            width:5892px;
            height:720px;
            animation: move 12s infinite;
        }
        img{
            width:1473px;
            height:720px;
            object-fit: cover;
            float:left;
            border: 0;
            vertical-align: bottom;
        }
        @keyframes move{
            0%,22%{
                margin-left:0px;
            }
            30%,52%{
                margin-left:-1473px;
            }
            60%,82%{
                margin-left:-2946px;
            }
            90%,100%{
                margin-left:-4419px;
            }
        }
        .wf{
            height: 85px;
    width: 1400px;
    font-family: 'TencentSansw7';
    font-size: 30px;
    line-height: 1.4em;
    float: left;
    position: relative;
    left: 146px;
    top: -582px;
        }
        .zy{
            height: 85px;
    width: 1400px;
    font-size: 18px;
    line-height: 1.8em;
    margin: 12px 0px;
    padding: 0px;
    font-weight: normal;
    float: left;
    position: relative;
    left: 146px;
    top: -582px;
        }
        .wrap_footer{ width:100%;
             height: 480px; 
             background: #fbfbfb; 
             position: relative;
              z-index: 1;
            }
.footer_con{ width:1200px;
     margin: 0px auto;
      height: 480px;
       position: relative;
    }
.footer_con .tit{ 
    display:block;
     font-size: 20px; 
     color: #5f6464; 
     font-weight: normal; 
     margin-bottom: 30px;
     }
.footer_con ul li a{ 
    display:block; 
    font-size: 16px; 
    color: #5f6464; 
    font-weight: normal; 
    margin-bottom: 18px;
}


.focus_us{ 
    display: block;
     height: 55px;
      width: 100%;
       border-bottom: 1px solid #f2f3f5;
        padding-top: 33px;
         margin-bottom: 40px;
        }
.focus_us .tit{
     float: left;
      margin-right: 33px; }
.focus_us .focus_list li{ display:inline-block; 
    float: left;
     margin-right: 28px;
    }
.focus_us .focus_list li a{
     display:block; 
    height: 28px; 
    width: 28px;}
.focus_us .focus_list li a .icon{ display:block;
     height: 28px; width: 28px; 
     background:url(./tech-bg.avif) no-repeat center; 
    background-size: 100% 100%;
    position: relative;
     transition: background 0.2s ease-in-out;
    }
.focus_us .focus_list li a .i_weibo{
    background:url(./华为标签.lnk) no-repeat center;
     background-size: 100% 100%;}
.focus_us .focus_list li a .i_twitter{
    background:url(./style/img/icon_twitter.png) no-repeat center;
     background-size: 100% 100%;
    }
.focus_us .focus_list li a .i_in{
    background:url(./style/img/icon_in.png) no-repeat center;
     background-size: 100% 100%;
    }

.focus_us .focus_list li a:hover .icon{
  background:url(./style/img/icon_wechat_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_weibo{
  background:url(./style/img/icon_weibo_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_twitter{
  background:url(./style/img/icon_twitter_hover.png) no-repeat center; background-size: 100% 100%;
}
.focus_us .focus_list li a:hover .i_in{
  background:url(./style/img/icon_in_hover.png) no-repeat center; background-size: 100% 100%;
}

.wechat-code {
  width: 176px;
  position: absolute;
  left: 0;
  top: -186px;
  z-index: 2;
  display: block;
  display:none;
  opacity: 0;
  transition: opacity 0.2s linear;
  pointer-events:none;
}
.focus_us .focus_list li a:hover .wechat-code{
  display: block;
  opacity: 1;
}
.join_us,.contact_us,.legal_info{
     float: left;
      width: 216px;
    }
.logo_tencent{
    display: block; 
    height: 28px; 
    width: 212px; 
    position: absolute;
     right: 75px; 
     top: 50%; 
     margin-top: -21px;
    }
.logo_tencent img{
  width: 100%;
}
.footer_area{ display:block; width: 100%; position: absolute; bottom: 51px; left: 0px;}
.footer_area .links li{ display:inline-block; float: left; margin-right: 20px;}
.footer_area .links li a{ font-size: 14px; color: #5f6464; margin-bottom: 0px;}
.footer_area .copyright{ font-size: 14px; color: #5f6464; float: right;}
.footer_area .copyright .flag_num{ display:none;}
/*banner*/

.banner_area{ display:block; height: 780px; width: 100%; position: relative; margin-top: -72px;overflow: hidden;}
.banner_bg{ display:block; height: 780px; width: 100%; background:#000; background-size: cover; position: absolute; left:0px; top: 0px;}

.slide_tips{
     display:block;
      width: 30px; 
      height: 57px;
       position: absolute;
        left: 50%; 
        margin-left: -15px;
         bottom: 62px; 
         z-index: 2;
        }
.slide_tips .s_line{ 
    display:block;
     width: 2px;
      height: 32px; 
      border-radius: 2px;
       position: absolute;
        left: 50%; 
        margin-left: -1px;
         top: 0px;
          background: #fff;
        }
.slide_tips .txt{
     display:block; 
    width: 100%; 
    position: absolute; 
    left:0;
     text-align: center; 
     bottom: 0px; 
     font-size: 12px; 
     letter-spacing: 2px;
    }


.en-us .slide_tips .txt{ left:-6px;}

.slide_tips .s_line{ animation: a_banner_s_line 3s 0.3s linear both infinite;
    -webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;
    -ms-animation: a_banner_s_line 3s 0.3s linear both infinite;
    -moz-animation: a_banner_s_line 3s 0.3s linear both infinite;
    -o-animation: a_banner_s_line 3s 0.3s linear both infinite;
}
.box{
            
            width: 211px;
    height: 35px;
    float: left;
    position: relative;
    left: 0px;
    top: 21px;}
    </style>
</head>
<body>
    <div class="box1">
        <div class="container">
            <div class="images">
                <img src="./tech-bg.avif" >
                <img src="./brief-1-1.jpg">
                <img src="./car-bg.avif">
                <img src="./tech-bg.avif">
            </div>
            <div class="box9">
               <div class="box10"></div>
               <div class="box11"></div>
              
            </div>
        </div> 
              
          </div>
        <div class="details_area">
            <div class="details_con">
              <ul class="detail_list">
                <li>
                  <a href="javascript:;">
                    <p>公司简介</p>
                    <img src="./index_detail_1.jpg" alt="公司简介">
                  </a>
                </li>
                <li>
                  <a href="javascript:;">
                    <p>企业文化</p>
                    <img src="./index_detail_2.jpg" alt="企业文化">
                  </a>
                </li>
                <li class="last">
                  <a href="javascript:;">
                    <p>办公地点</p>
                    <img src="./index_detail_3.jpg" alt="办公地点">
                  </a>
                </li>
              </ul>
            </div>
          </div>
            <div class="box2">
                <div class="box3">
                    <div class="box5">
                        <ul class="ul1">
                            <li class="li1">
                                简介
                                <ul class="ul2">
                                    <li class="li2">公式简介</li>
                                    <li class="li2">愿景及使命</li>
                                    <li class="li2">发展历程</li>
                                    <li class="li2">业务架构</li>
                                    <li class="li2">管理团队</li>
                                    <li class="li2">董事会成员</li>
                                    <div class="li2">企业文化</div>
                                    <div class="li2">办公地点</div>
                                </ul>
                            </li>
                            <li class="li1">
                                业务
                                <ul class="ul2">
                                    <li class="li2">面向用户</li>
                                    <li class="li2">面向企业</li>
                                    <li class="li2">创新科技</li>
                                </ul>
                            </li>
                            <li class="li1">
                                员工
                                <ul class="ul2">
                                <li class="li2">人才发展</li>
                                    <li class="li2">腾讯学堂</li>
                                    <li class="li2">工作环境</li>
                                    <li class="li2">员工活动</li>
                                </ul>
                            </li>
                            <li class="li1">
                                ESG
                                <ul class="ul2">
                                <li class="li2">环境</li>
                                    <li class="li2">社会</li>
                                    <li class="li2">治理</li>
                                    <li class="li2">ESG评及</li>
                                    <li class="li2">报告</li>
                                </ul>
                            </li>
                            <li class="li1">
                                投资者
                                <ul class="ul2">
                                    <li class="li2">季度业绩投资者新闻</li>
                                        <li class="li2">公告财务报告</li>
                                        <li class="li2">业务电话投资者日历</li>
                                        <li class="li2">投资者工具包</li>
                                        <li class="li2">证券及债券信息</li>
                                    </ul>
                            </li>
    
                            <li class="li1">
                                媒体
                                <ul class="ul2">
                                    <li class="li2">企业动态</li>
                                        <li class="li2">财务新闻</li>
                                        <li class="li2">腾讯视角</li>
                                        <li class="li2">媒体资料库</li>
                                    </ul>
                            </li>
                        </ul>  
                        <div class="lang_area">
                            <a class="lang_ch current" lang="zh-cn">简</a>
                            <i class="s_line">|</i>
                            <a class="lang_hk" lang="zh-hk">繁</a>
                            <i class="s_line">|</i>
                            <a class="lang_en" lang="en-us">EN</a>
                          </div>
                        <div class="bg_hover"></div>
                    </div>
                    <div class="box4">
                        <h1>Tencent腾讯</h1>
                    </div> 
                   <div class="box6">
                    <h2 class="ll"> &emsp; &ensp; 腾讯公布二零二三年第三季业绩</h2>
                       <div class="box7"></div>
                   </div>
                   <div class="box12">
                       <h4>最新动态</h4>
                   </div>
                   <div class="box13">
                       <div class="box14">
                            <div class="box16">
                                <div class="box17"><img src="./1111111111.avif" class="bo"></div>
                               <div class="box18">





                                
                                   <div class="box19"> 2024.01.03</div>
                                   <div class="box20">腾讯新总部：无障碍设计欢迎每一个人</div>
                                   <div class="box21">随着前海新总部建设有序推进，我们计划于2024年底建成的两栋办公楼已达到中国无障碍三星级标准。</div>
                               </div>
                               </div>
                               <div class="box22">
                                   <div class="box24">
                                    <img src="./jjj.cover" class="pp">
                                   </div>
                                   <div class="box25">
                                       <div class="box26">2024.01.25
                                           <div class="box27">微信刷掌支付: 轻松挥手完成支付</div>
                                           <div class="box28">微信推出了开创性的刷掌支付系统，大大提高了日常生活的便利性和安全性。</div>
                                       </div>
                                   </div>
                               </div>
                               <div class="box23">
                                   <div class="box29"><a href="../2.html/33.html"><img src="./6666.cover" class="mm"></a></div>
                                <div class="box30">
                                    <div class="box33">2024.01.12
                                    <div class="box31">街边小店和小修小补入驻数字地图</div>
                                    <div class="box32">曾经无处不在的便民商铺和小修小补店正慢慢从中国的城市生活中“消失”。</div>
                                </div>
                                </div>
                               </div>
                               <div class="box34">
                                   <div class="box35"><a href="../2.html/333.html"><img src="./444.jpg" class="www"></a></div>
                                   <div class="box36">
                                       <div class="box37">2023.03</div>
                                       <div class="box38">腾讯女性领袖点赞科技她力量</div>
                                       <div class="box39">来自腾讯的女性作为促进创新和创造社会价值的代表，分享了各自的故事。</div>
                                   </div>
                               </div>
                       </div>
                       <div class="box40">
                           <div class="box41">
                               <div class="box42"><img src="./老人.cover" class="wmy"></div>
                               <div class="box43">2024.02.06</div>
                               <div class="box44">机器人如何照护失能老人</div>
                               <div class="box45">腾讯银发科技实验室希望能够利用科技提高老年人养护水平。</div>

                           </div>
                           <div class="box46">
                                <div class="box47">
                                    <img src="./555.cover" class="yyy">
                                </div>
                                <div class="box48">2023.12.29</div>
                                <div class="box50">大自然的好朋友：科技如何保护雪豹和候鸟。</div>
                                <div class="box51">腾讯的生物多样性声明以“科技向善”为宗旨，阐述了腾讯在全球运营、提供商品及服务过程中，尽己所能地以创新推动自然生态保护。</div>
                           </div>
                           <div class="box52">
                               <div class="box53">
                                   <img src="./77777.cover" class="wmm">
                               </div>
                               <div class="box54">2023.12.27</div>
                               <div class="box55">腾讯数字化解决方案如何助力打开文化遗产之门</div>
                               <div class="box56">一尊拥有4500年历史的青铜人像从分崩离析的残片中穿越时光，在数字世界重现铸造之初的辉煌。</div>
                           </div>
                       </div>
                   </div>
        </div>
        <div class="box57">
            <div class="link_area">
                <div class="link_hook">
                  <div class="link_tab">
                    <ul class="tab_list">
                      <li class="list_item_1 current" data-num="1">
                        <a class="block-link" href="javascript:;">
                          <h3 class="tit">连接用户与生活</h3>
                          <p class="txt">让生活更便捷更多彩</p>
                          <i class="icon icon_arrow_r"></i>
                        </a>
                      </li>
                      <li class="list_item_2" data-num="2">
                        <a class="block-link" href="javascript:;">
                          <h3 class="tit">连接企业与科技</h3>
                          <p class="txt">数字化助手，助力产业升级</p>
                          <i class="icon icon_arrow_r"></i>
                        </a>
                      </li>
                      <li class="list_item_3" data-num="3">
                        <a class="block-link" href="javascript:;">
                          <h3 class="tit">连接现在与未来</h3>
                          <p class="txt">探索面向未来的创新科技</p>
                          <i class="icon icon_arrow_r"></i>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div class="link_content">
                    <div class="con con_1">
                      <ul class="link_con_list">
                        <li class="item_1">
                          <a href="javascript:;">
                            <div class="script">
                              <h4 class="tit">通信与社交</h4>
                              <p class="txt">连接人与人，提供功能丰富的即时通信和社交平台，让沟通更便捷。</p>
                              <i class="icon icon_arrow_r"></i>
                            </div>
                          </a>
                        </li>
                        <li class="item_2">
                          <a href="javascript:;">
                            <div class="script">
                              <h4 class="tit">数字内容</h4>
                              <p class="txt">基于优质内容，以技术为驱动引擎，探索社交和内容融合的下一代形态。</p>
                              <i class="icon icon_arrow_r"></i>
                            </div>
                          </a>
                        </li>
                        <li class="item_3">
                          <a href="javascript:;">
                            <div class="script">
                              <h4 class="tit">金融科技服务</h4>
                              <p class="txt">连接用户、商户和金融机构，提供安全、专业、便捷的金融产品与服务。</p>
                              <i class="icon icon_arrow_r"></i>
                            </div>
                          </a>
                        </li>
                        <li class="item_4">
                          <a href="javascript:;">
                            <div class="script">
                              <h4 class="tit">工具</h4>
                              <p class="txt">提供多种工具性软件，帮助用户快速直接解决各项具体需求。</p>
                              <i class="icon icon_arrow_r"></i>
                            </div>
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
        </div>
    </div>
    <div class="resp_area">
        <div class="resp_details">
          <h3 class="tit">连接<br />责任与信任</h3>
          <p class="txt">聚合微小善行，以科技让世界更美好</p>
          <a href="javascript:;"><i class="icon icon_arrow_r"></i></a>
        </div>
        <div class="public_welfare">
          <div class="slide_area">
            <ul class="slide_list">
              <li class="active">
                <a href="javascript:;">
                  <h4 class="tit">全球战疫 一起行动</h4>
                  <p class="txt">在新冠肺炎疫情之战中，腾讯秉持科技向善，以互联网科技的力量，通过我们的技术和产品为全球战疫提供支持。</p>
                  <div class="img img0"></div>
                  <span class="shadow_bg"></span>
                </a>
              </li>

            </ul>
            <i class="icon_arrow icon_arrow_l"></i>
            <i class="icon_arrow icon_arrow_r"></i>
          </div>
          <i class="hook_tri"></i>
        </div>
      </div>
      <div class="containerr">
        <div class="imagess">
            <img src="./index_develop_bg1.jpg">
            <img src="./index_develop_bg2.jpg">
            <img src="./index_develop_bg3.jpg">
            <img src="./index_develop_bg1.jpg">
        </div>
    </div>
    <h2 class="wf">连接<br>人才与发展</h2>
    <h5 class="zy">激发活力，助力成长</h5>
    <div class="wrap_footer">
        <div class="footer_con">
          <div class="focus_us">
            <h3 class="tit">关注我们</h3>
            <ul class="focus_list">
              <li>
                <a class="wechat-btn">
                  <i class="icon i_wechat"></i>
                  <img class="wechat-code" src="./wechat-code.jpg" alt="img">
                </a>
              </li>
              <li>
                <a href="javascript:;" target="_blank">
                  <i class="icon i_weibo"></i>
                </a>
              </li>
              <li>
                <a href="javascript:;" target="_blank">
                  <i class="icon i_twitter"></i>
                </a>
              </li>
              <li>
                <a href="javascript:;" target="_blank">
                  <i class="icon i_in"></i>
                </a>
              </li>
            </ul>
          </div>
  
          <div class="join_us">
            <div class="tit_area">
              <h3 class="tit">加入我们</h3>
              <i class="icon icon_arrow"></i>
            </div>
            <ul class="join_list">
              <li>
                <a target="_blank" href="javascript:;">社会招聘</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">校园招聘</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">国际招聘</a>
              </li>
            </ul>
          </div>
  
          <div class="contact_us">
            <div class="tit_area">
              <h3 class="tit">联系我们</h3>
              <i class="icon icon_arrow"></i>
            </div>
            <ul class="contact_list">
              <li>
                <a target="_blank" href="javascript:;">客户服务</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">合作洽谈</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">腾讯采购</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">诚信合规</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">媒体及投资者</a>
              </li>
            </ul>
          </div>
  
          <div class="legal_info">
            <div class="tit_area">
              <h3 class="tit">法律信息</h3>
              <i class="icon icon_arrow"></i>
            </div>
            <ul class="legal_list">
              <li>
                <a target="_blank" href="javascript:;">服务协议</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">隐私政策</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">知识产权</a>
              </li>
            </ul>
          </div>
  
          <div class="logo_tencent">
          <div class="box">
            <h1>Tencent腾讯</h1>
          </div>
          </div>
  
          <div class="footer_area">
            <ul class="links">
              <li>
                <a target="_blank" href="javascript:;">法律声明</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">阳光准则</a>
              </li>
              <li>
                <a target="_blank" href="javascript:;">网站地图</a>
              </li>
              <li class="num">
                <a href="javascript:;">粤网文【2017】6138-1456号</a>
              </li>
              <li class="num">
                <a href="javascript:;">粤B2-20090059</a>
              </li>
            </ul>
            <p class="copyright"><a href="javascript:;" class="flag_num"><span>粤公网安备 44030502008569号</span></a>Copyright ©
              1998 - 2024Tencent. All Rights Reserved. <br class="flag_m">腾讯公司 版权所有</p>
  
          </div>
          <div class="back_to_top">
            <a class="back">回到顶部</a>
          </div>
  
        </div>
      </div>
</body></html>

 

 

 

 

 

 

做的不好，请多多关照，谢谢大家！ 

评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值