/*css初始化开始*/
        body {
        	
        }
		* {
			margin: 0;
			padding: 0;
		}
		li {
			list-style: none;
		}
		.clearfix:before, .clearfix:after {    /*清除浮动*/
			display: table;
			counter:"";
		}
		.clearfix:after {
			clear:both;
		}
		.clearfix {
			*zoom: 1;
		}
		.container {
			width: 1228px;
			margin: 0 auto;
		}
		/*css初始化结束*/
		input {
			outline:none; 
			border: 0;    /* 清除初始边框*/
			box-sizing: border-box;    /*css3盒模型 可将 border和padding包含到width里面*/
		}
		header {
			height: 40px;
			background: #333333;
			overflow: hidden;

		}
		nav {
			width: 1230px;
			height: 14px;
			/*background: #3c3c3c;*/
			margin: 14px auto;
		}
		.navbar {
			font-size: 12px;
			color: #b0b0b0;
            display: inline-block;
            float: left;
		}
		.navbar li {
			float: left;
			line-height: 14px;
		}
		.seb {
			    margin: 0 .5em;
                color: #424242;
                float: left;
		}
		 a {
			color: #b0b0b0;
			text-decoration: none;
		}
		a:hover{
			color: #fff;
		}
		.navbar02 {
			width: 275px;
			height: 40px;			
			float: right;
			line-height: 14px;
		}
		.navbar02 ul {
			 width: 150px;
			 font-size: 12px;
			 display: inline-block;

		}
		.navbar02 li {
			 font-size: 12px;
			 display: inline-block;
		}
		.seb02 {
			    margin: 0 .5em;
                color: #424242;            
		}
		.gouwc {
			width: 120px;  
			height: 40px;
			color: #b0b0b0;
			background-color: #424242;
			float: right;
			font-size: 12px;
			line-height: 45px;
			margin: -15px auto;		
		    text-align: center;
		}
		.gouwc img {
			width: 20px;
			height: 16px;
			padding-right: 5px;			
		}
		.navbar02 .gouwc:hover {
			background-image: url(images/a2.png);
			background-color: #ffffff;
			color: #ff6700;
		}
		/*中间导航*/
		.site-header {
			height: 100px;
			/*background-color: #3c3c3c;*/
			overflow: hidden;
		}
		
		.site-pic {
			width: 1228px;
			height: 67px;
			/*background-color:red;*/
			margin: 15px auto;
			line-height: 15px;
		}
		.site-img {
			float: left;
			padding-left: 10px;
		}
		.sit01 {
			width: 55px;
			height: 55px;
			float: left;
            margin-top: 5px;
            background-color:red;
            background: url(../images/p1.png) ;
		}
		.navbarer {
			float: left;
			height: 16px;
		}
		.navbarer li {
			float: left;
			padding: 10px;
		    line-height: 50px;
		}
		.navbarer li a:hover {
			color: #ff6700;
		}
		/*搜索框部分*/
		.search {
			height: 48px;
			width: 295px;
			/*background-color: pink;*/
			float: right;
			margin:10px auto;
			border: 1px solid #e0e0e0;
		}
		.search input[type=text] {
			
			height: 48px;
			width: 243px;
			padding-left: 20px;
			float: left; /*清除行内块级元素之间的缝隙*/
			border-right: 1px solid #e0e0e0;
		}
		.search input[type=submit] {
			
			height: 48px;
			width: 52px;			
			float: left;    /*清除行内块级元素之间的缝隙*/
			background:  #ffffff url(../images/a4.png) center center no-repeat;
			transition: all 0.2s;
		}
		.search input[type=text]:hover {

			border-right: 1px solid #bcbcbc;

		}		

		.search input[type=text]:focus {

			border: 1px solid #ff6700;

		}
		.search:hover {
			border: 1px solid #bcbcbc;
		}
		.search input[type=submit]:hover {
			background:  url(../images/a5.png) center center no-repeat;
			border: 8px solid #ff6700;

		}
		/*banner图片区域开始*/
		.banner {
			height: 460px;			
			background-color: #dd3e21;
			background: url(../images/a6.jpg) 0 0 no-repeat;
			background-size:100% 100%; /*图片大小自适应*/
			position: relative; /*父相*/
		}
		/*侧边栏*/
		.banner-aside {
			width: 235px;
			height: 460px;
			background: rgba(0, 0, 0, 0.5);
		}
		 .banner-aside ul li a {
		 	color: #fff;
		 	font-size: 14px;
		 	padding: 0 30px;
		 	display: block;
		 	line-height: 46px;

		 }
		 .banner-aside  li a span {
		 	float: right;
		 }
		 .banner-aside  li a:hover {
		 	background-color: #ff6700;
		 }
		 /*banner 小圆点部分*/
		 .circle {
		 	width: 180px;
		 	height: 22px;
		 	position: absolute;
		 	bottom: 20px;
		 	right: 30px;
		 }
		 .circle li {
		 	float: left;
		 	width: 12px;
		 	height: 12px;
		 	background-color: rgba(225, 225, 225, 0.3);
		 	margin: 6px 8px;
		 	border-radius: 50%;
		 }
		 .circle li:first-child {
		 	width: 19px;
		 	border-radius: 7px;
		 	background-color: #fff;
		 }
		 .banner-footer {
		 	margin-top: 15px;
		 	height: 170px;
		 }
		 /*banner 广告位底部图片*/
		 .bafter-bd {
		 	float: left;
		 	width: 235px;
		 	height: 170px;
		 	background-color: #5f5750;
		 	margin-top: 10px;
		 }
		 .bafter-bd ul {
		      padding-left: 7px;
              padding-top: 2px;

      	 }
		 .bafter-bd li {
            float: left;
            width: 75px;
            height: 84px;
           
      	 }
		 .bafter-bd li {
		 	width: 75px;
		 	height: 84px;
		 	overflow: hidden;
		 }
		 /*banner图片区域结束*/
		 /*广告位底部-左边广告 开始*/
		 .icon { /*公共类*/
		 	float: left;
            width: 75px;
            height: 84px;
		 }
		 .icon01 a {
		 	background:  #ffffff url(../images/a8_07.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon02 a {
		 	background:  #ffffff url(../images/a8_08.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon03 a{
		 	background:  #ffffff url(../images/a8_09.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon04 a{
		 	background:  #ffffff url(../images/a8_12.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon05 a{
		 	background:  #ffffff url(../images/a8_13.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon06 a{
		 	background:  #ffffff url(../images/a8_14.png) center center no-repeat;
		 	background-size: 100%;
		 	background-color: #5f5750;
		 }
		 .icon01 a:hover{
		 	background:  url(../images/a9.png) center center no-repeat;
		 	background-size: 100%;

		 }
		 .icon02 a:hover{
		 	background:  url(../images/a91.png) center center no-repeat;
		 	background-size: 100%;

		 }		 
		 .icon03 a:hover{
		 	background:  url(../images/a92.png) center center no-repeat;
		 	background-size: 100%;

		 }
		 .icon04 a:hover{
		 	background:  url(../images/a93.png) center center no-repeat;
		 	background-size: 100%;

		 }
		 .icon05 a:hover{
		 	background:  url(../images/a94.png) center center no-repeat;
		 	background-size: 100%;

		 }
		 .icon06 a:hover{
		 	background:  url(../images/a95.png) center center no-repeat;
		 	background-size: 100%;

		 }	
		/* 广告位底部-左边广告 结束 */
		/* 广告位底部-右边广告 开始 */
		.bafter-right {
			float: right;
			width: 993px;
		 	height: 170px;
		 	margin-top: 10px;

		}
		.bafter-right ul {
			float: right;
		}
		.bafter-right li {
            float: left;
            width: 314px;
            height: 170px;
            margin-left: 17px;
            overflow: hidden;
		}
		.migou {
			height: 385px;
			margin-top: 55px;
		}

		 .bafter-hd {
		 	height: 40px;
		 	background-color: #fff;

		 }
		 .bafter-hd h4 {
		 	float: left;
		 	color: #333;
		 	font-size: 22px;
            font-weight: 200;
		 }
		 .bafter-hd a {
		 	float: right;
		 	font-size: 12px;
		 	margin-top: 10px;
		 	margin-right: 30px;
		 }
		 .bafter-hd li {
		 	margin-top: 5px;
			float: right;
	        width: 33px;
            height: 21px;
			border: 1px solid #e0e0e0;	
		}
		.bafter-hd li:first-child {
		
			border-left: 0px solid #e0e0e0;
		}
		.bafter-hd li a:hover {
			color: #ff6700;
		}
		.bafter-hd li a {
             margin-right: 9px;
             font-size: 18px;
             line-height: 0px;     
		}
		.migou-bd {
			height: 344px;
			
		}
		/* 广告位底部-右边广告 结束 */
		 /*<!-- 小米闪购开始 -->*/	
		.migou-bd li {
			width: 231px;
			height: 344px;
			float: left;
			margin: 0 9px;
			background-color: #fafafa;
			/*box-shadow: 0 2px 2px rgba(0,0,0,0.3);*/
			position: relative;
			transition: all 0.5s;
		}
		.migou-bd li:hover {
            margin-top: -10px;
			box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		}
