/*导航条部分*/
/*导航条第一部分:图片logo*/
.header h1.logo
{
	margin: 18px 0 0 23px;
	position: absolute;
}
.header h1.logo a    /*h1 .logo和h1.logo*/
{
	display: inline-block;
	background: url(../img/logo.png) no-repeat;
	width: 44px;
	height:44px;
	text-indent: -99em;
}
/*导航条第二部分：图标部分*/
.header ul.icons span
{
	line-height: 80px;
	color: #999999;
	margin: 0 21.5px;
	cursor: pointer;
}
/*导航条第三部分：隐藏部分*/
.header nav.menu
{
	text-align: center;
}
.header nav.menu li
{
	display: inline-block;
}
.header nav.menu li a
{
	line-height: 80px;
	padding: 0 15px;
	color: #7e7e7e;
	font-size: 14px;
}
.header nav.menu li a:hover
{
	color: #000000;
	background:#f3f3f3
}
/*隐藏部分显示位置*/
@media screen and (max-width: 767px) {
	.header .row .nav.menu{
	margin-top: 100px;
	}
}
/*输入框*/
.search-input
{
	width:90%;
	height:45px;
	margin-left: 1%;
	border: 0;
	color: #999999;
	text-indent: 14px;
	font-size: 16px;
	font-weight: bold;
	background: #FFFFFF;
}
/*下拉按钮的位置*/
.upposition{
	position: absolute;
	left: 50%;
	top: -15px;
	display: none;
}
/*li的背景颜色*/
@media screen and (max-width: 767px) {
	.nav1{
		 background: #F3F3F3;		    	    
}
/*加分割线*/
.nav11{
	border-bottom: 1px solid #e3e3e3;
	}
}
@media screen and (min-width: 767px ) {
	.nav1{
		background: #FFFFFF;
		}				
}
/* “搜索” 小图标*/
@media screen and (max-width: 360px ) {
	.glyphicon-search1
	{
		cursor: pointer;
		right: 50px;
		font-size: 20px;
		top: 8px;
		color: #999999;		
	}
}
@media screen and (max-width: 299px ) {
	.glyphicon-search1
	{
		cursor: pointer;
		right: 50px;
		font-size: 15px;
		top: 3px;
		color: #999999;		
	}
}
@media screen and (min-width: 360px) {
	.glyphicon-search1
	{
		cursor: pointer;
		right: 40px;
		font-size: 25px;
		top: 8px;
		color: #999999;		
	}
}
/*导航条:鼠标放上购物车出现提示框*/
.row1
{
	position: relative;
}
.shopping-cart-alert
{
	position: absolute;
	margin-top: 35px;
	width: 320px;
	display: none;
	transition: width .2s;
	right: 10px;	
}
.header .no-goods
{
	text-align: center;
    font-size: 14px;
	color: #999;
	padding: 15px;
	background: white;
	box-shadow: 0 0 7px rgba(6,0,1,.2);
}
/*导航条部分*/
/*小屏幕时*/
@media screen and (max-width:767px ) {
	/*导航条部分*/
   .header nav.menu li{
		display: block;
		text-align: left;
	}
	.header nav.menu
	{
		display: none;
		position: relative;
		margin-top: 20%;
	}
	.header ul.icons{
		right: -5px;
	}
	.header ul.icons span{
		font-size: 25px;
	}
}
/*大屏幕时 导航条部分导航条：hover出现红色底框*/
@media screen and (min-width:767px ) {
/*隐藏部分导航条:hover出现红色底框*/
.header nav.menu li a:after{
	content: " ";  /*在a超链接之后追加*/
	display: block;
	height: 0px;
	background-color: red;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	transition: all 0.5s;   /*动画过渡*/
}
nav.menu li a:hover:after{
	height: 5px;
}
/*导航条部分*/
.navbar-nav{
	float: none;
}
ul.icons{
	right: 10px;
	position: absolute;
	}
	/*hover购物车出现提示*/
	.shopping-cart-alert
    {
	   position: absolute;
	   margin-top: 0;
    }
}
/*大屏幕时 导航条部分导航条：hover出现红色底框*/
@media screen and (min-width:767px ) {
/*隐藏部分导航条:hover出现红色底框*/
.header nav.menu li a:after{
	content: " ";  /*在a超链接之后追加*/
	display: block;
	height: 0px;
	background-color: red;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	transition: all 0.5s;   /*动画过渡*/
}
nav.menu li a:hover:after{
	height: 5px;
}
/*导航条部分*/
.navbar-nav{
	float: none;
}
ul.icons{
	right: 10px;
	position: absolute;
	}
}

