.wrap{ width:100%; overflow:hidden; font-family:"Microsoft YaHei", "微软雅黑", SimSun, serif; position:relative;}
.top{ width:100%; height:40px; border-bottom:1px solid #c5c5c5; background:#fff; position:relative; z-index:50;  }
.top_wrap{ width:1200px; height:40px; margin:0 auto;  position:relative;}
.top_logo{ width:220px; height:37px; padding-top:3px;}
.top_logo a,.top_logo a img{ display:block; width:200px;}
.top_right{ width:580px; position:relative;}
.map_btn{ display:block; width:93px; height:28px; float:right; font-size:14px; color:#000000; line-height:28px; padding-left:14px; background:url(../images/map_btn_bg.png) no-repeat 0 0; margin-top:6px; }
.top_r_l{ float:right; display:block; height:40px; font-size:12px; color:#b1b1b1; line-height:40px; margin-right:12px;}
.top_r_l a{ padding:0 8px; font-size:14px; color:#000; }
.top_gg{ width:438px; height:40px; position:absolute; left:210px; top:0;}
.top_gg em{ display:block; width:1px; height:24px; position:absolute; left:0; top:8px; background:#ccc;}
.top_gg a{ display:block; width:438px; height:40px; margin-left:16px;}
.map{display:none; position:absolute; top:41px; right:0; z-index:11;	min-height:112px;border-left:1px solid #dadada;	border:1px solid #dadada; background:#fff;}
.t_ml{ display:none; width:120px; padding-bottom:12px;  position:absolute; right:100px; top:41px;border:1px solid #dadada; background:#fff;  z-index:11; padding-top:5px;}
.t_ml a{  font-size:14px; color:#333; line-height:32px; display:block; width:100%; text-align:center; margin:0 auto; position:relative; box-sizing:border-box; padding:0 20px 0 0; }
.t_ml a em{ display:block; width:18px; height:10px; position:absolute; right:5px; top:11px;  background:url(../images/icon_n.png) no-repeat 0 0;}
.t_ml li:last-child a em{ background-position:0 -60px;}
.t_ml a:hover{ color:#c20813;}
.map-bg,.ml-bg{ display:none; height:400px;width:100%; position:absolute; z-index:10; top:45px; right:0;}
.map ul {background:#fff;}
.map li { float:left;	width:110px; height:176px; 	text-align:center;	box-sizing:border-box;	border-right:1px solid #e9e9e9;	margin-top:6px;}
.map li a:hover {	color:#c20813}
.map li:last-child {	border-right:0}
.map li h3 {	font-size:14px;	color:#333;	height:32px;	line-height:32px;	border-bottom:1px solid #e9e9e9; margin-bottom:6px;}
.map li a {	display:block;	line-height:24px}
.logo{ width:210px; height:90px; position:absolute; left:50%; top:20px; margin-left:-800px; z-index:20}
.logo a{ display:block;}
.tshare{ width:445px; height:31px; overflow:hidden; background:url(../images/topbar_bg.png) no-repeat 0 0; position:absolute; right:50%; top:0; margin-right:-600px; z-index:20; }
.t_link{ width:200px; height:31px; overflow:hidden; float:left; margin:0 0 0 30px; font-size:12px; color:#333; line-height:28px;}
.t_link a{ padding:0 6px; font-size:12px; line-height:28px; color:#000;}
.t_share{ width:160px; height:31px; float:left; margin-left:30px;}
.t_share span{ float:left; font-size:12px; color:#000; line-height:28px;}
.t_share a{ display:block; float:left; width:23px; height:23px; overflow:hidden; margin-right:6px; background-image:url(../images/icon_share.png); background-repeat:no-repeat; margin-top:3px;}
.s_qq{ background-position:0 0;}
.s_wb{ background-position:-31px 0;}
.s_wx{ background-position:-62px 0;}
section{ width:100%; overflow:hidden; position:relative;}
.banner{ width:100%; height:1233px; background:url(../images/bg01.jpg) no-repeat center 0; }
.sect01{ width:100%; height:1246px; background:url(../images/bg02.jpg) no-repeat center 0;}
.sect02{ width:100%; height:1036px; background:url(../images/bg03.jpg) no-repeat center 0;}
.sect03{ width:100%; height:1227px; background:url(../images/bg04.jpg) no-repeat center 0;}
.sect04{ width:100%; height:1143px; background:url(../images/bg05.jpg) no-repeat center 0;}
.sect05{ width:100%; height:1226px; background:url(../images/bg06.jpg) no-repeat center 0;}
.sect06{ width:100%; height:1416px; background:url(../images/bg07.jpg) no-repeat center 0;}
.banner_c{ width:1400px; height:1000px; margin:0 auto; position:relative; z-index:10;}
.slogan{ display:block; width: 906px; height: 327px; position:absolute; left:50%; top: 162px; margin-left:-398px; z-index:1;}
.btn_list{ width: 867px; height:406px; position:absolute; left:50%; margin-left:-453px; top: 660px; z-index: 5; }
.btn_list li{ display:block; width: 230px; height:230px; position: absolute; }
.btn_list01{ left: 0; top: 0;}
.btn_list02{ left: 130px; top: 138px;}
.btn_list03{ left: 250px; top: 0;}
.btn_list04{ left: 380px; top: 138px;}
.btn_list05{ left: 500px; top: 0;}
.btn_list06{ right: 0; top: 138px;}
.btn_list li a{ display:block; width: 230px; height: 230px; background-image:url(../images/btn_list.png); background-repeat:no-repeat; cursor:pointer;}
.btn_list01 a{ background-position: 0 0;}
.btn_list02 a{ background-position: -242px 0;}
.btn_list03 a{ background-position: -484px 0;}
.btn_list04 a{ background-position: -727px 0;}
.btn_list05 a{ background-position: -969px 0;}
.btn_list06 a{ background-position: -1211px 0;}
.btn_list01 a:hover,.btn_list01 a.hover{ background-position: 0 -256px;}
.btn_list02 a:hover,.btn_list02 a.hover{ background-position: -242px -256px;}
.btn_list03 a:hover,.btn_list03 a.hover{ background-position: -484px -256px;}
.btn_list04 a:hover,.btn_list04 a.hover{ background-position: -727px -256px;}
.btn_list05 a:hover,.btn_list05 a.hover{ background-position: -969px -256px;}
.btn_list06 a:hover,.btn_list06 a.hover{ background-position: -1211px -256px;}
.title{ width:100%; height:166px; overflow:hidden; margin:20px auto 0;}
.title span{ display:block; width: 875px; height:166px; margin:0 auto; background-image:url(../images/title.png); background-repeat:no-repeat;}
.sect01 .title span{ background-position:0 0;}
.sect02 .title span{ background-position:0 -187px;}
.sect03 .title span{ background-position:0 -375px;}
.sect04 .title span{ background-position:0 -562px;}
.sect05 .title span{ background-position:0 -750px;}
.sect06 .title span{ background-position:0 -937px;}
.sect01_c{ width: 100%; height: 782px; position: relative; margin-top: 30px;}
.sect01_hd{ width: 1200px; height: 60px; position: absolute; left: 50%; top: 0; z-index: 3; margin-left: -600px;}
.sect01_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.sect01_hd li{ display: block; width: 196px; height: 53px; margin: 0 30px; position: relative; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect01_btn01{ background-position: -479px -227px; }
.sect01_btn02{ background-position: -479px -280px; }
.sect01_btn03{ background-position: -479px -333px; }
.sect01_btn01:hover,.sect01_btn01.hover{ background-position: -479px -386px;}
.sect01_btn02:hover,.sect01_btn02.hover{ background-position: -479px -439px;}
.sect01_btn03:hover,.sect01_btn03.hover{ background-position: -479px -492px;}
.sect01_bd{ width: 100%; height: auto;}
.sect011{ width: 1360px; height: 800px; position: absolute; left: 50%; top: 80px; margin-left: -680px; background: url(../images/sz_bg.png) no-repeat 0 0;}
.sz_hd{ width: 46px; height: 143px;  position: absolute; left: 50px; top: 50px; z-index: 5;}
.sz_hd li{ display: block; width: 46px; height: 72px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; font-size: 24px; color: #6f562b;  text-align: center; }
.sz_hd li:hover,.sz_hd li.hover{ color: #fffbd9;}
.sz_btn01{ background-position: -690px -227px; line-height: 80px;}
.sz_btn02{ background-position: -690px -290px; line-height: 60px;}
.sz_btn01:hover,.sz_btn01.hover{ background-position: -690px -373px;}
.sz_btn02:hover,.sz_btn02.hover{ background-position: -690px -445px;}
.sz_img{ width: 800px; height: 750px;  position: absolute; left: -50px; top: -50px; }
.sz_info{ width: 600px; height: 620px; position: absolute; right: 50%; top: 80px; margin-right: -620px; }
.sz_gift_box{ width: 100%;}
.sz_gif_c{ width: 264px; height: 191px; float: left; position: relative; margin: 0 24px 0 10px;}
.sz_gif_c span{ display: block; width: 257px; height: 183px; overflow: hidden; position: absolute; left: 4px; top: 4px; background-color: #000; margin: 0; padding: 0;}
.sz_gif_c span img{ width: 100%;}
.sz_gif_c b{ display: block; width: 32px; height: 64px; position: absolute; right: 0; top: 0; font-size: 16px; color: #ffffff; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 30px; z-index: 3; letter-spacing: 2px;}
.sz_gif_c em{ display: block; width: 264px; height: 191px; background: url(../images/sz_gif_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 3;}
.sect012{ width: 1235px; height: 547px; background: url(../images/sect01_bg02.png) no-repeat 0 0; position: absolute; left: 50%; top: 120px; margin-left: -620px;}
.sect012 ul{ width: 100%; height: 500px; margin: 40px auto 0; position: relative; display: flex; flex-flow: row wrap; justify-content: center;}
.qp_item{ display: block; width: 213px; height: 213px; position: relative; margin: 0 70px;}
.qp_item em{ display: block; width: 213px; height: 213px; position: absolute; left: 0; top: 0; background: url(../images/qp_item.png) no-repeat 0 0;}
.qp_item p{ display: block; width: 42px; height: 194px; position: absolute; right: 0; top: 0; z-index: 5; font-size: 18px; color: #886f3a; font-weight: 400; writing-mode: vertical-lr; line-height: 46px; text-align: center; letter-spacing: 1px;}
.qp_item span{ display: block; width: 184px; height: 184px; position: absolute; left: 7px; top: 21px; overflow: hidden; border-radius: 50%; background-color: #000;}
.qp_item span img{ width: 100%;}
.act_info_tt{ display: block; width: 233px; height: 56px;  margin: 0 auto 40px; background: url(../images/icon_btn.png) no-repeat -747px -442px; font-size: 30px; color: #886f3a; text-align: center; font-weight: bold; line-height: 56px; font-family: "kaiti";}
.sect01_gif{ width: 435px; height: 260px; position: absolute; right: 100px; top: 300px; z-index: 3;}
.sz_gift_box{ width: 100%;}
.pet_gif_c{ width: 167px; height: 165px; float: left; position: relative; margin: 0 30px 0 10px;}
.pet_gif_c span{ display: block; width: 138px; height: 138px; overflow: hidden; border-radius: 50%; position: absolute; left: 13px; top: 13px; background-color: #000; margin: 0; padding: 0;}
.pet_gif_c span img{ width: 100%;}
.pet_gif_c b{ display: block; width: 28px; height: 60px; position: absolute; right: 14px; top: 5px; font-size: 16px; color: #e9ffe7; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 28px; z-index: 3; letter-spacing: 2px;}
.pet_gif_c em{ display: block; width: 167px; height: 165px; background: url(../images/sz_gif_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 3;}
.pet_gif_c i{ display: block; width: 122px; height: 26px; position: absolute; left: 22px; bottom: 5px; font-size: 14px; color: #e9ffe7; text-align: center; font-weight: 400; line-height: 26px; z-index: 5;}
.act_info ul{ width: 100%; }
.act_info ul li{ width: 100%; margin-bottom: 16px;}
.act_info li p{ font-size: 18px; color: #886f3a; padding-left: 20px; margin-top: 8px; line-height: 34px;}
.icon_tt{ display: block; width: 129px; height: 32px; font-size: 18px; color: #886f3a; font-weight: 400; line-height: 32px; text-align: center; background:url(../images/icon_btn.png) no-repeat -479px -547px; letter-spacing: 1px; }
.sect011 .icon_tt{ display: block; width: 143px; height: 35px; font-size: 20px; color: #fffbd9; font-weight: bold; line-height: 34px; text-align: center; background:url(../images/icon_btn.png) no-repeat -610px -547px; letter-spacing: 1px; font-family: "kaiti";}
.sect011 .act_info li p{ font-size: 20px; color: #886f3a; line-height: 36px;}
.sect011 .act_info ul li{ width: 100%; margin-bottom: 24px;}
.sect02_c{ width: 1285px; height: 677px; position: absolute; right: 50%; top: 230px; margin-right: -640px; background: url(../images/sect02_bg.png) no-repeat 0 0;}
.sect02_zs{ width: 385px; height: 374px; position: absolute; left: 50%; top: 420px; margin-left: -920px; z-index: 5;}
.sect02_img{ width: 454px; height: 647px; position: absolute; right: 92px; top: 9px;}
.sect02_info{ width: 580px; height: 420px; position: absolute; left: 100px; top: 90px;}
.sect02_img .swiper{ width: 454px; height: 647px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #fdf8b3; border-radius: 5px;}
.sect03_c{ width: 1251px; height: 690px; position: absolute; right: 50%; top: 220px; margin-right: -625px; background: url(../images/sect03_bg.png) no-repeat 0 0;}
.sect03_img{ width: 454px; height: 647px; position: absolute; left: 32px; top: 20px;}
.sect03_info{ width: 580px; height: 420px; position: absolute; right: 100px; top: 90px;}
.sect03_img .swiper{ width: 454px; height: 647px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #fdf8b3; border-radius: 5px;}
.sect04_c{ width: 1141px; height: 761px; position: absolute; right: 50%; top: 220px; margin-right: -570px; background: url(../images/sect04_bg.png) no-repeat 0 0;}
.sect04_hd{ width: 1016px; height: 500px; position: absolute; left: 62px; top: 95px; }
.sect04_hd li{ display: block; width: 108px; height: 108px; position: absolute; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect04_btn01{ background-position: 0 0; left: 88px; top: 0;}
.sect04_btn02{ background-position: -109px 0; left: 0; top: 77px;}
.sect04_btn03{ background-position: -218px 0; left: 88px; top: 154px;}
.sect04_btn04{ background-position: -327px 0; left: 0; top: 231px;}
.sect04_btn05{ background-position: -436px 0; left: 88px; top: 308px;}
.sect04_btn06{ background-position: -545px 0; left: 0; top: 384px;}
.sect04_btn07{ background-position: -653px 0; right: 88px; top: 0;}
.sect04_btn08{ background-position: -762px 0; right: 0; top: 77px;}
.sect04_btn09{ background-position: -762px -220px; right: 88px; top: 154px;}
.sect04_btn10{ background-position: -871px -220px; right: 0; top: 231px;}
.sect04_btn11{ background-position: -871px 0; right: 88px; top: 308px;}
.sect04_btn01:hover,.sect04_btn01.hover{ background-position: 0 -110px;}
.sect04_btn02:hover,.sect04_btn02.hover{ background-position: -109px -110px;}
.sect04_btn03:hover,.sect04_btn03.hover{ background-position: -218px -110px;}
.sect04_btn04:hover,.sect04_btn04.hover{ background-position: -327px -110px;}
.sect04_btn05:hover,.sect04_btn05.hover{ background-position: -436px -110px;}
.sect04_btn06:hover,.sect04_btn06.hover{ background-position: -545px -110px;}
.sect04_btn07:hover,.sect04_btn07.hover{ background-position: -653px -110px;}
.sect04_btn08:hover,.sect04_btn08.hover{ background-position: -762px -110px;}
.sect04_btn09:hover,.sect04_btn09.hover{ background-position: -762px -330px;}
.sect04_btn10:hover,.sect04_btn10.hover{ background-position: -871px -330px;}
.sect04_btn11:hover,.sect04_btn11.hover{ background-position: -871px -110px;}
.sect04_bd{ width: 593px; height: 690px; position: absolute; left: 274px; top: 26px;}
.tx_hd{ width: 100%; height: 40px; position: absolute; left: 0; bottom: 0;}
.tx_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.tx_hd li{ display: block; width: 131px; height: 40px; margin:0 14px; background: url(../images/icon_btn.png) no-repeat -479px -579px; cursor: pointer; font-size: 18px; color: #fffbd9; line-height: 40px; text-align: center;}
.tx_unit{ display: none;}
.tx_unit.on{ display: block;}
.tx_hd li:hover,.tx_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -479px -619px;  color: #886f3a; } 
.tx_gif{  width: 565px; height: 610px; position: absolute; left: 12px; top: 6px; background-color: #000; border: 2px solid #fdf8b3; border-radius: 5px; overflow: hidden;}
.tx_gif img{ width: 100%;}
.sect05_c{ width: 1317px; height: 840px; position: absolute; left: 50%; top: 220px; margin-left: -660px; background: url(../images/sect05_bg.png) no-repeat 0 0;}
.sect05_hd{ width: 235px; height: 605px; position: absolute; right: 32px; top: 100px;}
.sect05_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; }
.sect05_hd li{ display: block; width: 235px; height: 63px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect05_btn01{ background-position: 0 -227px;}
.sect05_btn02{ background-position: 0 -291px;}
.sect05_btn03{ background-position: 0 -358px;}
.sect05_btn04{ background-position: 0 -419px;}
.sect05_btn05{ background-position: 0 -483px;}
.sect05_btn06{ background-position: 0 -547px;}
.sect05_btn07{ background-position: 0 -611px;}
.sect05_btn01:hover,.sect05_btn01.hover{ background-position: -235px -227px;}
.sect05_btn02:hover,.sect05_btn02.hover{ background-position: -235px -291px;}
.sect05_btn03:hover,.sect05_btn03.hover{ background-position: -235px -358px;}
.sect05_btn04:hover,.sect05_btn04.hover{ background-position: -235px -419px;}
.sect05_btn05:hover,.sect05_btn05.hover{ background-position: -235px -483px;}
.sect05_btn06:hover,.sect05_btn06.hover{ background-position: -235px -547px;}
.sect05_btn07:hover,.sect05_btn07.hover{ background-position: -235px -611px;}
.sect05_img{ width: 416px; height: 730px; position: absolute; left: 80px; top: 50px;}
.sect05_info{ width: 480px; height: 680px; position: absolute; left: 524px; top: 100px;}
.sect05_img .swiper{ width: 416px; height: 730px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 6px solid #c6d58c; border-radius: 5px;}
.sect05_info .act_info_tt{ width: 305px; height: 40px; background: url(../images/act_info_tt.png) no-repeat 0 0; font-size: 32px; color: #886f3a; line-height: 40px; text-align: center; font-family: "kaiti";}
.sect01_unit,.sect02_unit,.sect03_unit,.sz_unit,.sect04_unit,.sect05_unit{ display: none;}
.sect01_unit.on,.sect02_unit.on,.sect03_unit.on,.sz_unit.on,.sect04_unit.on,.sect05_unit.on{ display: block;}
.gift{ width: 1410px; height: 804px; background: url(../images/gift_bg.png) no-repeat right 0;  position: absolute; left: 50%; top: 230px; margin-left: -705px;}
.gift_tt01{ background-position: 0 -339px;}
.gift_tt02{ background-position: 0 -378px;}
.gift_hd{ width: 100%; height: 80px; margin-top: 10px;}
.gift_hd ul{ width: 1200px; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; margin: 0 auto;}
.gift_hd li{ display: block; width: 181px; height: 46px; margin: 0 36px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.gift_btn01{ background-position: -375px -101px;}
.gift_btn02{ background-position: -561px -101px;}
.gift_btn01:hover,.gift_btn01.hover{ background-position: -375px -155px;}
.gift_btn02:hover,.gift_btn02.hover{ background-position: -561px -155px;}
.gift_unit{ display: none;}
.gift_unit.on{ display: block;}
.gift_bd{ }
.gift_unit{ width: 1060px; height: 600px; margin:130px auto 34px;}
.gift_item{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; margin:0 auto 0;}
.gift_item li{ display:block; width:165px; height:175px; margin:0; position:relative;}
.gift01 .gift_item li{ width: 185px; height:165px; }
.gift01 .gift_item{ margin-top: 0px;}
.gift_item li span{ display:block; width: 99px; height: 99px; background:url(../images/gift_item.png) no-repeat left bottom; margin:0 auto; overflow:hidden; position:relative; text-align:center;}
.gift_item li p.gift_lname{ display:block; font-size:16px; color:#886f3a; line-height:14px; text-align:center; position:relative; z-index:2; margin-top:6px;}
.gift_item li i{ display:block; font-size:14px;  color:#ec6f31; line-height:20px; text-align:center; margin-top:6px;}
.gift_item li i strong{ font-weight:normal; color:#ec6f31;}
.gift_item span em.icon_sale{ display:block; width:16px; height: 36px; background: url(../images/icon_btn.png) no-repeat -613px -586px; position:absolute; top:0px; right:8px; font-size:12px; color:#ffe242; text-align:center; line-height:16px; writing-mode: vertical-lr;}
.gift_item li span img{ display:block; width: 72px; height: 72px; margin:14px 0 0 14px; }
section .swiper-pagination-bullet{ width:13px;	height:13px; background-color: #78a979; border: 2px solid #f9f3e4; opacity: 1;}
section .swiper-pagination-bullet-active{ width: 30px; background-color: #f9e06f; border-radius: 25px;}
.footer{ width: 100%; height: 230px; background: #82a1ff;}
.tohome{ display: none; width: 52px; height: 188px;  position: fixed; right: 20px; bottom: 150px; z-index: 5;}
.to_home_btn{ display: none; width: 52px; height: 188px; background: url(../images/icon_home.png) no-repeat 0 0; }
