@font-face {
    font-family: 'AlienwareRegular';
    src: url('AlienwareRegular.eot');
    
    src: url('AlienwareRegular.eot') format('embedded-opentype'),
         url('AlienwareRegular.woff2') format('woff2'),
         url('AlienwareRegular.woff') format('woff'),
         url('AlienwareRegular.ttf') format('truetype'),
         url('AlienwareRegular.svg#AlienwareRegular') format('svg');
}


body{padding:0; margin:0;background:#222;font-family: AlienwareRegular,'roboto',Arial,Helvetica,sans-serif;}
p,li,ul,h2,h3,h4,dl,dt{padding:0; margin:0; list-style:none;}
.black{background:#fff}
a{text-decoration:none;}
a img{display:block;border:none;}

.intel-logo{background:#eee;margin:0 auto;text-align:right;}


.app{max-width:1920px ; margin:0 auto;}
.wrap{width:1200px ;clear: both; margin:0 auto;}
.winintel{color:#333;padding:10px 0; height:70px;}
.winintel .wrap{text-align:right;}


.banner{height:760px;position:relative;}
.banner a{cursor:pointer}

.banner .bottom{position: absolute;bottom: 0;left: 50%;margin-left:-600px;width:1200px;height:160px;background:url(top.jpg) no-repeat 0 center;}

.banner ul{width:1200px;height:160px;background:url(top-selected.png) no-repeat 0 0;}
.banner ul.s0{background-position:39px center;}
.banner ul.s1{background-position:250px center;}
.banner ul.s2{background-position:460px center;}
.banner ul.s3{background-position:668px center;}
.banner ul.s4{background-position:877px center;}
.banner ul.s5{background-position:1088px center;}
.banner ul li{float:left;}
.banner ul a{width:200px;height:160px;display:block;}
.banner ul a span{display:block;width:100%;height:90px;margin-top:20px;}
.banner ul li.s1 a span{background:url(top.jpg) no-repeat 0 0;}
.banner ul li.s2 a span{background:url(top.jpg) no-repeat -200px 0;}
.banner ul li.s3 a span{background:url(top.jpg) no-repeat -400px 0;}
.banner ul li.s4 a span{background:url(top.jpg) no-repeat -600px 0;}
.banner ul li.s5 a span{background:url(top.jpg) no-repeat -800px 0;}
.banner ul li.s6 a span{background:url(top.jpg) no-repeat -1000px 0;}

/*
.banner ul{position: absolute;bottom: 0;left: 50%;margin-left:-500px;}
.banner ul li{padding:0 0;float:left;background:url(t.jpg) no-repeat right center;}
.banner ul li.no{background:none;}
.banner ul a{color:#919191;font-size:16px;display:block;text-align:center;width:200px;height:52px;line-height:52px;}
.banner ul a span{padding-bottom:5px;}
.banner ul a.s{color:#fff}
.banner ul a.s span{background:url(arrow.png) repeat-x 0 bottom;}
*/

.banner-1{background:url(banner-1.jpg) no-repeat center center;height:600px;}
.banner-2{background:url(banner-2.jpg) no-repeat center center;height:600px;}
.banner-3{background:url(banner-3.jpg) no-repeat center center;height:600px;}
.banner-4{background:url(banner-4.jpg) no-repeat center center;height:600px;}
.banner-5{background:url(banner-5.jpg) no-repeat center center;height:600px;}
.banner-6{background:url(banner-6.jpg) no-repeat center center;height:600px;}

.box{background:url(box_bd.jpg) no-repeat center center;height:220px;}
.box.exclusive{background:url(box_exclusive.jpg) no-repeat center center;}
.box .wrap{position:relative;height:220px;}
.box .wrap a{position:absolute;left:0;top:59px;}

.wen{font-size:14px;color:#dfdfdf;height:32px;}
.inner{height:1px;width:1200px;position:relative;margin:0 auto;z-index:19;}
.inner a{position:absolute;left:924px;top:776px;}

.videos{overflow:hidden;height:280px;margin:0 0 0 0;}
.videos .wrap{width:999px;}
.video-1{float:left;}
.video-2{float:right;}

.videos2{overflow:hidden;height:321px;margin:0 0 0 0; margin-bottom: 14px;}
.videos2 .wrap{width:999px;}
.video-1{float:left;}
.video-2{float:right;}
.videos2 .swiper-container{  height: 321px;}
.event-4-2{ background: url(event-4-2.jpg) no-repeat;}
.videos3{width: 592px; overflow:hidden;height:658px;margin:0 0 0 0; margin-bottom: 15px;}
.videos3 .wrap{width:999px;}
.video-1{float:left;}
.video-2{float:right;}
.videos3 .swiper-container{  height: 658px;}



.events .right{ width: 598px;}

.cats{clear:both;overflow:hidden}
.cat-1,.cat-4{background:url(cat-1.jpg) no-repeat center center;height:400px;}
.cat-2{background:url(cat-2.jpg) no-repeat center center;height:400px;}
.cat-0,.cat-3{background:url(cat-3.jpg) no-repeat center center;height:400px;}
.cats-inner{position:relative;width:860px;margin:0 auto;}
.cats-inner ul{width:468px;position:absolute;left:50%;bottom:10px;margin-left:-234px;z-index:999}
.cats-inner ul li{color:#fff;width:152px;height:32px;line-height:32px;text-align:center;background:#2E2C2D;float:left;margin:0 2px;font-size:14px;cursor:pointer}
.cats-inner ul li.selected{color:#444;background:#B4B4B4;}
.cat-prev,.cat-next{display:block;width:140px;height:400px;background:url(arrow-cat.png) no-repeat 25px center;position:absolute;top:0;z-index:2;cursor:pointer;}
.cat-prev{left:-140px;}
.cat-next{right:-140px;background-position:-302px center;}

.box{background:url(BOX.jpg) no-repeat center center;height:406px;}

.list{padding:50px 0 30px 0;overflow: hidden;clear: both;}
.list ul{width:600px;margin:0 auto;}
.list ul li{float:left;width:200px;height:90px;font-size:28px;text-align:center;color:#7e7e7e;cursor:pointer}
.list ul li.select{color:#000;}
.ls{clear:both;}
.ls .wrap{width:1200px;}
.item{width:400px;margin:0 0 40px 0;float:left;overflow:hidden; position: relative;}
.item .icon{height:36px; padding-left: 15px;}
.item .config{width:370px;margin:0 auto;}
.item h3{color:#dfdfdf;font-size:14px;font-weight:normal;padding-top:10px;line-height:150%;}
.item h2{color:#2d2d2d;font-size:28px;font-weight:normal;padding:5px 0;line-height:100%;}
.item h4{color:#ccc;font-size:16px;font-weight:normal;}
.item h4 img{vertical-align:top}
.meng{position: absolute; left: 0;top: 0; bottom: 0; right: 0;background: rgba(0,0,0,.5);}
.meng img{position: absolute; left: 0;top: 0; bottom: 0; right: 0; margin: auto;}



.two12{font-size:14px;}




.te.item{position:relative ;}
.te.item .price{height: 60px;}
.te.item .price:nth-of-type(2){position: absolute; bottom: 44px; left: 20px;}

.price{font-size:24px;color:#ce1125;padding:20px 0;overflow:hidden;position:relative ;  float: left;}
.lapstop-5 .price{padding:20px 0 0 0;}
.price.two{padding:0;}
.price.two div{    position: relative;}
.price.two strong{    position: absolute;   left: 0;    bottom: -15px;    color: #dfdfdf;    width: 150px;    font-size: 12px;}

.lapstop-5 .price.two{padding:0 0 20px 0;}
.price del{color:#666;font-size:16px;padding:0 10px;}
.gift{padding-bottom:20px;}
.price div {float:left;}
.buy {padding:5px 0; float: left; padding:20px 0; height: 34px;}
.buy a{float:left;margin-right:20px;font-size:14px;color:#dfdfdf;}
.buy img{ padding-top: 3px;}


#bundleDT .item .image{height: 340px;}



.more {background:url(more.jpg) no-repeat center center;height:500px;}
.more a{display:block;}

.events{margin:50px 0;overflow:hidden;padding:10px 0;}
.events .wrap{width:1200px;}
.events .left {float:left;}
.events .left li{margin-bottom:15px;}
.events .right {float:right}
.events .right li{margin-bottom:14px;}

.banner ul a span,.events .swiper-slide,.events li,.item.middle{-webkit-transition: all .2s; -moz-transition: all .2s;-ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.events .swiper-slide:hover,.events li:hover{transform: scale(1.01);z-index:5}
.banner ul a:hover span{transform: scale(1.02);z-index:5}
.events .right lix.e:hover{box-shadow:0px 0px 15px #eee;transform: translate3d(5px, -2px, 0);z-index:5}


.banner .swiper-slide{position: relative;}
.banner .swiper-slide div{width:1200px;position: absolute;left:50%;top:0;height:100%;margin-left:-600px}
.banner .swiper-slide div a{position: absolute; left:0;top:0;z-index:11;width:100%;height:100%;}
.banner .swiper-slide div a.chat{z-index:22;width:300px;height:70px;}

.popup-bg{position: fixed; top: 0;left:0;right:0;bottom:0;height:100%;width:100%; z-index: 999; background:rgba(0,0,0,0.8);display:none;}
.popup-close{position:absolute;top:16px;right:-45px;width:45px;height:45px;background:url(fclose.png) no-repeat 0px 0px;cursor:pointer;z-index:1103;display:block;}
.popup-image{width:800px;height:570px;position:absolute;left:50%;top:50%;margin:-285px 0 0 -400px;    background-color: #fff;    -webkit-background-clip: content;    box-shadow: 1px 1px 50px rgba(0,0,0,.3);    border-radius: 2px;}
.popup-image .video-c{width:800px;height:570px;}


@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  animation-duration:1s;animation-fill-mode:both
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  animation-duration:1s;animation-fill-mode:both
}


.swiper-container {
	margin:0 auto;
	width:100%;
	height: 600px;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	height: 600px;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:15px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background:url(//odg.dell-brand.com/xps/images/dot.png) no-repeat 0 center;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
	background-position:right center;
}



.videos .swiper-container {height:280px;width:592px;}
.videos .swiper-wrapper {height:280px;width:592px;}

.videos .swiper-pagination-switch {
  background:url(dot.png) no-repeat 0 center;
}
.videos .swiper-active-switch {
	background-position:right center;
}

.goods{height:321px; margin-bottom: 16px;}
.goods .swiper-container {height:321px;width:592px;}
.goods .swiper-wrapper {height:321px;width:592px;}

.goods .swiper-pagination-switch {
  background:url(dot.png) no-repeat 0 center;
}
.goods .swiper-active-switch {
	background-position:right center;
}



.event-banner .swiper-container {height:359px;width:718px;}
.event-banner .swiper-wrapper {height:359px;width:718px;}


.event-banner .swiper-pagination-switch {
  background:url(dot.png) no-repeat 0 center;
}
.event-banner .swiper-active-switch {
	background-position:right center;
}


.cats .swiper-container {height:400px;width:860px;margin:0 auto;}
.cats .swiper-wrapper {height:400px;width:860px;}
.cats .swiper-slide {height:400px;width:860px;}
.gift{padding-bottom: 20px; height: 140px;}


.icon-s{ position:absolute ; right: 10%; top: 13%;}
.icon-s img{ width: 100px; height: auto;}
.icon-30{ height: 22px;}
.icon-30 img,.icon30 img,.icon img{ height: 23px; width: auto;}

.miao{ position:absolute ; left: 43%; top: 11%;}