html, body {    position: relative;    height: 100%;}
body {  background: #eee;    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;    font-size: 14px;    color:#000;    margin: 0;    padding: 0;}
.top{ width:100%; height:40px; border-bottom:1px solid #c5c5c5; background:#fff; z-index:50; position:fixed; left:0; top:0;  }
.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:208px; height:90px; position:absolute; left:50%; top:60px; margin-left:-700px; z-index:20}
.logo a{ display:block;}
.logo a img{ width:100%; height:auto;}
.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;}
.wrap .page_wrap { margin: 0 auto; width: 1920px; height: 960px; position: absolute; left: 50%; top: 50%; transform-origin: 0 0;}
.wrap .swiper-slide{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; overflow:hidden}
.section { font: 14px "Microsoft Yahei"; width:100%; height:100%; position:relative; overflow:hidden;}
.wrap{ height:100%;}
.container-all{ width: 100%; height: 100%; position: relative;}
.sect_kv{ width:1920px; height:970px;background:url(../images/bg01.jpg) no-repeat center center;}
.slogan{  width: 350px; height: 736px; position: absolute; left: 50%; top: 60px; margin-left: -296px;}
.page00{ background: url(../images/bg01.jpg) no-repeat center center;}
.page01,.page02,.page03,.page04,.page05,.page06,.page07,.page08,.page09{ background: url(../images/bg02.jpg) no-repeat center center;}
.swiper { width: 100%; height: 100%; } 
.swiper-slide { text-align: center; font-size: 18px; background-color: transparent; display: flex; justify-content: center; align-items: center; } 
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-slide {	background-size: cover;	background-position: center;}
.title{ width: 1200px; height: 139px; overflow:hidden; position: absolute; left: 50%; top: 50px; margin-left: -600px;}
.title span{ display:block; width: 471px; height: 139px; margin:0 auto; background-image:url(../images/title.png); background-repeat:no-repeat;}
.page01 .title span{ background-position:0 0;}
.page02 .title span{ background-position:0 -139px;}
.page03 .title span{ background-position:0 -278px;}
.page04 .title span{ background-position:0 -417px;}
.page05 .title span{ background-position:0 -556px;}
.enter_btn{ width: 257px; height: 257px; position: absolute; left: 50%; margin-left: -330px; bottom: -60px; animation: slideupdown 3s ease-in-out infinite; -webkit-animation:slideupdown 3s ease-in-out infinite;;}
.enter_btn a{ display: block; width: 257px; height: 257px; background: url(../images/btn_enter.png) no-repeat 0 0; }
.enter_btn a:hover{ background: url(../images/btn_enter.png) no-repeat 0 -257px; }
@-webkit-keyframes slideupdown{
    0% {
      -webkit-transform:translateY(-20px);
      transform:translateY(-20px)
    }
    50% {
      -webkit-transform:translateY(0);
      transform:translateY(0)
    }
    to {
      -webkit-transform:translateY(-20px);
      transform:translateY(-20px)
    }
  }
@keyframes slideuptodown{
    0% {
      -webkit-transform:translateY(-20px);
      transform:translateY(-20px)
    }
    50% {
      -webkit-transform:translateY(0);
      transform:translateY(0)
    }
    to {
      -webkit-transform:translateY(-20px);
      transform:translateY(-20px)
    }
  }