/*			.migou-bd li:hover::before { /*伪元素选择器 鼠标经过显示边框
			content: "";
			width: 231px;
			height: 346px;
			border: 5px solid rgba(0,0,0,0.1);
			/*box-sizing: border-box;*/  /*将边框尺寸计入width中
		position: absolute;
			top: 0;
			left: 0;
*/

		} 
		.migou-jian {
			width: 64px;
			height: 20px;
			position: absolute;
			top: 2px;
            left: 84px;
            background: url(../images/pp.png) no-repeat 0 -72px;
		}
		.migou-jian01 {
			width: 64px;
			height: 20px;
			background-color: red;
			position: absolute;
			top: 2px;
            left: 82px;
            background: url(../images/pp.png) no-repeat 0 -111px;

		}


		.migou-bd li:first-child {
			margin-left: 0px;

		}
		.migou-bd li:last-child {
			margin-right: -1px;
		}
		.bd-pic a img{
			width: 231px;
			height: 344px;
			float: left;
			margin-right: 16px;
			box-shadow: 0 2px 2px rgba(0,0,0,0.3);
			
		}
		.migou-bd img {
			width: 231px;
			height: 225px;
		}
		.migou-bd h5 {
			font-weight: 400;
			text-align: center;
		}
		.migou-bd h5 a {
            
            width: 174px;
            font-size: 14px;
            color: #202020;
            padding-left: 30px;
            line-height: 14px;
            display: block;
            margin-bottom: -4px;
            margin-top: 20px;
		}
		.migou-bd li p {
			   width: 200px;
               height: 21px;
               font-size: 14px;
               color: #adadad;
               overflow: hidden;
               text-overflow :ellipsis;
                white-space: nowrap;
               padding-left: 19px;
               padding-top: 10px;
               text-align: center;
		}
		.migou-span {
			 text-decoration:none!important;
			color: #fa6509;
			text-align: center;
		}

		/*<!-- 黑鲨游戏手机 开始 -->*/
		.heisha {
			height: 120px;
			margin-top: 45px;
		}
       /*<!-- 黑鲨游戏手机 结束 -->*/
       .f5-bd {
       	     height: 1610px;

       	     background: #f5f5f5;
       	     margin-top: 45px;
       }
       .shouji-hd {
       	    width: 1228px;
       	    margin: 0 auto;
       	    padding-top: 37px;
		 	height: 40px;
		 	background-color:#f5f5f5;
		 }
		 .shouji-hd h4 {
		 	float: left;
		 	color: #333;
		 	font-size: 22px;
            font-weight: 200;
		 }	
		.shouji-hd  p {
		 	float: right;
		 	font-size: 16px;
		 	margin-top: 10px;

		 }
		 .shouji-hd a {
             width: 89px;
             float: left;
             line-height: 17px;
             color: #333;
		 }	 
		 .shouji-hd i {
            width: 12px;
            padding: 4px;
            border-radius: 16px;
            font-size: 12px;
            line-height: 12px;
            background: #b0b0b0;
            color: #fff;
            text-align: center;
            display: block;
            float: right;
		 }
		 .shouji-hd a:hover {
		 	color: #ff6700 ;
		 	

		 }
		 .shouji-hd i:hover {
		 	background-color: #ff6700 ;
		 }
		  /*手机广告位*/
		  .shouji-banner {
		  
            height: 612px; 
		  }
		  .shouji-aside {
		  	float: left;
		  	width: 235px;
		  	 height: 615px; 
		  	
		  }
		  .shouji-top {
            float: left;
		  	width: 993px;
		  	height: 614px;
		  	

		  }
		  .shouji-top li {
		  	float: left;
		  	width: 233px;
		  	height: 300px;
		  	margin-left: 15px;
		  	overflow: hidden;
            background-color: #ffffff;
		  }
		  .shouji-top li:hover {
            margin-top: -5px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;

		  }
		  .shouji-top ul li:nth-child(1) {
		  	margin-left: 16px;
		  }
		  .shouji-top ul li:nth-child(5) {
		  	margin-left: 16px;
		  	margin-top: 14px;
		  }
		  .shouji-top ul li:nth-child(5):hover {
            margin-top: 7px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		  }

		  .shouji-top ul li:nth-child(6) {
		  	margin-top: 14px;
		  }
		  .shouji-top ul li:nth-child(6):hover {
            margin-top: 7px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		  }
		  .shouji-top ul li:nth-child(7) {
		     margin-top: 14px;
		  }
		  .shouji-top ul li:nth-child(7):hover {
            margin-top: 7px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		  }
		  .shouji-top ul li:nth-child(8) {
		  	margin-top: 14px;
		  }
		  .shouji-top ul li:nth-child(8):hover {
            margin-top: 7px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		  }
		  .shouji-top h5 a {
		  	color: #333;
		  }
		  .shouji-top h5 {
		   margin-top: 5px;
		   font-size: 14px;
           font-weight: 400;
           text-align: center;
           color: #333;
		  }
		  .shouji-top p {
		  	 margin: 0 10px 15px;
             height: 18px;
             font-size: 12px;
             text-align: center;
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
             color: #b0b0b0;
		  }
		  .shouji-top p:last-child {
		  	font-size: 16px;
		  }
		  /*小米电视*/
		  .mi-pic-tv {
		  	height: 120px;
            margin-top: 45px;
		  }
		  .mi-tv {
		  	height: 655px;
		  	/*background-color: red;*/

		  }
		  .box-hd {
		  	height: 40px;
		  	margin-top: 45px;
		  }
		  .box-hd h2 {
		  	font-weight: 200;
		  	float: left;
		  	font-size: 22px;
		  }
		  .box-hd li {
		  	margin-top: 5px;
		  	float: right;
		  	padding: 0 15px;
		  	font-size: 16px;
		  }
		  .box-hd li:first-child {
		  	padding-right: 0px;
		  }
		  .box-hd li a {
		  	color: #333;
		  }
		  .box-hd li a:hover {
		  	color:  #ff6700;
		  	border-bottom: 2px solid #ff6700;

		  }
		  .box-bd {
		  	height: 615px;
		  }
		  .box-bd-top {
		  	height: 300px;
		  }
		  .box-bd-top li {
		  	float: left;
		  	width: 234px;
		  	height: 300px;
		  	display: inline-block;
		  	margin-left: 14px;
		  	overflow: hidden;
		  	background-color: #ffffff;
		  	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
		  }
		  .box-bd-top li:hover {
            margin-top: -5px;
            box-shadow: 0 10px 5px rgba(0,0,0,0.3);
			position: relative;
			transition: all 0.5s;
		  }
		  .box-bd-top li:first-child {
		  	margin-left: 0px;
		  }
		   .box-bd-top h5 a {
		  	color: #333;
		  }
		  .box-bd-top h5 {
		   margin-top: 5px;
		   font-size: 14px;
           font-weight: 400;
           text-align: center;
           color: #333;
		  }
		  .box-bd-top p {
		  	 margin: 0 10px 15px;
             height: 18px;
             font-size: 12px;
             text-align: center;
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
             color: #b0b0b0;
		  }
		  .box-bd-top p:last-child {
		  	font-size: 16px;
		  }
		 .box-bd-bottom {
		   height: 300px;
		   margin-top: 15px;

		 }
		 .box-bd-r {
		  	float: right;
		  	width: 234px;
		  	height: 300px;
		 }
		 .box-bd-r ul li {
		 	height: 143px;
		    margin: 0;
            margin-bottom: 14px;
		 	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
		 }
		 .box-bd-r li img {
		 	float: right;
		 }
		 .box-bd-r h5 {
		    margin-top: 38px;
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            color: #333;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
		 }
		 .box-bd-r li:last-child h5 {
          font-size: 18px;
          color: #333;
		 }
		 .box-bd-r li:last-child p {
		 	font-size: 12px;
		 	margin-left: -23px;
            color: #757575;
		 }
		 .body-pos {
		 	width: 28px;
		 	height: 167px;
		 	position: fixed;
		 	top: 50%;
		 	margin-top: -81px;
		 	right: 25px;

		 }

		 .body-pos li {
            margin-bottom: -10px;
            height: 40px;
            background-color: #fff;
            border: 1px solid #f5f5f5;
            border-bottom: 0px;
            
	     }
	     .body-pos-img04 {
	     	border-bottom: 1px solid #f5f5f5!important;
	     }

		 .body-pos-img01 {
		 	background: url(../images/h31.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
            position: relative;
		 }
		 .body-pos-img01:hover {
		 	background: url(../images/h3.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
            background-color: #fff;
/*            display: block;*/
		 }
		 .body-pos-img02 {
		 	background: url(../images/h21.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
		 }
		 .body-pos-img02:hover {
		 	margin-top: 0px;
		 	background: url(../images/h2.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
            background-color: #fff;


		 }
		 .body-pos-img03 {
		 	background: url(../images/h1.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
		 }
		 .body-pos-img03:hover {
		 	background: url(../images/h11.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
            background-color: #fff;
		 }
		 .body-pos-img04 {
		 	background: url(../images/h41.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
		 }
		 .body-pos-img04:hover {

		 	background: url(../images/h4.png) center center no-repeat;
		 	background-size: 19px 19px;
            margin-top: 10px;
            background-color: #fff;
        
		 }
		 .my-card {
		 	width: 130px;
		 	height: 185px;
		 	text-align: center;
		 	background-color: skyblue;
		    position:fixed;
		 	top: 0px;
		 	right: 50px;	
		 	display: none;
		 }
		 .my-card img {
		 	width: 98px;
		 	height: 98px;
		 	margin-top: 23px;
		 	 
		 }
		 .body-pos-img01 ul :hover img {
		 	display: block;
		 	background-color: red;
		 }
		 /*底部菜单*/
		 .footer {
		 	height: 304px;
		 	/*background-color: red;*/
		 	margin-top: 60px;

		 }
		 .footer-top {
		 	height: 80px;
		 	/*background-color: pink;*/
		 	border-bottom: 1px solid #e0e0e0;
		 }
		 .footer-top li {
		 	float: left;
            width: 19.8%;
            height: 25px;
            border-left: 1px solid #e0e0e0;
            font-size: 16px;
            line-height: 25px;
            text-align: center;
            margin-top: 30px;
		 }
		 .footer-top li a {
		 	color: #757575
		 }
		 .footer-top li a:hover {
		 	color: #ff6700;
		 }
		 .footer-bd {
		 	height: 192px;
		 	/*background-color: skyblue;*/
		 }
		 .footer-bd dl {
		 	float: left;
		 	width: 160px;
		 	height: 112px;
		 	/*background-color: pink;*/
		 	margin: 40px 0;
		 	 margin-left: 32px;
		 }
		 .footer-bd dt {
		 	margin: -1px 0 26px;
            font-size: 14px;
            line-height: 1.25;
            color: #424242;
		 }
		 .footer-bd dd {
		 	color: #757575;
		 	font-size: 12px;
		 	margin: 10px 0;
		 }
		 .footer-bd dd a:hover {
		 	color: #ff6700; 
		 }
		 .footer-r {
		 	margin: 40px 0;
		 	float: right;
		 	width: 250px;
		 	height: 110px;
		 	/*background-color: pink;*/
		    border-left: 1px solid #e0e0e0;
            text-align: center;
            color: #616161;

		 }
		 .footer-r p {
		 	margin-top: 5px;
		   font-size: 22px;
           line-height: 1;
           color: #ff6700;
		 }
		 .footer-r p:nth-child(2) {
            margin-top: 6px;
            font-size: 12px;
            color: #616161;
            line-height: 16px;
		 }
		 .footer-r a {
		 	display: inline-block;
		    width: 118px;
            height: 28px;
            font-size: 12px;
            line-height: 28px;
		 	margin-top: 15px;
		 	color: #ff6700; 
		 	border: 1px solid #ff6700 ;
		 }
		 .footer-r a:hover {
		 	background-color: #ff6700 ;
		 	color: #fff;
		 }
		 .footer-main {
		 	height: 30px;
		 	text-align: center;
		 	background: #333333;
		 	font-size: 12px;
		 	color: #ccc;
		 	line-height: 30px;
		 }