.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:1152px; background:url(../images/bg01.jpg) no-repeat center 0; }
.sect01{ width:100%; height:1015px; background:url(../images/bg02.jpg) no-repeat center 0;}
.sect02{ width:100%; height:1140px; background:url(../images/bg03.jpg) no-repeat center 0;}
.sect03{ width:100%; height:1171px; background:url(../images/bg04.jpg) no-repeat center 0;}
.sect04{ width:100%; height:1137px; background:url(../images/bg05.jpg) no-repeat center 0;}
.banner_c{ width:1400px; height:1000px; margin:0 auto; position:relative; z-index:10;}
.slogan{ display:block; width: 344px; height: 794px; position:absolute; left:50%; top: 76px; margin-left:-590px; z-index:1;}
.btn_list{ display: none; width: 820px; height:320px; position:absolute; left:50%; margin-left:-780px; top: 526px; z-index: 5; }
.btn_list li{ display:block; width: 202px; height:305px; position: absolute; top: 0 }
.btn_list07{ left: 0; }
.btn_list01{ left: 0; }
.btn_list02{ left: 480px; }
.btn_list03{ left: 280px; }
.btn_list04{ left: 640px; }
.btn_list05{ left: 160px; }
.btn_list06{ left: 320px; }
.btn_list li a{ display:block; width: 202px; height: 305px; 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: -207px 0;}
.btn_list04 a{ background-position: -413px 0;}
.btn_list03 a{ background-position: -620px 0;}
.btn_list05 a{ background-position: -849px 0;}
.btn_list06 a{ background-position: -1078px 0;}
.btn_list07 a{ background-position: -1307px 0;}
.btn_list01 a:hover,.btn_list01 a.hover{ background-position: 0 -317px;}
.btn_list02 a:hover,.btn_list02 a.hover{ background-position: -207px -317px;}
.btn_list04 a:hover,.btn_list04 a.hover{ background-position: -413px -317px;}
.btn_list03 a:hover,.btn_list03 a.hover{ background-position: -620px -317px;}
.btn_list05 a:hover,.btn_list04 a.hover{ background-position: -849px -317px;}
.btn_list06 a:hover,.btn_list06 a.hover{ background-position: -1078px -317px;}
.btn_list07 a:hover,.btn_list07 a.hover{ background-position: -1307px -317px;}
.title{ width:100%; height:152px; overflow:hidden; margin:0 auto 0;}
.title span{ display:block; width: 548px; height: 152px; 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 -163px;}
.sect03 .title span{ background-position:0 -240px;}
.sect04 .title span{ background-position:0 -351px;}
.sect01_c{ width: 100%; height:760px; position: relative; margin-top: 20px;}
.sect01_bd{ width:100%; height: 756px; position: relative; }
.sect01_hd{ width: 100%; height: 80px; position: relative; z-index: 5;}
.sect01_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; gap: 80px;}
.sect01_hd li{ display: block; width: 161px; height: 66px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect01_btn01{ background-position: 0 0;}
.sect01_btn02{ background-position: -172px 0;}
.sect01_btn03{ background-position: -343px 0;}
.sect01_btn01:hover,.sect01_btn01.hover{ background-position: 0 -66px;}
.sect01_btn02:hover,.sect01_btn02.hover{ background-position: -172px -66px;}
.sect01_btn03:hover,.sect01_btn03.hover{ background-position: -343px -66px;}
.sect01_tt{ display: block; width: 58px; height: 190px; position: absolute; left: 39px; top: 286px; z-index: 5; font-size: 36px; color: #fafff9; writing-mode: vertical-lr; text-align: center; letter-spacing: 3px; text-shadow: 1px 1px 2px #2d4c46;}
.sect01_info_t{ width: 46px; height: 320px; position: absolute; left: 32px; top: 96px; background-image: url(../images/sect01_info_t.png); background-repeat: no-repeat;}
.sect01_info_t01{ background-position: 0 0;}
.sect01_info_t02{ background-position: -60px 0;}
.sect01_info_t03{ background-position: -119px 0;}
.sect01_info_t04{ background-position: -180px 0;}
.sect01_info_t05{ background-position: -239px 0;}
.sect01_info_t06{ background-position: -298px 0;}
.sect01_info_t07{ background-position: -358px 0;}
.sect01_info_t08{ background-position: -418px 0;}
.sect012{ width: 1298px; height: 760px; position: absolute; left: 50%; top: 0; margin-left: -645px;   background: url(../images/sect01_bg02.png) no-repeat 0 0;}
.sect01_img{ width: 430px; height: 695px; position: absolute; left: 157px; top: 29px;}
.sect01_img .swiper{ width: 430px; height: 695px; overflow: hidden; position: absolute; left: 1px; top: 0; box-sizing: border-box; border-radius: 40px; border: 2px solid #479ecb;}
.sect01_info{ width: 560px; height: 430px; position: absolute; right: 105px; top: 165px; overflow-y: auto;}
.sect013{ width: 1298px; height: 760px; position: absolute; left: 50%; top: 0; margin-left: -645px;   background: url(../images/sect01_bg03.png) no-repeat 0 0;}
.sect013 .gift_unit{ margin: 70px 0 0 56px;}
.sect013 .gift_item li{ width: 168px; height: 160px;}
.sect011 .act_info li p{ color: #fefefe; }
.act_info_tt{ display: block; width: 287px; height: 36px;  margin: 0 auto 36px; background: url(../images/icon_btn.png) no-repeat -186px -277px; font-size: 30px; color: #008edd; text-align: center; font-weight: 400; line-height: 36px; letter-spacing: 3px;}
.act_info ul li{ width: 100%; margin-bottom: 12px;}
.act_info li p{ font-size: 16px; color: #008edd; padding-left: 24px; margin-top: 6px; line-height: 28px;}
.icon_tt01{ float: left; width: 115px; height: 28px; margin-right: 10px; font-size: 16px; color: #fafff9; font-weight: 400; line-height: 26px; text-align: center; background:url(../images/icon_btn.png) no-repeat -406px -146px;}
.act_info li span{ display: block; width: 100%; box-sizing: border-box; text-align: left; position: relative; font-size: 15px; line-height: 32px; margin-top: 6px; color: #44575d; text-align: left;}
.icon_tt{ display: block; width: 176px; height: 46px; font-size: 18px; color: #fafff9; font-weight: 400; line-height: 46px; text-align: center; background:url(../images/icon_btn.png) no-repeat 0 -277px;}
.sect02_hd{ width: 1500px; height: 60px; margin: 20px auto; position: relative; z-index: 5;}
.sect02_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; gap: 6px; justify-content: center;}
.sect02_hd li{ display: block;  width: 161px; height: 66px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect02_btn01{ background-position: -515px 0;}
.sect02_btn02{ background-position: -686px 0;}
.sect02_btn03{ background-position: 0 -141px;}
.sect02_btn04{ background-position: -172px -141px;}
.sect02_btn05{ background-position: -343px -141px;}
.sect02_btn06{ background-position: -515px -141px;}
.sect02_btn07{ background-position: -686px -141px;}
.sect02_btn01:hover,.sect02_btn01.hover{ background-position: -515px -66px;}
.sect02_btn02:hover,.sect02_btn02.hover{ background-position: -686px -66px;}
.sect02_btn03:hover,.sect02_btn03.hover{ background-position: 0 -208px;}
.sect02_btn04:hover,.sect02_btn04.hover{ background-position: -172px -208px;}
.sect02_btn05:hover,.sect02_btn05.hover{ background-position: -343px -208px;}
.sect02_btn06:hover,.sect02_btn06.hover{ background-position: -515px -208px;}
.sect02_btn07:hover,.sect02_btn07.hover{ background-position: -686px -208px;}
.sect02_bd{ width: 1300px; height: 761px; position: absolute; left: 50%; top: 80px; margin-left: -650px; background: url(../images/sect02_bg.png) no-repeat 0 0; }
.sz_hd{ width: 122px; height: 132px; position: absolute; left: 50%; top: 120px; margin-left: -595px; z-index: 5;}
.sz_hd li{ display: block; width: 72px; height: 72px; background: url(../images/icon_btn.png) no-repeat 0 -333px; font-size: 20px; color: #fff; font-weight: bold; line-height: 68px; text-align: center; cursor: pointer; position: absolute;}
.sz_btn01{ right: 0; top: 0;}
.sz_btn02{ left: 0; bottom: 0;}
.sz_hd li:hover,.sz_hd li.hover{ color: #f46d4d; background: url(../images/icon_btn.png) no-repeat -91px -333px; -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff; }
.sz_info{ width: 560px; height: 500px; position: absolute; right: 50%; top: 70px; margin-right: -560px;}
.sz_info ul{ width: 500px; margin: 30px 0 0 40px;}
.sz_info_tt{  width: 235px; height: 78px; background: url(../images/sz_info_tt.png) no-repeat 0 0;}
.sz_gift_box{ width: 600px; margin: 24px 0 0 50px;}
.sz_gif_c{ width: 250px; height: 241px; float: left; position: relative; margin: 0 24px 0 0;}
.sz_gif_c span{ display: block; width: 200px; height: 200px; overflow: hidden; position: absolute; left: 17px; top: 17px; border-radius: 20px; background-color: #000; margin: 0; padding: 0;}
.sz_gif_c span img{ width: 100%;}
.sz_gif_c b{ display: block; width: 25px; height: 56px; position: absolute; right: 29px; top: 17px; font-size: 14px; color: #ffffff; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 24px; z-index: 3; letter-spacing: 1px;}
.sz_gif_c em{ display: block; width: 250px; height: 241px; background: url(../images/sz_gif_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 3;}
.sect02_c{ width: 100%; height: 760px; position: relative; margin-top: 20px;}
.zhenf_unit{ width: 1200px; margin: 36px auto 0;}
.zhenf_unit table{ border-left: 1px solid #8ed27e; border-top: 1px solid #8ed27e; margin: 0 auto; border-spacing: 0;}
.zhenf_unit table tr:nth-child(2n+1){ background-color: #c4f2b4;}
.zhenf_unit table tr:nth-child(2n){ background-color: #ebffdd;}
.zhenf_unit table td{ width: 134px; height: 30px; border-right: 1px solid #8ed27e; border-bottom: 1px solid #8ed27e; font-size: 14px; color: #43613f; text-align: center;}
.zhenf_tip{ display: block; width: 800px; height: 32px; font-size: 14px; color: #43613f; text-align: center; line-height: 24px; margin: 0 auto;}
.zhenf_unit .act_info_tt{ margin-bottom: 14px;}
.zhenf_info_tt01{ background-position: 0 -173px;}
.zhenf_info_tt02{ background-position: 0 -216px;}
.sect02_img{ width: 465px; height: 725px; position: absolute; right: 115px; top: 16px;}
.sect02_info{ width: 560px; height: 460px; position: absolute; left: 102px; top: 140px; overflow-y: auto;}
.sect02_line{ width: 465px; height: 725px; position: absolute; left: 0; top: 0; background: url(../images/sect02_line.png) no-repeat 0 0; z-index: 5;}
.sect02_img .swiper{ width: 430px; height: 695px; overflow: hidden; border-radius: 40px; position: absolute; left: 21px; top: 14px; border: 2px solid #479ecb; box-sizing: border-box;}
.sect02_c .act_info li p{ color: #008edd;}
.sz_img{ width: 592px; height: 693px; position: absolute; left: 50%; top: -20px; margin-left: -600px;}
.sz_gif_unit{ display: none;}
.sz_gif_unit.on{ display: block;}
.sect021 .sz_gif_hd{ width: 460px; height: 86px; position: relative; margin: 0;}
.sect021 .sz_gif_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; margin: 0;}
.sect021 .sz_gif_hd li{ display: block;  width: 65px; height: 67px; margin: 0 20px; background: url(../images/icon_btn.png) no-repeat -66px -120px; font-size: 32px; color: #fff; line-height: 68px; text-align: center; font-weight: bold; cursor: pointer;}
.sz_gif_hd li:hover,.sz_gif_hd li.hover{ background: url(../images/icon_btn.png) no-repeat 0 -120px;}
.sect022 .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 16px;}
.sect023{ width: 1229px; height: 550px; position: absolute; left: 50%; top: 100px; margin-left: -615px; background: url(../images/sect02_bg03.png) no-repeat 0 0; }
.qp_cont{ width: 1060px; height: 400px; margin: 120px auto 0; position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.qp_item{ display: block; width: 230px; height: 237px; position: relative; margin: 0 40px;}
.qp_item em{ display: block; width: 230px; height: 237px; position: absolute; left: 0; top: 0; background: url(../images/qp_item.png) no-repeat 0 0;}
.qp_item p{ display: block; width: 52px; height: 146px; position: absolute; right: 0; top: 0; z-index: 5; font-size: 16px; color: #feffee; font-weight: bold; writing-mode: vertical-lr; line-height: 52px; text-align: center; letter-spacing: 2px;}
.qp_item span{ display: block; width: 180px; height: 180px; position: absolute; left: 21px; top: 36px; overflow: hidden; border-radius: 50%; background-color: #000;}
.qp_item span img{ width: 100%;}
.sect03_c,.sect04_c{ width: 100%; height: 700px; position: relative; margin-top: 24px;  }
.sect03_hd,.sect04_hd{ width: 100%; height: 80px; position: relative; z-index: 5;}
.sect03_bd{ width: 100%; height: 700px; position: relative; z-index: 1;}
.sect03_hd ul,.sect04_hd ul{ width: 1200px; margin: 0 auto; display: flex; justify-content: center;}
.sect03_hd ul{ gap: 24px;}
.sect04_hd ul{ gap: 60px;}
.sect03_hd li,.sect04_hd li{ display: block; width: 186px; height: 53px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect03_btn01{ background-position: 0 -182px;}
.sect03_btn02{ background-position: -196px -182px;}
.sect03_btn03{ background-position: -392px -182px;}
.sect03_btn04{ background-position: 0 -293px;}
.sect03_btn05{ background-position: -196px -293px;}
.sect04_btn01{ background-position: -392px -293px;}
.sect04_btn02{ background-position: 0 -404px;}
.sect03_btn01:hover,.sect03_btn01.hover{ background-position: 0 -236px;}
.sect03_btn02:hover,.sect03_btn02.hover{ background-position: -196px -236px;}
.sect03_btn03:hover,.sect03_btn03.hover{ background-position: -392px -236px;}
.sect03_btn04:hover,.sect03_btn04.hover{ background-position: 0 -347px;}
.sect03_btn05:hover,.sect03_btn05.hover{ background-position: -196px -347px;}
.sect04_btn01:hover,.sect04_btn01.hover{ background-position: -392px -347px;}
.sect04_btn02:hover,.sect04_btn02.hover{ background-position: -196px -404px;}
.sect032{ width: 1314px; height: 512px; position: absolute; left: 50%; top: 20px; margin-left: -657px; background: url(../images/sect032_bg.png) no-repeat 0 0; }
.jn_c{ width: 1090px; margin: 110px auto ; display: flex; gap: 80px; }
.jn_c dl{ width: 500px; clear: both; text-align: left;}
.jn_c dl dd{ width: 100%; min-height: 140px; font-size: 14px; color: #5a5a56; line-height: 24px; padding: 20px 14px; box-sizing: border-box; }
.jn_c span{ display: block; float: left; width: 64px; height: 64px; border: 1px solid #ffc261; border-radius: 15px; overflow: hidden; }
.jn_c span img{ width: 100%;}
.jn_c dd p{ display: block; width: 100%; min-height: 60px; box-sizing: border-box; padding-left: 76px; text-align: left;}
.jn_c dd p em{ display: block; font-weight: bold; font-size: 16px; color: #5a5a56; line-height: 26px;}
.jn_c dd p i{ color: #e56636; font-weight: normal; padding-left: 3px;}
.sect03_img{ width: 384px; height: 566px; position: absolute; right: 16px; top: 6px; border-radius: 10px;}
.sect03_info{ width: 540px; height: 380px; position: absolute; left: 175px; top: 120px;}
.sect03_img .swiper{ width: 384px; height: 566px; overflow: hidden; position: absolute; left: 0; top: 0; }
.sect03_c .act_info_tt{ margin-bottom: 30px; letter-spacing: 0;}
.pet_hd{ width: 100%; height: 60px; position: relative; z-index: 5;}
.pet_hd ul{ width: 1200px; margin: 0 auto; display: flex; justify-content: center;gap: 20px;}
.pet_hd li{ display: block; width: 133px; height: 44px; background: url(../images/icon_btn.png) no-repeat -385px -403px; cursor: pointer; font-size: 20px; text-align: center; line-height: 40px; color: #3f5f61;}
.pet_hd li:hover,.pet_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -516px -403px; color: #fff; }
.pet_info{ width: 480px; height: 540px; position: absolute; left: 50%; top: 90px; margin-left: -560px; }
.pet_img{ width: 992px; height: 800px; position: absolute; right: 50%; top: -50px; margin-right: -860px; z-index: 1; }
.jn_list{ display: flex; flex-flow: row wrap; justify-content: start; padding-left: 26px; margin-top: 10px;}
.sect01_c ol.jn_list li{ display: block; width: 72px; text-align: center;position: relative; font-size: 14px; color: #6b4c4c; font-weight: bold; margin-right: 16px; margin-bottom: 0;}
.jn_list li span{ display: block; width: 64px; height: 64px; box-sizing: border-box; border: 2px solid #ffdf84; border-radius: 50%; overflow: hidden; position: relative;}
.jn_list li span img{ width: 100%;}
.jn_ms{ display: none; width: 340px; padding: 10px 14px 20px; position: absolute; left: 80px; top: 0; z-index: 8; border: 2px solid #ee9e69; border-radius: 8px; background: url(../images/jn_ms_bg.png) repeat 0 0; overflow: hidden;}
.jn_list li:hover .jn_ms{ display: block;}
.jn_list li .jn_ms h4{ color: #f4ddb8; font-size: 20px; text-align: left; font-weight: bold;}
.jn_list li .jn_ms p{ color: #f4ddb8; padding: 0; font-size: 13px; margin-top: 8px;}
.jn_zs_l{ float: left; text-align: center; font-size: 14px; color: #fffcec; margin-left: 12px;}
.jn_list{ display: flex; flex-flow: row wrap; justify-content: start; width:100%; clear:both; font-size:14px; color:#3e3e3e; font-weight:bold; line-height:24px; margin-left: 20px; margin-top: 12px;}
.sect031 .jn_list li{ display: block; width: 95px; text-align: center;position: relative; font-size: 16px; font-weight: 400; color: #fffcec; margin-right: 16px; text-align: center;}
.sect031 .jn_list li span,.sect031 .jn_zs_l span{ display: block; width: 64px; height: 64px; margin:0 auto 4px; box-sizing: border-box; border: 1px solid #fbd361; border-radius: 8px;  overflow: hidden; position: relative; padding: 0;}
.jn_list li span img,.jn_zs_l span img{ width: 100%; }
.jn_zs{ padding-left: 20px; position: relative;  margin: 12px 0 0 0; overflow: hidden; text-align: left;  color: #fffcec;}
.jn_zs h4{ display: block; width: 100%; padding-left: 90px; position: relative; left: 0; top: 0; box-sizing: border-box; font-size: 18px; font-weight: 400;}
.jn_zs h4 i{ display: inline-block; width: 72px; height: 22px; text-align: center; font-size: 14px; color: #fffcec; line-height: 20px; background-color: #ba2321; border-radius: 5px; margin-left: 5px;}
.pet_unit .jn_zs p{ display: block; width: 100%; padding-left: 90px; margin-top: 5px; position: relative; left: 0; top: 0; box-sizing: border-box; font-size: 14px; line-height: 18px; color: #3f5f61;}
.pet_unit .jn_zs h4{  color: #3f5f61;}
.pet_unit{ display: none;}
.pet_unit.on{ display: block;}
.pet_gift_box{ width: 500px; margin: 24px 0 0 50px;}
.pet_gif_c{ width: 211px; height: 153px; float: left; position: relative; margin: 0 24px 0 0; overflow: hidden; }
.pet_gif_c span{ display: block; width: 207px; height: 150px; overflow: hidden; position: absolute; left: 2px; top: 2px;  background-color: #000; margin: 0; padding: 0; border-radius: 8px;border: 2px solid #bdebd6; }
.pet_gif_c span img{ width: 100%;}
.pet_gif_c b{ display: block; width: 20px; height: 48px; position: absolute; right: 0px; top: 3px; font-size: 14px; color: #ffffff; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 18px; z-index: 3; letter-spacing: 1px; background: url(../images/icon_btn.png) no-repeat -591px 0;}
.jc_hd{ width: 660px; height: 200px; margin: 0 auto; position: relative;}
.jc_bd{ width: 100%; height: 146px;}
.jc_bd ul{ width: 100%; height: 146px; display: flex; flex-flow: row nowrap; justify-content: center;}
.jc_bd ul li{ width: 124px; height: 129px; background: url(../images/jc_bg.png) no-repeat 0 0; position: relative; overflow: hidden; margin: 0 20px; padding: 0;}
.jc_bd ul li span{ display: block; width: 72px; height: 72px; margin: 24px auto 0;}
.jc_bd ul li span img{ width: 100%;}
.jc_bd ul li p{ display: block; width: 94px; height: 28px; position: absolute; left: 16px; bottom: 0; font-size: 16px; color: #513930; text-align: center; line-height: 28px; padding: 0; margin: 0;}
.jc_hd{ width: 100%; height: 36px;}
.jc_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.jc_hd li{ display: block; width: 96px; height: 28px; background: url(../images/icon_btn.png) no-repeat -385px -149px; cursor: pointer; margin: 0 7px; font-size: 14px; color: #fffcec; text-align: center; line-height: 28px; }
.jc_bd .jc06 li{ margin: 0 5px;}
.jc_hd li:hover,.jc_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -385px -180px; color: #de5429;}
.jc_unit{ display: none;}
.jc_unit.on{ display: block;}
.sect01_zs{ display: none; width: 786px; height: 708px; position: absolute; left: 50%; bottom: 200px; margin-left: -1080px; z-index: 5; }
.sect02_zs{ width: 430px; height: 560px; position: absolute; right: 50%; top: 450px; margin-right: -980px; z-index: 5; }
.option_c{ width: 1240px; height: 650px; position: absolute; left: 50%; top: 160px; margin-left: -610px;}
.options{ width: 110px; height:650px; float:left; position:relative; }
.options.active{ width:910px;}
.options.active .unfold{ width:827px; display: block; }
.fold{ width:106px; height:650px; background-image:url(../images/fold_list.png); background-repeat:no-repeat; cursor:pointer; z-index:5; position:absolute; left:0;  top: 4px;}
.unfold{ display: none; width:0; height: 650px; position:absolute; left: 76px; top: 0px; z-index:1; background: url(../images/sect01_bg.png) no-repeat right bottom; }
.option01 .fold{ background-position:0 0;}
.option02 .fold{ background-position:-111px 0;}
.option03 .fold{ background-position:-221px 0;}
.option04 .fold{ background-position:-332px 0;}
.option01 .fold:hover,.option01.active .fold{ background-position:-442px 0;}
.option02 .fold:hover,.option02.active .fold{ background-position:-549px 0;}
.option03 .fold:hover,.option03.active .fold{ background-position:-657px 0;}
.option04 .fold:hover,.option04.active .fold{ background-position:-764px 0;}
.sect04_bd{ width: 1263px; height: 667px; position: absolute; left: 50%; top: 100px; margin-left: -630px; background: url(../images/sect04_bg.png) no-repeat 0 0; }
.sect04_img{ width: 384px; height: 566px; position: absolute; left: 51px; top: 37px; border-radius: 8px;}
.sect04_img .swiper{ width: 384px; height: 566px; overflow: hidden; position: absolute; left: 0; top: 0; }
.sect04_info{ width: 580px; height: 420px; position: absolute; right: 180px; top: 140px;}
.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: 1380px; height: 733px; background: url(../images/gift_bg.png) no-repeat right 0;  position: absolute; left: 50%; top: 200px; margin-left: -690px;}
.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_unit{ width: 1200px; height: 600px; margin:100px 0 34px 90px;}
.gift_item{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; margin:0 auto 0;}
.gift_item li{ display:block; width:180px; height:180px; 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: 136px; height: 90px; background:url(../images/gift_item.png) no-repeat center bottom; margin:0 auto; overflow:hidden; position:relative; text-align:center;}
.gift_item li p.gift_lname{ display:block; font-size:16px; color:#008edd; line-height:14px; text-align:center; position:relative; z-index:2; margin-top:4px;}
.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:72px; height:26px; background:url(../images/icon_sale.png) no-repeat 0 0; transform:rotateZ(40deg); position:absolute; top:2px; right:6px; font-size:12px; color:#ffe984; text-align:center; line-height:24px;}
/* .gift_item span em.icon_sale{ display:block; width:16px; height:36px; background:url(../images/icon_btn.png) no-repeat -385px -213px; position:absolute; top:0; right:6px; font-size:12px; color:#ffee90; text-align:center; line-height:16px; writing-mode: vertical-lr;} */
.gift_item li span img{ display:block; width: 68px; height: 68px; margin:10px auto 0; }
section .swiper-pagination{ height: 36px;}
section .swiper-pagination-bullet{ width:14px;	height:14px; background-color: #7b5237; border: 2px solid #f9f3e4; opacity: 1; box-sizing: border-box;}
section .swiper-pagination-bullet-active{ width: 28px; background-color: #ea8c01; border-radius: 25px;}
.footer{ width: 100%; height: 230px; background: #82a1ff;}
.tohome{ display: none; width: 53px; height: 174px;  position: fixed; right: 20px; bottom: 150px; z-index: 5;}
.to_home_btn{ display: block; width: 100%; height: 100%; background: url(../images/icon_tohome.png) no-repeat 0 0; }