寒假大作业:防腾讯官网的简介页面

 

 

 

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
    <style>
        *{
            padding: 0;
            margin: 0;
            list-style: none;
             text-decoration:none; 
            color: black
            ;
         
        }
    	.box1
    	{
            width: 1488px;
    height: 11081px;
    background-color: #ffffff;
    padding-right: 30px;
                                                                      
    	}
    	.box2{
    		 width: 1518px;
    		height: 72px;
    		background-color: #ffffff; 
        
    	}
        .box4{
            
            width: 211px;
    height: 35px;
    background-color: #ffffff;
    float: left;
    position: relative;
   right: -224px;
    top: 18px;
        }
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;
}
.box3{
    width: 757px;
    height: 72px;
    background-color: rgb(255, 255, 255);
    float: left;
    position: relative;
    left: 281px;
        }
         .box2:hover{
         color: rgba(127, 255, 212, 0.864);
        } 
.content {
    display: flex;
    flex-direction: row;
    position: relative;
    top: 10px;
} 
/* END */

/* 每个菜单的样式(宽度这里调,子菜单宽度都听这个) */
.items {
    width: 139px;
    color: #2b2e2e;
    font-weight:bold;
}
/* END */

/* 菜单与鼠标移入 */
.menu{
    width: 100%;
    height: 45px;
    background: #ffffff;
    line-height: 45px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.menu:hover{
    overflow: visible;
    background: #ffffff;
    color: rgba(3, 3, 3, 0.692);
    font-size: small;
    z-index: 999;
    cursor: pointer;
    color: rgba(60, 231, 225, 0.313);
}
/* END */

/* 下拉菜单与鼠标移入 */
.drop{
    background: #ffffff;
    text-align: center;
    width: 102%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}
 .drop:hover{
    background: #a09b9b53;
    cursor: pointer;
    width: 102%;
    color: rgba(0, 255, 247, 0.864);
    		/* height: 700px; */
}   
/* END */
h2:hover{
    color: rgba(15, 1, 15, 0.87);
}
.a1{
     display: block; 
     position: absolute;
      right: 83px; 
      top: 19px
    }
.a3{ 
    display: inline-block;
     font-size: 16px;
      color: rgb(0, 0, 0);
       font-family:"PingFangSC-Regular"; 
       opacity: 0.7;
       cursor: pointer;
    }
.a3 a:hover{ 
    opacity:0.95;
    color: violet;
}
.a2{ 
    opacity:1;
}
.lang_area .s1{
     display: inline-block;
      font-size: 12px;
       margin: 0px 3px;
        position: relative; 
        top: -2px; 
        opacity: 0.7;
    }

.box5{
    width: 1518px;
    		height: 481px;
            background: url(./brief-1.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
    top: -13px;
}

 h2{
    width: 617px;
    height: 53px;
    background-color: #b93f3f00;
    display: block;
    position: relative;
    left: 223px;
    top: -307px;
    font-style: italic;
    font-size: 63px;
    font-weight:bold;
    color: #ffffff;
    font-family: 'TencentSansw3';
} 
.box6{
    height: 53px;
    width:1518px;
    background-color: rgba(251, 251, 251, 1);
    position: relative;
           bottom: 66px;
}
 .box7{
    width:1100px;
    height: 51px;
    position: relative;
           left: 185px;
           right: auto;
           display: flex;
    flex-direction: row;
    position: relative; 
    display: inline-block; 
     margin-right: 51px;
     background-color:rgba(251, 251, 251, 1);    
border-color: rgba(204, 204, 204, 0.651); 
  }
.ee{
    display: flex;
    flex-direction: row;
    position: relative;
    top: 189px;
}
       .box7z{
        
        width: 110px;
        height: 29px;
        background-color: rgba(251, 251, 251, 1);
        display: inline-block;
    flex-direction: row;
    position: relative; 
    color: rgb(10, 10, 10);
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    padding: 11px;
    border-color: rgba(204, 204, 204, 0.651); 
       }
      

.box8{
    width: 1518px;
    height: 1498px;
    background-color: rgb(220, 217, 223);
    float: left;
}
.box9{
    width: 1518px;
    height: 965px;
    background-color: #f8f8f8;
    float: left;
}
.b1{
    height: 45px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 30px;
    color: #2a2e2e;
    font-family: 'TencentSansw7';
   background-color: #f8f8f8;
font-style: italic;
}
.b1:hover{
    color: rgb(240, 147, 40);
}
.box10{
    width: 1518px;
    height: 956px;
    background-color: #ffffff;
    float: left;
    font-size: 20px; 
color: #2A2E2E;  
letter-spacing: 0;   
text-align: left;    
line-height: 36px;  
font-weight: 400;
margin: 16px auto;    }
.lll{
    width: 990px;
    height: 43px;
    background-color: #ffffff;
    float: left;
    font-size: 20px; 
color: #2A2E2E;  
letter-spacing: 0;   
text-align: left;    
line-height: 36px;  
font-weight: 400;
margin-left: 202px ; 
margin-top: 11px ;
}
.box11{
    width: 1518px;
    height: 69px;
    background-color: #ffffff;
    float: left;
    font-size: 20px; 
color: #2A2E2E;  
 letter-spacing: 0;   
text-align: left;    
line-height: 36px;  
font-weight: 400;
margin: 16px auto;
   } 
   .lll1{
    width: 963.4px;
    height: 240px;
    background-color: #ffffff;
    float: left;
    font-size: 15px; 
color: #525757ec;  
letter-spacing: 0;   
text-align: left;    
line-height: 36px;  
font-weight: 400;
margin-left: 202px ; 
margin-top: 37px ;
}
.ll{
  width: 1096px;
  height:49px ;
font-size: 16px; 
color: #5F6464; 
letter-spacing: 0;
text-align: left;
line-height: 24px;
width: 100%;
margin: 16px auto;
}
.oo{
    width: 1096px;
  height:49px ;
font-size: 16px; 
color: #5F6464; 
letter-spacing: 0;
text-align: left;
line-height: 24px;
width: 100%;
margin: 16px auto;
}
.tt{
    width: 1096px;
  height:49px ;
font-size: 16px; 
color: #5F6464; 
letter-spacing: 0;
text-align: left;
line-height: 24px;
width: 100%;
margin: 16px auto;
}
.tt1{
    width: 1096px;
  height:49px ;
font-size: 16px; 
color: #5F6464; 
letter-spacing: 0;
text-align: left;
line-height: 24px;
width: 100%;
margin: 16px auto;
}
.box12{
    width: 1200px;
    height: 312px;
    background-color: #f8f8f8;
    float: left;
    font-size: 15px; 
color: #525757ec;  
letter-spacing: 0;   
text-align: left;    
line-height: 36px;  
font-weight: 400;
margin-left: 202px ; 
margin-top: 100px ;
}
.box13{
    width: 163px;
    height: 60px;
    margin-left: 141px;
    margin-top: 75px;
    background-color: #f8f8f8;
    color: #2A2E2E;
    /* padding: 67px; */
    line-height: 2.5;
    font-size: 29px;
   font-style: italic;
   font-weight: bold;
}
.box14{
    
    width: 0.5px;
    height: 190px;
    background-color: #b9b1b1;
    position: relative;
    bottom: 82px;
    left: 588px;
    float: left;
}
.box15{
    width: 390px;
    height: 190px;
    background-color: #f8f8f8;
    position: relative;
    bottom: 82px;
    left: 650px;
    float: left;
}
.box16{
    width: 390px;
    height: 36px;
    background-color: #f8f8f8;
    position: relative;
    bottom: 1px;
    left: 0px;
    float: left;
    font-size: 20px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 36px;
}
.box17{
  
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: 44px;
    margin-bottom: 60px;
    background-color: #f8f8f8;
}
.box18{
    width: 863px;
    height: 156px;
    position: absolute;
    left: -529px;
    bottom: -55px;

}
.box19{
   
width: 1519px;
    		height: 481px;
            background: url(./banner.jpg) no-repeat center bottom;
    background-size: cover;
     position: relative;
    top: 1017px;
}
.box20{
    display: block;
    height: 44px;
    width: 168px;
  position: absolute;
    left: 645px;
    bottom: 293px;
     text-indent: 47px;
    overflow: hidden;
    background-size: 100% 100%;
    color: #ffffff;
    text-align: center;
font-size: 30px;     
font-family: 'TencentSansw7';
font-weight: bold;
}
.box21{
    height: 52px;
    width: 690px; 
    position: absolute;
    left :  482px;
     bottom :  183px;
    display: block;
}
.box22{
    height: 52px;
    width: 690px;
    display: block;
   
}
.box22a{
    width: 89px;
        height: 29px;
        display: inline-block;
    flex-direction: row;
    position: relative; 
    color: #ffffff;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    padding: 11px;
    border-color: rgba(204, 204, 204, 0.651); 
}
.vox{
    color: rgb(255, 255, 255);

}
.dov3{
    width: 26px;
    height: 26px;
    position: relative;
    left: -533px;
    top: 42px;
    background-color: rgb(234 225 234 / 97%);
    border-radius: 50%;
    display: inline-block;
     
           
        }
        .dov4{
            width: 26px;
    height: 26px;
    position: relative;
    left: -452px;
    top: 42px;
    background-color: rgb(234 225 234 / 97%);
    border-radius: 50%;
    display: inline-block;
        }
        .dov5{
            width: 26px;
    height: 26px;
    position: relative;
    left: -366px;
    top: 42px;
    background-color: rgb(234 225 234 / 97%);
    border-radius: 50%;
    display: inline-block;
        }
        .dov6{
            width: 26px;
    height: 26px;
    position: relative;
    left: 391px;
    top: -7px;
    background-color: rgb(234 225 234 / 97%);
    border-radius: 50%;
    display: inline-block;
        }
        .dov7{
            width: 26px;
    height: 26px;
    position: relative;
    left: 476px;
    top: -6px;
    background-color: rgb(234 225 234 / 97%);
    border-radius: 50%;
    display: inline-block;
        }
        .aov1{
            width: 85px;
    height: 2px;
    position: relative;
    left: 11px;
    top: -21px;
    background: rgb(184, 173, 173);
    display: inline-block;
        }
        .aov2{
            width: 91px;
    height: 2px;
    position: relative;
    left: 32px;
    top: -21px;
    background: rgb(184, 173, 173);
    display: inline-block;
        }
        .aov3{
            width: 91px;
    height: 2px;
    position: relative;
    left :  54px;        top :  -21px;
    background: rgb(184, 173, 173);
    display: inline-block;
        }
        .aov4{
            width: 88px;
    height: 2px;
    position: relative;
    left: 75px;
    top: -21px;
    background: rgb(184, 173, 173);
    display: inline-block;
        }
        .cov1{
            background: rgb(206, 23, 23);

            width: 18px;    
height: 18px;    
position: absolute;    
top: 3px;    
left: 3px;    
border-radius: 50%;
        }
        .cov{
            background: rgb(184, 173, 173);

width: 18px;  
height: 18px;   
position: absolute;  
top: 47px;   
left: 50px;
border-radius: 50%;
        }
        .box23{
            width: 1303px;
    height: 469px;
    background-color: rgba(149, 18, 153, 0);
    float: left;
    position: relative;
    left: 90px;
    }
    .box30{
        width: 1303px;
        height: 469px;
        background-color: rgba(13, 235, 68, 0);
        float: left;
        position: relative;
        left: -840px;
    top: 168px;
    }
    .box31{
        width: 1303px;
        height: 469px;
        background-color: rgba(197, 14, 167, 0);
        float: left;
        position: relative;
        left: -841px;
    top: 170px;
    }
    .box25{
        width: 395px;
        height: 84px;
        font-size: 24px;
    padding-top: 40px;
    line-height: 112px;
    font-family: 'TencentSansw7';
    padding-bottom: 8px;
    border-bottom: 1px solid #D8D9DC;
    margin-bottom: 18px;
    color: #2A2E2E;
    background-color: white;
    }
    .box24 {
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: white;}
.box32 {
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: white;
    position: relative;
    left: 421px;
    bottom: 249px;
}
.box35{
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: white;
    position: relative;
    left: 0px;
    bottom: -2px;
}
.box37{
    width: 1303px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(209, 19, 19, 0);
    position: relative;
    left: 0px;
    bottom: 248px;
}
.box38{
    width: 1303px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(238, 166, 10, 0);
    position: relative;
    left: 1px;
    bottom: 0px;
}
.box40{
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(224, 247, 15, 0);
    position: relative;
    left: 420px; 
    bottom: 178px;
}
.box41{
    width: 1303px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(67, 223, 20, 0);
    position: relative;
    left: 1px;
    bottom: 0px;
}
.box36{
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(19, 235, 163, 0);
    position: relative;
    left: 0px;
    bottom: -2px;
}
.box42{
    width: 395px;
    height: 263px;
    float: left;
    margin-right: 25px;
    background-color:rgba(19, 228, 165, 0);
    position: relative;
    left: 828px;
    bottom: 262px;
}
.box34 {
    width: 1303px;
        height: 469px;
        background-color: rgba(18, 103, 231, 0);
        float: left;
        position: relative;
    top: -249px;
}
.box33 {
    width: 395px;
    height: 467px;
    float: left;
    margin-right: 25px;
    background-color: rgba(133, 19, 226, 0);
    position: relative;
    left: 421px;
    bottom: 249px;
}
    .box26{
        line-height: 25px;
    margin-bottom: 4px;
    font-size: 14px;
    background-color: rgba(17, 219, 226, 0);
    }
    .box27{
        float: left;
    width: 60px;
    padding-right: 10px;
    text-align: right;
    background-color: rgba(15, 211, 218, 0);
}
    
    .bbb{
        width: 320px;
    float: left;
    background-color: white;
    color: #000;
    font-style: normal;
    
    } 
    .bx{
        float: left;
    width: 60px;
    padding-right: 10px;
    text-align: right;
    background-color: rgba(137, 19, 248, 0);
    color: #000;
    font-style: normal;
    font-size: 15px;
}
.bb{
        width: 320px;
    float: left;
    background-color: white;
    color: #000;
    font-style: normal;
    font-size: 15px;
    } 
    .bov1{
        color: #ffffff;
    }
.box43{
    width: 1518px;
    height: 584px;
    background-color: #FBFBFB;
    float: left;
     position: relative;
    top: 3282px; 
    left: -91px;
    /* margin-top: 20px;
    padding: 80px 0;
    width: auto;
    margin-left: 20px;
    margin-right: 20px; */
}
.box44{
    width: 128px;
    height: 41px;
    background-color: #FBFBFB;
    position: relative;
    top: 36px;
    left: 173px;
    font-size: 30px;
    color: #2a2e2e;
    font-style: italic;
    font-weight: bold;

}
.box45{
    width: 1413.2px;
    height: 271.8px;
    background-color: #FBFBFB;
    float: left;
    position: relative;
    top: 49px;
    left: 68px;
}
.box46{
    height: 1200px;
    height: 23.46px;
    text-align: center;
    margin-top: 12px;
    position: relative;
    margin-bottom: 64px;
    background-color: #FBFBFB;
}
.box46::before{
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.box47{
    width: 1361px;
    height: 133.97px;
    background-color: #FBFBFB;
    position: relative;
    top: 16px;
    left: 47px;

}
.box47::before{
    content: ' ';
    position: absolute;
    left: 48.5%;
    width: 74.39%;
    top: -48px;
    height: 2px;
    background: #D8D9DC;
    display: block;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.box48::before{
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left: 94px;
}

 .box49::before{
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left: 95px;
} 
.box50{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box50::before{
   
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left: 95px;

}

.box51::before{
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left: 93px;
}

.box52::before{
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left:98px;
}
.box53{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box53::before{
    content: ' ';
    height: 48px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    top: -48px;
    left: 96px;
}
.bov2{
    height: 45px;
    width: 175px;
    font-size: 30px;
    color: #0052D9;
    letter-spacing: 0;
    font-style: italic;
    font-weight: bold;
}
.cov2{
    height: 25px;
    width: 175px;
    font-size: 14px;
    color: #5F6464;
    letter-spacing: 0;
    line-height: 25px;
}
 .san {
    height: 30px;
    width: 48px;
    position: absolute;
    left: 50%;
    /* -webkit-transform: translateX(-50%); */
    bottom: -49px;
    display: none;
    background-color: rgba(19, 7, 5, 0.959);
} 
.compy{
    text-align: center;
    margin-top: 53px;
    position: relative;
    margin-bottom: 64px;
}
compy:after {
    content: ' ';
    height: 26px;
    width: 2px;
    background: #D8D9DC;
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);}
    .compy img {
    width: 183px;
}
.box48{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 11.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
    
}
.box54{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 199px;
     display: none;
    left: 0; 
   background-color: #fff;
}
.box48:hover .box54{
    display: block;
    /* height: 210px; */
    color: lightpink;
}
.box49{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
    
}
.box55{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 200px;
 
  display: none;  
  
    left: -202px; 
    background-color: #fff;
}
.box49:hover .box55{
    display: block;
    /* height: 210px; */
    color: powderblue;

}  
.bov4{
    width: 1037px;
    height: 21px;
    background-color: #fff;
    position: relative;
    top: 26px;
    left: 55px;
    padding: 22px 37px;
    font-size: 14px;
    color: #5F6464;
    
}
box50{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box56{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 200px;
 
 display: none;  
  
    left: -399px; 
    background-color: #fff;
}
 .box50:hover .box56{
    display: block;
    /* height: 210px; */
}  
.box51{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box57{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 200px;
 
 display: none;  
  
    left: -599px; 
    background-color: #fff;
}
.box51:hover .box57{
     display: block; 
    /* height: 210px; */
}  
.box52{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box58{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 200px;
 
 display: none;  
  
    left: -808px; 
    background-color: #fff;
}
.box52:hover .box58{
     display: block; 
    /* height: 210px; */
}  
.box53{
    width: 195px;
    height: 133.97px;
    background: #F2F3F5;
    padding: 32px 10px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-left: 0.5%;
    position: relative;
    cursor: pointer;
    transform: translateX(-50%);
}
.box59{
    width: 1200px;
    height: 114px;
    position: absolute;
    top: 200px;
 
 display: none;  
  
    left: -995px; 
    background-color: #fff;
}
.box53:hover .box59{
     display: block; 
    /* height: 210px; */
}  
.box60{
    width: 1518px;
    height: 1906px;
    background-color: #ffffff;
    float: left;
    position: relative;
    left: 0px;
    top: 3957px;
}
.box61{
  width: 1200px;
  height: 1714px;
  background-color: #fff;
  margin: 101px auto;
}
.box62{
    font-size: 30px;
    color: #2a2e2e;
    font-style: italic;
    font-weight: bold;
  
}
.box63{
     width: 1200px;
    height: 1621px;
    background-color: rgba(229, 255, 0, 0);
    margin-top: 48px; 
   
}

.box64{
    width: 300px;
    height: 260px;
    /* background-color: rgba(30, 60, 210, 0.435); */
    width: 25%;
    float: left;
    height: 260px;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
     background: #f8f8f8f8; 
    cursor: pointer;
}
 .box64:hover{
    background-color: rgba(246, 255, 254, 0.537);
  
} 

.box68 {
   /* width: 268px;
    height: 100px;
    float: left;
    margin-top: 1px;
    margin-left: 7px; */
    float: left;
    min-width: 160px;
}
.box65{
    width: 300px;
    height: 260px;
    width: 25%;
    float: left;
    height: 260px;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8f8;  
    cursor: pointer;
}
.box65:hover{
    background-color: rgba(246, 255, 254, 0.537);
}
.box66{
    width: 300px;
    height: 260px;
    /* background-color: rgba(39, 210, 30, 0.333); */
    width: 25%;
    float: left;
    height: 260px;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8f8; 
    cursor: pointer;
}
.box66:hover{
    background-color: rgba(246, 255, 254, 0.537);
}
.box67{
    width: 300px;
    height: 260px;
    width: 25%;
    float: left;
    height: 260px;
    padding-left: 32px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8f8;  
    cursor: pointer;
}
.box67:hover{
    background-color: rgba(246, 255, 254, 0.537);
}
.bov5{
    position: relative;
    left: 147px;
    top: 0px;
}
.box69{
    width: 268px;
    height: 55px;
    font-size: 20px;
    line-height: 54px;
    color: #0052d9;
}
.box69:hover{
    color: rgb(216, 72, 125);
}
.box70{
    width: 268px;
    height: 22.5px;
  
    font-size: 14px;
    line-height: 21px;
    color: #5f6464;
}
.box70:hover{
    color: rgba(255, 155, 47, 0.945); 
}
.box71{
    width: 268px;
    height: 22.5px;
    
    font-size: 14px;
    line-height: 21px;
    color: #5f6464;
}
.box71:hover{
    color: rgba(22, 231, 241, 0.898); 
}
.box72 {
    width: 268px;
    height: 100px;
  
    float: left;
    margin-top: 6px;
    margin-left: -7px;
}
.box73 {
    width: 268px;
    height: 100px;
  
    float: left;
    margin-top: 6px;
    margin-left: -7px;
}
.box74{
    width: 268px;
    height: 100px;
    float: left;
    margin-top: 6px;
    margin-left: -7px;
}
.box75{
    width: 268px;
    height: 100px;
   
    float: left;
    margin-top: 6px;
    margin-left: -7px;
}
/* .bolk{
    width: 28px;
    height: 28px;
    background-color: #0052d9;
    position: absolute;
    left: -14px;
    bottom: -14px;
   -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}  */
.box76{
    font-size: 24px;
    line-height: 43px;
    color: #2a2e2e;
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: 35px;
    width: 100%;
    float: left;
}
.box77{
    width: 1200px;
    height: 260px;
    font-size: 24px;
    line-height: 43px;
    color: #2a2e2e;
    font-weight: 400;
    margin-top: -4px;
    margin-bottom: 35px;
    width: 100%;
    float: left;
background-color: #fff;}
.box78{
    height: 24px;
    line-height: 43px;
    margin-top: 67px;
    margin-bottom: 35px;
    width: 100%;
    float: left;
   font-size: 30px;
    color: #2a2e2e;
    font-style: italic;
    /* font-weight: bold;  */
}
.box79{
    /* width: 45px;
    height: 45px; */
    line-height: 43px;
    margin-top: 26px;
    margin-bottom: 35px;
    margin-left: 11px;
}
.box80:after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(./go-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 5px;
    margin-top: 1px;
    transition: ease all 0.3s;}
    .box81{
        width: 1514px;
        height: 610px;
        background-color: #ffffff;
        float: left;
        margin-left: 5px;
    margin-top: -287px;
    }
    .box82{
        width: 554.83px;
        height: 582px;
        background-color: #ffffff;
        float: left;
        margin-left: 18px;
    margin-top: 14px;
    }
    .box83{
        float: left;
    margin-left: 91px;
    margin-top: 36px;
    font-size: 35px;
    color: #2a2e2e;
    font-style: italic;
    font-weight: bold;
    }
    .box84{
    float: left;
    margin-left: -136px;
    margin-top: 114px;
    font-size: 20px;
    color: #0052D9;
    letter-spacing: 0;
    /* line-height: 236px; */
    font-weight: 400;
   
    }
    .box85{
        float: left;
    margin-left: -136px;
    margin-top: 160px;
    font-size: 24px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box86{
        float: left;
        margin-left: -136px;
    margin-top: 198px;
        font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
    }
     .box87{
        float: left;
    margin-left: -272px;
    margin-top: 235px;
    font-size: 24px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box88{
        float: left;
    margin-left: -274px;
    margin-top: 277px;
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
    }
    .box89{
        float: left;
    margin-left: -272px;
    margin-top: 319px;
    font-size: 24px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box90{
        float: left;
    margin-left: -274px;
    margin-top: 359px;
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
    }
    .box91{
        float: left;
    margin-left: -272px;
    margin-top: 397px;
    font-size: 24px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box92{
        float: left;
    margin-left: -274px;
    margin-top: 439px;
    font-size: 16px;
    color: #2A2E2E;
    letter-spacing: 0;
    line-height: 29px;
    }
    .box93{
        width: 926px;
    height:581px;
    position: absolute;
    left: 586px;
    /* top: 50px; */
    /* background-color: antiquewhite; */
    /* background: url(./pic.jpg); */
}
.box97{
    width: 923px;
    height: 581px;
    position: absolute;
    /* left: 50%; */
    top: 0%;
   
}
    .box98{
     
    float: left;
    position: absolute;
    left: 694px;
    top: 121%;
    text-align: center;
    font-size: 30px;
    color: #2a2e2e;
    font-style: italic;
    font-weight: bold;
     
    }
    .box99{
        padding: 0 40px;
width: 1200px;
height: 48px;
    box-sizing: border-box;
    position: absolute;
    left:48.5px;
    /* top: 2379px; */
    /* z-index: 1; */
    /* overflow: hidden; */
    /* white-space: nowrap;
    transition: left 0.4s linear;
    -ms-transition: left 0.4s linear;
    -o-transition: left 0.4s linear;
    -moz-transition: left 0.4s linear;
    -webkit-transition: left 0.4s linear; */
    background-color: #fff;
}
.box100{
    padding: 0 40px;
    width: 1285px;
    height: 1600px;
    box-sizing: border-box;
    min-height: 300px;
    position: absolute;
    left: 113px;
    top: 2379px;
    margin-top: 15px;
    background-color: #fff;
}


.box101 {
    width: 280px;
    height: 48px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    color: #2a2e2e;
    position: relative;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 4px solid #0052d9;}
  

    .box102 {
    width: 280px;
    height: 48px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    color: #2a2e2e;
    position: relative;
    left: 301px;
    top: -52px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 4px solid #0052d9;
}
    .box103 {
    width: 280px;
    height: 48px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    color: #2a2e2e;
    position: relative;
    left: 599px;
    top: -104px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 4px solid #0052d9;}
    .box104 {
        width: 280px;
    height: 48px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    color: #2a2e2e;
    position: relative;
    left: 896px;
    top: -156px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 4px solid #0052d9;}
    .box105{
        width: 1212px;
    height: 1438px;
    display: flex;
    
    flex-flow: row wrap;
    align-content: center;
    background-color: #fff;
    position: relative;
    left: -40px;
    top: -156px;

    }
    .box106{
        width: 528px;
        height: 151px;
        flex: 0 0 40%;
        margin: 12px;
        padding: 6px 24px;
        background-color: #fff;
        position: absolute;
    left: 0px;
    top: 0px;
    display: block;
   float: left;
    }
    .box107{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 6px 24px;
    background-color: #fff;
    position: absolute;
    left: 605px;
    top: 0px;
    display: block;
    float: left;
    }
    .box108{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    /* left: 605px; */
    top: 190px;
    display: block;
    float: left;
    }
    .box109{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 605px;
    top: 190px;
    display: block;
    float: left;
    }
    .box110{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    /* left: 605px; */
    top: 396px;
    display: block;
    float: left;
    }
    .box111{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 605px;
    top: 396px;
    display: block;
    float: left;
    }
    .box112{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    /* left: 605px; */
    top: 602px;
    display: block;
    float: left;
    }
    .box113{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 605px; 
    top: 602px;
    display: block;
    float: left;
    }
    .box114{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    /* left: 605px; */
    top: 816px;
    display: block;
    float: left;
    }
    .box115{
        float: left;
        margin-left: 103px;
    margin-top: 16px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box116{
        float: left;
        margin-left: 103px;
    margin-top: 16px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box117{
        float: left;
        margin-left: 103px;
    margin-top: 16px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box118{
        float: left;
        margin-left: 103px;
    margin-top: 16px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box119{
        float: left;
        margin-left: 103px;
    margin-top: 4px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box120{
        float: left;
        margin-left: 103px;
    margin-top: 4px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box121{
        float: left;
        margin-left: 103px;
    margin-top: 4px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box122{
        float: left;
        margin-left: 103px;
    margin-top: 4px;
    font-size: 22px;
    color: #2A2E2E;
    letter-spacing: 0;
    /* font-family: 'TencentSansw7'; */
    /* margin-bottom: 13px; */
    font-weight: 400;
    font-weight: bold;
    }
    .box123{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 605px; 
    top: 868px;
    display: block;
    float: left;
    }
    .box124{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 1081px;
    display: block;
    float: left;
    }
    .box125{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 656px;
    top: 1082px;
    display: block;
    float: left;
    }
    .box126{
        width: 528px;
    height: 151px;
    flex: 0 0 40%;
    margin: 12px;
    padding: 16px 24px;
    background-color: #fff;
    position: absolute;
    left: 49px;
    top: 1287px;
    display: block;
    float: left;
    }
    .box127{
        width: 1519px;
    height: 480px;
    background: #fbfbfb;
    float: left;
    margin-top: 1600px;
    margin-left: -154px;
    }
    .box128{
        width: 1200px;
    margin: 0px auto;
    height: 480px;
    position: relative;
    background: #fbfbfb;
    }
    .box129{
        display: block;
    height: 55px;
    width: 100%;
    border-bottom: 1px solid #f2f3f5;
    padding-top: 33px;
    margin-bottom: 40px;
    box-sizing: content-box;
    background: #fbfbfb;
    }
    .box130{

    width: 80px;
    height: 30px;
    background: #fbfbfb;
        float: left;
    margin-right: 33px;
    display: block;
    font-size: 20px;
    color: #5f6464;



    font-variant: normal;
    }
    .box131{
        height: 28px;
    width: 28px;
    float: left;
    margin-right: 33px;
        display: block;
    
    background: url(./icon_wechat.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    
    transition: background 0.2s ease-in-out;
    }
    .box132{
        height: 28px;
    width: 28px;
    float: left;
    margin-right: 33px;
        display: block;
    
    background: url(./icon_weibo.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    
    transition: background 0.2s ease-in-out;
    }
    .box133{
        height: 28px;
    width: 28px;
    float: left;
    margin-right: 33px;
        display: block;
    
        background: url(./icon_x.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    
    transition: background 0.2s ease-in-out;
    }
    .box134{
        height: 28px;
    width: 28px;
    float: left;
    margin-right: 33px;
        display: block;
    
    background: url(./icon_in.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    
    transition: background 0.2s ease-in-out;
    }
    .box135{
        height: 28px;
    width: 28px;
    float: left;
    margin-right: 33px;
        display: block;
    
    background: url(./icon_youtube.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    
    transition: background 0.2s ease-in-out;
    }
    .box136{
        width: 126px;
        height: 186px;
        background: #fbfbfb;
        float: left;
        margin-right: 33px;
        display: block;
    }
    .box137{
        display: block;
    font-size: 20px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 30px;
    }
    .box138{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box139{
        width: 126px;
        height: 270px;
        background: #fbfbfb;
        float: left;
        margin-right: 33px;
        display: block;
    }
    .box140{
        display: block;
    font-size: 20px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 30px;
    }
    .box141{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box142{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box143{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box144{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box145{
        display: block;
    font-size: 16px;
    color: #5f6464;
    font-weight: normal;
    margin-bottom: 18px;
    }
    .box146{
        width: 126px;
        height: 270px;
        background: #fbfbfb;
        float: left;
        margin-right: 33px;
        display: block;
    }
    .box147{
        display: block;
    width: 100%;
    height: 54px;
    position:absolute;
    bottom: 17px;
    left: 0px;
    background: #fbfbfb;
    }
    .box148{
      
        font-size: 14px;
    color: #5f6464;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
 
    }
    .box149{
      
        font-size: 14px;
    color: #5f6464;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
  
    }
    .box150{
       
        font-size: 14px;
    color: #5f6464;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
    
    }
    .box151{
        font-size: 14px;
    color: #5f6464;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
    }
    .box152{
        font-size: 14px;
    color: #5f6464;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 20px;
    }
    .box153{
        font-size: 14px;
    color: #5f6464;
    float: left;
    width: 100%;
    margin-top: 12px;
    }
    .box154{
        display: block;
    height: 28px;
    width: 212px;
    position: absolute;
    right: 75px;
    top: 50%;
    margin-top: -21px;
    }
    .dingbu1 {
            width: 100px;
            height: 100px;

            border-radius: 50%;
            border: 4px solid red;
            position: fixed;
            top: 600px;
            left: 1380px;

        }

        .dingbu2 {
            padding-left: 38px;
            font-size: 40px;
            width: 60px;
            height: 50px;
            /* background-color: #404040; */
            display: inline-block;

        }
  /* .dingbu3{
      font-size: 15px;
      display: inline-block;
     
  } */
 </style>
		<body>
          
			<div class="box1">
               
				<div class="box2" >
					





                   <div class="box4">
                    <h1>Tencent腾讯</h1>
                   </div> 
                    <div class="box3">
                        <section class="content"> 
                        <div class="items">
                            <div class="menu">
                                <span id="btm">简介</span>

                                <div>
                                    <div class="drop" >
                                     <a href="#a">公式简介</a>  </div>
                                    <div class="drop">
                                       <a id="btm">
                                        <a href="#ab">愿景及使命</a> 
                                    </div>
                                    <div class="drop">发展历程</div>
                                    <div class="drop">业务架构</div>
                                    <div class="drop">管理团队</div>
                                    <div class="drop">董事会成员</div>
                                    <div class="drop">企业文化</div>
                                    <div class="drop">办公地点</div>
                                </div>
                            </div>
                        </div>
                        <!-- END -->
                    
                        <!-- 无下级 -->
                        <div class="items">
                            <div class="menu">
                                <span>业务</span>
                                <div>
                                    <div class="drop">面向用户</div>
                                    <div class="drop">面向企业</div>
                                    <div class="drop">创新科技</div>
                                </div>
                            </div>
                        </div>
                  <!-- END -->
                        <div class="items">
                            <div class="menu">
                                <span>员工</span>
                                <div>
                                    <div class="drop">人才发展</div>
                                <div class="drop">腾讯学堂</div>
                                <div class="drop">工作环境</div>
                                <div class="drop">员工活动</div>
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <div class="menu">
                                <span>ESG </span>
                                <div>
                                    <div class="drop">环境</div>
                                    <div class="drop">社会</div>
                                <div class="drop">治理</div>
                                <div class="drop">ESG评及</div>
                                <div class="drop">报告</div>
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <div class="menu">
                                <span> 投资者 </span>
                                <div>
                            <div class="drop">季度业绩投资者新闻</div>
                                <div class="drop">公告财务报告</div>
                                 <div class="drop">业务电话投资者日历</div>
                                   <div class="drop">投资者工具包</div>
                                    <div class="drop">证券及债券信息</div>
                              
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <div class="menu">
                                <span>媒体</span>
                                <div>
                                    <div class="drop">企业动态</div>
                                <div class="drop">财务新闻</div>
                                <div class="drop">腾讯视角</div>
                                <div class="drop">媒体资料库</div>
                                </div>
                            </div>
                        </div>
     </section> 
    </div>
     <div class="a1">
        <a class="a2" lang="zh-cn">简</a>
        <i class="s1">|</i>
        <a class="lang_hk" lang="zh-hk">繁</a>
        <i class="s1">|</i>
        <a class="lang_en" lang="en-us">EN</a>
      </div>
               
				</div>
              
<div class="box5">
    
</div>
<h2>腾讯公司</h2>
<div class="box6" >
            <div class="box7" >
                <ul>
                    <li class="box7z">
                       <a href="#0" > 公司简介</a> 
                    </li>
                    <li class="box7z">
                        <a href="#1" > 愿景及使命</a> 
                    </li>
                    <li class="box7z">
                        <a href="#2" > 发展历程</a>
                     </li>
                    <li class="box7z">
                        <a href="#3" >  业务架构</a>  
                        </li>
                    <li class="box7z">
                       <a href="#4" >  管理团队</a> 
                     </li>
                    <li class="box7z">
                        <a href="#5" >   董事会成员</a>  
                    </li>
                    <li class="box7z"> 
                        <a href="#6" >  企业文化 </a>
                    </li>
                    <li class="box7z">
                        <a href="#7" >  办公地点 </a>
                    </li>
                </ul>
            </div>
</div>
<div class="box8"  id="a">
   
    <div class="box9">
       <div class="b1"  > <a ><a href="#top" id="0">公司简介</a></a> </div>
    <div class="box10"><h4 class="lll">腾讯是一家世界领先的互联网科技公司,用创新的产品和服务提升全球各地人们的生活品质。</h4>

   <h4 class="lll1">
       <p class="ll">
        腾讯成立于1998年,总部位于中国深圳。公司一直秉承科技向善的宗旨。我们的通信和社交服务连接全球逾10亿人,帮助他们与亲友联系,畅享便捷的出行、支付和娱乐生活。
       </p>
       <p class="oo"> 
腾讯发行多款风靡全球的电子游戏及其他优质数字内容,为全球用户带来丰富的互动娱乐体验。
       </p>
       <p class="tt">
        腾讯还提供云计算、广告、金融科技等一系列企业服务,支持合作伙伴实现数字化转型,促进业务发展。
       </p>
       <p class="tt1">
        腾讯2004 年于香港联合交易所上市
       </p>
    </h4>

<div class="box12" id="ab">
    <div class="box13">
       <a id="1" href="#top">愿景及使命</a>
    </div>
    <div class="box14"></div>
    <div class="box15">
        <div class="box16">
         用户为本,科技向善
        </div>
        <div class="box17">
            一切以用户价值为依归,将社会责任融入产品及服务之中;
推动科技创新与文化传承,助力各行各业升级,促进社会的可持续发展。

        </div>
     
            <img src="./text-bg.png" alt="" class="box18"> 
       
    </div>
   
</div>

</div>

</div>
<div class="box19">
    <div class="box20">
         <a id="2" href="#top" class="vox"> 发展历程</a>
    </div>
    <div class="box21">
        <div class="box22">
            <div class="box22a" ><a href="#h" class="bov1">现在</a> </div>
            <div class="box22a"> <a href="#a" class="bov1"> 2016</a> </div>
            <div class="box22a">  <a href="#b" class="bov1">  2010</a>  </div>
            <div class="box22a">  <a href="#c" class="bov1">2000</a> </div>
            <div class="box22a"> 1998</div>
            <div class="dov3"></div>
            <div class="dov4"></div>
            <div class="dov5"></div>
            <div class="dov6"></div>
            <div class="dov7"></div>
            <div class="aov1"></div>
            <div class="aov2"></div>
            <div class="aov3"></div>
            <div class="aov4"></div>
        </div>
    
    </div>
</div>
</div>
<div class="box23">
    <!-- 2023 -->
    <div class="box24">
       <div class="box25" > <a  id="h"> 2023</a> </div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯发布低碳社群平台“碳LIVE”国际版</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">成为联合国妇女署《赋权予妇女原则》(WEPs) 全球签署企业成员</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">腾讯推动建立全球低碳创新联盟</div>
           <div class="box29"></div>
       </div>
      
       <div class="box26">
           <div class="box27"> 9月</div>
           <div class="bbb">腾讯推出自研混元大模型</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 8月</div>
           <div class="bbb">签约加入联合国全球契约组织(UNGC)</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 7月</div>
           <div class="bbb"> 全面有序开放微信支付商户网络,提升境外用户在境内的移动支付体验</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 6月</div>
           <div class="bbb"> 在香港交易所上市的腾讯股份启动港币-人民币双柜台模式</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 5月</div>
           <div class="bbb"> 腾讯温室气体减排目标通过国际组织SBTi认证</div>
           <div class="box29"></div>
       </div>
   </div>
   <!-- 2022 -->
   <div class="box24">
       <div class="box25">2022</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯推出“碳LIVE”创新平台,共创低碳未来</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">8月</div>
           <div class="bbb">腾讯与多家行业伙伴共同组建碳中和专业委员会,消除技术壁垒,助力解决气候变化问题</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">2月</div>
           <div class="bbb">腾讯承诺不晚于2030年实现自身运营及供应链的全面碳中和,并实现100%绿色电力</div>
           <div class="box29"></div>
       </div>
      
       <div class="box26">
           <div class="box27"> 1月</div>
           <div class="bbb">亚洲奥林匹克理事会与腾讯达成战略合作,共促电竞发展</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 1月</div>
           <div class="bbb">企业微信、腾讯会议、腾讯文档三款产品融合打通,为企业提供一体化协作工具</div>
           <div class="box29"></div>
       </div>
   </div>
   <!-- 2021 -->
   <div class="box24">
       <div class="box25">2021</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯游戏推出国际发行品牌 Level Infinite</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">4月</div>
           <div class="bbb">腾讯发布新蓝图,“可持续社会价值创新”成为核心战略,首期投入500亿元人民币助力发展</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">1月</div>
           <div class="bbb">微信搜一搜月活(MAU)突破5亿</div>
           <div class="box29"></div>
       </div>
      
       <div class="box26">
           <div class="box27"> 1月</div>
           <div class="bbb">腾讯宣布启动碳中和计划,成为中国首批启动碳中和规划的互联网企业之一</div>
           <div class="box29"></div>
       </div>
       <div class="box30">
      <!-- 2020 -->
       <div class="box24">
       <div class="box25">2020</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">企业微信服务机构数目突破500万,月活跃账户数逾1.3亿 </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">9月</div>
           <div class="bbb">腾讯会议用户数突破1亿,服务覆盖达全球100多个国家与地区</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">5月</div>
           <div class="bbb">腾讯根据全球中期票据计划发行本金总额60亿美元的票据,包括首次发行的40年期票据
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 2-3月</div>
           <div class="bbb">为抗击2019冠状病毒病疫情,设立15亿人民币“抗击新型冠状病毒感染肺炎疫情综合保障基金”及1亿美元“腾讯全球战疫基金”
           </div>
           <div class="box29"></div>
       </div>
     
       <div class="box26">
           <div class="box27"> 1月</div>
           <div class="bbb">  微信视频号上线
           </div>
           <div class="box29"></div>
       </div>
   </div> 
   <!-- 2019 -->
   <div class="box24">
       <div class="box25">2019</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯云全年收入超过170亿人民币,付费客户数破百万
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">发布“科技向善”新愿景
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">9月</div>
           <div class="bbb">腾讯视频付费会员数突破1亿
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 5月</div>
           <div class="bbb">合资公司获香港金融管理局颁发虚拟银行牌照
           </div>
           <div class="box29"></div>
       </div>
     
       <div class="box26">
           <div class="box27"> 4月</div>
           <div class="bbb">  腾讯根据全球中期票据计划发行本金总额60亿美元的票据
           </div>
           <div class="box29"></div>
       </div>
   </div> 
   <!-- 2018 -->
   <div class="box24">
       <div class="box25">2018</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯移动支付年日均交易笔数超过10亿笔 </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">旗下腾讯音乐娱乐集团在美国纽约证券交易所上市,股票代码TME</div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">腾讯基金会投入10亿启动奖金创立“科学探索奖”支持基础科学和前沿技术领域的年青科学家 </div>
           <div class="box29"></div>
       </div>
      
       <div class="box26">
           <div class="box27"> 9月</div>
           <div class="bbb">企业战略升级,扎根消费互联网,拥抱产业互联网
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 6月</div>
           <div class="bbb">腾讯移动支付月活跃账户数超过8亿
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27"> 1月</div>
           <div class="bbb"> 微信和WeChat全球月活跃帐户数超过10亿
           </div>
           <div class="box29"></div>
       </div>
   </div>
   
</div>

<div class="box31">
    <!-- 2017 -->
   <div class="box24">
       <div class="box25">2017</div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">承建医疗影像国家人工智能开放创新平台
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">11月</div>
           <div class="bbb">旗下阅文集团在香港联合交易所主板上市,股票代码0772.HK
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">1月</div>
           <div class="bbb">自主研发全球创新的微信小程序正式上线
           </div>
           <div class="box29"></div>
       </div>
       <!-- 2016 -->
       <div class="box32">
       <div class="box25" id="a">2016</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">腾讯移动支付月活跃帐户及日均交易笔数均超过6亿
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">10月</div>
           <div class="bbb">成立联营公司微民保险
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">7月</div>
           <div class="bbb">成立腾讯音乐娱乐集团
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">6月</div>
           <div class="bbb">战略投资Supercell
           </div>
           <div class="box29"></div>
    </div>
    <!-- 2015 -->
     <div class="box33">
       <div class="box25">2015</div>
       <div class="box26">
           <div class="box27">10月</div>
           <div class="bbb">成为新美大集团的战略股东
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">9月</div>
           <div class="bbb">腾讯公司慈善基金会联合全球知名机构发起全球首个互联网公益日,99公益日为期三天,在腾讯公益平台上共筹得善款近1.3亿元人民币
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">9月</div>
           <div class="bbb">成立腾讯影业和企鹅影业
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">3月</div>
           <div class="bbb">成立阅文集团
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">2月</div>
           <div class="bbb">除夕当日微信红包收发总量达到10.1亿次
           </div>
           <div class="box29"></div>
       </div>
   </div>

</div>
<div class="box34">
   <div class="box24">
       <!-- 2014 -->
       <div class="box25">2014</div>
       <div class="box26">
           <div class="box27">12月</div>
           <div class="bbb">成立联营公司微众银行
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">4月</div>
           <div class="bbb">QQ最高同时在线帐户数超过2亿
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">3月</div>
           <div class="bbb">腾讯控股获穆迪上调评级至A3
           </div>
           <div class="box29"></div>
       </div>
       <div class="box26">
           <div class="box27">3月</div>
           <div class="bbb">战略投资京东集团
           </div>
           <div class="box29"></div>
       </div>
       <div class="bv">
           <div class="bx">1月</div>
           <div class="bb">推出微信红包、理财通,且除夕当日微信红包收发总量近2000万
           </div>
           <div class="box29"></div>
       </div>
      
   
</div>
<div class="box35">
   <div class="box25">2013</div>
   <div class="box26">
       <div class="box27">12月</div>
       <div class="bbb">成为全球收入最高的游戏开发商和运营商
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">11月</div>
       <div class="bbb">发布“连接一切”与“互联网+”战略
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">9月</div>
       <div class="bbb">腾讯云正式对外推出云服务
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">7月</div>
       <div class="bbb">推出微信支付,微信和QQ手机版游戏中心
       </div>
       <div class="box29"></div>
</div> 
<div class="box26">
<div class="box27">6月</div>
<div class="bbb">腾讯控股获标准普尔上调评级至A-

</div>
<div class="box29">
</div>
</div> 
</div>
<div class="box36">
<div class="box25">2012</div>
<div class="box26">
   <div class="box27">3月</div>
   <div class="bbb">微信用户数超过1亿
   </div>
   <div class="box29"></div>
</div>

</div>
</div>
<div class="box37">
<div class="box24">
   <!-- 2011 -->
   <div class="box25">2011</div>
   <div class="box26">
       <div class="box27">11月</div>
       <div class="bbb">腾讯控股获标准普尔BBB+评级和穆迪Baa1评级
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">6月</div>
       <div class="bbb">发布公司级开放平台战略
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">3月</div>
       <div class="bbb">推出腾讯视频v.qq.com
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">2月</div>
       <div class="bbb">战略投资Riot Games
       </div>
       <div class="box29"></div>
   </div>
   <div class="bv">
       <div class="bx">1月</div>
       <div class="bb">成立腾讯产业共赢基金
       </div>
       <div class="box29"></div>
   </div>
   <div class="bv">
       <div class="box27">1月</div>
       <div class="bbb">推出微信
       </div>
       <div class="box29"></div>
   </div>

</div>
<div class="box35">
<div class="box25" id="b">2010</div>
<div class="box26">
   <div class="box27">3月</div>
   <div class="bbb">QQ最高同时在线帐户数超过1亿
   </div>
   <div class="box29"></div>
</div>
<div class="box24">
   <!-- 2009 -->
   <div class="box40">
   <div class="box25">2009</div>
   <div class="box26">
       <div class="box27">12月</div>
       <div class="bbb">成立联营公司微众银行
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">4月</div>
       <div class="bbb">QQ最高同时在线帐户数超过2亿
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">3月</div>
       <div class="bbb">腾讯控股获穆迪上调评级至A3
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">3月</div>
       <div class="bbb">战略投资京东集团
       </div>
       <div class="box29"></div>
   </div>
   <div class="bv">
       <div class="box27">1月</div>
       <div class="bbb">推出微信红包、理财通,且除夕当日微信红包收发总量近2000万
       </div>
       <div class="box29"></div>
   </div>
</div>

</div>
</div>
<div class="box41">
<div class="box24">
   <!-- 2009 -->
   <div class="box25">2008</div>
   <div class="box26">
       <div class="box27">6月</div>
       <div class="bbb">腾讯控股成为香港恒生指数成份股之一
       </div>
       <div class="box29"></div>
   </div>
</div>
<div class="box35">
<div class="box25">2007</div>
<div class="box26">
   <div class="box27">6月</div>
   <div class="bbb">成立腾讯公益慈善基金会,推动公益慈善项目
   </div>
   <div class="box29"></div>
</div>
</div>
<div class="box36">
<div class="box25">2006</div>
<div class="box26">
<div class="box27">6月</div>
<div class="bbb">腾讯网www.qq.com成为中国第一门户网站
</div>
<div class="box29"></div>
</div>
</div>
</div>
<div class="box38">
<div class="box24">
   <!-- 2009 -->
   <div class="box25">2005</div>
   <div class="box26">
       <div class="box27">12月</div>
       <div class="bbb">推出首款自研开发的大型多人同时在线游戏QQ幻想
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">7月</div>
       <div class="bbb">推出在线音乐平台QQ音乐
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">5月</div>
       <div class="bbb">推出社交网络平台QQ空间</div>
       <div class="box29"></div>
       
   </div>
   <div class="box26">
       <div class="box27">3月</div>
       <div class="bbb">收购中国领先的电邮客户端软件开发商Foxmail</div>
       <div class="box29"></div>
       
   </div>
</div>
<div class="box35">
<div class="box25">2004</div>
<div class="box26">
   <div class="box27">12月</div>
   <div class="bbb">测试首款自研开发的中型休闲游戏QQ堂
   </div>
   <div class="box29"></div>
</div>
<div class="box26">
   <div class="box27">8月</div>
   <div class="bbb">QQ游戏成为中国最大的休闲游戏平台,最高同时在线账户数超越100万
   </div>
   <div class="box29"></div>
</div>
<div class="box26">
   <div class="box27">6月</div>
   <div class="bbb">腾讯控股在香港联合交易所主板上市,股票代码0700.HK
   </div>
   <div class="box29"></div>
</div>
</div>
<div class="box36">
<div class="box25">2003</div>
<div class="box26">
<div class="box27">11月</div>
<div class="bbb">推出综合门户网站腾讯网www.qq.com
</div>
<div class="box29"></div>
</div>
<div class="box26">
<div class="box27">9月</div>
<div class="bbb">推出首款企业实时通信产品腾讯通(“RTX”)
</div>
<div class="box29"></div>
</div>
<div class="box26">
<div class="box27">8月</div>
<div class="bbb">推出休闲游戏平台“QQ游戏”
</div>
<div class="box29"></div>
</div>
<div class="box26">
<div class="box27">5月</div>
<div class="bbb">推出QQ邮箱
</div>
<div class="box29"></div>
</div>
<div class="box26">
<div class="box27">1月</div>
<div class="bbb">推出在线装扮产品QQ秀
</div>
<div class="box29"></div>
</div>
</div>
</div>
<div class="box38">
<div class="box24">
   <!-- 2009 -->
   <div class="box25">2001</div>
   <div class="box26">
       <div class="box27">6月</div>
       <div class="bbb">获得MIH投资
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">6月</div>
       <div class="bbb">推出互联网增值服务(IVAS)
       </div>
       <div class="box29"></div>
   </div>
   <div class="box26">
       <div class="box27">2月</div>
       <div class="bbb">QQ最高同时在线用户账户数超越100万</div>
       <div class="box29"></div>
       
   </div>
</div>
<div class="box35">
<div class="box25" id="c">2000</div>
<div class="box26">
   <div class="box27">11月</div>
   <div class="bbb">推出提供聊天优惠功能的包月服务QQ会员
   </div>
   <div class="box29"></div>
</div>
<div class="box26">
   <div class="box27">8月</div>
   <div class="bbb">推出移动增值服务(MVAS)
   </div>
   <div class="box29"></div>
</div>
<div class="box26">
   <div class="box27">6月</div>
   <div class="bbb">推出手机QQ
   </div>
   <div class="box29"></div>
</div>
</div>
<div class="box36">
<div class="box25">1999</div>
<div class="box26">
<div class="box27">4月</div>
<div class="bbb">推出移动电邮
</div>
<div class="box29"></div>
</div>
<div class="box26">
<div class="box27">2月</div>
<div class="bbb">QQ诞生
</div>
<div class="box29"></div>
</div>

</div>
<div class="box42">
<div class="box25">1998</div>
<div class="box26">
   <div class="box27">11月</div>
   <div class="bbb">腾讯在深圳成立
   </div>
   <div class="box29"></div>
</div>
</div>
</div>
</div>
   
      
    
</div>
</div>

			</div>
            <div class="box43">
                <div class="box44" id="3" ><a href="#top">业务架构</a></div>
                <div class="box45">
                    <div class="box46"><img src="./menu_logo_hover.png" alt="img" width="183"height="23.96" /></div>
                    <div class="box47">
                        <div class="box48">
                            <p class="bov2">CDG</p>
                           <p class="cov2">企业发展事业群</p>
                            <!-- <img class="san" src="./san.png" alt="img">  -->
                            
                            <ul class="box54">
                                <li class="bov4" >"为公司新业务孵化和新业态探索的平台,推动包括基础支付、金融应用在内的金融科技业务、广告营销服务和国际业务等领域的发展和创新。同时作为专业支持平台,为公司及各事业群提供战略规划、投资并购、投资者关系及国际传讯、市场公关等专业支持。"</li>
                            </ul>
                        </div>
                        <div class="box49">
                            <p class="bov2">CSIG</p>
                            <p class="cov2">云与智慧产业事业群</p>
                            <ul class="box55">
                                <li class="bov4">"为公司新业务孵化和新业态探索的平台,推动包括基础支付、金融应用在内的金融科技业务、广告营销服务和国际业务等领域的发展和创新。同时作为专业支持平台,为公司及各事业群提供战略规划、投资并购、投资者关系及国际传讯、市场公关等专业支持。"</li>
                            </ul>
                        </div>
                        <div class="box50">
                            <p class="bov2">IEG</p>
                            <p class="cov2">互动娱乐事业群</p>
                            <ul class="box56">
                                <li class="bov4">发展网络游戏、电竞等互动娱乐业务,打造一个从策划、研发、发行,运营及营销的垂直生态链。致力为中国以及全球游戏用户创造高品质产品,并通过在线游戏,直播和线下电竞赛事联动用户,提升总体游戏体验</li>
                            </ul>
                        </div>
                        <div class="box51">
                            <p class="bov2">PCG</p>
                            <p class="cov2">平台与内容事业群</p>
                            <ul class="box57">
                                <li class="bov4">推进互联网平台和内容文化生态融合发展,整合QQ、QQ空间等社交平台,和应用宝、浏览器等流量平台,以及新闻资讯、视频、体育、直播、动漫、影业等内容平台,为内容生态创造更好的生长环境。同时,以技术驱动,推动IP 跨平台多形态发展,为更多用户创造多样化的优质数字内容体验。</li>
                            </ul>
                        </div>
                        <div class="box52">
                            <p class="bov2">TEG</p>
                            <p class="cov2">技术工程事业群</p>
                            <ul class="box58">
                                <li class="bov4">为公司及各事业群提供技术及运营平台支持、研发管理、数据中心的建设与运营,并为用户提供全线产品的客户服务。作为运营着亚洲最大网络、服务器集群和数据中心的事业群,并牵头腾讯技术委员会,通过内部分布式开源协同,加强基础研发,建设技术中台等措施,支持业务创新。</li>
                            </ul>
                        </div>
                        <div class="box53">
                            <p class="bov2">WXG</p>
                            <p class="cov2">微信事业群</p>
                            <ul class="box59">
                                <li class="bov4">为公司及各事业群提供技术及运营平台支持、研发管理、数据中心的建设与运营,并为用户提供全线产品的客户服务。作为运营着亚洲最大网络、服务器集群和数据中心的事业群,并牵头腾讯技术委员会,通过内部分布式开源协同,加强基础研发,建设技术中台等措施,支持业务创新。</li>
                            </ul>
                        </div>
                       
                    </div>
                  
                </div>
               
            </div>
            
           
        </div>
        <div class="box60">
            <div class="box61">
                <div class="box62">
                   <a href="#top" id="4">管理团队</a>
                  </div>
                  <div class="box63">
                      <!-- 马化腾 刘炽平许晨晔任宇昕 -->
                      <div class="box64">
                        <img src="./马化腾.jpg" alt="" height="120" width="120" class="bov5">
                         <div class="bolk"></div>
                          <div class="box68">
                              <div class="box69">马化腾</div>
                              <div class="box70">主要创办人</div>
                              <div class="box71">董事会主席兼首席执行官</div>

                              
                          </div>
                      </div>
                      <div class="box65">
                          <img src="./刘炽平.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box72">
                            <div class="box69">刘炽平</div>
                            <div class="box70">总裁</div>
                           
                            
                        </div>
                      </div>
                      <div class="box66">
                          <img src="./许晨桦.jpg"height="120" width="120" class="bov5">
                          <div class="box74">
                            <div class="box69">许晨晔</div>
                            <div class="box70">主要创办人</div>
                            <div class="box71">首席信息官</div>

                            
                        </div>
                      </div>
                      <div class="box67">
                        <img src="./任宇昕.jpg"height="120" width="120" class="bov5">
                        <div class="box73">
                          <div class="box69">任宇昕</div>
                          <div class="box70">首席运营官</div>
                          <div class="box71">互动娱乐事业群总裁<br>平台与内容事业群总裁 </div>

                          
                      </div>
                      </div>
                     
                      <div class="box64">
                        <img src="./马晓轶.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">马晓轶</div>
                              <div class="box70">集团高级副总裁</div>
                             

                              
                          </div>
                      </div>
                      <div class="box64">
                        <img src="./林璟骅.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">林璟骅</div>
                              <div class="box70">集团高级副总裁</div>
                              

                              
                          </div>
                      </div>
                      <div class="box64">
                        <img src="./罗硕瀚.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">罗硕瀚</div>
                              <div class="box70">首席财务官</div>
                              <div class="box71">集团高级副总裁</div>

                              
                          </div>
                      </div>
                      <div class="box64">
                        <img src="./郭凯天.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">郭凯天</div>
                            
                              <div class="box71">集团高级副总裁</div>

                              
                          </div>
                      </div>
                      <div class="box64">
                        <img src="./奚丹.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">奚丹</div>
                          
                              <div class="box71">集团高级副总裁</div>

                              
                          </div>
                      </div>
                      <div class="box64">
                        <img src="./杨国安.jpg" alt="" height="120" width="120" class="bov5">
                          <div class="box75">
                              <div class="box69">杨国安</div>
                              <div class="box70">高级管理顾问</div>
                        

                              
                          </div> 
                      </div>
                      <div class="box76">
                        终身荣誉顾问
                      </div>
                      <div class="box77">
                        <div class="box64">
                            <img src="./张志东.jpg" alt="" height="120" width="120" class="bov5">
                             <div class="bolk"></div>
                              <div class="box68">
                                  <div class="box69">张志东</div>
                                  <div class="box70">主要创办人</div>
                                  <div class="box71">终身荣誉顾问</br>
                                      腾讯学堂荣誉院长</div>
                                       
                                  
                              </div>
                          </div>
                          <div class="box64">
                            <img src="./陈一丹.jpg" alt="" height="120" width="120" class="bov5">
                             <div class="bolk"></div>
                              <div class="box68">
                                  <div class="box69">陈一丹</div>
                                  <div class="box70">主要创办人</div>
                                  <div class="box71">终身荣誉顾问</br>
                                    腾讯公益慈善基金会发起人兼荣誉理事长</div>
                                       
                                  
                              </div>
                          </div>
                          <div class="box64">
                            <img src="./曾李青.jpg" alt="" height="120" width="120" class="bov5">
                             <div class="bolk"></div>
                              <div class="box68">
                                  <div class="box69">曾李青</div>
                                  <div class="box70">主要创办人</div>
                                  <div class="box71">终身荣誉顾问</div>
                                       
                                  
                              </div>
                          </div>
                          <div class="box78">
                               <a id="5" href="#top" >董事会成员</a>
                               <div class="box79">
                                   <img src="./other-4-icon.png" alt=""style="width: 45px; height: 45px;">
                                   <div class="box80" style="margin: 0;display: inline-block"></div>
                               </div>
                            </div>
                            
                      </div>
                  </div>
            </div>
            <div class="box81">
                <div class="box82">
                    <div class="box83" id="6" >
                        企业文化
                    </div>
                    <div class="box84">价值观</div>
                    <div class="box85">正直</div>
                    <div class="box86">坚守底线,以德为先,坦诚公正不唯上</div>
                    <div class="box87">进取</div>
                    <div class="box88">无功便是过,勇于突破有担当</div>
                    <div class="box89">协作</div>
                    <div class="box90">开放协同,持续进化</div>
                    <div class="box91">创造</div>
                    <div class="box92">超越创新,探索未来</div>
                    <div class="box93">
                     <img src="./pic.jpg" alt="" class="box97"> 
                    </div>
                </div>
        
            </div>
            <div class="box98" id="7">
               <a href="#top"> 办公地点</a>
            </div>
            <div class="box100">
                <div class="box99">
                    <div class="box101">亚太地区</div>
                    <div class="box102">美洲地区</div>
                    <div class="box103">欧洲</div>
                    <div class="box104">中东地区及非洲</div>
                    <div class="box105">
                        <div class="box106">
                            <div class="box115">深圳</div>
                         
                                <p><strong style="color: #0052d9;position: absolute;left: 127px; top: 62px; ">深圳总部</strong></p>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top: 84px;  ">深圳市南山区海天二路33号腾讯滨海大厦</p>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top: 104px;  ">邮编:518054</p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 124px;  ">总机电话:+86-755-86013388</p>
                        </div>
                        <div class="box107">
                         <div class="box116">
                            奥克兰
                          </div>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top:61px;  ">深圳市南山区海天二路33号腾讯滨海大厦</p>
                        </div>
                        <div class="box108">
                            <div class="box117">
                                曼谷
                              </div>
                              <p style="font-size: 14px;
                              line-height: 25px;
                              color: #5f6464;position: absolute;left: 127px; top:72px;  ">8 T One Building, Soi Sukhumvit 40, Sukhumvit Road, Phra Khanong, Khlong Toei, Bangkok</p> 
                               <p style="font-size: 14px;
                               line-height: 25px;
                               color: #5f6464;position: absolute;left: 127px; top: 119px;  ">邮编:10110</p> 
                               <p style="font-size: 14px;
                               line-height: 25px;
                               color: #5f6464;position: absolute;left: 127px; top: 140px;"  > 网址:<p style="color: #0052d9; font-size: 14px;line-height: 25px;position: absolute;left: 170px; top: 140px;" >https://www.tencent.co.th/th</p> </p>
                        </div>
                        <div class="box109">
                            <div class="box118">
                                堪培拉
                              </div>
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top:76px;  ">60 Marcus Clarke Street Canberra City</p>
                        </div>
                        <div class="box110">
                            <div class="box119">
                                堪培拉
                              </div>
                              <p style="color: #5f6464;position: absolute;left: 127px; top: 52px; ">湾仔</p>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top: 68px;  ">皇后大道东1号太古广场三期29楼
                               </p>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top: 87px;  ">
                                电话:+852-31485100</p>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top: 104px;  ">尖沙咀</p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 123px;  ">广东道15号港威大厦5座37楼 </p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 145px;  "> 电话:+852-31485100</p>

                        </div>
                        <div class="box111">
                            <div class="box120">
                                古尔冈
                              </div>
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top:76px;  ">Vatika Atrium, Golf Course Road Sector 53, Gurgaon, 122001 Haryana</p>
                                     <p style="font-size: 14px;
                                     line-height: 25px;
                                     color: #5f6464;position: absolute;left: 127px; top: 126px;  ">邮编:122001</p> 

                        </div>
                        <div class="box112">
                            <div class="box121">
                                伊斯兰堡
                              </div>
                              <p style="color: #5f6464;position: absolute;left: 127px; top: 67px; ">F-7/2 Rana market, Islamabad</p>
                        </div>
                        <div class="box113">
                            <div class="box122">
                                雅加达
                              </div>
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top:59px;  ">Menara BCA, Jl. M.H. Thamrin No.1, RT.1/RW.5, Menteng, Central Jakarta City, Jakarta</p>
                                     <p style="font-size: 14px;
                                     line-height: 25px;
                                     color: #5f6464;position: absolute;left: 127px; top: 114px;  ">邮编:10310</p> 
                        </div>
                        <div class="box114">
                            <div class="box122">
                                吉隆坡
                              </div>
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top:59px;  ">Centrepoint South Tower, Mid Valley City, Lingkaran Syed Putra, 59200 Kuala Lumpur</p>
                                     <p style="font-size: 14px;
                                     line-height: 25px;
                                     color: #5f6464;position: absolute;left: 127px; top: 115px;  ">邮编:59200</p> 
                        </div>
                    </div>
                    <div class="box123">
                        <div class="box122">
                            首尔
                          </div>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top:59px;  ">Tencent Korea, 40F Gangnam Finance Center, 152, Teheran-ro, Gangnam-gu, Seoul</p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 115px;  ">邮编:06236</p> 
                                  <p style="font-size: 14px;
                                  line-height: 25px;
                                  color: #5f6464;position: absolute;left: 127px; top: 140px;"  > 网址:<p style="color: #0052d9; font-size: 14px;line-height: 25px;position: absolute;left: 170px; top: 140px;" >http://tencent.co.kr</p> </p>
                    </div>
                    <div class="box124">
                            <div class="box122">
                                新加坡
                              </div>
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top:59px;  ">79 Robinson Road #07-01, Singapore</p>
                                     <p style="font-size: 14px;
                                     line-height: 25px;
                                     color: #5f6464;position: absolute;left: 127px; top: 84px;  ">邮编:068897</p> 
                                       <p style="font-size: 14px;
                                       line-height: 25px;
                                       color: #5f6464;position: absolute;left: 127px; top: 108px;  ">88 Market Street, #40-41, Singapore</p> 
                                        <p style="font-size: 14px;
                                        line-height: 25px;
                                        color: #5f6464;position: absolute;left: 127px; top: 131px;  ">邮编:048948</p>
                        </div>
                    </div>
                    <div class="box125">
                        <div class="box122">
                            悉尼
                          </div>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top:59px;  ">20 Martin Place, Sydney</p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 87px;  ">邮编:NSW 2000</p> 
                    </div>
                    <div class="box126">
                        <div class="box122">
                            东京
                          </div>
                                <p style="font-size: 14px;
                                line-height: 25px;
                                color: #5f6464;position: absolute;left: 127px; top:59px;  ">1-23-1 Toranomon, Minato-ku, Tokyo,Toranomon HillsMoriTower</p>
                                 <p style="font-size: 14px;
                                 line-height: 25px;
                                 color: #5f6464;position: absolute;left: 127px; top: 84px;  ">邮编:105-6329</p> 
                                   <p style="font-size: 14px;
                                   line-height: 25px;
                                   color: #5f6464;position: absolute;left: 127px; top: 108px;  ">14F Business Tower 1-17-1Toranomon,Minato-ku,Tokyo</p> 
                                    <p style="font-size: 14px;
                                    line-height: 25px;
                                    color: #5f6464;position: absolute;left: 127px; top: 131px;  ">邮编:150-6490</p>
                                      <p style="font-size: 14px;
                                      line-height: 25px;
                                      color: #5f6464;position: absolute;left: 127px; top: 150px;"  > 网址:<p style="color: #0052d9; font-size: 14px;line-height: 25px;position: absolute;left: 170px; top: 150px;" >https://tencentjapan.com</p> </p>
                    </div>
                  
                    <div class="box127">
                        <div class="box128">
                            <div class="box129">
                                <div class="box130">关注我们</div>
                                <div class="box131"></div>
                                <div class="box132"></div>
                                <div class="box133"></div>
                                <div class="box134"></div>
                                <div class="box135"></div>
                            </div>
                            <div class="box136">
                                <div class="box137">加入我们</div>
                                <div class="box138">社会招聘</div>
                                <div class="box138">校园招聘</div>
                                <div class="box138">国际招聘</div>
                            </div>
                        <div class="box139">
                            <div class="box140">联系我们</div>
                            
                                <div class="box141">客户服务</div>
                                <div class="box142">合作洽谈</div>
                                <div class="box143">腾讯采购</div>
                                <div class="box144">诚信合规</div>
                                <div class="box145">媒体及投资者</div>
                                
                           
                        </div>
                        <div class="box146">
                            <div class="box140">法律信息</div>
                           
                                <div class="box141">服务协议</div>
                                <div class="box142">隐私政策</div>
                                <div class="box143">知识产权</div>
                      
                        </div>
                        <div class="box154">
                            <img src="./menu_logo_hover.png" alt="" width="221px" height="27">
                        </div>
                        <div class="box147">
                            <div class="box148">法律声明</div>
                            <div class="box149">阳光准则</div>
                            <div class="box150">网站地图</div>
                            <div class="box151">粤网文[2023]2882-203号</div>
                            <div class="box152">粤网文[2023]2882-203号</div>
                            <div class="box153">Copyright © 1998 - 2024 Tencent. All Rights Reserved.  腾讯公司 版权所有</div>
                        </div>
                       
                        </div>
                    </div>
                </div>
              
            </div>
           
        </div>
        <!--    <div class="dingbu1">
                                    <a href=" " class="u2"><span class="dingbu2">⩞
                                        </span>
                                        <span class="dingbu3"> &emsp;&nbsp; 返回顶部</span>
                                    </a >
                                </div> -->
		</body>
		
	
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值