.magiccube .text-style.white{
	color: #fff;
}
.magiccube .text-style.black{
	color: #000;
}
.magiccube .text-style h2{
	font-size:24px;
	font-weight: normal;
	padding-bottom: 0!important;
    border: none;
}
.magiccube .text-style h1{
	font-size:40px;
	font-weight: bold;
	margin:40px 0;
	line-height: 60px;
}
.magiccube .text-style p{
	font-size:18px;
	line-height:26px;
}
.magiccube-banner{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.magiccube-banner .desc{
	position: absolute;
	left:0;
	right: 0;
	top: 50%;
	margin-top: -90px;
	z-index: 1;
	text-align: center;
}
.magiccube-banner .desc h1{
	font-size: 64px;
	color: #000;
	font-weight: bold;
	margin-top:40px;
}
.magiccube-banner .desc p{
	font-size: 32px;
	color: #000;
}
.magiccube-banner video,
.magiccube-banner img{
	position: absolute;
}
.box1{
	width: 100%;
	text-align: center;
	padding:140px 0;
	overflow: hidden;
}
.box2{
	width: 100%;
	height: 680px;
	background: url(/uploads/image/pheihcube/2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/2.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/2.jpg", sizingmethod='scale'); 
}
.box3{
	width: 100%;
	position:relative;
}
.box3 #h7focusimages{
	left: 50%;
	position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.box3 #h7focusimages img{
	position: absolute;
}
.box3 #h7focusimages .threed{
	transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
.box3 #h7focustexts{
	position: absolute;
	left: 0;
	top: 0px;
    height: 100%;
    width: 50%;
    text-align: center;
    overflow: hidden;
    background-color: #333;
    -webkit-transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    transition:background-color .3s ease;
}
.box3 .text{
	color: #fff;
	text-align: center;
	width:100%;
	height:278px;
	position: absolute;
}
.box3 .text.black{
	color: #000;
}
.box3 .text h2{
	font-size:14px;
	font-weight: normal;
	margin-bottom: 25px;
}
.box3 .text h1{
	font-size:40px;
	font-weight:bold;
	padding-bottom:35px;
	position: relative;
}
.box3 .text img{
	display: inline-block;
	width:60px;
	height:auto;
	margin-bottom:40px;
}
.box3 .text h1:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width:40px;
	height: 2px;
	background-color: #fff;
}
.box3 .text.black h1:after{
	background-color: #000;
}
.box3 .text p{
	font-size:18px;
    line-height:26px;
    margin-top:35px;
}
.box4{
	padding:200px 0;
	position: relative;
	background-color: #fff;
}
.box4 h1{
	font-size:60px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
.box5{
	width: 100%;
	height: 890px;
	background: url(/uploads/image/pheihcube/4.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/4.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/4.jpg", sizingmethod='scale'); 
	position: relative;
}
.box5 .desc{
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -88px;
	text-align: center;
}
.box6{
	background: url(/uploads/image/pheihcube/5.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/5.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/5.jpg", sizingmethod='scale'); 
	position: relative;
}
.box6 .desc{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -105px;
	text-align: center;
}
.box6 .desc h1,
.box6 .desc p{
	color: #fff;
}
.box7{
	width: 100%;
	height:840px;
	position: relative;
	overflow: hidden;
}
.box7 .pic{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.box7 .wrap{
	width: 100%;
	height: 100%;
	position: relative;
}
.box7 .wrap1{
	background: url(/uploads/image/pheihcube/6_1.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/6_1.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/6_1.jpg", sizingmethod='scale'); 
	position: relative;
}
.box7 .wrap2{
	background: url(/uploads/image/pheihcube/6_2.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/6_2.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/6_2.jpg", sizingmethod='scale'); 
	position: relative;
}
.box7 .desc{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top:200px;
	text-align: center;
	z-index: 99;
}
.box7 .desc.white{
	color: #fff;
}
.box7 .desc.black{
	color: #000;
}
.box7 .desc h1{
	font-size:38px;
    font-weight: bold;
    margin-bottom:30px;
}
.box7 .desc p{
	font-size:18px;
    line-height: 24px;
}
.box7 .pic{
	z-index: 10;
}
.box7 .tab-bg{
	position: absolute;
	bottom:50px;
	font-size:0;
	width: 100%;
	text-align: center;
	z-index: 10;
}
.box7 .tab-bg span{
	display: inline-block;
	width:60px;
	height:60px;
	line-height: 60px;
	margin: 0 20px;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	border: 3px solid transparent;
	font-size: 18px;
	text-align: center;
}
.box7 .tab-bg span.a{
	background-color: #fff;
	color: #000;
}
.box7 .tab-bg span.b{
	background-color: #000;
	color: #fff;
}
.box7 .tab-bg span.a.active{
	border: 3px solid rgba(0, 0, 0, 0.3);
}
.box7 .tab-bg span.b.active{
	border: 3px solid #fff;
}
.box7 #bgcontent img{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	width:0;
	height: 100%;
	-webkit-transition: width .4s ease;
	-moz-transition: width .4s ease;
	transition: width .4s ease;
}
.box8{
	background: url(/uploads/image/pheihcube/7.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/7.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/7.jpg", sizingmethod='scale'); 
	position: relative;
}
.box8 .desc{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -105px;
	text-align: center;
}
.box9 .swiper-container{
	width: 100%;
	height: 100%;
}
.box9 .swiper-container .pagination{
	bottom:40px;
	margin:0;
}
.box9 .swiper-container .swiper-pagination-switch{
    background: #191919;
    border: 1px solid #191919;
    margin: 0 7px;
    width: 10px;
    height: 10px;
}
.box9 .swiper-container .swiper-active-switch {
    background: #fff;
    border: 1px solid #fff;
}
.box9 .swiper-container .swiper-slide{
	width: 100%;
	overflow: hidden;
}
.box9 .swiper-container .swiper-slide .pic{
	width: 100%;
	height: 100%;
}
.box9{
	width: 100%;
	overflow: hidden;
}
.box9 .left{
	float: left;
	width: 50%;
	height: 100%;
	background-color: #2f2f2f;
	position: relative;
}
.box9 .left .desc{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top:-105px;
}
.box9 .left h1,
.box9 .left p{
	color: #fff!important;
	text-align: center;
}
.box9 .right{
	float: left;
	width: 50%;
	height: 100%;
}
.box10{
	width: 100%;
	height: 890px;
	background: url(/uploads/image/pheihcube/10.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/10.jpg", sizingmethod='scale');
	-ms-filter:progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/pheihcube/10.jpg", sizingmethod='scale'); 
	position: relative;
}
.box10 .desc{
	position: absolute;
	top: 50%;
	right: 15%;
	margin-top: -105px;
	text-align: center;
}
.box12{
	width: 100%;
	height:auto;
	overflow: hidden;
	min-width: 1200px;
	position: relative;
	margin:10px 0;
}
.box11{
	width: 100%;
	height:1000px;
	position: relative;
}
.box11 .desc{
	text-align: center;
	margin-top:200px;
}
.box11 .package{
	text-align: center;
	position: absolute;
	top: 320px;
	left: 50%;
	margin-left:-182px;
}
.box11 .package .pack-status{
	position: relative;
	white-space: nowrap;
}
.box11 .package .pack-status .status{
	display: none;
	cursor: pointer;
}
.box11 .package .pack-status .status1{
    position: absolute;
    top: 20px;
    left: -112px;
    display: block;
}
.box11 .package .pack-status .status2{
	position: absolute;
    top: 20px;
    left: 160px;
}
.box11 .package .pack-status .status3{
	position: absolute;
    top: 20px;
    left: 160px;
}
.box11 .package .pack-status .status4{
	position: absolute;
    top: 20px;
    left: 160px;
}
.box11 .package .pack-status .status img,
.box11 .package .pack-status .status p{
	display: inline-block;
    *display: inline;
    *zoom=1: ;
    vertical-align: middle;
}
.box11 .package .pack-status .status img{
	width:85px;
	height: auto;
	border-radius: 50%;
	-webkit-animation: breathblue 2s ease-in-out infinite;
    animation: breathblue 2s ease-in-out infinite;
    margin:0 10px;
}
.box11 .package .pack-status .status p{
	font-size:14px;
	color: #000;
	font-weight: bold;
	text-align: left;
	line-height: 22px;
}
.box11 .package .pack-status .light{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-animation: breath 2s ease-in-out infinite;
    animation: breath 2s ease-in-out infinite;
    display: none;
}
.box11 .package .pack-status .light.blue{
	background: -webkit-radial-gradient(rgba(84,213,255,.9), rgba(84,213,255,0) 70%);
    background: radial-gradient(rgba(84,213,255,.9), rgba(84,213,255,0) 70%);
}
.box11 .package .pack-status .light.white{
    background: -webkit-radial-gradient(rgba(255,255,255,.9), rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(255,255,255,.9), rgba(255,255,255,0) 70%);
}
.box11 .package .pack-status .light1{
	position: absolute;
	top: 56px;
    left: 130px;
}
.box11 .package .pack-status .light2{
	position: absolute;
	top: 275px;
    left: 229px;
}
.box11 .package .pack-status .light3{
	position: absolute;
	top: 275px;
    left: 115px;
}
.box11 .package .pack-status .tips{
	font-size:14px;
	color: #000;
	font-weight: bold;
	line-height: 22px;
	background: url(/uploads/image/pheihcube/11_3.png) no-repeat left center;
	background-size: 9px auto;
	padding-left: 25px;
	position: absolute;
	left:280px;
    bottom:150px;
    -webkit-animation: transformleft 3s ease infinite;
    animation: transformleft 3s ease infinite;
    display: none;
    text-align: left;
}
@-webkit-keyframes breath{
    from{ 
    	opacity:0.1; 
    }                          
    50%{ 
    	opacity:1;
    }                        
    to{ 
    	opacity:0.1; 
    }                         
}
@keyframes breath{
    from{ 
    	opacity:0.1; 
    }                          
    50%{ 
    	opacity:1;
    }                        
    to{ 
    	opacity:0.1; 
    }                         
}
@-webkit-keyframes breathblue {
    from{ 
      opacity:1; 
    }                          
    50%{ 
      opacity:1;
      -webkit-box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1);
      -moz-box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1); 
      box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1);
    }                        
    to{ 
      opacity:1; 
    }                         
}
@keyframes breathblue {
    from{ 
      opacity:1; 
    }                          
    50%{ 
      opacity:1;
      -webkit-box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1);
      -moz-box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1); 
      box-shadow: 0 0 50px rgba(84,213,255, 0.8),inset 0 0 60px rgba(84,213,255, 0.1);
    }                        
    to{ 
      opacity:1; 
    }                         
} 
@keyframes transformleft{
	0% {
		opacity: 0;
    	transform: translatex(0);
	}
	40%{
		opacity: 1;
	    transform: translatex(-10px);
	}
	80%{
		opacity: 1;
	    transform: translatex(-10px);
	}
	100% {
		opacity: 0;
    	transform: translatex(0);
	}
}
.box12 img{
	border:0 none;
	width:auto\9;
	max-width:100%;
	vertical-align:top; 
	height:auto;
	-ms-interpolation-mode: bicubic;/*windows平台缩放图片时，可能出现图像失真现象*/
	width: 100%;
}
.box12 img{
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	-ms-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
}
.box12 img:hover{
	cursor: pointer;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.box12 .menu{
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.box12 .menu .list{
	float: left;
	width:50%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.box12 .menu .list:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.box12 .menu .list:hover .desc{
	-webkit-transform: matrix(1, 0, 0, 1, 0, -30);
	-moz-transform: matrix(1, 0, 0, 1, 0, -30);
	-ms-transform: matrix(1, 0, 0, 1, 0, -30);
	transform: matrix(1, 0, 0, 1, 0, -30);
}
.box12 .menu .list:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,.3);
}
.box12 .menu .list .desc{
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	z-index: 99;
	margin-top: -82px;
	text-align: center;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	transition:all .6s ease;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.box12 .menu .list .desc h1{
	font-size:20px;
	color: #fff;
	font-weight: normal;
}
.box12 .menu .list .desc .icon{
	display: inline-block;
	width: 48px;
	height: 48px;
	background: url(/uploads/image/pheihero/accessories_25_add.png) no-repeat center center;
	background-size: 100% auto;
	margin:35px 0;
}
.box12 .menu .list .desc p{
	font-size: 14px;
	color: #fff;
}
.box12 .closebtn{
	width:60px;
	height:60px;
	background: url(/uploads/image/pheihero/accessories_25_close.png) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -30px;
	z-index:111;
	cursor: pointer;
	display: none;
}
.box12 .submenu{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 110;
	display: none;
}
.box12 .submenu .left,
.box12 .submenu .right{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.box12 .submenu .left .lt,
.box12 .submenu .left .rt{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.box12 .submenu1 .right .right-top,
.box12 .submenu1 .right .right-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow:hidden;
}
.box12 .submenu2 .left .left-top,
.box12 .submenu2 .left .left-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
}
.box12 .submenu3 .right .right-top,
.box12 .submenu3 .right .right-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
}
.box12 .submenu3 .right .right-top .lf,
.box12 .submenu3 .right .right-top .rg,
.box12 .submenu3 .right .right-bot .lf,
.box12 .submenu3 .right .right-bot .rg{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.box13{
	width:100%;
	height:900px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.box13 .desc{
	position: relative;
	z-index: 100;
	pointer-events: none;
	margin-top: 200px;
}
.box13 .desc p{
	margin-bottom:150px;
}
.box13 .package{
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left: -250px;
}
.box13 .package .pack-pic{
	width: 100%;
	position: relative;
	margin-left: -100px;
}
.box13 .package .pack-pic .one{
	display: block;
	width: 600px;
	position: relative;
	z-index: 99;
	pointer-events: none;
}
.box13 .package .pack-pic .two{
	display: block;
	width:100px;
	height: auto;
	border-radius: 50%;
	position: absolute;
	left: 680px;
    top: -25px;
    z-index: 98;
    -webkit-animation: breathblue 2s ease-in-out infinite;
    animation: breathblue 2s ease-in-out infinite;
    pointer-events: none;
}
.box13 .package .pack-pic .three{
	display: block;
	width:250px;
	height: auto;
	position: absolute;
	left: 620px;
    top: -160px;
    z-index: 98;
    pointer-events: none;
    display: none;
}
.box13 #slider{
	position:absolute!important;
	left:570px!important;
	top:-650px!important;
}
.box13 .rs-handle{
	border-radius:0!important;
	width:700px!important;
	height:53px!important;
	background: url(/uploads/image/pheihcube/8_3.png) no-repeat center center;
	background-size:100% 100%;
}
.box13 .rs-bg-color {
     background-color:transparent; 
}
.box13 #slider div{
    background-color:transparent!important; 
    border: none!important;
}
.box13 .rs-border {
    border:none!important;
}
.parameter{
    width: 100%;
    overflow: hidden;
    position: relative;
    height:950px;
}
.parameter .desc{
	text-align: left;
    position: absolute;
    top:85px;
    left:10%;
    z-index: 99;
}
.parameter .tab{
	font-size: 0;
	text-align: left;
    position: absolute;
    top:120px;
    right:5%;
    z-index: 99;
    width:880px;
}
.parameter .desc h2{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}
.parameter .desc h1{
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}
.parameter .desc.black h2,
.parameter .desc.black h1{
	color: #000!important;
}
.parameter .tab span{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 180px;
	margin: 0 20px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	cursor: pointer;
	position: relative;
}
.parameter .tab span.active{
	border-bottom: 1px solid #fff;
}
.parameter .tab span.active:after{
	content: '';
	position: absolute;
	right: 0;
	top:4px;
	width: 0;
	height:0;
	border-top:6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #fff;
}
.parameter .tab span.black{
	color: #000;
}
.parameter .tab span.black.active{
	border-bottom: 1px solid #000;
}
.parameter .tab span.black:after{
	border-right: 6px solid #000;
}
.parameter .bg{
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width .4s ease;
    -moz-transition: width .4s ease;
    transition: width .4s ease;
}
.parameter .bg1{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihcube/parameter_bg.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.parameter .bg2{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg6.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.parameter .bg3{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg4.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.parameter .bg4{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg8.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.parameter .tab-content{
    width: 1100px;
    position: absolute;
    top:240px;
    left: 50%;
    margin-left: -550px;
    text-align: center;
    display: none;
    z-index: 99;
}
.parameter .tab-content .photo{
	display: inline-block;
	margin-bottom:77px;
}
.parameter .tab-content .icon-pack{
	width: 100%;
}
.parameter .tab-content .icon-pack .list{
	float: left;
	width: 33.33%;
	height: 85px;
	margin-bottom:30px;
}
.parameter .tab-content .icon-pack .list .item{
	width:310px;
	margin: 0 auto;
}
.parameter .tab-content .icon-pack .icon{
	float: left;
	width:40px;
	height:auto;
}
.parameter .tab-content .icon-pack .icon img{
	display: block;
	width: 100%;
	height: auto;
}
.parameter .tab-content .icon-pack .name{
	float: left;
	margin-left: 10px;
	text-align: left;
	padding-top: 4px;
}
.parameter .tab-content .icon-pack .name p{
	font-size:18px;
	color: #fff;
	margin-bottom:25px;
}
.parameter .tab-content .icon-pack .name span{
	font-size:14px;
	color: #fff;
}
.parameter .tab-content.tab-content1{
	width:930px;
	margin-left: -465px;
}
.parameter .tab-content.tab-content1 .item{
	width:280px;
}
.parameter .tab-content.tab-content1 .icon-pack{
	padding-left: 70px;
}
.parameter .tab-content.tab-content2 .list{
	width: 20%!important;
}
.parameter .tab-content.tab-content2 .item{
	width: 204px;
}
.parameter .tab-content.tab-content2 .photo{
	margin-bottom: 100px;
}
.parameter .tab-content.tab-content2 .icon-pack{
	padding-left: 70px;
}
.parameter .tab-content.tab-content3 .list{
	width:33.333%;
}
.parameter .tab-content.tab-content3 .icon-pack{
	padding-left:60px;
}
.parameter .tab-content.tab-content3 .photo{
	margin-bottom:50px!important;
}
.parameter .tab-content.tab-content4 .list{
	width: 20%!important;
}
.parameter .tab-content.tab-content4 .item{
	width: 204px;
}
.parameter .tab-content.tab-content4 .photo{
	margin-bottom: 100px;
}
.parameter .tab-content.tab-content4 .icon-pack{
	padding-left:60px;
}
@media screen and (max-width:1700px){
.magiccube-banner .desc h1{
	font-size:48px;
}
.magiccube-banner .desc p{
	font-size:26px;
}
.magiccube .text-style h2{
	font-size:22px;
}
.magiccube .text-style h1{
	font-size:34px;
    line-height: 50px;
}
.magiccube .text-style p{
	font-size:16px;
	line-height: 20px;
}
.box3 .text h1{
	font-size:34px;
}
.box3 .text h2{
	font-size: 12px;
	margin-bottom: 20px;
}
.box3 .text p{
	font-size: 16px;
	margin-top: 30px;
}
.box4 h1{
	font-size:54px;
}
.box12 .menu .list .desc h1{
	font-size: 16px;
}
.box12 .menu .list .desc p{
	font-size: 12px;
}
.parameter .tab span{
	font-size: 12px;
}
.parameter .tab-content .icon-pack .name p{
	font-size:16px;
}
.parameter .tab-content .icon-pack .name span{
	font-size: 12px;
}
.parameter .desc h1{
	font-size:34px;
}
}