/*<!--第二部分图片：“人手拿着手机”-->*/
			@media screen and (max-width: 767px) {
				.part2
				{
					width: 100%;
					height: 250px;
					background: url(../img/hand.jpg) center no-repeat;
					background-size: cover;  /*cover特定值会保持图像本身的宽高比例,将图片缩放到正好完全覆盖定义背景的区域。*/
				    text-align: center;
				    display: table;
				}
				.part2 h2
				{
					font-size: 40px;							
			    }
			}
			@media screen and (min-width: 767px) {
			.part2
			{
				width: 100%;
			    height: 340px;
				text-align: center;
				display: table;
				background: url(../img/hand.jpg) center no-repeat;
			}
			}

			.part2 div
			{
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				width: 100%;
				height: 100%;
			}
			.part2 h2
			{
				color: white;
				font-weight: 300;
				line-height: 1.5em;
				display: inline;
			}
			/*<!--第三部分：防伪查询，一加加多保查询、资源下载、更多服务     轮播图：一加加多保和一加医生-->*/
			.part3
			{
				background: #fff;
			}
			.nserv-sub-nav
			{
				padding: 60px 0 80px;
				width: 100%;
				/*max-width: 1200px;*/
				margin: auto;  /*限定估计是避免出现横向导航条*/
			}
			/*第三部分：防伪查询，一加加多保查询、资源下载、更多服务*/
			#nserv-sub-navlist
			{
				width: 100%;
				max-width: 900px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 60px;
			}
			.part3 ul
			{
				list-style: none;
			}
			#nserv-sub-navlist li
			{
				float: left;
				width: 25%;
				text-align: center;
			}
			#nserv-sub-navlist li a
			{
				display: inline-block;
				background-color: transparent;
				color: #10181f;
			}
			#nserv-sub-navlist li a:hover
			{
				text-decoration: none;
			}
			#nserv-sub-navlist .li1 span
			{
				background-position: 0 -292px;
				background-image: url(../img/serviceicons-scead768242.png);
			}
			#nserv-sub-navlist .li1 span,#nserv-sub-navlist .li2 span,#nserv-sub-navlist .li3 span,#nserv-sub-navlist .li4 span
			{
				background-repeat: no-repeat;
				height: 60px;
				width: 60px;
				display: block;
				margin: 0 auto 24px;
			}
			#nserv-sub-navlist li h4
			{
				display: inline-block;
				font-size: 16px;
				font-weight: 400;
				margin: 0;
				padding: 0;
			}
			#nserv-sub-navlist .li2 span
			{
				background-position: 0 -52px;
				background-image: url(../img/serviceicons-scead768242.png);
			}
			#nserv-sub-navlist .li3 span
			{
				background-position: 0 -172px;
				background-image: url(../img/serviceicons-scead768242.png);
			}
			#nserv-sub-navlist .li4 span
			{
				background-position: 0 -518px;
				background-image: url(../img/serviceicons-scead768242.png);
			}
			@media screen and (max-width: 640px) {
				.nserv-sub-nav
				{
					padding: 30px 0;
				}
				#nserv-sub-navlist
				{
					margin-bottom: 0;
				}
				#nserv-sub-navlist li
				{
					width: 50%;
					margin-bottom:50px;
					text-align: center;
					float: left;
				}
			}
			/*一加医生部分css样式*/
			@media screen and (min-width: 767px) {
			#server-slide li
			{
				width: 45%;
				padding: 5px 12px;
				float: left;
			}
			#server-slide li div
			{
				position: relative;
			}
			#server-slide li.jdb i
			{
				background: url(../img/img-jdb.jpg);
			}
			#server-slide li div i
			{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-size: cover;
				background-position: center;
				transition: transform 1s;
			}
			#server-slide li a{
				width: 100%;
				height: 260px;
				display: block;
				color: white;
				position: relative;
				z-index: 10;
				background-color: transparent;
				text-decoration: none;
			}
			#server-slide li a hgroup{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);	/*往左平移自己宽度的一半的距离\往右平移自己宽度的一半的距离*/
			
			}
			#server-slide li.jdb h3
			{
				height: 82px;
				width: 80px;
				background-position: 0 -412px;
				background-image: url(../img/serviceicons-scead768242.png);
				background-repeat: no-repeat;
				margin-bottom: 24px;
			}
			#server-slide li a h3,#server-slide li a h4
			{
				font-size: 24px;
				font-weight: 400;
				text-align: center;
			}
			#server-slide li a h4
			{
				font-size: 16px;
				white-space: nowrap;
			}
			/*右边部分:一加医生*/
			#server-slide li.ys i
			{
				background-image: url(../img/img-yjys.jpg);
			}			
			#server-slide li.ys h3
			{
				height: 82px;
				width: 82px;
				background-position: 0 -1118px;
				background-image: url(../img/serviceicons-scead768242.png);
				background-repeat: no-repeat;
				margin-bottom: 24px;
			}			
			/*鼠标放上去,图片有变化*/
			#server-slide li div:hover i
			{
				transform: scale(1.05,1.05);
			}	
			}
			/*第三部分:小屏幕时变成轮播图*/
			#myCarousel
			{
				padding: 0 40px;
			}
			.left1
			{
				background-image: none !important;
				font-size: 60px;				
				position: absolute;
				width: 30px;								
			}
		    .right1
			{
				background-image: none !important;
				font-size: 60px;
				position: absolute;
				width: 30px;
			}			
			/*一加加多宝*/
			#myCarousel .igs .jdb h5
			{
				width: 80px;
				height: 82px;
				background-position: 0 -412px;
				background-image: url(../img/serviceicons-scead768242.png);
				transition: transform 1s;
			}
			#myCarousel .igs .jdb a:hover img
			{
				transform: scale(1.05,1.05);
			}
			#myCarousel .igs .jdb h6
			{
				font-size: 13px;
				color: white;
			}
			/*一加医生*/
			#myCarousel .igs .ys h5
			{
				width: 80px;
				height: 82px;
				background-position: 0 -1118px;
				background-image: url(../img/serviceicons-scead768242.png);
				transition: transform 1s;
			}
			#myCarousel .igs .ys a:hover img
			{
				transform: scale(1.05,1.05);
			}
			#myCarousel .igs .ys h6
			{
				font-size: 13px;
				color: white;
			}				
			#myCarousel a
			{
				color: #999999;
			}
			#myCarousel a:hover
			{
				color: #999999;
			}
			#myCarousel .igs span
			{
				width: 80px;
				height: 119px;
			}
			@media screen and (max-width: 470px) {
			.left1
			{			
				margin-top: 5%;
			}
		    .right1
			{
				position: absolute;
				right: -35px;
				margin-top: 5%;
			}
						/*一加加多宝*/
			#myCarousel .igs .jdb h5
			{
				position: absolute;
				margin-left: 40%;
				margin-top: -40%;
			}
			#myCarousel .igs .jdb h6
			{
				position: absolute;
				margin-left: 42%;
				margin-top: -15%;
			}
			/*一加医生*/
			#myCarousel .igs .ys h5
			{
				position: absolute;
				margin-left: 40%;
				margin-top: -40%;
			}
			#myCarousel .igs .ys h6
			{
				position: absolute;
				margin-left: 42.5%;
				margin-top: -15%;
			}				
			}	
			@media screen and (max-width: 767px) and (min-width:470px) {
		    .left1
			{
				background-image: none !important;
				font-size: 60px;				
				position: absolute;
				width: 30px;				
				margin-top: 10%;
			}
		    .right1
			{
				background-image: none !important;
				font-size: 60px;
				position: absolute;
				width: 30px;
				right: -35px;
				margin-top: 10%;
			}
			/*一加加多宝*/
			#myCarousel .igs .jdb h5
			{
				width: 80px;
				height: 82px;
				background-position: 0 -412px;
				background-image: url(../img/serviceicons-scead768242.png);
				position: absolute;
				margin-left: 43%;
				margin-top: -40%;
			}
			#myCarousel .igs .jdb h6
			{
				font-size: 16px;
				color: white;
				position: absolute;
				margin-left: 43%;
				margin-top: -15%;
			}
			/*一加医生*/
			#myCarousel .igs .ys h5
			{
				width: 80px;
				height: 82px;
				background-position: 0 -1118px;
				background-image: url(../img/serviceicons-scead768242.png);
				position: absolute;
				margin-left: 45%;
				margin-top: -40%;
			}
			#myCarousel .igs .ys h6
			{
				font-size: 13px;
				color: white;
				position: absolute;
				margin-left: 45%;
				margin-top: -15%;
			}	
			}
	
        	/*<!--第四部分：售后服务，深圳，北京，退、换货，在这里可以帮到您-->*/
        	/*定义大块的样式*/
        	.part4
        	{
        		height: 650px;
        		margin-bottom: 60px;
        		background-image: url(../img/nserv-point.jpg);
        		background-size: cover;
        	}
        	@media screen and (max-width: 767px) {
        	.part4{
        			background-image: url(../img/nserv-point-m.jpg);
        		}   		
        	}
        	.part4-inner
        	{
        		padding-top: 60px;
        
        	}
        	.part4-inner h2
        	{
        		font-size: 24px;
        		font-weight: 400;
        		margin-bottom: 30px;
        		padding-bottom: 30px;
        		color: #333;
        		text-align: center;
        		position: relative;
        	}
        	.part4-inner h3
        	{
        		font-size: 16px;
        		text-align: center;
        		font-weight: 400;
        		margin-bottom: 24px;
        	}
        	.part4-inner .part4-order
        	{
        		text-align: center;
        		margin-bottom: 45px;
        	}
        	.part4-inner .part4-order button
        	{
        		text-align: center;
        		width: 150px;
        		height: 45px;
        		border: 1px solid #000;
        		font-size: 14px;
        		border-radius: 1px;
        		line-height: 0;
        		background: 0 0;       		
        	}
        	@media screen and (min-width: 767px) {	
        	.part4-inner .part4-content 
        	{
        		margin-left: 5%;
        	}
        	.part4-inner .part4-content .part4-official-channel
        	{
        		border-right: 1px solid #dfdfdf;
        	}
        	.part4-inner .part4-content .part4-official-channel,.part4-inner .part4-content .part4-unofficial-channel
        	{
        		background-color: #fff;
        		height: 330px;
        		width: 45%;
        		float: left;
        		text-align: center;
        		padding-top: 40px;
        	}
        	.part4-inner .part4-content h4
        	{
        		font-size: 18px;
        		font-weight: 400;
        		margin-bottom: 35px;
        		text-align: center;
        	}
        	.part4-inner .part4-content p
        	{
        		font-size: 14px;
        		line-height: 24px;
        		color: #999;
        		text-align: center;
        		width: 85%;
        		height: 90px;
        		/*max-width: 440px;*/
        		margin: 0 auto;
        	}
        	.part4-inner .part4-content img
        	{
        		width: 56px;
        		display: block;  /*换行:display:block;*/
        		margin: 0 auto 25px;
        	}
        	}
        	.part4-inner .part4-content a
        	{
        		font-size: 14px;
        		color: #09c;
        		display: inline-block;
        		position: relative;
        		background-color: transparent;
        		text-decoration: none;
        	}
        	.part4-inner .part4-content a:hover
        	{
        		color: red;
        	}
        	.part4-inner .part4-content a:before
        	{
        		content: '';
        		display: inline-block;
        		width: 0;
        		height: 0;
        		margin-right: 10px;
        		border-style: solid;
        		/*注:方向向哪边:border-width的参数对应的就为0;*/
        		/*css写三角形：方向向右*/
        		border-width:5px 0 5px 6px;
        		/*border-color的颜色属性一定是四个,不然会出现长方形而不是三角形*/
        		/*注:方向向哪边:border-color相反方向取颜色;*/
        		border-color:transparent transparent transparent #09c;
        		/*css写三角形：方向向上*/
        		/*border-width:0 30px 30px;*/
                /*border-style:solid;*/
                /*border-color:transparent transparent #333;/*透明 透明  灰*/
               /*css写三角形：方向向下*/
                /*border-width:30px 30px 0;*/
                /*border-style:solid;*/
                /*border-color:#333 transparent transparent;/*灰 透明 透明 */
               /*css写三角形：方向向左*/
                /*border-width:30px 30px 30px 0;
                border-style:solid;
                border-color:transparent #333 transparent transparent;/*透明 灰 透明 透明 */*/        		
        	} 
        	
        	/*小屏幕时变成轮播图*/
        	@media screen and (max-width: 767px) {     	
			#myCarousel2
			{
				background: white;
				width: 90%;
				height: 350px;
				margin-left: 5%;
			}		
			#myCarousel2 .myCarousel2-lunbocontent h4
			{
				font-size: 18px;
				font-weight: 400;
				text-align: center;
				padding-top: 30px;
			}
			#myCarousel2 .myCarousel2-lunbocontent p
			{
				font-size: 14px;
				line-height: 24px;
				color: #999;
				text-align: center;
				height: 90px;
				width: 85%;
				padding-left: 10%;
				padding-top: 30px;
			}
			#myCarousel2 .myCarousel2-lunbocontent img
			{
				width: 56px;
				display: block;
				margin: 0 auto 25px;
				padding-top: 50px;
			}
			#myCarousel2 .myCarousel2-lunbocontent a:hover
        	{
        		color: red;
        		text-decoration: none;
        	}
        	#myCarousel2 .myCarousel2-lunbocontent a
			{
				display: block;
				position: relative;
				margin-left: 35%;				
			}
			/*第三部分:小屏幕时变成轮播图*/
        	#myCarousel2 .myCarousel2-lunbocontent a:before
        	{
        		content: '';
        		display: inline-block;
        		width: 0;
        		height: 0;
        		margin-right: 10px;
        		border-style: solid;
        		border-width:5px 0 5px 6px;
        		border-color:transparent transparent transparent #09c;
        	} 
        	#myCarousel2 li.lifx
        	{
        		background: #D8DCE5;
        	}
        	.carousel-indicators
        	{
        		bottom: -5px;
        	}
        	.left11
        	{
        		margin-left: -30px;
        		margin-top: 25%;
        		color: #999999;
        	}
        	.right11
        	{
        		margin-right: -30px;
        		margin-top: 25%;
        		color: #999999;
        	}
			}			
			@media screen and (max-width: 382px) {
			#myCarousel2 .myCarousel2-lunbocontent a
			{
				margin-left: 32%;				
			}
			}
			@media screen and (min-width: 382px) and (max-width:457px) {
			#myCarousel2 .myCarousel2-lunbocontent a
			{
				margin-left: 35%;				
			}
			}
			@media screen and (min-width: 457px) and (max-width:550px) {
			#myCarousel2 .myCarousel2-lunbocontent a
			{
				margin-left: 38%;				
			}
			}
			@media screen and (min-width: 550px) and (max-width:767px) {
			#myCarousel2 .myCarousel2-lunbocontent a
			{
				margin-left: 41%;				
			}
			}
        	
        	
        	
        /*<!--第五部分:头:常见问题\请输入要搜索的内容-->
        <!--第五部分:内容:电子发票\未付款的订单会保存多久等等-->       	*/
        	/*整一大块的设置*/
        	.part5-inner
        	{
        		width: 100%;       		
        		margin: 0 auto;        		
        		background: white;
        	}
        	/*头部部分*/
        	.part5-inner .part5-head
        	{
        		height: 90px;
        		margin-bottom: 40px;
        		border-bottom: 1px solid #dfdfdf;
        		position: relative;
        		font-size: 14px;
        	}
        	.part5-inner .part5-head h2
        	{
        		font-size: 24px;
        		color: #222;
        		font-weight: 400;
        		line-height: 90px;
        		margin-left: 6%;
        		float: left;
        		position: absolute;
        		margin-top: -0.8px;
        	}
        	@media screen and (min-width: 640px) {
        	.part5-inner .part5-head form
        	{
        		float: right;
        		margin-right: 3%;
        		margin-top: 20px;
        		background: #efefef;
        	}
        	}
        	.part5-inner .part5-head form input
        	{
        		box-sizing: content-box;
        		outline: none;  /*点击input框时边框不变色*/
        	}
        	.part5-inner .part5-head form .inputtext
        	{
        		height: 50px;
        		width: 350px;
        		border: none;
        		background: #efefef;
        		float: left;
        		text-indent: 12px;  /*文本缩进12px*/
        	}
        	.part5-inner .part5-head form span
        	{
        		height: 50px;
        		width: 50px;   
        		font-size: 20px; 
        		padding-top: 4%;
        		text-align: center;  	
        	}
        	@media screen and (max-width: 640px) {
        	.part5-inner .part5-head {
        		height: 160px;
                margin-bottom: 40px;
                border-bottom: 1px solid #dfdfdf;
                position: relative;
                font-size: 14px;
            }
            .part5-inner .part5-head h2
        	{
        		font-size: 24px;
        		color: #222;
        		font-weight: 400;
        		line-height: 90px;
        		margin-left: 40%;
        		
        	}
        	.part5-inner .part5-head form .inputtext
        	{
        		position: relative;
        		width: 75%;
        		left: 15%;
        		margin-top: 18%;
        	}
        	.part5-inner .part5-head form span
        	{       		
        		left: 4.5%;
        		margin-top: 18%;
        	}
        	}
        	/*第二部分:问题那部分-- 电子发票 未付款的订单会保存多久*/
        	.part5-inner ul
        	{
        		width: 100%;
        		margin-bottom: 30px;
        		list-style: none;
        	}
        	.part5-inner ul li
        	{
        		line-height: 50px;  /*增加上下的距离*/
        		cursor: pointer;
        	}
        	.part5-inner ul li a
        	{
        		color: #666;
        	}
        	/*用css画小三角形*/
        	.lookquestion
        	{
        		margin-left: 45px;
        	}
        	.lookquestion a:before
        	{
        		content: '';
        		display: inline-block;
        		width: 0;
        		height: 0;
        		margin-right: 10px;
        		border-style: solid;
        		/*border-color: transparent grey transparent transparent;*/
        		border-color:transparent transparent transparent #09c;
        		border-width: 5px 0 5px 6px;       		
        	}
        	.lookquestion a:hover
        	{
        		color: blue;       		
        	}

        /*<!--第七部分：联系我们，微信，qq，微博，电话-->*/			        
        	.part7-contact
        	{
        		height: 400px;
        		padding-top: 100px;
        		margin-top: 50px;
        		background: url(../img/contactusbg.jpg);
        		background-size: cover;
        		color: #fff;
        	}
        	@media screen and (max-width: 767px) {
            .part7-contact
        	{
        		height: 528px;
        		padding-top: 60px;
        		background: url(../img/contactusbg-small.jpg);
        	}
        	.part7-contact ul li
        	{
        		padding-top: 50px;	
        	}
        	}
        	.part7-contact h2
        	{
        		height: 60px;
        		font-size: 24px;
        		font-weight: 400;
        		text-align: center;
        		position: relative;
        		margin-bottom: 30px;
        	}
        	.part7-contact h2:after
        	{
        		content: "";
        		/*display: block;*/
        		width: 40px;
        		height: 1px;
        		/*overflow: hidden;*/
        		background: #fff;
        		position: absolute;
        		bottom: 0;
        		left: 50%;
        		margin-left: -20px;
        	}
        	.part7-contact ul
        	{
        		width: 100%;
        		height: 104px;
        		text-align: center;
        		list-style: none;
        	}
        	.part7-contact ul li
        	{
        		text-align: center;
        		font-size: 16px;
        		display: inline-block;
        		color: #fff;	
        	}
        	.part7-contact ul li a
        	{
        		display: inline-block;
        		color: white;
        	}
        	.part7-contact ul li a:hover
        	{
        		text-decoration: none;
        	}
        	.part7-contact ul li span
        	{
        		display: block;
        		margin: 0 auto 28px;
        	}
        	/*微信部分*/
        	.part7-contact ul li.wetchat span
        	{
        		background-position: 0 -998px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	.part7-contact ul .wetchat:hover span
        	{
        		background-position: 0 -1058px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	/*QQ部分*/
        	.part7-contact ul li.QQ span
        	{
        		background-position: 0 -638px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	.part7-contact ul .QQ:hover span
        	{
        		background-position: 0 -698px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	/*微博部分*/
        	.part7-contact ul li.microblog span
        	{
        		background-position: 0 -758px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	.part7-contact ul .microblog:hover span
        	{
        		background-position: 0 -818px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
       	
        	/*电话部分*/
        	.part7-contact ul li.phone span
        	{
        		background-position: 0 -878px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}
        	.part7-contact ul .phone:hover span
        	{
        		background-position: 0 -938px;
        		background-image: url(../img/serviceicons-scead768242.png);
        		height: 60px;
        		width: 60px;
        	}



/*第六部分:关于部分 样式*/
.part6 .footer ul li
{
    list-style: none;

}
.part6 .footer a:hover
{
    text-decoration: none;
}
/*第六部分：一加产品、关于一加、服务支持、底部phone部分*/
/*大屏幕时*/
@media screen and (min-width:767px ) { 
	/*第六部分:关于部分浮动*/  		
    .part6 .footer
    {
        float: left;
        margin: 3% 0 0 10%;
    }
    .part6 .footer span
    {
        font-size: 20px;
        color: #333;
    }
    .part6 .footer ul li a
    {
        line-height: 30px;
        font-size: 14px;
        color: #666;
    }
    .part6 .footer ul
    {
        position: absolute;
        margin-left: -2.8%;
        margin-top: 2%;
    }
    .part6 .footerphone
    {
    	
        position:absolute;
        padding-left: 63%;
    }
    .part6 .footer .footer-phone font
    {
        display: none;
    }
    .part6 .footer .footer-phone a
    {
        font-size: 3.3rem;
        color: #666;
        white-space: nowrap;
    }
    .part6 .footer button
    {
        background: white;
        border: 1px solid grey;       		   
        height: 50px;
        display: block;
        border-radius: 0;
        font-size: 14px;
    }
    .part6 .footer .btn a
    {
        color: #999;
        width: 165px;
        display: block;
    }
}
/*第六部分：一加产品、关于一加、服务支持、底部phone部分*/
/*底部phone部分*/
/*小屏幕时*/
@media screen and (max-width:767px ) {
    .part6 .footer .footer-phone a
    {
        color: blue;
    }
    .part6 .footer span
    {
        display: block;
        line-height: 50px;
        padding: 10px;
        padding-left: 5%;
        border-top: 1px solid #f1f1f1;
    }
    .part6 .footer span h4
    {
    	color: #AAAAAA;
    }
    .part6 .footer ul
    {
        border-top: 1px solid #f1f1f1;
    }
    .part6 .footer button
    {
        background: white;
        border: 1px solid grey;	
        width: 96%;	    
        height: 45px;
        border-radius: 0;
        border: 1px solid #000;
        padding: 0;       		    
        font-size: 14px;
        margin-left:2%;
    }
    .part6 .footer .btn a
    {
        color: #999;
    }
    .row61
    {
    	display: none;
    }
    .row61 li
    {
    	padding-top: 2%;
    }
    .row61 li a
    {
    	color: #999;
    }
}
/*<!--最底部-->*/
        	.footer-bottom
        	{
        		position: relative;
        		margin-top: 25.6%;
        		background: #f2f2f2;
        		padding: 50px 0 0;
        		color: #333;
        	}
        	.footer-bottom a
        	{
        		text-decoration: none;
        		color: #10181f;
        	}
        	.icon-local
        	{
        		margin-top: 20px;
        		margin-right: 20px;
        		float: right;
        	}
        	.icon-legal
        	{
        		padding-bottom: 20px;
        		font-size: 12px;
                color: #969696; 
                padding-left:25px;
        	}
        	.icon-kx,.icon-smrz
        	{
        		bottom: -9px;
        		margin-left: 20px;
        	}
        	.icon-beian
        	{
        		margin-top: 10px;
        		display: block;
        	}
        	@media screen and (max-width: 767px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -55%;
        		    margin-left: 60%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (max-width: 300px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -75%;
        		    margin-left: 59%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (min-width:300px) and (max-width: 388px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -69%;
        		    margin-left: 48%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (min-width:388px) and (max-width: 440px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -62%;
        		    margin-left: 54%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (min-width:514px) and (max-width: 582px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -53%;
        		    margin-left: 62%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (min-width:582px) and (max-width: 666px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -50%;
        		    margin-left: 67%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}
        	@media screen and (min-width:666px) and (max-width: 760px) {
        		.icon-local
        	    {
        	    	position: absolute;
        		    margin-top: -45%;
        		    margin-left: 70%;
        		    font-size: 14px;
        		    line-height: 1;
        	    }
        	}