body{ font-family:"Microsoft YaHei";}
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 !important;}
.pnr{position: relative}
.pna{position: absolute}
.w50{width: 50%}

img{ border:none; vertical-align:top; margin:0 auto;}
.tac{ text-align:center}
.wp{width: 1200px;margin: 0 auto}
.ban{overflow: hidden;min-width: 1200px}
.ban .pnr>img{margin-left: -360px;zoom: 1}
.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}
.sp{overflow: hidden;left: 0;top: 0;z-index: 2;text-align: center;width: 100%}
.sp ul{width:1074px;display: inline-block}
.sp li{background: #fff;float: left;overflow: hidden;padding: 8px 5px;box-sizing: border-box;margin-top: 2px;text-align: center;color: #000;font-size: 30px}
.sp img{display: inline-block}
.sp span{position: absolute;font-size:20px}
.sp b{font-family: '黑体';color: #b98410;font-size: 48px}
.sp i{font-style: normal;font-size: 20px;color: #333}
.sp a{display: inline-block;color: #000;font-size: 24px;background: #ffd02f;border-radius: 25px;padding: 0 35px;line-height: 1.6;-moz-box-shadow:0 2px 5px rgba(31,31,31,.35); -webkit-box-shadow:0 2px 5px rgba(31,31,31,.35); box-shadow:0 2px 5px rgba(31,31,31,.35);}
.sp a:hover{background: #b98410;color: #fff}
.sp p{line-height: 1.5;padding-top: 10%}
.sp .b5 p,.sp .b6 p,.sp .b7 p,.sp .b8 p,.sp .b11 p,.sp .b12 p,.sp .b13 p,.sp .b14 p,.sp .b15 p,.sp .b16 p{padding-top:3%}
.sp .b7 p,.sp .b8 p{line-height: 1.3;padding-bottom:3%}
.sp .b11 p,.sp .b12 p,.sp .b13 p,.sp .b14 p,.sp .b15 p,.sp .b16 p{padding-bottom: 3%}
.b1{background: #e9e9e9;overflow: hidden;padding: 65px 0 50px}
.b1 li{float: left;margin-left: 50px;width: 324px;color: #41310d;font-size: 20px;line-height: 3;margin-top: 35px}
.b2{background: #f8f8f8;}
.b2 .wp{overflow: hidden;padding: 35px 0 55px;position:relative}
.b2 .tac{margin-bottom: 35px}
.b2 .fl{margin-right: 20px}
.b2 .con{width:988px;margin:0 auto}
.b2 .dsq{position: absolute;bottom: 0;right: 205px}
.b2 p{font-size: 22px;color: #0b0b0b;line-height: 2}
.b3{background: #fafafa;overflow: hidden}
.b3 img{margin-top: 18px;display: block}
.b3 .tt{margin: 35px auto}
.b4{}
.b4 span{top: 95px; right: 100px;}
.b9 span{top: 95px; right: 60px;}
.b12 span{bottom: 115px; right: 130px;}
.b5{width: 475px}
.b6{width: 475px}
.b7{width: 295px;margin-right: 3px}
.b8{width: 295px;margin-right: 2px}
.b9{width: 506px;margin-right: 2px;position: relative}
.b10{width: 563px}
.b11{width: 357px;margin-right: 2px}
.b12{width: 357px;margin-right: 2px;position: relative}
.b13{width: 353px}
.b14{width: 355px;}
.b15{width:355px;margin: 0 3px}
.b16{width: 355px;}
.b17{margin-right:54px}
.b18{}
.b19{}
.b20{}
.b21{}
.b22{}
.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;top: 150px;left: 50%;width:820px;margin-left: -410px;padding-bottom: 50px }
.picScroll-left .hd{ overflow:hidden;position: absolute;bottom: 0;left: 0;z-index: 1;text-align: center;width: 100% }
/*.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{  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 auto; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:820px; }
.picScroll-left .bd ul li .pic a:hover img{ }
.picScroll-left .bd ul li .title{ line-height:24px;   }




.list{top:0;left:0; height:100%}
.list ul{height:100%}
.list li{float:left; width:382px; margin-right:27px; position:relative; height:100%}
.list li a,.list li b,.list li i{position:absolute; left:0; text-align:center; width:100%}
.list li b{color:#750b8b; font-size:35px;  bottom:128px;}
.list li i{color:#ff006c; font-size:16px;  bottom:100px;}
.list li a,.end{color:#fff; font-size:35px;bottom:30px; background:#ff006c; border-radius:10px; 
width:188px; letter-spacing:2px; line-height:1.6; left: auto; right:40px}
.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; top:0; left:0;padding-bottom: 50px}
.slideBox .hd{position:absolute; right:5px; bottom:5px; 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; }
.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;  }


.slideBoxb{ width:100%;  overflow:hidden; top:120px; left:0;padding-bottom: 50px}
.slideBoxb .hd{ position:absolute; right:5px; bottom:5px; z-index:1;text-align:center; width:100% }
.slideBoxb .hd ul{ overflow:hidden; zoom:1; display:inline-block }
/*.slideBoxb .hd ul li{ float:left; margin-right:2px;  width:18px; height:18px; line-height:17px;  background:#fff; cursor:pointer; }
.slideBoxb .hd ul li.on{ background:#f00; color:#fff; }*/
.slideBoxb .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxb .bd li{ zoom:1; vertical-align:middle; }
.slideBoxb .bd img{ display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBoxb .prev,
.slideBoxb .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;   }
.slideBoxb .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBoxb .prev:hover,
.slideBoxb .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBoxb .prevStop{ display:none;  }
.slideBoxb .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: #dc9c25}
.end{ right:50%; margin-right:-126px; width:252px; text-align:center;bottom:68px }

.yuan{text-align: center;
    width: 172px;
    height:105px;
    border-top-right-radius: 70px;
    border-top-left-radius: 70px;
    position:absolute;
    bottom:0;
    left: 483px;
	}
	.yuan a{ width:100%; height:100%;display:block;}
	
.dt{position:absolute;
width:674px;
height:510px;
bottom:283px;
left:60px;
}

.quan{
position:absolute;
width:400px;
height:400px;
border: 7px solid #181818;
border-radius: 400px;
bottom:33px;
left:132px;}

.dw{width: 1200px;margin: 0 auto}