@charset "utf-8";
/* CSS Document */
/*共用代码 */
html{ font-size:100px;}
body {font-family:微软雅黑;opacity:0;filter:alpha(opacity=0);font-size:0.01rem;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.pr{ position: relative}
.pa{ position: absolute}
img{vertical-align: middle;width: 100%}
.in_block{ display: inline-block}
.p_block{ display: block}
.fl{ float: left}
.fr{ float: right}
.ov{ overflow:hidden}
.clearfix{ clear: both}
.font_no{  font-weight: normal}
.vem{vertical-align: middle}
.tc{ text-align: center}
.line30{line-height: 0.3rem}
.line35{line-height: 0.35rem}
.line40{line-height: 0.4rem}

.mr20{ margin-right: 0.2rem}
.pa10{ padding: 0.1rem}
.pa20{ padding: 0.2rem}
.patb10{ padding: 0.1rem 0}
.paLR20{ padding: 0 0.2rem}
.paLR10{ padding: 0 0.1rem}
.patb20{ padding: 0.2rem 0}
.patb30{ padding: 0.3rem 0}
.patb40{ padding: 0.4rem 0}

.col_w{ color: #fff}
.col_g{ color: #353535}
.hs{ color:#eb2e59}
.bg-w{ background: #f9f9f7}

.fz20{ font-size: 0.2rem}
.fz22{ font-size: 0.22rem}
.fz24{ font-size: 0.24rem}
.fz30{ font-size: 0.3rem}
.fz42{ font-size: 0.42rem}
.fz48{ font-size: 0.48rem}

.auto{ margin:0 auto;}
.wi{max-width:640px; min-width:320px; }

.ti em{ display: inline-block; width: 0.62rem; height: 0.21rem;  background: url("../images/bf.png") no-repeat;
	background-size:cover; vertical-align: middle}
.ti em.bf1{ margin-right: 0.1rem}
.ti em.bf2{ margin-left: 0.1rem;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.zx-btn{ display: block; width:1.84rem; height:0.61rem; line-height: 0.5rem; background: url(../images/zixu.png) no-repeat; 
	background-size:cover; text-align: center; color: #fff; font-size: 0.24rem}

.partMuse{background-color: #212121;padding: 0.16rem 0;}
.partMuse h1{font-size: 0.3rem;font-weight: normal;position: relative;z-index: 3;}
.partMuse  a{color: #fff;}
.partMuse .goBack,.partMuse .goBack::before{position: absolute;border-right: 0.18rem solid #fff;border-top: 0.18rem dashed transparent;border-bottom: 0.18rem dashed transparent;left: 0.2rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 4;}
.partMuse .goBack::before{content: '';border-right-color:#212121;left: 0.04rem; }
.partMuse .partMuseIco {position: absolute;right:0.2rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 0.38rem;cursor: pointer;z-index: 3;}
.partMuse .partMuseIco span{display: block;height: 2px;background-color: #fff;margin-bottom: 0.1rem;}
.partMuse .partMuseIco span:last-of-type{margin-bottom: 0;}
.partMuse .Muse2{position: absolute;right: 0;top: -500px;z-index: 2;font-size: 0.24rem;}
.partMuse .Muse2 a{display: block;color: #fff;padding: 0 0.3rem;background-color: rgba(0,0,0,0.8);}
.partMuse .Muse2 a span{display: block;border-bottom: 1px solid #656565;padding: 0.16rem 0 0.16rem 0.48rem;width: 1.28rem;background: url(../images/partMuseIco1.png) no-repeat 0.1rem center;background-size: 0.44rem 0.36rem;}
.partMuse .Muse2 a span.ico2{background-image: url(../images/partMuseIco2.png)}
.partMuse .Muse2 a span.ico3{background-image: url(../images/partMuseIco3.png)}
.partMuse .Muse2 a span.ico4{background-image: url(../images/partMuseIco4.png)}
.partMuse .Muse2 a span.ico5{background-image: url(../images/partMuseIco5.png)}
.partMuse .Muse2 a span.ico6{background-image: url(../images/partMuseIco6.png)}
.partMuse .Muse2 a span.ico7{background-image: url(../images/partMuseIco7.png)}
	

.kv .kv-page{ position: absolute; bottom:0.2rem; left:0.2rem;}

.now_yh{position: relative;}
.now_yh .txt{position: absolute;width: 4.74rem;right: 0;top: 0.1rem;}
.now_yh .txt .til{font-size: 0.3rem;color: #ffffff;padding-bottom: 0.1rem;}
.now_yh .txt .yh_quan a{display: inline-block;padding:0.06rem 0.08rem;color: #ffffff;background-color: #eb2e59;}
.now_yh .txt .yh_quan .tt{font-size: 0.22rem;display: block;border-bottom:1px solid #fff;line-height: 1.6;}
.now_yh .txt .yh_quan .price{color: #ffef20;}
.now_yh .txt .yh_quan .price b{font-size: 0.29rem;}
.now_yh .txt .btn{font-size: 0.22rem;color: #eb2e59;display: inline-block;border:1px solid #fff;padding: 0.08rem 0.3rem;margin-top: 0.1rem;}

.p1 .con{ padding:0 0.1rem }
.p1 ul { padding: 0.3rem 0 0; overflow: hidden; display:flex; flex-wrap:wrap;justify-content:space-between;}
.p1 ol{ overflow: hidden; display: none}
.p1 li{ width:1.96rem; height:1.5rem; background: #212121;  text-align: center; color: #fff; margin-bottom: 0.15rem}

.p1 li a{display: block;color: #fff;}
.p1 li span{ display: inline-block; padding: 0.05rem; border: 1px solid #fff; color: #eb2e59; margin: 0.05rem 0}
.p1 li i{ display: block; width:0.7rem; height:0.6rem; margin:0 auto;}
.p1 ul li.pro1 i{ background:url(../images/ico1.png) no-repeat center; background-size:0.6rem 0.43rem}
.p1 ul li.pro2 i{ background:url(../images/ico2.png) no-repeat center; background-size:0.57rem 0.43rem}
.p1 ul li.pro3 i{ background:url(../images/ico4.png) no-repeat center; background-size:0.36rem 0.54rem}
.p1 ul li.pro4 i{ background:url(../images/ico3.png) no-repeat center; background-size:0.68rem 0.46rem}
.p1 ul li.pro5 i{ background:url(../images/ico15.png) no-repeat center; background-size:0.54rem 0.46rem;}
.p1 ul li.pro6 i{ background:url(../images/ico9.png) no-repeat center; background-size:0.64rem 0.5rem}
.p1 ul li.pro7 i{ background:url(../images/ico5.png) no-repeat center; background-size:0.32rem 0.5rem}
.p1 ul li.pro8 i{ background:url(../images/ico14.png) no-repeat center; background-size:0.47rem 0.47rem}
.p1 ul li.pro9 i{ background:url(../images/ico6.png) no-repeat center; background-size:0.54rem 0.58rem}
.p1 ul li.pro10 i{ background:url(../images/ico7.png) no-repeat center; background-size:0.58rem 0.51rem}
.p1 ul li.pro11 i{ background:url(../images/ico11.png) no-repeat center; background-size:0.57rem 0.3rem}
.p1 ul li.pro12 i{ background:url(../images/ico12.png) no-repeat center; background-size:0.46rem 0.46rem}
.p1 ul li.pro13 i{ background:url(../images/ico13.png) no-repeat center; background-size:0.4rem 0.56rem}
.p1 ul li.pro14 i{ background:url(../images/ico8.png) no-repeat center; background-size:0.55rem 0.55rem}
.p1 ul li.pro15 i{ background:url(../images/ico15.png) no-repeat center; background-size:0.55rem 0.32rem}
.p1 ul li.pro16 i{ background:url(../images/ico10.png) no-repeat center; background-size:0.64rem 0.42rem}
.p1 ul li.pro17 i{ background:url(../images/ico17.png) no-repeat center; background-size:0.22rem 0.47rem}
.p1 ul li.pro18 i{ background:url(../images/ico18.png) no-repeat center; background-size:0.48rem 0.48rem}

.p1 ul li.pro19 i{ background:url(../images/ico19.png) no-repeat center; background-size:0.42rem 0.38rem}
.p1 ul li.pro20 i{ background:url(../images/ico20.png) no-repeat center; background-size:0.6rem 0.3rem}
.p1 ul li.pro21 i{ background:url(../images/ico21.png) no-repeat center; background-size:0.4rem 0.42rem}


.p1 .more-btn{ background: #212121; line-height: 0.4rem; color: #fff; text-align: center; position: relative}
.p1 .more-btn a{color: #fff;}

.part2{ width:100%; overflow:hidden}
.part2 .p1box{ margin:0 auto; width:6.05rem; display:flex; justify-content:space-between; font-size:0.2rem}
.part2 .p1box .left{ width:2.79rem; border:2px solid #000; background:#fff; position:relative}
.part2 .p1box .left:after{ position:absolute; content:""; background:url(../images/xian.png) no-repeat; background-size:cover; right:-0.15rem; bottom:-0.1rem; width:1.09rem; height:0.98rem; z-index:-1;}

.part2 .p1box .right{ width:2.82rem; height:3.62rem; display:flex; flex-wrap:wrap; align-content:space-between}
.part2 .p1box .right .item{ width:100%; height:1.7rem;border:2px solid #000; position:relative; background:#fff}
.part2 .p1box .right .item:after{ position:absolute; content:""; background:url(../images/xian.png) no-repeat; background-size:cover; right:-0.15rem; bottom:-0.1rem; width:1.09rem; height:0.98rem; z-index:-1;}

.part2 .p2box{ margin:0 auto; width:6.05rem; display:flex; justify-content:space-between; font-size:0.2rem; padding-top:0.25rem;}
.part2 .p2box .item{width:1.82rem; height:1.5rem;border:2px solid #000; position:relative; background:#fff}

.part2 .tt{ padding:0.2rem 0 0 0; line-height:1; text-align:center;}
.part2 .tt .t1{ font-size:0.26rem;}
.part2 .tt .t2{ font-size:0.21rem; line-height:1.8; position:relative}
.part2 .tt .t2:after{ position:absolute; content:""; width:0.45rem; height:1px; background:#000; left:50%; margin-left:-0.22rem; bottom:0}

.part2 .tt2{ padding:0.1rem 0 0 0; line-height:1; font-size:0.5rem; color:#eb2e59; text-align:center;}
.part2 .tt2 .s1{ font-size:0.3rem}

.part2 .p2box .tt2{ font-size:0.45rem;}
.part2 .p2box .tt2 .s1{ font-size:0.2rem}

.part2 .p3box{ margin:0 auto; width:6.05rem; text-align:right; padding-top:0.2rem}
.part2 .p3box a{ display:inline-block; width:1.37rem;animation:float1 2s infinite;}

.p3_1_1{ height:5.7rem}
.p3_1_2{ height:3.33rem}

.p3_2{ position:relative; height:6.75rem}
.p3_2 .txt{ position:absolute; width:5.45rem; left:0.32rem; top:4.55rem; font-size:0.2rem; line-height:1.8}
.p3_2 .txt1{ position:absolute; width:5.45rem; left:0.32rem; top:1.15rem;line-height:1.2}
.p3_2 .txt1 .t1{ font-size:0.3rem; color:#efa8b6}
.p3_2 .txt1 .t2{ font-size:0.34rem; color:#fff}

.p3_3{ position:relative; height:8.34rem}
.p3_3 .btn{ position:absolute; width:1.65rem; left:1.18rem; top:6.35rem;animation:float1 2s infinite;}
.p3_4_1{ height:7.4rem;}
.p3_4_2{ height:3.45rem;}

.p3_5{ position:relative; height:7.47rem}
.p3_5 .txt{ position:absolute; width:5.45rem; left:0.32rem; top:4.85rem; font-size:0.2rem; line-height:1.8}
.p3_5 .txt1{ position:absolute; width:5.45rem; left:0.32rem; top:1.25rem;line-height:1.2}
.p3_5 .txt1 .t1{ font-size:0.3rem; color:#efa8b6}
.p3_5 .txt1 .t2{ font-size:0.34rem; color:#fff}

.p3_6{ position:relative; height:7.75rem}
.p3_6 .btn{ position:absolute; width:1.65rem; left:1.18rem; top:6.35rem;animation:float1 2s infinite;}
.p3_7_1{ position:relative; height:7.65rem}
.p3_7_2{ position:relative; height:3.38rem}

.p3_8{ position:relative; height:7.56rem}
.p3_8 .txt{ position:absolute; width:5.45rem; left:0.32rem; top:5.25rem; font-size:0.2rem; line-height:1.8}
.p3_8 .txt1{ position:absolute; width:5.45rem; left:0.32rem; top:1.25rem;line-height:1.2}
.p3_8 .txt1 .t1{ font-size:0.3rem; color:#efa8b6}
.p3_8 .txt1 .t2{ font-size:0.34rem; color:#fff}

.p3_9{ position:relative; height:7.74rem}
.p3_9 .btn{ position:absolute; width:1.65rem; left:1.18rem; top:6.05rem;animation:float1 2s infinite;}
.p4box{ display:flex; justify-content:space-around; padding:0.38rem 0}
.p4box .item{ width:1.43rem; height:1.11rem; display:flex; flex-wrap:wrap;justify-content:center;align-content:center; background:url(../images/p4.jpg) no-repeat; background-size:cover; color:#fff}
.p4box .item .t1{ font-size:0.4rem; line-height:1.2; width:100%; text-align:center}
.p4box .item .t1 .s1{ font-size:0.22rem;}
.p4box .item .t2 { font-size:0.18rem; line-height:1.2; text-align:center}

.p5box{ display:flex; justify-content:space-around;}
.p5box .left{ width:3.27rem; position:relative}
.p5box .left a{ position:absolute; left:0.2rem; bottom:0.2rem; width:2.9rem; background:#333; border-radius:0.5rem; height:0.5rem; line-height:0.5rem; text-align:center; font-size:0.22rem; color:#fff;animation:float1 2s infinite;}

.p5box .right{ width:2.71rem; height:4.08rem; display:flex; flex-wrap:wrap;align-content:space-between}
.p5box .right .item{ position:relative}
.p5box .right .item a{ position:absolute; left:0.5rem; bottom:0.2rem; width:1.72rem; background:#e55e7c; border-radius:0.42rem; height:0.42rem; line-height:0.42rem; text-align:center; font-size:0.22rem; color:#fff;animation:float1 2s infinite;}
.p5box .right .item:nth-of-type(1) a{animation-delay:0.2s}
.p5box .right .item:nth-of-type(2) a{animation-delay:0.5s}

.bot{ padding-top:0.3rem}
.pagination{   text-align: center; position: relative; z-index: 5  }
.pagination .swiper-pagination-switch{
	display: inline-block;
	margin:0 0.05rem;
	width:0.5rem;
	height: 0.1rem;
	opacity: 1;
	cursor: pointer;
	overflow: hidden;
	background: #000
}
.pagination .swiper-active-switch{  opacity: 1; background: #eb2e59}

  @-webkit-keyframes float1 {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }
  
  @keyframes float1 {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }  
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}

@-webkit-keyframes flipInXt{
	0%{-webkit-transform:perspective(400px) rotateX(90deg);
		opacity:1}
	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateX(10deg)}
	100%{-webkit-transform:perspective(400px) rotateX(0deg);
		opacity:1}
}
@-moz-keyframes flipInXt{
	0%{-moz-transform:perspective(400px) rotateX(90deg);
		opacity:1}
	40%{-moz-transform:perspective(400px) rotateX(-10deg)}
	70%{-moz-transform:perspective(400px) rotateX(10deg)}
	100%{-moz-transform:perspective(400px) rotateX(0deg);
		opacity:1}
}
@-ms-keyframes flipInXt{
	0%{-ms-transform:perspective(400px) rotateX(90deg);
		opacity:1}
	40%{-ms-transform:perspective(400px) rotateX(-10deg)}
	70%{-ms-transform:perspective(400px) rotateX(10deg)}
	100%{-ms-transform:perspective(400px) rotateX(0deg);
		opacity:1}
}
@-o-keyframes flipInXt{
	0%{-o-transform:perspective(400px) rotateX(90deg);
		opacity:1}
	40%{-o-transform:perspective(400px) rotateX(-10deg)}
	70%{-o-transform:perspective(400px) rotateX(10deg)}
	100%{-o-transform:perspective(400px) rotateX(0deg);
		opacity:1}
}