* {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
/*公共部分start*/
.leftpageborder, .rightpageborder {
    position: fixed;
    height: 120%;
    width: 30px;
    top:60px;
    background-color: #fff;
    z-index:9999;
}
.leftpageborder {
    left: 0;
}
.rightpageborder {
    right: 0;
}
.bottompageborder {
    position: fixed;
    width: 100%;
    height: 30px;
    bottom: 0;
    background-color: #fff;
    z-index:9999;
}
.heronav{
	height:59px;
	margin: 0 auto;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom: 1px solid #e5e5e5;
}
.heronav .wrap{
	width:1200px;
	margin: 0 auto;
	position: relative;
}
.heronav.active{
   position: fixed;
   left: 0;
   right: 0;
   z-index:1000;
   top:0;
   background: #fff; 
}
.heronav .name{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 60px;
	cursor: pointer;
}
.heronav .name img{
	display: inline-block;
	width: 35px;
	height: auto;
	vertical-align: middle;
}
.heronav .name span{
	display: inline-block;
	font-size: 12px;
	color: #000;
	vertical-align:middle;
}
.heronav .icon{
	float:right;
	margin-right: 90px;
	font-size: 0;
}
.heronav .icon a{
	display: inline-block;
	width: auto;
	height:60px;
	line-height:60px;
	font-size: 12px;
	color:#000;
	margin-left:42px;
}
.heronav .icon a img{
	display: inline-block;
	opacity: .7;
}
.heronav .icon a span{
	display: none;
	margin-left: 15px;
}
.heronav .icon a.active span{
	display:inline-block;
}
.heronav .icon a.active img{
	opacity: 1;
}
.heronav .icon p{
	display: inline-block;
	font-size: 12px;
	color:#000;
	line-height: 60px;
}
.bannerwrap{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding:0 30px 30px 30px;
	background:#fff;
	z-index: -98;
}
.banner{
	overflow: hidden;
	cursor: pointer;
	position:fixed;
	bottom:30px;
	left:30px;
}
.banner .package{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
}
.banner .bg{
	display: block;
    max-height: none;
    max-width: none;
    position: absolute;
}
.footer{
	position: fixed;
	bottom:30px;
	left: 0;
	right: 0;
	z-index:-99;
	height: auto!important;
}
.herocontent{
	padding:0 30px 30px 30px;
	z-index: 99;
	background-color: #fff;
}
.herocontent .pack{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.slidefooter{
	padding: 0 30px;
	height:540px;
	pointer-events:none;
}
.slidefooter .footershadow{
	display: block;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
    height: 20px;
    width: 100%;
    z-index:99;
    pointer-events:none;
}
/*公共部分end*/
.accessories .text-style.white{
	color: #fff;
}
.accessories .text-style.black{
	color: #000;
}
.accessories .text-style h2{
	font-size:20px;
	font-weight: normal;
}
.accessories .text-style h1{
	font-size:36px;
	font-weight: bold;
	margin:40px 0;
}
.accessories .text-style p{
	font-size:16px;
	line-height:26px;
}
.accessories-banner{
	position: relative;
	overflow: hidden;
}
.accessories-banner .desc{
	position: absolute;
	left:0;
	right: 0;
	margin-top:100px;
	z-index: 1;
	text-align: center;
}
.accessories-banner .desc h1{
	font-size: 64px;
	color: #fff;
	font-weight: bold;
	margin-top:40px;
	margin-bottom: 50px;
}
.accessories-banner .desc p{
	font-size: 32px;
	color: #fff;
}
.accessories-banner video,
.accessories-banner img{
	position: absolute;
}
.accessories .box1{
	position: relative;
	width: 100%;
	height:500px;
	overflow: hidden;
}
.accessories .box1 h1{
	position: absolute;
	left:0;
	right: 0;
	top: 50%;
	margin-top: -82.5px;
	font-size:46px;
	color: #000;
	text-align: center;
}
.accessories .box2{
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.accessories .box2 .left{
	width:65%;
	height: 100%;
	float: left;
	overflow: hidden;
	background: url(/uploads/image/pheihero/accessories_10.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box2 .right{
	width:35%;
	height: 100%;
	float: right;
	overflow: hidden;
	position:relative;
	background: #8ca7be;
}
.accessories .box2 .right .desc{
	position: absolute;
	top: 50%;
	left:20px;
	margin-top: -129px;
}
.accessories .box3{
	width: 100%;
	text-align: center;
	padding:140px 0;
	overflow: hidden;
}
.accessories .box4{
	width: 100%;
	height: 680px;
	overflow: hidden;
}
.accessories .box4 .swiper-container{
	width: 100%;
	height: 100%;
}
.accessories .box4 .swiper-container .pic{
	width: 100%;
	height: 100%;
}
.accessories .box4 .swiper-container .swiper-pagination-switch {
    background-color:#000000;
    border: 1px solid transparent;
    margin: 0 7px;
    width: 10px;
    height: 10px;
}
.accessories .box4 .swiper-container .swiper-active-switch {
    background: #71bbf9;
    border: 1px solid #71bbf9;
}
.accessories .box5{
	position: relative;
	width: 100%;
	height:500px;
	overflow: hidden;
}
.accessories .box5 h1{
	position: absolute;
	left:0;
	right: 0;
	top: 50%;
	margin-top: -82.5px;
	font-size:46px;
	color: #000;
	text-align: center;
}
.accessories .box6{
	width: 100%;
	overflow:hidden;
	font-size: 0;
	position: relative;
}
.accessories .box6 .wrap1 .left{
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.accessories .box6 .wrap1 .right{
	float: right;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.accessories .box6 .wrap{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.accessories .box6 .wrap .describe{
	position: absolute;
	top: 50%;
	margin-top: -300px;
	width: 100%;
	text-align: center;
}
.accessories .box6 .wrap .describe .closebtn{
	display:inline-block;
	cursor: pointer;
}
.accessories .box6 .wrap .describe h2{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-top: 60px;
}
.accessories .box6 .wrap .describe .pic{
	margin: 40px 0;
}
.accessories .box6 .wrap .describe .pic img{
	display:block;
	vertical-align: middle;
	margin: 0 auto;
}
.accessories .box6 .wrap .describe .pic h1{
	display:block;
	font-size: 40px;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	margin-top: 25px;
}
.accessories .box6 .wrap .describe p{
	font-size: 18px;
	color: #000;
}
.accessories .box6 .wrap1 .left{
	background: #2c2c2c;
}
.accessories .box6 .wrap1 .left .package{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top:-260px;
	text-align: center;
}
.accessories .box6 .wrap1 .desc{
	margin-bottom: 58px;
}
.accessories .box6 .wrap1 .list .btns{
	display: inline-block;
	width:250px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #fff;
	text-align: center;
	margin:13px 15px;
	cursor: pointer;
}
.accessories .box6 .wrap1 .list .btns img{
	display: inline-block;
	vertical-align:middle;
}
.accessories .box6 .wrap1 .list .btns span{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
	margin-left: 28px;
}
.accessories .box6 .wrap1 .right{
	position: relative;
}
.accessories .box6 .wrap1 .right div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display:none;
}
.accessories .box6 .wrap1 .right div img{
	display: block;
	border: none;
	position: absolute;
}
.accessories .box6 .subwrap .pack{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.accessories .box6 .subwrap .pack .left{
	position: absolute;
	left: 0;
	top: -100%;
	width: 50%;
	height: 100%;
	-webkit-transition: top .6s ease;
	transition: top .6s ease;
}
.accessories .box6 .subwrap .pack .right{
	position: absolute;
	right: 0;
	top: 100%;
	width:50%;
	height: 100%;
	-webkit-transition: top .6s ease;
	transition: top .6s ease;
}
.accessories .box6 .wrap2,
.accessories .box6 .wrap3,
.accessories .box6 .wrap4,
.accessories .box6 .wrap5{
	z-index: 99;
	width:100%;
	display: none;
}
.accessories .box6 .wrap2 .left{
	background: url(/uploads/image/pheihero/accessories_15_2.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap2 .right{
	background: url(/uploads/image/pheihero/accessories_15_3.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap3 .left{
	background: url(/uploads/image/pheihero/accessories_16_2.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap3 .right{
	background: url(/uploads/image/pheihero/accessories_16_3.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap4 .left{
	background: url(/uploads/image/pheihero/accessories_17_2.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap4 .right{
	background: url(/uploads/image/pheihero/accessories_17_3.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap5 .left{
	background: url(/uploads/image/pheihero/accessories_18_2.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box6 .wrap5 .right{
	background: url(/uploads/image/pheihero/accessories_18_3.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box7{
	width: 100%;
	overflow: hidden;
	position: relative;
	min-height: 900px!important;
}
.accessories .box7 .wrap{
	position: absolute;
	left:0;
	right: 0;
	top: 50%;
	margin-top: -418px;
	text-align: center;
}
.accessories .box7 .wrap .desc{
	width: 1163px;
	margin: 0 auto;
}
.accessories .box7 .wrap .pic{
	margin-top:100px;
	position: relative;
}
.accessories .box7 .wrap .pic img{
	display: inline-block;
	text-align: center;
}
.accessories .box7 .wrap .pic .icon{
	width: 780px;
	height: 105px;
	position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -382px;
    z-index:100;
    cursor:ns-resize; 
}
.accessories .box7 .wrap .pic .icon .shine{
	width:100%;
	height: 100%;
	position: relative;
}
.accessories .box7 .wrap .pic .icon .shine .iconbtn{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: inline-block;
	height: auto;
	z-index:99;
	background: url(/uploads/image/pheihero/accessories_19_1.png) no-repeat center center;
	background-size: 100% auto;
}
.accessories .box7 .wrap .pic .icon .shine i{
	display: inline-block;
	width:60px;
	height:60px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-30px;
	margin-top: -30px;
	background:#6bf0a3;
	opacity:0.3;
}
@keyframes bowenss{
	0% {transform: scale(1); opacity:.3;}
	100% {transform:scale(5); opacity:0;}
}
@-webkit-keyframes bowenss{
	0% {-webkit-transform: scale(1); opacity:.3;}
	100% {-webkit-transform:scale(5); opacity:0;}
}
.accessories .box7 .wrap .pic .icon .shine i{-webkit-animation:bowenss 1.8s ease-in infinite; animation:bowenss 1.8s ease-in infinite;}
.accessories .box7 .wrap .pic .icon .shine i.n2{animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.accessories .box7 .wrap .pic .icon .shine i.n3{animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.accessories .box7 .wrap .pic .bg{
	position: absolute;
	top: 0;
	left:50%;
	margin-left: -129px;
	z-index: 99;
	width: 272px;
	height: 524px;
}
.accessories .box7 .wrap .pic .bg .bg-wrap{
	width: 100%;
	height: 100%;
	position: relative;
	 overflow: hidden; 
}
.accessories .box7 .wrap .pic .bg .bg-wrap img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.accessories .box8{
	width:100%;
	height: 850px;
	overflow: hidden;
	position:relative;
}
.accessories .box8 .submenu{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.accessories .box8 .submenu1{
	background: url(/uploads/image/pheihero/accessories_20_1.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box8 .submenu2{
	background: url(/uploads/image/pheihero/accessories_20_2.jpg) no-repeat center center;
	background-size: cover;
}
.accessories .box8 .menu{
	font-size: 0;
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 99;
}
.accessories .box8 .menu span{
	display: inline-block;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
	background: #000;
	text-align: center;
	line-height: 66px;
	margin: 0 22px;
	cursor: pointer;
	border:3px solid transparent;
}
.accessories .box8 .menu span.active{
	border:3px solid #fff;
}
.accessories .box8 .menu span:last-child{
	color: #000;
	background: #e7c6a6;
}
.accessories .box9{
	width: 100%;
	overflow: hidden;
	position: relative;
	background: url(/uploads/image/pheihero/accessories_21_bg.jpg) no-repeat center center;
	background-size: cover;
	min-height: 800px;
}
.accessories .box9 .wrap{
	position: absolute;
	bottom: 0;
	left:10%;
	width: 475px;
	height: 716px;
}
.accessories .box9 .wrap .package{
	width: 100%;
	height: 100%;
	position: relative;
}
.accessories .box9 .wrap .package .hint{
	font-size: 0;
    position: absolute;
    top:135px;
    right: -100px;
    -webkit-animation: transformleft 3s ease infinite;
    animation: transformleft 3s ease infinite;
}
.accessories .box9 .wrap .package .hint img{
	display: inline-block;
	vertical-align: middle;
}
@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);
	}
}
.accessories .box9 .wrap .package .hint p{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #000;
	margin-left: 18px;
}
.accessories .box9 .wrap .package .light{
	width:40px;
	height:40px;
	border-radius: 50%;
	position: absolute;
	top: 139px;
    right: 149px;
    cursor: pointer;
}
.accessories .box9 .wrap .package .light.blue{
	-webkit-animation: breath 3s ease-in-out infinite;
    animation: breath 3s ease-in-out infinite;
    background: -webkit-radial-gradient(rgba(113,217,229,1), rgba(113,217,229,0) 70%);
    background: radial-gradient(rgba(113,217,229,1), rgba(113,217,229,0) 70%);
}
.accessories .box9 .wrap .package .light.white{
	-webkit-animation: breath 3s ease-in-out infinite;
    animation: breath 3s ease-in-out infinite;
    background: -webkit-radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 70%);
    background: radial-gradient(rgba(255,255,255,1), rgba(255,255,255,0) 70%);
}
@keyframes breath{
    from{ 
    	opacity:0.1; 
    }                          
    50%{ 
    	opacity:1;
    }                        
    to{ 
    	opacity:0.1; 
    }                         
}
.accessories .box9 .desc{
	position: absolute;
	top: 50%;
	margin-top: -109px;
	right:5%;
	text-align: center;
}
.accessories .box9 .message{
	position: absolute;
	top: 50%;
	margin-top:-118px;
	right:5%;
	text-align: center;
	display: none;
}
.accessories .box9 .message img{
	display: inline-block;
	cursor: pointer;
}
.accessories .box10{
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}
.accessories .box10 h1{
	position: absolute;
	left:0;
	right: 0;
    top: 50%;
    margin-top: -82.5px;
    font-size:46px;
    color: #000;
    text-align: center;
}
.accessories .box11{
	width: 100%;
	height:auto;
	overflow: hidden;
	position: relative;
}
.accessories .box11 .desc{
	padding-top:100px;
	text-align: center;
}
.accessories .box11 #videobox{
	margin-top: 20px;
	margin-bottom: 50px;
}
.accessories .box11 #videobox video,
.accessories .box11 #videobox .bg{
	width: 100%;
	height: auto;
}
.accessories .box11 .desc .line{
	font-size: 0;
	margin-top: 40px;
}
.accessories .box11 .desc .line img{
	display: inline-block;
	vertical-align: middle;
}
.accessories .box11 .desc .line span{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-left: 15px;
}
.accessories .box12{
	width: 100%;
	position:relative;
}
.accessories .box12 #h7focustexts p{
	margin:0 40px;
}
.accessories .box12 #h7focusimages{
	position: absolute;
    top: 0px;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.accessories .box12 #h7focusimages img{
	position: absolute;
}
.accessories .box12 #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;
}
.accessories .box12 #h7focustexts{
	position: absolute;
	top: 0px;
    height: 100%;
    width: 50%;
    text-align: center;
    margin-left: 50%;
    overflow: hidden;
    background-color: #d5b996;
    -webkit-transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    transition:background-color .3s ease;
}
.accessories .box12 .desc{
	color: #fff;
	text-align: center;
	width:100%;
	height:218px;
	position: absolute;
}
.accessories .box13{
    width: 100%;
    text-align: center;
    padding: 140px 0;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.accessories .box14{
	width: 100%;
	height: 700px;
	background:#fff;
	overflow: hidden;
	position: relative;
}
.accessories .box14 img,
.accessories .box14 video{
	position: absolute;
}
.accessories .box15{
	width: 100%;
	height:auto;
	overflow: hidden;
	min-width: 1200px;
	position: relative;
	margin:10px 0;
}
.accessories .box15 img{
	border:0 none;
	width:auto\9;
	max-width:100%;
	vertical-align:top; 
	height:auto;
	-ms-interpolation-mode: bicubic;/*windows平台缩放图片时，可能出现图像失真现象*/
	width: 100%;
}
.accessories .box15 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);
}
.accessories .box15 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);
}
.accessories .box15 .menu{
	width: 100%;
	overflow: hidden;
	font-size: 0;
}
.accessories .box15 .menu .list{
	display: inline-block;
	width:25%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.accessories .box15 .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);
}
.accessories .box15 .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);
}
.accessories .box15 .menu .list:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,.3);
}
.accessories .box15 .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);
}
.accessories .box15 .menu .list .desc h1{
	font-size:20px;
	color: #fff;
	font-weight: normal;
}
.accessories .box15 .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;
}
.accessories .box15 .menu .list .desc p{
	font-size: 14px;
	color: #fff;
}
.accessories .box15 .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;
}
.accessories .box15 .submenu{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 110;
	display: none;
}
.accessories .box15 .submenu .left,
.accessories .box15 .submenu .right{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.accessories .box15 .submenu1 .right .right-top,
.accessories .box15 .submenu1 .right .right-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow:hidden;
}
.accessories .box15 .submenu2 .left .left-top,
.accessories .box15 .submenu2 .left .left-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
}
.accessories .box15 .submenu3 .right .right-top,
.accessories .box15 .submenu3 .right .right-bot{
	width: 100%;
	height: 50%;
	display: block;
	overflow: hidden;
}
.accessories .box15 .submenu3 .right .right-bot .lf,
.accessories .box15 .submenu3 .right .right-bot .rg{
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden;
}
.accessories .parameter{
    width: 100%;
    overflow: hidden;
    position: relative;
    height:950px;
}
.accessories .parameter .desc{
	text-align: left;
    position: absolute;
    top:85px;
    left:10%;
    z-index: 99;
}
.accessories .parameter .tab{
	font-size: 0;
	text-align: left;
    position: absolute;
    top:85px;
    right:5%;
    z-index: 99;
    width:900px;
}
.accessories .parameter .desc h2{
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}
.accessories .parameter .desc h1{
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}
.accessories .parameter .desc.black h2,
.accessories .parameter .desc.black h1{
	color: #000!important;
}
.accessories .parameter .tab span{
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width:185px;
	margin: 0 20px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	cursor: pointer;
	position: relative;
}
.accessories .parameter .tab span.active{
	border-bottom: 1px solid #fff;
}
.accessories .parameter .tab span.active:after{
	content: '';
	position: absolute;
	right:-10px;
	top:4px;
	width: 0;
	height:0;
	border-top:6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #fff;
}
.accessories .parameter .tab span.black{
	color: #000;
}
.accessories .parameter .tab span.black.active{
	border-bottom: 1px solid #000;
}
.accessories .parameter .tab span.black:after{
	border-right: 6px solid #000;
}
.accessories .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;
}
.accessories .parameter .bg1{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg1.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg2{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg2.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg3{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg3.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg4{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg4.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg5{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg5.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg6{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg6.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg7{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg7.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .bg8{
	height: 100%;
    overflow: hidden;
    background-image: url(/uploads/image/pheihero/accessories_36_bg8.jpg);
    background-repeat: repeat-x;
    background-size:auto 100%;
}
.accessories .parameter .tab-content{
    width: 1100px;
    position: absolute;
    top:240px;
    left: 50%;
    margin-left: -550px;
    text-align: center;
    display: none;
    z-index: 99;
}
.accessories .parameter .tab-content .photo{
	display: inline-block;
	margin-bottom:77px;
}
.accessories .parameter .tab-content .icon-pack{
	width: 100%;
}
.accessories .parameter .tab-content .icon-pack .list{
	float: left;
	width: 33.33%;
	margin-bottom:60px;
}
.accessories .parameter .tab-content .icon-pack .list .item{
	width:280px;
	margin: 0 auto;
}
.accessories .parameter .tab-content .icon-pack .icon{
	float: left;
	width:40px;
	height:auto;
}
.accessories .parameter .tab-content .icon-pack .icon img{
	display: block;
	width: 100%;
	height: auto;
}
.accessories .parameter .tab-content .icon-pack .name{
	float: left;
	margin-left: 10px;
	text-align: left;
	padding-top: 4px;
}
.accessories .parameter .tab-content .icon-pack .name p{
	font-size:18px;
	color: #fff;
	margin-bottom:25px;
}
.accessories .parameter .tab-content .icon-pack .name span{
	font-size:14px;
	color: #fff;
	display: block;
	height: 37px;
}
.accessories .parameter .tab-content.tab-content1{
	width:900px;
	margin-left: -450px;
}
.accessories .parameter .tab-content.tab-content1 .item{
	width:280px;
}
.accessories .parameter .tab-content.tab-content2 .list{
	width: 25%;
}
.accessories .parameter .tab-content.tab-content2 .item{
	width: 204px;
}
.accessories .parameter .tab-content.tab-content2 .photo{
	margin-bottom: 100px;
    margin-top: 60px;
}
.accessories .parameter .tab-content.tab-content2 .icon-pack{
	padding-left: 70px;
}
.accessories .parameter .tab-content.tab-content3 .list{
	width:20%;
}
.accessories .parameter .tab-content.tab-content3 .icon-pack{
	padding-left:40px;
}
.accessories .parameter .tab-content.tab-content3 .photo{
	margin-bottom: 140px;
    margin-top: 80px;
}
.accessories .parameter .tab-content.tab-content4 .photo{
	float: left;
}
.accessories .parameter .tab-content.tab-content4 .icon-pack{
	float: left;
	width: 700px;
	margin-left:132px;
}
.accessories .parameter .tab-content.tab-content5 .list{
	width: 25%;
}
.accessories .parameter .tab-content.tab-content5 .item{
	width: 204px;
}
.accessories .parameter .tab-content.tab-content5 .photo{
	margin-bottom: 100px;
    margin-top: 60px;
}
.accessories .parameter .tab-content.tab-content5 .icon-pack{
	padding-left:100px;
}
.accessories .parameter .tab-content.tab-content6 .list{
	width: 25%;
}
.accessories .parameter .tab-content.tab-content6 .item{
	width: 204px;
}
.accessories .parameter .tab-content.tab-content6 .photo{
	margin-bottom: 100px;
    margin-top: 60px;
}
.accessories .parameter .tab-content.tab-content6 .icon-pack{
	padding-left:100px;
}
.accessories .parameter .tab-content.tab-content7 .list{
	width: 25%;
}
.accessories .parameter .tab-content.tab-content7 .item{
	width: 204px;
}
.accessories .parameter .tab-content.tab-content7 .photo{
	margin-bottom: 100px;
    margin-top: 60px;
}
.accessories .parameter .tab-content.tab-content7 .icon-pack{
	padding-left:100px;
}
.accessories .parameter .tab-content.tab-content7 .icon-pack .name p,
.accessories .parameter .tab-content.tab-content7 .icon-pack .name span{
	color: #000; 
}
.accessories .parameter .tab-content.tab-content8 .list{
	width: 25%;
}
.accessories .parameter .tab-content.tab-content8 .item{
	width: 204px;
}
.accessories .parameter .tab-content.tab-content8 .photo{
	margin-bottom: 100px;
    margin-top: 60px;
}
.accessories .parameter .tab-content.tab-content8 .icon-pack{
	padding-left:100px;
}
@media screen and (max-width:1700px){
.accessories-banner .desc h1{
	font-size:48px;
}
.accessories-banner .desc p{
	font-size:26px;
}
.accessories .box1,
.accessories .box5,
.accessories .box10{
	height: 400px;
}
.accessories .box1 h1,
.accessories .box5 h1,
.accessories .box10 h1{
	font-size:40px;
}
.accessories .text-style h1{
	font-size:34px;
}
.accessories .box15 .menu .list .desc h1{
	font-size: 16px;
}
.accessories .box15 .menu .list .desc p{
	font-size: 12px;
}
.accessories .parameter .tab span{
	font-size: 12px;
}
.accessories .parameter .tab-content .icon-pack .name p{
	font-size:16px;
}
.accessories .parameter .tab-content .icon-pack .name span{
	font-size: 12px;
}
.accessories .parameter .desc h1{
	font-size:34px;
}
.accessories .box6 .wrap .describe h2{
	font-size:20px;
}
.accessories .box6 .wrap .describe p{
	font-size: 14px;
}
.accessories .box6 .wrap .describe .pic h1{
	font-size:34px;
}
.accessories .box6 .wrap .describe .pic img{
	width: 50px;
	height: auto;
}
.accessories .box6 .wrap .describe .closebtn{
	width:36px;
}
.accessories .box8 .menu span{
	font-size: 20px;
}
}