.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:971px; background:url(../images/bg01.jpg) no-repeat center 0; }
.sect01{ width:100%; height:1055px; background:url(../images/bg02.jpg) no-repeat center 0;}
.sect002{ width:100%; height:1014px; background:url(../images/bg003.jpg) no-repeat center 0;}
.sect03{ width:100%; height:934px; background:url(../images/bg04.jpg) no-repeat center 0;}
.sect04{ width:100%; height:934px; background:url(../images/bg004.jpg) no-repeat center 0;}
.sect05{ width:100%; height:1100px; background:url(../images/bg06.jpg) no-repeat center 0;}
.banner_c{ width:1400px; height:1000px; margin:0 auto; position:relative; z-index:10;}
.slogan{ display:block; width: 720px; height: 390px; position:absolute; left:50%; top: 153px; margin-left:-660px; z-index:1;}
.btn_list{ width: 580px; height:201px; position:absolute; left:50%; margin-left:-580px; top: 570px; z-index: 5; }
.btn_list ul{ width:100%; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.btn_list li{ display:block; width: 161px; height:159px; position: relative;}
.btn_list li:nth-child(2n){ margin-top: 40px;}
.btn_list li a{ display:block; width: 161px; height: 159px; 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: -742px 0;}
.btn_list03 a{ background-position: -931px 0;}
.btn_list04 a{ background-position: -568px 0;}
.btn_list01 a:hover,.btn_list01 a.hover{ background-position: 0 -183px;}
.btn_list02 a:hover,.btn_list02 a.hover{ background-position:-742px -183px;}
.btn_list03 a:hover,.btn_list03 a.hover{ background-position:-931px -183px;}
.btn_list04 a:hover,.btn_list04 a.hover{ background-position:-568px -183px;}
.title{ width:100%; height:150px; overflow:hidden; margin:20px auto 0;}
.title span{ display:block; width: 581px; height:150px; margin:0 auto; background-image:url(../images/title.png); background-repeat:no-repeat;}
.sect01 .title span{ background-position:0 0;}
.sect002 .title span{ background-position:0 -781px;}
.sect03 .title span{ background-position:0 -403px;}
.sect04 .title span{ background-position:0 -986px;}
.sect05 .title span{ background-position:0 -443px;}
.sect01_c{ width: 1260px; height: 656px; background: url(../images/sect01_bg.png) no-repeat 0 0; position: absolute; left: 50%; top: 200px; margin-left: -630px;}
.sect01_img{ width: 800px; height: 650px; position: absolute; left: -100px; top: -20px;}
.sect01_info{ width: 415px; height: 660px; position: absolute; right: 122px; top: 100px; }
.sect01_gif{ width: 435px; height: 260px; position: absolute; right: 100px; top: 300px; z-index: 3;}
.zq_hd{ width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 5;}
.zq_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.zq_hd li{ display: block; width: 66px; height: 66px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.zq_btn01{ background-position: 0 -296px;}
.zq_btn02{ background-position: -66px -296px;}
.zq_btn03{ background-position: -132px -296px;}
.zq_btn04{ background-position: -198px -296px;}
.zq_btn05{ background-position: -264px -296px;}
.zq_btn06{ background-position: -660px -296px;}
.zq_btn01:hover,.zq_btn01.hover{ background-position: -330px -296px;}
.zq_btn02:hover,.zq_btn02.hover{ background-position: -396px -296px;}
.zq_btn03:hover,.zq_btn03.hover{ background-position: -462px -296px;}
.zq_btn04:hover,.zq_btn04.hover{ background-position: -528px -296px;}
.zq_btn05:hover,.zq_btn05.hover{ background-position: -594px -296px;}
.zq_btn06:hover,.zq_btn06.hover{ background-position: -726px -296px;}
.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;}
.zq_unit{ display: none;}
.zq_unit.on{ display: block;}
.sect02_c{ width: 1364px; height: 680px; background: url(../images/sect02_bg02.png) no-repeat 0 0; position: absolute; left: 50%; top: 150px; margin-left: -615px; overflow: hidden;}
.sect02_c .act_info_tt{ margin-top: 90px; margin-bottom: 90px;}
.sect02_c ul{ width: 1100px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.sect02_c li{ width: 181px; height: 242px; position: relative;}
.sect02_c li span{ width: 159px; height: 159px; position: absolute; left: 11px; top: 14px; border-radius: 50%; overflow: hidden; background-color: #000;}
.sect02_c li span img{ width: 100%;}
.sect02_c li em{ display: block; width: 181px; height: 181px; background: url(../images/qp_item_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.sect02_c li p{ display: block; width: 111px; height: 33px; font-size: 16px; color: #ffffff; font-weight: 400; line-height: 32px; text-align: center; background:url(../images/icon_btn.png) no-repeat -1150px -144px; letter-spacing: 1px; position: absolute; left: 50%; bottom: 0; margin-left: -55px;}
.sect002_c{ width: 1364px; height: 680px; background: url(../images/sect02_bg02.png) no-repeat 0 0; position: absolute; left: 50%; top: 120px; margin-left: -615px; }
.sect002_c .sz_hd{ right: 60px; left: auto;}
.sect002_c .sz_hd li{ background-image: url(../images/sz_btn01.png);}
.sz_btn001{ background-position: 0 -136px; right: 0; top: 0;}
.sz_btn002{  background-position: -140px -136px; left: 0; bottom: 0;}
.sz_btn001:hover,.sz_btn001.hover{ background-position: 0 0;}
.sz_btn002:hover,.sz_btn002.hover{ background-position: -140px 0;}
.sect002_c .sz_info{ top: 135px; left: 50%; right: auto; margin-left: -580px;}
.sect002_c .act_info_tt{ margin-bottom: 10px;}
.sect002_c .sz_img{ width: 640px; height: 680px; top: 40px; right: 50%; left: auto; margin-right: -600px;}
.sect03_hd{ width: 1200px; height: 170px; margin: 0 auto; position: relative; z-index: 5;}
.sect03_hd ul{ width: 100%; display: flex; flex-flow: row wrap; justify-content: center;}
.sect03_hd ul li{ display: block; width: 262px; height: 71px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect03_hd ul li{ margin: 0 26px 16px; }
.sect03_btn01{ background-position: 0 0;}
.sect03_btn02{ background-position: -262px 0;}
.sect03_btn03{ background-position: -524px 0;}
.sect03_btn04{ background-position: -786px 0;}
.sect03_btn05{ background-position: -1048px 0;}
.sect03_btn01:hover,.sect03_btn01.hover{ background-position: 0 -71px;}
.sect03_btn02:hover,.sect03_btn02.hover{ background-position: -262px -71px;}
.sect03_btn03:hover,.sect03_btn03.hover{ background-position: -524px -71px;}
.sect03_btn04:hover,.sect03_btn04.hover{ background-position: -786px -71px;}
.sect03_btn05:hover,.sect03_btn05.hover{ background-position: -1048px -71px;}
.sect03_bd{ width: 100%; height: 700px; position: relative;}
.sect031{ width: 1248px; height: 594px; background: url(../images/sect03_bg01.png) no-repeat 0 0; position: absolute; left: 50%; top: 20px; margin-left: -620px;} 
.sz_img{ width: 800px; height: 700px; position: absolute; left: 50%; top: -20px; margin-left: -750px; text-align: center;}
.sz_info{ width: 460px; height: 560px; position: absolute; right: 50%; top: 80px; margin-right: -540px;}
.sect031 .act_info ul li{ margin-bottom: 30px;}
.sect031 .sect03_info li p{ margin-bottom: 24px;}
.sect031 .act_info li p{  margin-top: 12px;}
.sz_gif_c{ width: 165px; height: 161px; float: left; position: relative; margin: 0 30px 0 10px;}
.sz_gif_c span{ display: block; width: 138px; height: 138px; overflow: hidden; border-radius: 50%; position: absolute; left: 14px; top: 14px; background-color: #000; margin: 0; padding: 0;}
.sz_gif_c span img{ width: 100%;}
.sz_gif_c b{ display: block; width: 30px; height: 82px; position: absolute; right: 0; top: 41px; font-size: 16px; color: #e9ffe7; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 28px; z-index: 3; letter-spacing: 2px;}
.sz_gif_c em{ display: block; width: 165px; height: 161px; background: url(../images/sz_gif_bg01.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 3;}
.sz_hd{ width: 207px; height: 273px; position: absolute; left: -46px; bottom: 40px; z-index: 5;}
.sz_hd li{ display: block; width: 123px; height: 123px; background-image: url(../images/sz_btn.png); background-repeat: no-repeat; cursor: pointer; position: absolute;}
.sz_btn03{ background-position: 0 0; left: 0; top: 0;}
.sz_btn04{ background-position: 0 -123px; right: 0; bottom: 0;}
.sz_btn03:hover,.sz_btn03.hover{ background-position: -128px 0;}
.sz_btn04:hover,.sz_btn04.hover{ background-position: -128px -123px;}
.sz_btn01{ background-position: 0 -248px; left: 0; top: 0;}
.sz_btn02{ background-position: 0 -371px; right: 0; bottom: 0;}
.sz_btn01:hover,.sz_btn01.hover{ background-position: -128px -248px;}
.sz_btn02:hover,.sz_btn02.hover{ background-position: -128px -371px;}
.sz_btn05{ background-position: 0 -494px; left: 0; top: 0;}
.sz_btn06{ background-position: 0 -617px; right: 0; bottom: 0;}
.sz_btn05:hover,.sz_btn05.hover{ background-position: -128px -494px;}
.sz_btn06:hover,.sz_btn06.hover{ background-position: -128px -617px;}
.sect034{ width: 1253px; height: 600px; background: url(../images/sect03_bg02.png) no-repeat 0 0; position: absolute; left: 50%; top: 0; margin-left: -620px;} 
.sect034_img{ width: 420px; height: 564px; position: absolute; left: 13px; top: 13px; overflow: hidden; border-radius: 25px;  border: 2px solid #d8ffbb;}
.sect034_img .ft-carousel{  width: 420px; height: 564px;}
.sect034_img .carousel-content{ width: 420px; height: 564px; overflow: hidden; position: absolute; left: 0; top: 0;}
.sect034_img .carousel-line{ width: 420px; height: 564px;  position: absolute; left: 0; top: 0;}
.sect034_info{ width: 680px; height: 470px; position: absolute; top: 75px; right: 70px; overflow-y: auto;}
.sect035{ width: 1244px; height: 550px; position: absolute; left: 50%; top: 20px; margin-left: -620px; background: url(../images/sect03_bg03.png) no-repeat 0 0; overflow: hidden;}
.sect035_c{ width: 1200px; height: 500px; margin: 36px auto; position: relative;}
.sect035_c .gift_item li{ height: 165px;}
.sect03_c{ width: 100%; height: 780px; position: relative; margin: 30px auto 0;}
.sect04_c{ width: 1234px; height: 650px; position: absolute; left: 50%; top: 200px; margin-left: -620px; background: url(../images/sect04_bg.png) no-repeat 0 0;}
.sect04_info{ width: 472px; height: 520px; position: absolute; left: 60px; top: 90px; }
.sect04_c .act_info li p{ line-height: 28px; margin-top: 10px;}
.sect002_c .act_info li p{ line-height: 20px; margin-top: 3px; }
.sect002_c .act_info li{ margin-bottom: 8px;}
.sect04_img{ width: 430px; height: 578px; position: absolute; right: 198px; top: 13px; overflow: hidden; border-radius: 25px; border: 2px solid #d8ffbb;}
.sect04_img .ft-carousel{ width: 430px; height: 578px;}
.sect04_img .carousel-content{ width: 430px; height: 578px; overflow: hidden; position: absolute; left: 0; top: 0;}
.sect04_img .carousel-line{ width: 430px; height: 578px;  position: absolute; left: 0; top: 0;}
.sect04_hd{ width: 141px; height: 507px; position: absolute; right: 0; top: 75px; z-index: 5;}
.sect04_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.sect04_hd ul li{ display: block; width: 141px; height: 141px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect04_btn01{ background-position: 0 -144px;}
.sect04_btn02{ background-position: -144px -144px;}
.sect04_btn03{ background-position: -286px -144px;}
.sect04_btn04{ background-position: -428px -144px;}
.sect04_btn01:hover,.sect04_btn01.hover{ background-position: -571px -144px;}
.sect04_btn02:hover,.sect04_btn02.hover{ background-position: -713px -144px;}
.sect04_btn03:hover,.sect04_btn03.hover{ background-position: -855px -144px;}
.sect04_btn04:hover,.sect04_btn04.hover{ background-position: -997px -144px;}
.act_info ul{ width: 100%; }
.act_info ul li{ width: 100%; margin-bottom: 16px;}
.act_info li p{ font-size: 14px; color: #5b5b5b; padding-left: 20px; margin-top: 6px; line-height: 24px;}
.icon_tt{ display: block; width: 111px; height: 33px; font-size: 16px; color: #ffffff; font-weight: 400; line-height: 32px; text-align: center; background:url(../images/icon_btn.png) no-repeat -1150px -144px; letter-spacing: 1px;}
.act_info li span .icon_tt{ float: left;}
.act_info li span{ font-size: 18px; color: #469180; padding-left: 10px; margin-top: 10px; line-height: 36px; font-weight: 400;}
.act_info_tt { width: 291px; height: 30px; background-image: url(../images/act_info_tt.png); background-repeat: no-repeat; text-indent: 999px; overflow: hidden; white-space: nowrap; margin: 0 auto 30px;}
.zq_info_tt01{ background-position: center 0;}
.zq_info_tt02{ background-position: 0 -38px;}
.sz_info_tt021{ background-position: 0 -70px;}
.sz_info_tt022{ background-position: 0 -102px;}
.sz_info_tt023{ background-position: 0 -134px;}
.sz_info_tt024{ background-position: 0 -80px;}
.act_info_tt041{ background-position: 0 -269px;}
.act_info_tt042{ background-position: 0 -205px;}
.act_info_tt043{ background-position: 0 -237px;}
.act_info_tt044{ background-position: 0 -269px;}
.sz_info_tt002{ background-position: 0 -305px;}
.jn_zs{ padding-left: 20px; position: relative;  margin: 12px 0 0 0; overflow: hidden; text-align: left;  color: #469180;}
.sect01_info .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: #469180;}
.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: #df5e50; border-radius: 5px; margin-left: 5px;}
.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;}
.sect01_info .jn_list li{ display: block; width: 95px; text-align: center;position: relative; font-size: 16px; font-weight: 400; color: #469180; margin-right: 16px; text-align: center;}
.sect01_info .jn_list li span,.sect01_info  .jn_zs_l span{ display: block; width: 68px; height: 68px; margin:0 auto 4px; box-sizing: border-box; border: 1px solid #f5f09c; border-radius: 8px;  overflow: hidden; position: relative; padding: 0;}
.jn_list li span img,.jn_zs_l span img{ width: 100%; }
.pet_gif{ width: 296px; height: 195px; position: relative; margin-left: 40px; background: url(../images/pet_gif_bg.png) no-repeat 0 0;}
.pet_class_hd{ width: 76px; height: 85px; position: absolute; left: 0; bottom: 0; z-index: 5;}
.pet_info .pet_class_hd li{ display: block; width: 40px; height: 40px; background: url(../images/icon_btn.png) no-repeat -479px -440px; font-size: 14px; color: #ffffff; line-height: 40px; text-align: center; position: absolute; cursor: pointer; margin: 0;}
.pet_class_hd li:hover,.pet_class_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -479px -486px; color: #ff7b2d;}
.pet_class_btn01{ left: 0; top: 0;}
.pet_class_btn02{ right: 0; bottom: 0;}
.pet_gif_hd{ width: 86px; height: 59px; position: absolute; right: 0; top: 32px; z-index: 5;}
.pet_info .pet_gif_hd li{ display: block; width: 71px; height: 24px; background: url(../images/icon_btn.png) no-repeat -528px -468px; font-size: 14px; color: #fff; line-height: 20px; text-align: center; cursor: pointer; position: absolute; margin: 0; letter-spacing: 2px;}
.pet_info .pet_gif_hd li:hover,.pet_info .pet_gif_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -528px -440px;}
.pet_gif_btn01{ left: 0; top: 0;}
.pet_gif_btn02{ right: 0; bottom: 0;}
.pet_gif_unit{ display: none; width: 155px; height: 155px; position: absolute; left: 40px; top: 20px;}
.pet_gif_unit span{ display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background-color: #000;}
.pet_gif_unit span img{ width: 100%;}
.pet_class_unit{ display: none;}
.pet_gif_unit.on,.pet_class_unit.on{ display: block;}
.sect02_hd{ width: 714px; height: 50px; position: absolute; left: 469px; top: 48px;}
.sect02_hd li{ display: block; width: 202px; height: 50px; margin: 0 25px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect02_btn01{ background-position: -750px 0;}
.sect02_btn02{ background-position: -958px 0;}
.sect02_btn01:hover,.sect02_btn01.hover{ background-position: -750px -57px;}
.sect02_btn02:hover,.sect02_btn02.hover{ background-position: -958px -57px;}
.sect02_img,.sect015_img{ width: 440px; height: 623px; position: absolute; left: 20px; top: 9px; overflow: hidden; border: 1px solid #eaad43;}
.sect02_img .ft-carousel,.sect015_img .ft-carousel{  width: 440px; height: 623px;}
.sect02_img .carousel-content,.sect015_img .carousel-content{ width: 440px; height: 623px; overflow: hidden; position: absolute; left: 0; top: 0;}
.sect02_img .carousel-line,.sect15_img .carousel-line{ width: 440px; height: 623px;  position: absolute; left: 0; top: 0;}
.sect02_info,.sect015_info{ width: 600px; height: 400px; position: absolute; top: 110px; left: 530px; overflow-y: auto;}
.sect03_img{ width: 900px; height: 753px; position: absolute; right: 50%; margin-right: -850px; top: 40px; }
.sect03_info{ width: 540px; height: 460px; position: absolute; top: 120px; left: 50%; margin-left: -560px;}
.zq_name{ display: block; width: 360px; height: 71px; background-image: url(../images/zq_name.png); background-repeat: no-repeat; }
.act_info li p.zq_name{ margin-top: 20px;}
.zq_name01{ background-position: 0 0;}
.zq_name02{ background-position: 0 -68px;}
.zq_name03{ background-position: 0 -139px;}
.zq_name04{ background-position: 0 -208px;}
.pet_img{ width: 650px; height: 700px; position: absolute; left: -50px; top: -50px;}
.pet_info{ width: 435px; height: 480px; position: absolute; right: 140px; top: 30px;}
.zq_img{ width: 782px; height: 740px; position: absolute; }
.jn_dec,.jn_gif{ position:relative; height:auto; box-sizing:border-box;}
.jn_info{ width:100%; margin:10px 0; font-size:14px; color:#3e3e3e;}
.jn_info_c{ width:100%; box-sizing:border-box; position:relative; padding-left:96px; }
.jn_info_c h4{ display:block; width:100%; height:22px; position:relative; font-weight:bold;}
.sz_info .jn_info_c p{ padding-left: 0;}
.jn_list_item{ width:86px; float:left; text-align:center; position: relative;}
.jn_list_item span{ margin:0 auto; overflow: hidden;}
.jn_list_item span img{ width: 100%;}
.pet_info p{ display:block; width:100%;  margin-bottom:10px;}
.jn_info_c h4 em{ display:block; width:80px; height:19px; background:url(../images/icon_btn.png) no-repeat -368px -64px; font-size:12px; color:#3e3e3e; line-height:18px; text-align:center; position:absolute; left:60px; top:2px;}
.jn_dec,.jn_info,.jn_list{ width:100%; height: 92px; position:relative;}
.jn_info span,.jn_list_item span{ display:block; width:62px; height:62px; border:2px solid #7f8cf4; border-radius:8px;}
.jn_info span{ float:left; margin-left:16px;}
.jn_info p{ line-height:18px;}
.jn_info p em{ color:#fff; font-weight:bold;}
.jn_gif_c{ width:267px; height:182px; position:relative; margin:20px 0 0 20px; overflow:hidden;}
.jn_gif_c span{ display:block; width:260px; height:172px; overflow:hidden; border-radius:8px; margin:5px auto 0;}
.jn_gif_c span img{ width:100%;}
.jn_gif_c b{ display:block; width:267px; height:182px; position:absolute; left:0; top:0; background:url(../images/ss_gif_bg.png) no-repeat 0 0;}
.jn_list_item_c{ display: none; width: 180px; padding: 12px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: left; position: absolute; left: 74px; top: 0; z-index: 3; background-color: #ecfffe; border-radius: 10px; border: 2px solid #7f8cf4; }
.jn_list_item:hover .jn_list_item_c{ display: block;}
.wg_img{ width: 698px; height: 575px; position: absolute; right: 0; top: 0;}
.wg_info{ width: 420px; height: 460px; position: absolute; left: 107px; top: 80px;}
.sect01_unit,.sect02_unit,.sect03_unit,.sz_unit,.sect04_unit{ display: none;}
.sect01_unit.on,.sect02_unit.on,.sect03_unit.on,.sz_unit.on,.sect04_unit.on{ display: block;}
.gift{ width: 1602px; height: 724px; background: url(../images/gift_bg.png) no-repeat right 0;  position: absolute; left: 50%; top: 150px; margin-left: -800px;}
.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: 960px; height: 540px; margin:120px 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: 98px; 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:#4c4e4e; line-height:14px; text-align:center; position:relative; z-index:2; margin-top:6px;}
.gift_item li i{ display:block; font-size:14px;  color:#4c4e4e; line-height:20px; text-align:center; margin-top:6px;}
.gift_item li i strong{ font-weight:normal; color:#f06a19;}
.gift_item span em.icon_sale{ display:block; width:60px; height:16px; background:#e8598c; transform:rotateZ(45deg); position:absolute; top:6px; right:-15px; font-size:12px; color:#ffe242; text-align:center; line-height:14px;}
.gift_item li span img{ display:block; width: 72px; height: 72px; margin:14px 0 0 14px; }
.ft-carousel { position:relative; overflow: hidden; z-index:1; }
.ft-carousel .carousel-inner { position: absolute; left:0; top:0; height: 100%;}
.ft-carousel .carousel-inner .carousel-item { float:left;}
.ft-carousel .carousel-indicators{ position:absolute;	left: 0; bottom:10px; width: 100%; height:24px; text-align: center;	font-size: 0; z-index:10;}
.ft-carousel .carousel-indicators span{ display: inline-block;	width:13px;	height:13px; background-color:#cb4b08; margin:0 6px; cursor: pointer; border-radius:25px; border: 2px solid #f9f3e4;}
.ft-carousel .carousel-indicators span.active { width: 30px; background-color:#f1df7c;}
.ft-carousel .carousel-btn { position: absolute; width:33px; height:46px; cursor: pointer; z-index:100;}
.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: block; width: 52px; height: 188px; background: url(../images/icon_home.png) no-repeat 0 0; }