/*
华为手机Meta9的头部,主要介绍手机选项
*/

.topBar{
width:1200px;
height:67px;
margin:0px auto;
border:1px solid #ccc;
}
.topBarLogo{
width:131px;
height:31px;

margin:15px 10px 0px 0px;
float:left;
}
.topBarLogo .logo{

width:131px;
height:31px;
display:block;
background:url(../../images/img_con_base.png) no-repeat -425px -314px;
cursor:pointer;
}
.topBarNav{
width:800px;
height:100%;
float:left;

}
.topBarNav ul{
width:800px;
height:100%;
position:relative;
}
.topBarNav ul li{
width:88px;
height:100%;
float:left;
line-height:68px;
text-align:center;
}
.topBarNav ul li:nth-of-type(2){
width:92px;
}
.topBarNav ul li:nth-of-type(7){
width:115px;
}
.topBarNav ul li:nth-of-type(8){
width:70px;
}
.topBarNav ul li:nth-of-type(8):after{
content:"|";
position:absolute;bottom:2px;right:85px;
}
.topBarNav ul li:nth-of-type(9){
width:50px;
}
.topBarNav ul li span{
font:1.3em/0px "微软雅黑";
}
.topSearch{
width:152px;
height:23px;
float:left;

position:relative;
margin-top:18px;

}
.topSearch input:nth-of-type(1){
width:100px;
height:23px;
padding:0px 10px;
border:1px solid #ccc;
float:left;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}
.topSearch input:nth-of-type(2){
width:30px;
height:24px;
float:right;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
background:#5F5F5F;
z-index:1;
}
.topSearch input:nth-of-type(2):hover{
background:#AD3B39;
}
.topSearch .icon-search:before{
content:"\f002";
font-size:20px;
position:absolute;
right:5px;
color:white;
z-index:0;
}
.topSearch .icon-search:before:hover{
background:#AD3B39;
}

/*华为Mate9手机头部的导航栏*/
.topNav{
width:100%;
height:48px;
border:1px solid #ccc;
float:left;
background:#272727;
position:relative;
}
/*左边的Meta9中的nav*/
.topNav .LeftNav{
width:500px;
height:100%;
position:relative;
text-align:center;
color:#CCCCCC;

}
.LeftNav>.logo-icon{
width:170px;
height:48px;
margin-right:15px;
background:url(../../images/HUAWEI_Mate9.jpg) no-repeat;
}
.LeftNav ul{
width:330px;
height:48px;
float:right;
position:absolute;bottom:0px;right:0px;
line-height:48px;
margin-left:15px;
}
.LeftNav ul li{
width:32px;
height:48px;
float:left;

}
.LeftNav ul li:nth-of-type(1),.LeftNav ul li:nth-of-type(3){
text-align:center;
width:70px;
}
.LeftNav ul li:nth-of-type(5){
text-align:center;
width:123px;
}
.LeftNav ul li.icon-greater:after{
display:block;
content:"\f101";
font-size:25px;
line-height:48px;
width:20px;
}
.LeftNav>ul>li>a{
font:1.5em/0px "宋体";
color:#CCCCCC;
}
/*右边的Meta9中的nav*/
.rightNav{
width:320px;
height:38px;
float:right;
position:absolute;
top:10px;right:30px;
}
.rightNav a{
width:103px;
height:30px;

color:white;
text-align:center;
font:1.2em/0px "宋体";
display:block;
float:left;
line-height:30px;
font-weight:bold;
}
.rightNav a:nth-of-type(3){
background:#B51E1E;

}
/*所有广告的起始部分*/
.sundryLogin{
width:100%;

border:1px solid #ccc;
float:left;
overflow:hidden;

}
/*Meta9广告部分*/
.Meta9Banner {
width:100%;
position:relative;
float:left;
}
.Meta9Banner img{
width:100%;
}
.Meta9Maincontrol{
width:100%;
height:90%;
position:absolute;top:0%;left:5%;
}
/*Meta9广告左边的部分*/
.Meta9Maincontrol>.LeftBanner{
width:34%;
height:72%;
float:left;
color:white;
position:absolute;left:5%;top:15%;
text-align:left;
}
.RightBannerPhone{
width:100%;
height:100%;
position:absolute;top:0.5%;right:4.8%;

}
.RightBannerPhone img{
width:100%;
}
.LeftBanner h3{
font:3.2vw/0px "微软雅黑";
margin-bottom:13%;
margin-top:20%;
}
.LeftBanner h5{

font:2.1vw/0px "宋体";
margin-top:15.5%;
}
.LeftBanner h4{

font:2.1vw/0px "宋体";
margin-top:15.5%;
}
.LeftBanner h2{
font:2.5vw/0px "微软雅黑";
margin-top:18%;
}
.LeftBanner h5:nth-of-type(2){
position:absolute;
right:32.5%;top:51%;

}
.h6BannerLeft{
width:70%;
height:40%;
text-align:left;
margin-top:18%;
}
.LeftBanner h6{
font:1.4vw/1.4vw "微软雅黑";
margin-top:5%;
}
.LeftBanner h6:nth-of-type(1){
margin-top:25%;
}


/*华为手机快，另人惊叹的起始部分*/
.speedFast{
width:100%;
float:left;
position:relative;
overflow: hidden;
}
.speedFast img{
width:100%;
}
/*华为手机快,头部的图片*/
.speedFastTop{
width:66%;
height:46%;
position:absolute;

text-align:center;
top:5%;left:20%;
}
.speedFastTop h4{
font:2vw/0px "微软雅黑";
margin-top:7%;
}
.speedFastTop h5{
font:1.6vw/0px "微软雅黑";
margin-top:5%;
}
.speedFastTop p{
font:1.1vw/1.2vw "微软雅黑";
margin-top:1%;
}
.speedFastLogoIcon{
width:100%;
height:85px;


}
.speedFastLogoIcon ul{
width:100%;
height:100%;

}
.speedFastLogoIcon ul li{
width:112px;
height:82px;
float:left;
}
.speedFastLogoIcon ul li:nth-of-type(1){
margin-top:2%;
margin-left:21%;
}
.speedFastLogoIcon ul li:nth-of-type(2){
margin-top:3%;
margin-left:3%;
}
.speedFastLogoIcon ul li:nth-of-type(3){
margin-top:1%;
margin-left:3%;
}
.speedFastLogoIcon ul li:nth-of-type(4){
margin-top:1%;
margin-left:3%;
}
.speedFastKnow{
width:23.8%;
height:10.7%;
text-align:center;
border-radius:5px;
border:1px solid #000000;
margin:4.5% auto 0%;
}
.speedFastKnow:hover{
border:1px solid #ff0000;
}
.speedFastKnow:hover a{
color: #ff0000;
}
.speedFastKnow a{
font:1.3vw/2.5vw "宋体";
}
/*华为手机快,Meta手机前面和后面照片部分*/
.speedFastBottom{
width:100%;
margin-bottom:0%;
position:absolute;bottom:-0.