body{ font-family:"Microsoft YaHei";background:url(images/bg.jpg) repeat-y center top #072138}
a:hover{text-decoration: none}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
.fl{float:left}
.fr{float:right}
.pnr{position: relative}
.pna{position: absolute}
.mt4{margin: 40px auto}
img{ border:none; vertical-align:top; margin:0 auto;}
.tac{ text-align:center}
.wp{width: 1200px;margin: 0 auto;font-size: 20px;color: #000;line-height: 1.6}
.ban{overflow: hidden;min-width: 1200px}
.ban .pnr>img{margin-left: -360px;zoom: 1}
.cf{color: #fff}
.c0{color: #000}
.bf{background: #fff;margin-bottom:55px;margin-left: 650px}
.b0{background: #000;margin-bottom:55px}
.be0{background: #e0c13d;margin-bottom:40px}
.bfb{background: #fbedbb;margin-bottom: 30px}
.zhong{left: 0;bottom: 0;width: 100%;text-align: center}
.zhong a{position: relative;display: inline-block;font-size: 26px;font-weight: bold;letter-spacing: 3px;width: 354px;height:72px;}
.zhong a:hover{color:inherit}
.zhong .b0:hover{color: #fff}
.zhong a img{position: absolute;right: 18px;bottom: -8px}
.zhong span{line-height: 56px;}
figure{width: 100%;height:100%}
figure div { height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: 0.25s; -webkit-transition: 0.25s; }
figure:hover div { transform: rotateX(-90deg);}
.face { width:338px; height: 56px; position: absolute;left:8px;top:8px; text-align: center; border: 1px solid #000; }
.face:nth-child(1) { transform: translate3d(0, 0, 30px); -webkit-transform: translate3d(0, 0, 30px); }
.face:nth-child(2) { transform: rotateX(90deg) translate3d(0, 0, 30px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 30px); }

.b0 span{border-color: #fff}
.pn1{font-size: 24px;line-height:54px;top:77px;left: 232px}
.pn2{top:308px;left: 55px}
.pn2 b{display: block;font-size:24px;margin-bottom: 30px}
.pn2 span{width: 505px;display: block;margin-bottom:10px}
.pn3{top: 20px;left: 644px}
.pn3 span{color: #e0c13d}
.pn4{top: 195px;left: 682px;line-height: 2.15}
.pn5{bottom: 136px;left: 630px;width: 540px;letter-spacing:3px;line-height: 1.35}
.pn6{top: 210px;left: 640px;width: 400px}
.pn7{top:85px;left:105px;width: 486px;line-height: 1.8}
.pn8{top:45px;left: 50px;width: 1100px;}
.pn9{top: 160px;left: 0}
.pn9 li{float: left;margin:0 0 50px 50px;text-align: center}
.pn9 li img{padding: 9px 7px;border: 1px solid #000}
.pn9 p{line-height: 54px;background: #000;color: #e0c13d;margin-top: 6px}
.pn10{top: 136px;left: 470px;width: 325px;line-height: 1.8;letter-spacing: 3px}
.pn11{bottom: 165px;right:103px;width: 170px;font-size: 18px;line-height: 1.35}
.pn11 dt{color: #e0c13d;font-size: 22px;line-height: 2;margin-top: 36px}
.pn12{top: 28px;left: 0;line-height: 1.8}
.pn13{left: 0;top: 205px}
.pn14{left: 0;bottom:0}
.pn14 dd{width:382px;text-align: center;line-height: 50px;float: left}
.pn15{top: 78px;left: 0}
.pn16{top: 25px;left: 43px}
.pn16 p span{margin-top: 15px;display: block}




.dh1{top: 78px;left: 220px}
.dh2{top: 140px;left:483px;width: 405px;color: #fff;font-size: 18px;line-height: 1.35}
.dh3{top: 400px;left: 220px}
.dh4{top: 470px;left: 483px;width: 405px;color: #fff;font-size: 18px;line-height: 1.35}
.hrj{top: 0;left: 0}
.pp .hrj{bottom:-46px;left: 0;top: auto}
.wgll{margin: 38px auto 50px}
.vam{vertical-align: middle;}


.ll{margin:0 60px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.ll:hover{margin:0 40px;cursor: pointer}
.wgcon{letter-spacing: -4px;font-size:0 }
.wgcon dl{display: inline-block;background: #fff;vertical-align: top;font-size: 20px;letter-spacing: 0}
.wgcon dl a{color: #fff;background: #ff5359;display: inline-block;line-height:30px;padding:0 25px;border-radius: 30px;margin: 20px auto }
.wgcon dl a:hover,.wgcon dl .bbff a:hover{background: #fce902;color: #000}
.wgcon dt{padding-top: 33px;padding-bottom: 10px}
.wgcon dt.pt0{padding-top: 0;padding-bottom: 0}
.wgcon dl .bbff a{color: #ff5359;background: #fff;}
.bbff{background: #ff5359}
.yc{background: url(images/zxhrj_81.jpg);padding-bottom: 55px}
.yc dl a{margin: 5px auto}
.mid .pna{bottom: 0;left: 0;width: 100%}
.zuo .pna{bottom: 0;right: 0;width: 40%}
.ban .yy{left: 50%;bottom: 204px;width: 84px;height: 84px;display: inline-block}


.gg{margin-bottom: 50px}
.buy{width: 100%;bottom:16%;left: 0}
.buy li{float: left;width: 323px;text-align: center;margin-right: 108px}
.buy a{width: 240px;display: inline-block;font-size: 36px;line-height: 1.888;background: #0a0603;color: #e2a92d;border-radius: 12px;border: 2px solid #0a0603}
.buy a:hover{border: 2px solid #fff}
.buy li:last-of-type{margin-right: 0}
.buy img{zoom: 1}

.xxm{width:100%;top: 0;left: 0}
.xxm li{display: inline-block}
.swiper-container{top: 0;left: 0;padding-bottom: 3.5%}
.swiper-container,.swiper-wrapper,.swiper-slide img,.swiper-slide{width: 100%;height: auto}
.swiper-pagination-bullet{width: 20px;height: 20px;background: #e6e6e6}


/* 本例子css */
.picScroll-left{ overflow:hidden;width:100%;}
.picScroll-left .hd{ overflow:hidden;position: absolute;bottom: 0;left: 0;z-index: 1;text-align: center;width: 100%;display: none }
/*.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }*/
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{display: inline-block; overflow:hidden; zoom:1;  }
/*.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }*/
.picScroll-left .bd{border: 1px solid #b1a186;padding: 12px 0 }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-left:13px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center;padding: 3px 5px;background: #fff;position: relative }
.picScroll-left .bd ul li .pic img{ width:372px; }
.picScroll-left .bd ul li .pic a:hover img{ }
.picScroll-left .bd ul li p,.picScroll-left .bd ul li i{ line-height:28px;height:28px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;font-size: 16px }
.picScroll-left .bd ul li i{background: #000;opacity:0.62;filter:Alpha(opacity=62);}




.list{top:0;left:0;margin-right: -90px}
.l2{top: 16px}
.list li{display: inline-block; width:235px;text-align: center;margin-right:80px;font-size:20px;color: #fff;line-height: 36px}

.list li b{font-weight: normal;font-size: 22px}
.list li span{color: #ff0066;font-size: 30px;}
.l3 li span{color: #fff600;font-size: 40px;}
.list li u{font-size: 24px;text-decoration: none}
.list li i{color:#fff600;font-style: normal}
.l3 li i{color:#ff0018;}
.list li a{display: inline-block;line-height: 40px;padding: 0 30px;background: #ff0066;color: #fff;font-size: 22px;margin-top:5px}
.list li img{vertical-align: middle}
.list li a:hover,.end:hover,.xm li a:hover{ background:red}
.list .big li{ width:582px}
.list .big li a{ right:134px}

.xm{width:100%; left:0; bottom:30px}
.xm li{ color:#fff; font-size:30px; width:34%; text-align:center; float:left; margin-left:12%; margin-right:6%}
.xm li a{display: inline-block; font-size:42px; background:#ff006c; border-radius:12px; color:#fff; width:250px; line-height:64px; margin-bottom:18px}

.slideBox{ width:100%;  overflow:hidden;padding-bottom: 3.5%}
.slideBox .hd{position:absolute; right:5px; bottom:0; z-index:1;text-align:center; width:100% }
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block }
/*.slideBox .hd ul li{ float:left; margin-right:2px;  width:18px; height:18px; line-height:17px;  background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }*/
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative }
.slideBox .bd li span{color: #fff;font-size: 28px;background: #072138;line-height: 46px;padding: 0 32px;position: absolute;bottom: 25px;left:210px }
.slideBox .bd li a:hover span{background:#d04b01 }
.slideBox .bd img{ display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.hd li{width: 25px;height: 25px;border-radius: 50%;background: #8f8f8f;float: left;margin: 0 8px;text-indent: -99px;overflow: hidden;}
.hd li.on{background: #fff}
.end{ right:50%; margin-right:-126px; width:252px; text-align:center;bottom:68px }