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: 810px; height: 337px; position: absolute; left: 50%; top: 176px; margin-left: -628px;}
.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:444px; height: 107px; overflow:hidden; position: absolute; left: 50%; top: 50px; margin-left: -222px;}
.title span{ display:block; width:444px; height:107px; margin:0; background-image:url(../images/title.png); background-repeat:no-repeat;}
.page01 .title span{ background-position:0 0;}
.page02 .title span{ background-position:0 -124px;}
.page03 .title span{ background-position:0 -247px;}
.page04 .title span{ background-position:0 -371px;}
.page05 .title span{ background-position:0 -494px;}
.page06 .title span{ background-position:0 -616px;}
.page07 .title span{ background-position:0 -742px;}
.enter_btn{ width: 181px; height: 181px; position: absolute; left: 50%; margin-left: -80px; bottom: 0; animation: slideupdown 3s ease-in-out infinite; -webkit-animation:slideupdown 3s ease-in-out infinite;;}
.enter_btn a{ display: block; width: 181px; height: 181px; background: url(../images/btn_enter.png) no-repeat 0 0; }
.enter_btn a:hover{ background: url(../images/btn_enter.png) no-repeat -224px 0; }
@-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:261px; height: 754px; position:absolute; left:0; top:50%; margin-left: -270px; margin-top: 10px; transform: translateY(-50%); z-index:15; transition: margin 1s; -moz-transition: margin 1s; -webkit-transition: margin 1s; -ms-transition: margin 1s; background: url(../images/nav_list.png) no-repeat -570px 0; transform-origin: 0 0;}
.nav.show_nav{ display: block; margin-left: 10px; transition: margin 1s; -webkit-transition: margin 1s; -moz-transition: margin 1s; -ms-transition: margin 1s;}
.nav_item{ display:block; width: 261px; height: 58px; background-image:url(../images/nav_list.png); background-repeat:no-repeat; margin-bottom: 36px; }
.nav_item:hover,nav_item.on{ background-color:transparent;}
.to_home_btn{ display: block; width: 47px; height: 47px;  z-index: 5; position: absolute; left: 0; bottom: 0;}
.nav1{ background-position: 0 0; margin-top: 40px;}
.nav2{ background-position: 0 -71px; }
.nav3{ background-position: 0 -142px; }
.nav4{ background-position: 0 -212px; }
.nav5{ background-position: 0 -283px; }
.nav6{ background-position: 0 -354px; }
.nav7{ background-position: 0 -429px; }
.nav1:hover,.nav1.on{  background-position:-284px 0;}
.nav2:hover,.nav2.on{  background-position:-284px -71px;}
.nav3:hover,.nav3.on{ background-position:-284px -142px;}
.nav4:hover,.nav4.on{ background-position:-284px -212px;}
.nav5:hover,.nav5.on{ background-position:-284px -283px;}
.nav6:hover,.nav6.on{ background-position:-284px -354px;}
.nav7:hover,.nav7.on{ background-position:-284px -429px;}
/* 左侧导航菜单结束 */
.sect01_c,.sect02_c,.sect07_c,.sect08_c{ width: 100%; height: 760px; position: relative; margin-top: 185px;}
.sect06_c{ width: 100%; height: 760px; position: relative; margin-top: 190px;}
.sect01_hd{ width: 1400px; height: 80px; margin: 0 auto; position: relative; z-index: 5;}
.sect01_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.sect01_hd li{ display: block; width: 224px; height: 53px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; margin: 0 20px;}
.sect01_btn01{ background-position: 0 0;}
.sect01_btn02{ background-position: -228px 0;}
.sect01_btn03{ background-position: -456px 0;}
.sect01_btn04{ background-position: -686px 0;}
.sect01_btn01:hover,.sect01_btn01.hover{ background-position: 0 -58px;}
.sect01_btn02:hover,.sect01_btn02.hover{ background-position: -228px -58px;}
.sect01_btn03:hover,.sect01_btn03.hover{ background-position: -456px -58px;}
.sect01_btn04:hover,.sect01_btn04.hover{ background-position: -686px -58px;}
.act_info li{ display: block; width: 100%; margin-bottom: 14px;}
.icon_tt{ display: block; width: 100px; height: 27px; font-size: 14px; color: #fffad7; font-weight: 400; line-height: 27px; text-align: left; text-indent: 32px; background: url(../images/icon_btn.png) no-repeat -299px -264px;}
.act_info li p{ width: 100%; box-sizing: border-box; padding-left: 16px; position: relative; font-size: 14px; line-height: 22px; margin-top: 6px; color: #373531; text-align: left;}
.act_info_tt{ display: block; width: 218px; height: 27px; background: url(../images/act_info_tt.png); background-repeat: no-repeat; margin: 0 auto 26px; text-indent: 999px; overflow: hidden; white-space: nowrap; }
.act_info_tt011{ background-position: center 0;}
.act_info_tt012{ background-position: center -37px;}
.act_info_tt013{ background-position: center -71px;}
.sect011{ width: 1207px; height: 640px; position: absolute; left: 50%; top: 100px; margin-left: -600px; background: url(../images/sect01_bg01.png) no-repeat 0 0;}
.pet_img{ width: 980px; height: 846px; position: absolute; left: 50%; top: -100px; margin-left: -750px;}
.pet_info{ width: 420px; height: 520px; position: absolute; right: 60px; top: 70px; }
.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;}
.sect014{ width: 1200px; height: 575px; position: absolute; left: 50%; top: 70px; margin-left: -600px; background: url(../images/sect01_bg02.png) no-repeat 0 0;}
.sect01_img{ width: 710px; height: 512px; position: absolute; left: 35px; top: 32px; }
.sect01_info{ width: 410px; height: 510px; position: absolute; right: 32px; top: 36px; overflow-y: auto; }
.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{ width: 700px; height: 465px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #65d5ff; border-radius: 10px;}
.sect02_hd{ width: 110px; height: 353px; position: absolute; right: 50%; top: 120px; margin-right: -627px; z-index: 5;}
.sect02_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; }
.sect02_hd li{ display: block; width: 110px; height: 140px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect02_btn01{ background-position: -299px -121px;}
.sect02_btn02{ background-position: -411px -121px;}
.sect02_btn01:hover,.sect02_btn01.hover{ background-position: -523px -121px;}
.sect02_btn02:hover,.sect02_btn02.hover{ background-position: -635px -121px;}
.sect02_bd{ width: 1248px; height: 620px; position: absolute; left: 50%; top: 50px; margin-left: -620px;}
.sect021{ width: 1248px; height: 620px; background: url(../images/sect02_bg01.png) no-repeat 0 0; position: relative;}
.sect022{ width: 1248px; height: 620px; background: url(../images/sect02_bg02.png) no-repeat 0 0; position: relative; overflow: hidden;}
.sect02_img{ width: 680px; height: 525px; position: absolute; right: 120px; top: 48px;}
.sect02_info{ width: 390px; height: 560px; position: absolute; left: 14px; top: 30px; overflow-y: auto;}
.sect02_c .sect02_info p{ color: #fff;}
.sect02_img .swiper{ width: 680px; height: 475px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #65d5ff; border-radius: 10px;}
.sect022_gift{ width: 1160px; height: 610px; overflow: hidden;}
.sect022_gift .gift_item{ margin-top: 70px;}
.sect022_gift .gift_item li{ width: 120px; height: 175px;}
.sect03_c{ width: 1209px; height: 720px; position: absolute; left: 50%; top: 180px; margin-left: -600px; background: url(../images/sect03_bg.png) no-repeat 0 0;}
.sect04_c{ width: 1205px; height: 715px; position: absolute; right: 50%; top: 200px; margin-right: -600px; background: url(../images/sect04_bg.png) no-repeat 0 0;}
.sect04_img{ width: 680px; height: 610px; position: absolute; left: 120px; top: 48px;}
.sect04_img .swiper{ width: 680px; height: 560px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #65d5ff; border-radius: 10px;}
.sect04_info{  width: 360px; height: 595px; overflow: hidden; position: absolute; right: 28px; top: 50px; overflow-y: auto; }
.jn_c{ width: 1020px; height: 560px; margin: 60px 0 0 50px; overflow-y: auto; padding-right: 16px;}
.jn_c dl{ width: 100%; margin-bottom: 40px; clear: both; text-align: left;}
.jn_c dl dd{ width: 100%; font-size: 14px; color: #5a5a56; line-height: 24px; clear: both; padding: 20px 14px; border-bottom: 1px dashed #cad8c7; box-sizing: border-box;}
.jn_c span{ display: block; float: left; width: 56px; height: 56px; border: 2px solid #65d5ff; border-radius: 15px; overflow: hidden; background: #000;}
.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: #e14c23;}
.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: 1300px; height: 620px; position: absolute; left: 50%; top: 180px; margin-left: -645px;}
.options{ width: 86px; height:544px; 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;}
.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;}
.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: 170px; height: 160px; margin: 0 20px 0 10px; position: relative; float: left; }
.pet_gif_c b{ display:block; width:25px; height: 75px;  font-size:16px; font-weight: normal; color:#fbebaf; writing-mode:vertical-rl;  position:absolute; right: 3px; top: 44px; text-align:center; line-height:26px; z-index:5; letter-spacing: 2px;}
.pet_gif_c span{ display:block; width: 152px; height:152px; position:absolute; left:4px; top:4px; border-radius:50%; overflow:hidden; background-color: #000;}
.pet_gif_c em{ display:block; width: 170px; height: 160px; position:absolute; left:0; top:0; background: url(../images/sz_gif_bg.png) no-repeat  0 0;}
.pet_gif_c span img{ width: 100%;}
.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: 1372px; height: 757px; position: absolute; left: 50%; top: 200px; margin-left: -680px; background: url(../images/gift_bg.png) no-repeat 0 0;}
.gift_hd{ width: 49px; height: 500px; margin: 0; position: absolute; right: 54px; top: 80px; z-index: 5;}
.gift_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.gift_hd li{ display: block; width: 49px; height: 218px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; }
.gift_btn01{ background-position: 0 -121px;}
.gift_btn02{ background-position: -48px -121px;}
.gift_btn03{ background-position: -196px -121px;}
.gift_btn01:hover,.gift_btn01.hover{ background-position: -98px -121px;}
.gift_btn02:hover,.gift_btn02.hover{ background-position: -147px -121px;}
.gift_btn03:hover,.gift_btn03.hover{ background-position: -245px -121px;}
.gift_bd{ width: 1170px; height: 680px;  overflow: hidden; position: absolute; left: 80px; top: 26px;}
.gift_unit { display: none; width: 1220px; height: 680px; margin: 0px auto 0; 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:50px auto 0;}
.gift_item li{ display:block; width:140px; height:111px; margin:0 10px; position:relative;}
.gift_item li span{ display:block; width: 78px; height:81px; background:url(../images/gift_item_bg.png) no-repeat 0 0; margin:0 auto; padding-top: 5px; position:relative; text-align:center;}
.gift01 .gift_item li span{ height: 88px;}
.gift_item li p.gift_lname{ display:block; font-size:14px; color:#484848; line-height:14px; text-align:center; position:relative; z-index:2;}
.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: 22px; height: 46px; background:url(../images/icon_btn.png) no-repeat -608px -264px; position:absolute; top:-12px; right:-6px; font-size:12px; color:#ffffdf; text-align:center; line-height:22px; writing-mode:vertical-rl; }
.gift_item li span img{ display:block; width:60px; height:60px; margin:6px 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: 195px; min-height: 605px; 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 { width: 1230px; margin-top: 50px;}
.gift01 .gift_list{ width: 230px;}
.gift01 .gift_item li{ width: 138px; height: 175px; margin:0 0;}
.gift03 .gift_item{ margin-top: 180px;}
.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:26px; height:29px; background: url(../images/icon_btn.png) no-repeat -299px -297px; opacity: 1;}
.page_wrap .swiper-pagination-bullet-active{ background: url(../images/icon_btn.png) no-repeat -330px -297px;}
/*注册弹框样式*/
.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_btn.png) no-repeat -405px -264px; position:absolute; right:16px; top:-52px; z-index:11;}
.footer.on .copy_btn{ background:url(../images/icon_btn.png) no-repeat -405px -297px;}
.share_line{ width: 53px; height: 220px; position:absolute; right:20px; top:40px; z-index:2; display: flex; flex-flow: column nowrap; justify-content: start; }
.share_line a{ display:block; width: 53px; height:54px; background-image:url(../images/icon_btn.png); background-repeat:no-repeat; position: relative; z-index: 10; margin-top: 18px;}
.share_line a.bbtn01{ background-position: -855px -140px; }
.share_line a.bbtn02{ background-position: -802px -140px;}
.share_line a.bbtn03{ background-position: -749px -140px; }
.share_line a.bbtn01:hover{  background-position: -855px -196px; }
.share_line a.bbtn02:hover{  background-position:-802px -196px; }
.share_line a.bbtn03:hover{  background-position:-749px -196px; }
.share_line b{ display: block; 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;}