/* 左侧导航菜单 */
.nav{ display:block; width: 233px; height: 640px; position:absolute; left:0; top:50%; margin-left: -270px; margin-top: 20px; transform: translateY(-50%); z-index:15; transition: margin 1s; -moz-transition: margin 1s; -webkit-transition: margin 1s; -ms-transition: margin 1s; transform-origin: 0 0;}
.nav.show_nav{ display: block; margin-left: 20px; transition: margin 1s; -webkit-transition: margin 1s; -moz-transition: margin 1s; -ms-transition: margin 1s;}
.nav_item{ display:block; width: 239px; height: 71px; background-image:url(../images/nav_list.png); background-repeat:no-repeat; margin-bottom: 30px; margin-left: 0; }
.nav_item:hover,nav_item.on{ background-color:transparent;}
.to_home_btn{ display: block; width: 239px; height: 71px; background:url(../images/nav_list.png) no-repeat 0 -370px;  z-index: 5; }
.nav1{ background-position: 0 0; }
.nav2{ background-position: 0 -74px; }
.nav3{ background-position: 0 -148px; }
.nav4{ background-position: 0 -222px; }
.nav5{ background-position: 0 -296px; }
.nav1:hover,.nav1.on{ background-position:-262px 0;}
.nav2:hover,.nav2.on{ background-position:-262px -74px;}
.nav3:hover,.nav3.on{ background-position:-262px -148px;}
.nav4:hover,.nav4.on{ background-position:-262px -222px;}
.nav5:hover,.nav5.on{ background-position:-262px -296px;}
.to_home_btn:hover{ background-position:-262px -370px;}
/* 左侧导航菜单结束 */
.sect01_c,.sect02_c,.sect03_c,.sect04_c{ width: 100%; height: 760px; position: relative; margin-top: 200px;}
.sect07_c{ width: 100%; height: 760px; position: relative; margin-top: 170px;}
.jn_list{ display: flex; flex-flow: row wrap; justify-content: start; padding-left: 26px; margin-top: 16px;}
.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: 74px; height: 74px; box-sizing: border-box; border: 2px solid #e66e35; 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;}
.act_info li{ display: block; width: 100%; margin-bottom: 14px;}
.icon_tt{ display: block; width: 112px; height: 35px; font-size: 14px; color: #fff9ef; font-weight: bold; line-height: 36px; text-align: left; text-indent: 40px; background: url(../images/icon_btn.png) no-repeat -860px -281px;}
.icon_tt01{ float: left; width: 112px; height: 35px; font-size: 14px; color: #fff9ef; font-weight: bold; line-height: 36px; text-align: left; text-indent: 40px;  background: url(../images/icon_btn.png) no-repeat -860px -281px;}
.act_info li p{ width: 100%; box-sizing: border-box; padding-left: 16px; position: relative; font-size: 15px; line-height: 22px; margin-top: 6px; color: #44575d; text-align: left;}
.act_info li span{ display: block; width: 100%; box-sizing: border-box; text-align: left; position: relative; font-size: 15px; line-height: 36px; margin-top: 6px; color: #44575d; text-align: left;}
.act_info_tt{ display: block; width: 242px; height: 30px; background-image: url(../images/act_info_tt.png); background-repeat: no-repeat; margin: 0 auto 36px; text-indent: 999px; overflow: hidden; white-space: nowrap; }
.act_info_tt011{ background-position: 0 0;}
.act_info_tt012{ background-position: 0 -37px;}
.act_info_tt013{ background-position: 0 -73px;}
.act_info_tt021{ background-position: 0 -109px;}
.act_info_tt022{ background-position: 0 -145px;}
.act_info_tt023{ background-position: 0 -181px;}
.act_info_tt041{ background-position: 0 -217px;}
.sz_info_tt01{ background-position: 0 0;}
.sz_info_tt02{ background-position: 0 -44px;}
.sz_info_tt03{ background-position: 0 -84px;}
.sz_info_tt04{ background-position: 0 -127px;}
.sz_info_tt05{ background-position: 0 -167px;}
.sz_info_tt06{ background-position: 0 -211px;}
.sect011{ width: 1207px; height: 640px; position: absolute; left: 50%; top: 100px; margin-left: -600px; background: url(../images/sect01_bg01.png) no-repeat 0 0;}
.jn_cont{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: start; margin: 12px auto 16px;}
.jn_item{ width: 100px; position: relative;}
.jn_item span{ display: block; width: 64px; height: 64px; border: 2px solid #76d7ff; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.jn_item span img{ width: 100%;}
.jn_item em{ display: block; width: 100%; font-size: 14px; color: #44575d; text-align: center; font-weight: bold;}
.jn_item i{ display: block; width: 22px; height: 62px; position: absolute; right: 6px; top: 0; background: url(../images/icon_btn.png) no-repeat -583px -264px; font-size: 12px; color: #fff9ef; line-height: 22px; writing-mode: vertical-lr; text-align: center;}
.jn_item_dsc{ display: none; width: 400px; min-height: 80px; background: rgba(0,0,0,0.75); border: 2px solid #639abd; position: absolute; left: 10px; top: 92px; z-index: 8;   }
.act_info li .jn_item_dsc p{ display: block; font-size: 14px; color: #fff6e7;  padding: 10px 14px 20px;}
.act_info li .jn_item_dsc p strong{ display: block; font-size: 16px; margin-bottom: 6px;}
.jn_item:hover .jn_item_dsc{ display: block;}
.sect01_img,.sect03_img{ width: 700px; height: 500px; position: absolute; right: 25px; top: 22px; }
.sect01_info,.sect03_info{ width: 425px; height: 470px; position: absolute; left: 50px; top: 25px; overflow-y: auto; }
.sect012 .gift_item { margin-top: 95px; margin-left: 12px;}
.sect012 .gift_item li{ width: 125px; height: 190px;}
.p_table{ width: 360px; margin-left: 12px; border-spacing: 0; border-left: 1px solid #666; border-bottom: 1px solid #666;}
.p_table th,.p_table td{ border-right: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; font-size: 14px; color: #373531; line-height: 26px;}
.sect01_img .swiper,.sect03_img .swiper{ width: 700px; height: 465px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #82caff; border-radius: 10px;}
.sect01_hd,.sect03_hd,.sect04_hd{ width: 100%; height: 65px; position: relative; margin: 20px auto 0; z-index: 5;}
.sect01_hd ul,.sect03_hd ul,.sect04_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; }
.sect07_hd{ width: 133px; height: 570px; position: absolute; right: 50%; top: 98px; margin-right: -620px; z-index: 5;}
.sect07_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column wrap; justify-content: space-between; }
.sect01_hd li,.sect03_hd li,.sect04_hd li{ display: block; width: 194px; height: 65px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect07_hd li{ display: block; width: 133px; height: 92px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect01_hd li{ margin: 0 20px;}
.sect03_hd li{ margin: 0 20px;}
.sect04_hd li{ margin: 0 36px;}
.sect01_btn01{ background-position: 0 0;}
.sect01_btn02{ background-position: -198px 0;}
.sect01_btn03{ background-position: -397px 0;}
.sect01_btn04{ background-position: -594px 0;}
.sect01_btn05{ background-position: -792px 0;}
.sect01_btn01:hover,.sect01_btn01.hover{ background-position: 0 -71px;}
.sect01_btn02:hover,.sect01_btn02.hover{ background-position: -198px -71px;}
.sect01_btn03:hover,.sect01_btn03.hover{ background-position: -397px -71px;}
.sect01_btn04:hover,.sect01_btn04.hover{ background-position: -594px -71px;}
.sect01_btn05:hover,.sect01_btn05.hover{ background-position: -792px -71px;}
.sect03_btn01{ background-position: 0 -142px;}
.sect03_btn02{ background-position: -198px -142px;}
.sect03_btn03{ background-position: -396px -142px;}
.sect03_btn04{ background-position: -594px -142px;}
.sect03_btn05{ background-position: -792px -142px;}
.sect04_btn01{ background-position: 0 -281px;}
.sect04_btn02{ background-position: -198px -281px;}
.sect07_btn01{ background-position: 0 -387px;}
.sect07_btn02{ background-position: -139px -387px;}
.sect07_btn03{ background-position: -277px -387px;}
.sect07_btn04{ background-position: -415px -387px;}
.sect07_btn05{ background-position: -554px -387px;}
.sect03_btn01:hover,.sect03_btn01.hover{ background-position: 0 -208px;}
.sect03_btn02:hover,.sect03_btn02.hover{ background-position: -198px -208px;}
.sect03_btn03:hover,.sect03_btn03.hover{ background-position: -396px -208px;}
.sect03_btn04:hover,.sect03_btn04.hover{ background-position: -594px -208px;}
.sect03_btn05:hover,.sect03_btn05.hover{ background-position: -792px -208px;}
.sect04_btn01:hover,.sect04_btn01.hover{ background-position: 0 -361px;}
.sect04_btn02:hover,.sect04_btn06.hover{ background-position: -198px -361px;}
.sect07_btn01:hover,.sect07_btn01.hover{ background-position: 0 -484px;}
.sect07_btn02:hover,.sect07_btn02.hover{ background-position: -139px -484px;}
.sect07_btn03:hover,.sect07_btn03.hover{ background-position: -277px -484px;}
.sect07_btn04:hover,.sect07_btn04.hover{ background-position: -415px -484px;}
.sect07_btn05:hover,.sect07_btn05.hover{ background-position: -554px -484px;}
.sect07_bd{ width: 1232px; height: 748px; position: absolute; right: 50%; top: 0; margin-right: -620px;  background: url(../images/sect07_bg.png) no-repeat 0 0;}
.sect07_img{ width: 700px; height: 575px; position: absolute; right: 154px; top: 98px;}
.sect07_img .swiper{ width: 700px; height: 530px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #ffdf84;  border-radius: 8px;}
.sect07_info{ width: 310px; height: 580px; position: absolute; left: 57px; top: 98px; overflow-y: auto;}
.sect07_info_tt{ width: 147px; height: 30px; position: absolute; left: 90px; top: 27px; background-image: url(../images/sect07_info_tt.png); background-repeat: no-repeat; z-index: 3;}
.sect07_info_tt01{ background-position: 0 0;}
.sect07_info_tt02{ background-position: 0 -32px;}
.sect07_info_tt03{ background-position: 0 -61px;}
.sect07_info_tt04{ background-position: 0 -93px;}
.sect07_info_tt05{ background-position: 0 -125px;}
.sect07_info_tt06{ background-position: -238px 0;}
.sz_hd{ width: 47px; height: 108px; position: absolute; left: 50%; top: 0; margin-left: -60px; z-index: 5;}
.sz_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.sz_hd li{ display: block; width: 47px; height: 54px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sz_btn01{ background-position: -859px -322px; }
.sz_btn02{ background-position: -859px -376px; }
.sz_btn01:hover,.sz_btn01.hover{ background-position: -906px -322px;}
.sz_btn02:hover,.sz_btn02.hover{ background-position: -906px -376px;}
.pet_img{ width: 972px; height: 850px; position: absolute; right: 50%; top: -120px; margin-right: -880px; }
.pet_info{ width: 420px; height: 450px; position: absolute; left: 90px; top: 120px; }
.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;}
.sect01_unit .sz_info_tt{ margin-bottom: 12px;}
.sect011 .act_info li{ margin-bottom: 36px;}
.sz_unit{ display: none;}
.sz_unit.on{ display: block;}
.sect011{ width: 1294px; height: 606px; position: absolute; left: 50%; top: 90px; margin-left: -610px;  background: url(../images/sect011_bg.png) no-repeat 0 0; }
.sect012,.sect03_bd{ width: 1226px; height: 560px; position: absolute; left: 50%; top: 120px; margin-left: -610px;  background: url(../images/sect012_bg.png) no-repeat 0 0; }
.sect02_hd{ width: 200px; height: 452px; position: absolute; right: 50%; top: 98px; margin-right: -675px; z-index: 5;}
.sect02_bd{ width: 1229px; height: 547px; position: absolute; right: 50%; top: 60px; margin-right: -615px;  background: url(../images/sect02_bg.png) no-repeat 0 0; }
.sect02_img{ width: 746px; height: 575px; position: absolute; left: 54px; top: 76px;}
.sect02_img .swiper{ width: 746px; height: 530px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #ffdf84; border-radius: 8px; }
.sect02_info{ width: 360px; height: 560px; position: absolute; right: 90px; top: 76px; overflow-y: auto;}
.act02_info_tt{ width: 150px; height: 30px; position: absolute; left: 98px; top: 24px; background-image: url(../images/sect07_info_tt.png); background-repeat: no-repeat;}
.act02_info_tt01{ background-position: 0 -157px;}
.act02_info_tt02{ background-position: 0 -190px;}
.act02_info_tt03{ background-position: 0 -223px;}
.sect02_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.sect02_hd li{ display: block; width: 114px; height: 115px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect02_btn01{ background-position: -998px 0;}
.sect02_btn02{ background-position: -998px -124px; margin-left: 80px;}
.sect02_btn03{ background-position: -998px -247px;}
.sect02_btn01:hover,.sect02_btn01.hover{ background-position: -1113px 0;}
.sect02_btn02:hover,.sect02_btn02.hover{ background-position: -1113px -124px;}
.sect02_btn03:hover,.sect02_btn03.hover{ background-position: -1113px -247px;}
.act023 .gift_item{ margin-top: 80px;}
.act023 .gift_item li{ width: 125px; height: 148px;}
.sz_img{ width: 760px; height: 700px; position: absolute; left: 50%; top: -90px; margin-left: -700px; }
.sz_info{ width: 400px; height: 420px; position: absolute; right: 160px; top: 75px; }
.sz_unit .sz_info li{ margin-bottom: 36px;}
.sz_unit .sz_info li p{ margin-top: 16px;}
.sect041{ width: 1222px; height: 618px; position: absolute; left: 50%; margin-left: -610px; top: 90px; background: url(../images/sect041_bg.png) no-repeat 0 0;}
.sect042{ width: 1271px; height: 631px; position: absolute; left: 50%; margin-left: -630px; top: 90px; background: url(../images/sect042_bg.png) no-repeat 0 0;}
.sect04_img{ width: 700px; height: 530px; position: absolute; left: 100px; top: 40px;}
.sect04_img .swiper{ width: 700px; height: 490px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #82caff; border-radius: 8px;}
.sect04_info{ width: 410px; height: 540px; position: absolute; right: 30px; top: 40px; overflow-y: auto;}
.newPet_img{ width: 700px; height: 720px; position: absolute; left: 50%; top: -60px; margin-left: -650px;}
.newPet_info{ width: 450px; height: 500px; position: absolute; right: 50px; top: 68px; overflow-y: auto;}
.newPet_gif_box{ width: 100%; display: flex; gap: 16px;}
.newPet_gif_c{ width: 136px; height: 149px; position: relative;}
.newPet_gif_c em{ display: block; width: 136px; height: 149px; background: url(../images/newPet_gif_bg.png) no-repeat 0 0; position: absolute; left: 0; top:0; z-index: 1;}
.newPet_gif_c span{ display: block; width: 130px; height: 130px; position: absolute; left: 2px; top: 2px; background-color: #000; border-radius: 50%; overflow: hidden;}
.newPet_gif_c span img{ width: 100%;}
.newPet_gif_c b{ display: block; width: 100%; height: 27px; position: absolute; left: 0; bottom: 0; font-size: 16px; color: #cbfdfd; line-height: 27px; text-align: center; z-index: 3;}
.sect041 .act_info li{ margin-bottom: 36px;}
.sect041 .act_info li p{ margin-top: 16px;}
.sect05_c{ width: 1341px; height: 618px; position: absolute; left: 50%; margin-left: -650px; top: 200px; background: url(../images/sect05_bg.png) no-repeat 0 0;}
.sect05_img{ width: 746px; height: 530px; position: absolute; left: 28px; top: 29px;}
.sect05_img .swiper{ width: 746px; height: 490px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #ffdf84; border-radius: 8px;}
.sect05_info{  width: 362px; height: 530px; overflow: hidden; position: absolute; right: 163px; top: 30px; overflow-y: auto; }
.adjustment_c{ width: 1302px; height: 810px; position: absolute; left: 50%; margin-left: -600px; top: 150px; background: url(../images/adjustment_c_bg.png) no-repeat 0 0;}
.adjustment_c .act_info_tt{ display: block; width: 405px; height: 36px; background-image: url(../images/jn_c_tt.png); background-repeat: no-repeat; margin: 0 auto 16px; text-indent: 999px; overflow: hidden; white-space: nowrap;}
.jn_c_tt01{ background-position: 0 0;}
.jn_c_tt02{ background-position: 0 -37px;}
.jn_c_tt03{ background-position: 0 -82px;}
.jn_c_tt04{ background-position: 0 -123px;}
.jn_c_tt05{ background-position: 0 -165px;}
.jn_c_tt06{ background-position: 0 -206px;}
.jn_c_tt07{ background-position: 0 -247px;}
.jn_c_tt08{ background-position: 0 -247px;}
.jn_c{ width: 1090px; height: 600px; margin: 60px auto 16px 90px; overflow-y: auto;}
.jn_c dl{ width: 1060px; margin-bottom: 40px; 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; border-bottom: 1px dashed #c3c2b5;}
.jn_c span{ display: block; float: left; width: 56px; height: 56px; border: 2px 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: 70px; 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;}
.jn_c_tt{ width: 290px; height: 30px; background: url(../images/icon_btn02.png) no-repeat 0 -160px; font-size: 24px; color: #54a48d; line-height: 26px; text-align: center; font-weight: bold; letter-spacing: 3px; margin: 10px auto 20px;}
.option_c{ width: 1380px; height: 620px; position: absolute; left: 50%; top: 180px; margin-left: -690px;}
.options{ width: 86px; height:620px; float:left; position:relative; }
.options.active{ width:1120px;}
.options.active .unfold{ width:1109px; display: block; }
.fold{ width:82px; height:615px; background-image:url(../images/fold_list.png); background-repeat:no-repeat; cursor:pointer; z-index:5; position:absolute; left:0;  top: 0;}
.unfold{ display: none; width:0; height: 576px; position:absolute; left: 8px; top: 20px; z-index:1; background: url(../images/unfold_bg.png) no-repeat right bottom; }
.option01 .fold{ background-position:0 0;}
.option02 .fold{ background-position:-85px 0;}
.option03 .fold{ background-position:-170px 0;}
.option04 .fold{ background-position:-510px 0;}
.option01 .fold:hover,.option01.active .fold{ background-position:-254px 0;}
.option02 .fold:hover,.option02.active .fold{ background-position:-339px 0;}
.option03 .fold:hover,.option03.active .fold{ background-position:-424px 0;}
.option04 .fold:hover,.option04.active .fold{ background-position:-594px 0;}
.option_img{ width: 680px; height: 530px; position: absolute; left: 84px; top: 24px;}
.option_img .swiper{ width: 680px; height: 490px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #65d5ff; border-radius: 10px;}
.option_info{  width: 305px; height: 500px; overflow: hidden; position: absolute; right: 28px; top: 36px; overflow-y: auto; }
.sz_gift_box{ width: 100%; margin-top: 16px;}
.pet_gif_c{ width: 155px; height: 128px; margin: 0 24px 0 10px; position: relative; float: left; }
.pet_gif_c b{ display:block; width: 26px; height: 56px;  font-size:16px; font-weight: normal; color:#cbfdfd; writing-mode:vertical-rl;  position:absolute; right: 12px; top: 0; text-align:center; line-height:26px; z-index:5; letter-spacing: 2px;}
.pet_gif_c span{ display:block; width: 145px; height:118px; position:absolute; left:3px; top:8px; border-radius:60px; overflow:hidden; background-color: #000;}
.pet_gif_c em{ display:block; width: 155px; height: 128px; position:absolute; left:0; top:0; background: url(../images/sz_gif_bg.png) no-repeat  0 0;}
.pet_gif_c span img{ width: 100%;}
.sect08_c{ width: 100%; height: 760px; position: relative; margin-top: 180px;}
.sect08_hd{ width: 1000px; height: 73px; position: absolute; left: 50%; top: 0; margin-left: -500px; }
.sect08_hd ul{ width: 100%; display: flex; gap: 100px; justify-content: center;}
.sect08_hd li{ display: block; width: 272px; height: 73px; background-image: url(../images/icon_btn08.png); background-repeat: no-repeat; cursor: pointer;}
.sect08_btn01{ background-position: 0 0;}
.sect08_btn02{ background-position: -549px 0;}
.sect08_btn01:hover,.sect08_btn01.hover{ background-position: -269px 0;}
.sect08_btn02:hover,.sect08_btn02.hover{ background-position: -830px 0;}
.sect08_bd{ width: 1247px; height: 695px; background: url(../images/sect08_bg.png) no-repeat 0 0; position: absolute; left: 50%; top: 73px; margin-left: -623px;}
.sect08_img{width: 770px; height: 570px;  position: absolute; right: 50px; top: 45px;  }
.sect08_info{width: 340px; height: 585px;  position: absolute; left: 62px; top: 40px;  overflow-y: auto;}
.sect08_img .swiper{ width: 770px; height: 515px; overflow: hidden; position: absolute; left: 0; top: 0;box-sizing: border-box;border: 2px solid #ffdf84; border-radius: 8px; }
.sect09_c{ width: 1251px; height: 695px; background: url(../images/sect09_bg.png) no-repeat 0 0; position: absolute; left: 50%; top: 180px; margin-left: -623px;}
.sect09_img{width: 770px; height: 570px;  position: absolute; left: 40px; top: 50px;  }
.sect09_info{width: 340px; height: 560px;  position: absolute; right: 75px; top: 70px;  overflow-y: auto;}
.sect09_img .swiper{ width: 770px; height: 515px; overflow: hidden; position: absolute; left: 0; top: 0;box-sizing: border-box;border: 2px solid #ffdf84; border-radius: 8px; }
.sect01_unit,.sect02_unit,.sect03_unit,.sect04_unit,.sect05_unit,.sect06_unit,.sect07_unit,.sect08_unit{ display: none;}
.sect01_unit.on,.sect02_unit.on,.sect03_unit.on,.sect04_unit.on,.sect05_unit.on,.sect06_unit.on,.sect07_unit.on,.sect08_unit.on{ display: block;}
.gift{ width: 100%; height: 760px; position: relative; margin-top: 190px;}
.gift_hd{ width: 1200px; height: 100px; margin: 0 auto; position: relative; z-index: 5;}
.gift_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.gift_hd li{ display: block; width: 223px; height: 75px; margin: 0 40px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; }
.gift_btn01{ background-position: -397px -281px;}
.gift_btn02{ background-position: -624px -281px;}
.gift_btn03{ background-position: -753px -307px;}
.gift_btn01:hover,.gift_btn01.hover{ background-position: -397px -361px;}
.gift_btn02:hover,.gift_btn02.hover{ background-position: -624px -361px;}
.gift_btn03:hover,.gift_btn03.hover{ background-position: -753px -372px;}
.gift_bd{ width: 1277px; height: 712px; position: absolute; left: 50%; top: 90px; margin-left: -610px; background: url(../images/gift_bg.png) no-repeat 0 0;}
.gift_unit { width: 1180px; display: none; height: 680px; position: relative;}
.gift_unit.on{ display: block;}
.gift02_c{ width: 1110px; height: 450px; margin: 150px auto 0;}
.gift_item{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; margin:20px auto 0;}
.gift_item li{ display:block; width:140px; height:111px; margin:0 10px; position:relative;}
.gift_item li span{ display:block; width: 82px; height: 82px; background:url(../images/gift_item_bg.png) no-repeat center center; margin:0 auto; padding-top: 5px; position:relative; text-align:center;}
.gift01 .gift_item li span{ height: 80px;}
.gift_item li p.gift_lname{ display:block; font-size:14px; color:#484848; line-height:14px; text-align:center; position:relative; z-index:2; margin-top: 3px;}
.gift_item li i{ display:block; font-size:13px;  color:#484848; line-height:20px; text-align:center; margin-top:6px;}
.gift_item li i strong{ font-weight:normal; color:#e56636;}
.gift_item span em.icon_sale{ display:block; width: 19px; height: 43px; background:url(../images/icon_btn.png) no-repeat -956px -367px; position:absolute; top:0px; right:0; font-size:12px; color:#fff; text-align:center; line-height:20px; writing-mode:vertical-rl; }
.gift_item li span img{ display:block; width:60px; height:60px; margin:12px auto 0;}
.gift_info{ display:none; width:199px; height:200px; background:url(../images/gift_bg03.png) no-repeat 0 0; position:absolute; right:-180px; top:0; z-index:3; box-sizing:border-box; padding:15px 10px 0 30px;}
.gift_info h4{ display:block; width:133px; height:16px; background:url(../images/icon_tt.png) no-repeat 0 -105px; font-size:16px; color:#e56636; text-align:center; line-height:14px; margin:0 auto; font-weight:bold;}
.gift_info p{ display:block; font-size:14px; color:#484848; line-height:22px; margin-top:6px;}
.gift02_c li:hover .gift_info{ display:block;}
.gift_ltt{ display:block; width:100%; height:42px; margin:0 auto;  text-align:center;}
.gift_ltt h4{ display: block; width: 156px; height: 20px; margin: 0 auto; font-size:14px; color:#484848; line-height:16px; text-align: center; font-weight:bold; }
.gift_ltt p{ font-size:12px; color:#ff6943; line-height:16px;  }
.gift_list{ width: 185px; min-height: 600px; overflow:hidden; background:url(../images/gift_line.png) no-repeat right 0; float:left;}
.gift_list.gift_list_last{ background:none;}
.gift_list .gift_item{ margin-top:0px; margin-bottom: 0px;}
.gift01 { margin: 80px 0 0 35px; }
.gift02 { margin: 24px auto 0; }
.gift01 .gift_list{ width: 230px;}
.gift01 .gift_item li{ width: 138px; height: 185px; margin:0 0;}
.gift03 .gift_item li{ width: 160px; height: 185px; }
.gift03 .gift_item{ margin-top: 80px;}
.gift03 .gift_tip{ margin-top: 140px; }
.gift_tip{ width:100%; clear:both; font-family: "Microsoft Yahei"; font-size:16px; color:#484848; text-align:center; font-weight:bold; margin:10px auto 0; letter-spacing: 2px;}
.gift_tip em{ color: #f3582a;}
.gift_tt{ display: none; width: 212px; height: 26px; background: url(../images/icon_btn.png) no-repeat -906px -286px; font-size: 24px; color: #f78b17; text-align: center; font-weight: bold; line-height: 24px; margin: 0 auto 20px; letter-spacing: 3px;}
.bbtn{ width:1200px; height:100px; margin:40px auto; position:relative; display:flex; flex-flow:row nowrap; justify-content:center;}
.bbtn a{ display:block; width:245px; height:64px; background-image:url(../images/icon_btn.png); background-repeat:no-repeat; margin:0 40px;}
.bbtn01{ background-position:0 -146px;}
.bbtn02{ background-position:-255px -146px;}
.bbtn03{ background-position:-509px -146px;}
.bbtn01:hover,.bbtn01.hover{ background-position: 0 -219px;}
.bbtn02:hover,.bbtn02.hover{ background-position:-255px -219px;}
.bbtn03:hover,.bbtn03.hover{ background-position:-509px -219px;} 
.page_wrap .swiper-pagination-bullets.swiper-pagination-horizontal{ width: 100%; height:30px; position: absolute; bottom: 0; left: 0; top: auto; right: auto; }
.page_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px;}
.page_wrap .swiper-pagination-bullet{ width:19px; height:19px; background: url(../images/icon_btn.png) no-repeat -956px -324px; opacity: 1;}
.page_wrap .swiper-pagination-bullet-active{ background: url(../images/icon_btn.png) no-repeat -956px -346px;}
/*注册弹框样式*/
.win_wrap{ width:100%; overflow:hidden; position:relative; z-index:100;}
.win_bg{ display:none; width:100%; background:rgba(0,0,0,0.5); position:fixed; z-index:105; min-height:2000px; overflow:hidden;}
.reg2_win,.reg3_win{ display:none; width:654px; height:329px;  position:fixed; left:50%; top:0; margin-left:-327px; z-index:120;}
.reg2_win_cont{ width:654px; height:350px; background:url(../images/w2_regwinbg.png) no-repeat 0 0; margin:250px auto 0; position:relative; overflow:hidden;}
.reg2_win_main{ width:300px; height:340px; overflow:hidden; float:left;}
.reg2_win_main .blist01_form{ width:260px;  margin:60px 0 0 20px; overflow:hidden;}
.reg2_win_main .bf_unit{ width:100%; height:32px; margin:0; }
.reg2_win_main .bf_unit input{ width:218px; height:18px; padding:4px 5px; border:1px solid #aa2d11; box-sizing:content-box;}
.reg2_win_main .bf_unit .second_pw{ width:86px;}
.reg2_win_main .bf_chbox{ height:24px;}
.reg2_win_main .bf_chbox span{ width:186px;}
.reg2_win_main  .bf_btn{  margin:6px 0 0 12px;}
.reg2_win_main .bf_yz input{ width:48px; float:left;}
.reg2_win_main .bf_yz span{ display:block; height:28px; width:65px; float:left; margin-left:3px; overflow:hidden;}
.reg2_win_main .bf_yz span img{ height:28px;}
.reg2_win_main .boxlist_btn{ display:block; width:199px; height:46px; background-image:url(../images/w2_reg_btn.png); background-repeat:no-repeat;}
.reg2_win_main .boxlist_btn{ border:0; background-color:transparent;}
.reg2_win_main .boxlist_btn:hover{ background-position:0 -71px;}
.reg2_win_close,.reg3_win_close{ width:15px; height:15px; background:url(../images/icon_close07.png) no-repeat 0 0; position:absolute; right:30px; top:10px; cursor:pointer; transition: all 0.3s linear 0s;}
.df_win_close{ width:15px; height:15px; background:url(../images/icon_close002.png) no-repeat 0 0; position:absolute; right:32px; top:26px; cursor:pointer; transition: all 0.3s linear 0s;}
.reg2_win_close:hover,.df_win_close:hover{ transform:rotate(180deg)}
.df_win{ display:none; width:100%;  height:1250px; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:250;}
.df_win_cont{ width:644px; height:329px; background:url(../images/df_winbg.png) no-repeat 0 0; margin:250px auto 0; position:relative; overflow:hidden;}
.df_win_mian{padding:70px 0 0 20px; overflow:hidden; height:250px;}
.df_win_l{ width:258px; height:180px; float:left; margin:40px 0 0 0;}
.df_win_l p{ font-size:16px; color:#10847f; line-height:24px; margin-left:56px;}
.df_win_l span{ font-size:16px; color:#f15c62; line-height:24px; margin-left:56px;}
.df_win_r{ width:300px; height:250px; float:left; overflow:hidden; margin-left:54px;}
.df_win_l a{  display:block; width:199px; height:46px; margin:100px auto 0; background-image:url(../images/w2_reg_btn.png); background-repeat:no-repeat; background-position:0 -327px;}
.df_win_r a{ display:block; width:199px; height:46px; margin:190px auto 0; background-image:url(../images/w2_reg_btn.png); background-repeat:no-repeat; background-position:0 -141px;}
.df_win_r a:hover{ background-position:0 -212px;}
.reg2_win_dl{ display:none; width:330px; height:260px; margin:30px 0 0 0; overflow:hidden;}
.g_gou{ display:block; width:100%; text-align:center; height:76px; overflow:hidden;}
.reg2_win_dl h4{ display:block; width:100%; font-size:22px; color:#000; line-height:24px; text-align:center;}
.reg2_win_dl p.g_get{ display:block; width:100%; font-size:12px; color:#636363; line-height:24px; text-align:center; margin-top:20px;}
.g_code{ width:300px; height:30px; margin:24px auto 12px; overflow:hidden; background:#ef694c; border-radius:5px;}
.g_code p{ display:block; width:136px; float:left; height:30px; font-size:14px; color:#fff; line-height:30px; text-indent:12px;}
.g_code span{ display:block; width:160px; height:24px; float:left; margin:3px 0; background:#fff; border-radius:3px; font-size:14px; color:#ff0000; line-height:24px; text-align:center;}
.g_btn{ display:block; width:117px; height:27px; margin:0 auto; background:url(../images/w2_reg_btn.png) no-repeat 0 -279px; text-indent:999px; white-space:nowrap; overflow:hidden;}
.reg3_win_dl{ width:330px; height:290px; margin:25px 0 0 0; overflow:hidden; position:relative;}
.reg3_dl_gift span{ display:block; width:290px; height:208px; margin:0 auto;}
.reg3_dl_gift a{ display:block; width:199px; height:46px; position:absolute; left:80px; bottom:20px;}
.bf_unit{ width:100%; height:38px; margin-bottom:6px; }
.bf_unit p{ display:block; width:74px; height:36px; float:left; font-size:14px; color:#5d5d5d; line-height:36px;}
.bf_unit input{ width:276px; height:20px; padding:6px 5px; font-size:14px; color:#333; border:1px solid #97c0c0; float:left;}
.bf_chbox{ height:40px; overflow:hidden; position:relative;}
.bf_chbox input{ display:none; width:17px; height:17px; border:1px solid #97c0c0; float:left; margin:0;}
.bf_chbox span{ display:block; width:250px; font-size:12px; color:#fff; line-height:18px;  margin:0 0 0 24px;}
.bf_chbox span a{ color:#fff;}
.bf_btn{ width:100%; }
.bf_btn .boxlist_btn01{ width:287px; height:52px; background:url(../images/button_reg.png) no-repeat 0 0; border:0; margin:0 auto; text-indent:999px; white-space:nowrap; overflow:hidden;}
.bf_unit .second_pw{ width:120px; float:left;}
.bf_yz input{ width:60px; float:left; margin-left:3px;}
.bf_yz span{ display:block; height:32px; width:70px; float:left; margin-left:6px; overflow:hidden;}
.bf_yz span img{ height:32px;}
.iconed{ position:absolute; display:inline-block; background:url(../images/icon_checked.png) no-repeat center; height:20px; width:20px; cursor:pointer; top:0px; left:0px}
.iconun{ position:absolute; display:inline-block; background:url(../images/icon_checkun.png) no-repeat center; height:20px; width:20px; cursor:pointer; top:0px; left:0px}
.df_win01{ display:none; width:100%; height:1550px; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:300;}
.df_win01_cont{ width:350px; height:216px; background:url(../images/df_winbg01.png) no-repeat 0 0; margin:300px auto 0; position:relative; overflow:hidden;}
.df_win01_close{ display:block; width:22px; height:22px; background:url(../images/icon_regclose.png) no-repeat 0 0; position:absolute; right:30px; top:20px; cursor:pointer;}
.df_win01_main{ width:280px; height:145px; margin:60px auto 0;}
.df_win01_main p{ font-size:18px; color:#333; line-height:24px; text-align:center;}
.df_win01_btn{ width:148px; height:44px; background:url(../images/btn_dq03.png) no-repeat 0 0; margin:30px auto 0; cursor:pointer;}
/*footer*/
.footer{ width:100%; position:absolute; bottom:-175px; z-index:10; transition:all 0.3s; background:#c5ebec;}
.copy_box{ width:100%;  }
.footer.on{ bottom:0; transition:all 0.3s;}
.copy_c{ width:1000px; margin:0 auto; padding:10px 0; overflow:hidden;}
.copy_t{ width:100%; height:60px; margin-top:20px;}
.copy_tlogo1{ float:left; width:320px; height:40px;  border-right:2px solid #c20813; margin-top:10px;}
.copy_tlogo2{ float:left;display:block; width:60px; height:60px; margin-left:10px; }
.copy_tlogo3{ float:left;display:block; width:60px; height:60px; margin-left:10px; }
.copy_tr{ width:520px; float:left; overflow:hidden; margin:8px 0 5px 8px; padding:0;}
.copy_tr li{ float:left; margin-right:12px;	padding-right:12px;	position:relative; list-style-type:none;}
.copy_tr li a{ color:#333; text-decoration:none;}
.copy_tr li em{ display:block; width:1px; height:14px; background:#666; position:absolute; right:0; top:3px;}
.copy_tr li p{ display: block; line-height: 24px; margin:0; padding:0; color: #333;}
.copy_b{ width:100%; font-size:14px; color:#333; clear:both;}
.copy_b p{ margin:0; padding:0; line-height:20px; font-size:12px;}
.copy_b a{ font-size:12px; color:#333; text-decoration:none;}
.copy_btn{ display:block; width:174px; height:32px; background:url(../images/icon_btn01.png) no-repeat 0 -62px; position:absolute; right:16px; top:-52px; z-index:11;}
.footer.on .copy_btn{ background:url(../images/icon_btn01.png) no-repeat 0 -94px;}
.share_line{ width: 200px; height: 57px; position:absolute; right:20px; top:60px; z-index:2; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.share_line a{ display:block; width: 57px; height: 57px; background-image:url(../images/icon_btn01.png); background-repeat:no-repeat; position: relative; z-index: 10;}
.share_line a.bbtn01{ background-position: 0 0; }
.share_line a.bbtn02{ background-position: -58px 0;}
.share_line a.bbtn03{ background-position: -115px 0; }
.share_line b{ display: none; width: 2px; height: 100%; position: absolute; left: 26px; top: 0; background-color: #d2e0ff;}
.video-wrap{ display:none; width:100%; height:100%; background:rgba(0,0,0,0); position: absolute; left:0; top:0; right: 0; bottom: 0; z-index:50;}
.video-play{ position:absolute; left:50%; top:50%;}
.video-wrap02 .video-play{ width:800px; height:560px;  margin-left:-400px; margin-top:-280px; }
.video-close{ width: 76px; height: 76px; background: url(../images/icon_v_close.png) no-repeat 0 0; position: absolute; left:50%; top:50%; margin-top:-320px; cursor: pointer; margin-left:-38px; z-index: 100;}