@charset "utf-8";
/* CSS Document */
html{font-size: 100px}
body{font-family:Microsoft YaHei;color: #000;background:#f1f1f1}
a{color:#333}
/*@font-face {
font-family: BodoniXT;
src: url(‘img/BodoniXT.ttf’);
}*/

.l{float: left}
.r{float: right}

.wap_main{font-size: .2rem;}
/*.wp img{display: block}*/

.pnr{position: relative}
.pna{position: absolute;width: 100%}
.wp h2 { text-align:center;font-size: .3rem;padding: .3rem 0 .15rem}
.wp h2 img { width:.25rem;vertical-align: middle}
.yyjj{background: linear-gradient(#ffecd2, #fffffe);margin-bottom: .35rem}
.yyjj p{width: 90%;margin: 0 auto;line-height: 1.8;text-align: left}
.yyjj ul{display: inline-block;margin: .3rem auto .1rem}
.yyjj li{float: left;background: url(../images/x.jpg) no-repeat right top;margin-right: .1rem;padding-right: .1rem}
.aa{padding-bottom: 5%}
.alt{color: #fdedcc;font-size: .22rem;padding-bottom: .2rem}
.al h2{color: #ffff9a;padding-bottom:0}

.gjdz{width: 94%;margin: 0 auto .35rem}
.gjdz li{float: left;background: #f8f8ac;width: 2rem;margin:.2rem 0 0 .67rem;border: .01rem solid #c1c199;border-radius: .1rem;overflow: hidden;text-align: center;padding-bottom: .15rem}
.gjdz li img{border-bottom: .01rem solid #afaaa1}
.gjdz li b{display: block;margin-top: .15rem}
.gjdz .zj{letter-spacing: -.008rem}

.mlys{top: 0;left: 0;color: #fff}
.mlys h2{color: #ffff9a}
.mlys p{margin-bottom: .15rem;line-height: 1.6}
.mlys strong{font-size: .26rem;color: #ffff9a;font-weight: normal;}

.jdxm{top: 0;left: 0}
.jdxm li{position: relative;float: left;width: 2.72rem;height: 2.72rem;border: .01rem solid #fff;border-radius: 50%;text-align: center;background: #ffff9a;margin:.85rem .24rem .35rem;padding-top: 1.6rem}
/*.jdxm li:after{content: "";position: absolute;width: 2.88rem;height: 2.88rem;border-radius: 50%;border: .01rem solid #fff;left: -.08rem;top: -.08rem;z-index: 0}*/
.jdxm li img{width: 2.44rem;position: absolute;bottom:1.1rem;left: 50%;margin-left: -1.22rem;z-index: 2}
.jdxm li p{display: inline-block;width: 2.72rem;height: 2.72rem;border-radius: 50%}
.jdxm li b{display: block;font-size: .24rem}
.jdxm .mt100{margin-top: 1rem}
.jdxm li i { position: absolute; width: 2.3rem; height: 2.3rem; line-height: normal; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box;left: .24rem;top:.24rem;z-index: 0 }
@-webkit-keyframes pan-ripple{
    0%{-webkit-transform:scale(1);opacity:0}
    30%{-webkit-transform:scale(1.1);opacity:1}
    100%{-webkit-transform:scale(1.4);opacity:0}}
.ripple-a{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 2s linear infinite;animation:pan-ripple 2s linear infinite}
.ripple-b{opacity:0;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:pan-ripple 1s linear infinite;animation:pan-ripple 1s linear infinite}

.gpz{text-align: center;line-height: 1.68}
.gpz span{font-size: .22rem;display: block;margin: -.2rem auto .1rem}


.swiper1{margin-top: .25rem}
.swiper1 img{width: 5.18rem;padding: .05rem .1rem;background: #fff;border: .01rem solid #000}
.sb{top: 0;left: 0;overflow: hidden}
.sb .swiper-slide p{position: absolute;width: 1.15rem;line-height: .4rem;font-size: .22rem;text-align: center;top: -.25rem;left: 50%;margin-left: -.57rem;}
.sb .swiper_container{overflow: visible;padding-bottom: 6%}
.sb p i{display:block;height: .1rem;background: #c08435;}
.sb p span{border: .01rem solid #000;background: #fff;display: block}
.swiper2 img{width: 6rem;padding: 5% 0}

.bg0{background: #000}
.bgc{background: #f88437}
.bgz{background: #c27e51}
.bgh{background: #b22727}


.tac{text-align: center}
.mt5{margin-top: .5rem !important;}
.cs{bottom: 30%;left: 8%;width: 68%}
.hs{bottom: 17%;left: 8%;width: 68%}
.sbs{bottom: 4.5%;left: 11%;width: 83.5%}
.jg img{border-radius: 50%}


.zhong{left: 0;bottom:0;z-index: 22;text-align: center}
.zhong a{font-size:.26rem;color: #fff;background: url(../images/an.png) no-repeat center bottom;background-size: 100%;display: inline-block;padding-top: .5rem;width: 2.54rem;height: .9rem}
/*边框动画*/
/*.he{  width: 100%; height:100%; border: 10px solid black; border-left-color: #fff; border-radius: 70px;position: absolute;left: 0;top: 0;
    animation: namemf 1s linear infinite; -webkit-animation:namemf 1s linear infinite; -ms-animation: namemf 1s linear infinite;}
@keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}
@-webkit-keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}
@-ms-keyframes namemf{
    from{ transform:rotate(0deg) ; }
    to{ transform: rotate(360deg); }
}*/
/*.zhong a span:before,.zhong a span:after{ border-radius: .2rem;content: " "; display: block; position: absolute; width:104%; height:104%; top: -2%; left: -2%; border:2px solid #00FF00; z-index:10; box-sizing: border-box; -webkit-animation: clipAni 4s infinite linear;animation: clipAni 4s infinite linear; }
.zhong a span:before{ -webkit-animation-delay: -2s;animation-delay: -2s; }*/
@keyframes  clipAni{
    0%,100%{ clip: rect(0px,104%,104%,102%); }
    25%{ clip: rect(0px,104%,1%,0px); }
    50%{ clip: rect(0px,2%,104%,0px); }
    75%{ clip: rect(102%,104%,104%,0px); }
}

.mr3{margin: .3rem auto}

p.yy { padding:1em; color:#fff; font-family:Microsoft YaHei; background-color:#6ba3e6;}
.ts{top: 0;left:0;padding:.48rem 0 0  2.6rem;}
.ts li{width: 2.68rem;color: #0f0c45;font-size: .24rem;line-height: .3rem;margin-bottom: .35rem}
.ts li b{font-size: .26rem;display: block;text-align: center}

.ts li b{font-size: .22rem;display: block;text-align: center}
.ts li img{width: 2.44rem;display: inline-block}
.buy{text-align: center;}
.buy a{display: inline-block;line-height: .55rem;color: #fff;font-size: .28rem;border-radius: .25rem;background: #6b3900;padding: 0 .12rem;margin: 0 .15rem;
    /* background: -webkit-linear-gradient(#d99a2b, #f2b852); Safari 5.1 - 6.0
    background: -o-linear-gradient(#d99a2b, #f2b852); /* Opera 11.1 - 12.0
    background: -moz-linear-gradient(#d99a2b, #f2b852); /* Firefox 3.6 - 15
    background: linear-gradient(#d99a2b, #f2b852); /* 标准的语法 */
    -moz-box-shadow:0 .02rem 0 #FFF; -webkit-box-shadow:0 .02rem 0 #FFF; box-shadow:0 .02rem 0 #FFF;}

.mtb3{margin: .3rem auto}
.mtb15{margin: .15rem auto}
.ptb3{padding: .3rem 0}
.pt3{padding-top: .3rem}
.pt5{padding-top: .5rem}
.mt3{margin-top: .3rem}
.mb3{margin-bottom: .3rem}

.swiper_container{width: 100%;text-align: center;}
.swiper-pagination-bullet{background: #000;}
.swiper2 .swiper-pagination-bullet{background: #fff;}
.bge{background: #eee;padding: .3rem 0 .2rem}
/*.swiper-pagination-bullet-active{background: #fff;}*/
/*.swiper1>.swiper-pagination-bullets{bottom: -1%}*/
.swiper-pagination-bullet{width: .15rem;height:.15rem}
/*.swiper3 .swiper-pagination-bullet,.swiper2 .swiper-pagination-bullet{background: #2a2a2a;}
.swiper_container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -2%}*/
.swiper_container-horizontal>.swiper-pagination1{bottom:0.5%}
.swiper_container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0}