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: 356px; height: 862px; position: absolute; left: 50%; top: 71px; margin-left: -620px;}
.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:817px; height: 112px; overflow:hidden; position: absolute; left: 50%; top: 50px; margin-left: -408px;}
.title span{ display:block; width: 817px; height: 112px; 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 -123px;}
.page03 .title span{ background-position:0 -246px;}
.page04 .title span{ background-position:0 -368px;}
.page05 .title span{ background-position:0 -491px;}
.enter_btn{ width: 174px; height: 163px; position: absolute; left: 50%; margin-left: -87px; bottom: 30px; animation: slideupdown 3s ease-in-out infinite; -webkit-animation:slideupdown 3s ease-in-out infinite;;}
.enter_btn a{ display: block; width: 174px; height: 163px; background: url(../images/btn_enter.png) no-repeat 0 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: 214px; height:530px; position:absolute; right:0; top:50%; margin-right: -250px; margin-top: 20px; 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_bg.png) no-repeat 177px center; transform-origin: 0 0; }
.nav.show_nav{ display: block; margin-right: 10px; transition: margin 1s; -webkit-transition: margin 1s; -moz-transition: margin 1s; -ms-transition: margin 1s;}
.nav_item{ display:block; width: 214px; height: 31px; background-image:url(../images/nav_list.png); background-repeat:no-repeat; margin-bottom: 42px;}
.nav_item:hover,nav_item.on{ background-color:transparent;}
.to_home_btn{ background-position: 31px 0; position: absolute; left: 0; top: 70px;}
.to_home_btn:hover,.to_home_btn.on{  background-position:-166px 0;}
.nav1{ background-position: 31px -34px; margin-top: 145px;}
.nav2{ background-position: 31px -68px; }
.nav3{ background-position: 31px -101px; }
.nav4{ background-position: 31px -135px; }
.nav5{ background-position: 31px -167px; }
.nav1:hover,.nav1.on{  background-position:-166px -34px;}
.nav2:hover,.nav2.on{  background-position:-166px -68px;}
.nav3:hover,.nav3.on{ background-position:-166px -101px;}
.nav4:hover,.nav4.on{ background-position:-166px -135px;}
.nav5:hover,.nav5.on{ background-position:-166px -167px;}
/* 左侧导航菜单结束 */
.act_info ul li{ width: 100%; margin-bottom: 16px;}
.act_info li p{ font-size: 14px; color: #3a2121; padding-left: 16px; margin-top: 6px; line-height: 30px;}
.icon_tt{ display: block; width: 108px; height: 31px; background: url(../images/icon_btn.png) no-repeat -329px -206px; font-size: 16px; color: #bb4e38; line-height: 31px; text-align: center; }
.act_info_tt{ font-family: "KaiTi", "STKaiti", "DFKai-SB", "楷体", serif;}
.act_info_tt{ display: block; width: 170px; height: 50px; background: url(../images/icon_btn.png) no-repeat -796px -114px; font-size: 24px; color: #bb4e38; text-align: center; font-weight: bold; line-height: 50px;  margin: 0 auto 30px;}
.sect02_c{ width: 100%; height: 760px; position: relative; margin-top: 200px;}
.sect07_c{ width: 100%; height: 760px; position: relative; margin-top: 170px;}
.sz_hd{ width: 104px; height: 100px; position: absolute; right: 50%; top: 80px; margin-right: -105px; z-index: 5;}
.sz_hd li{ display: block; width: 48px; height: 48px; cursor: pointer; background: url(../images/icon_btn.png) no-repeat -817px -166px; font-size: 24px; color: #3a2221; text-align: center; line-height: 48px; position: absolute; font-family: "KaiTi", "STKaiti", "DFKai-SB", "楷体", serif;}
.sz_hd li:hover,.sz_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -873px -166px; color: #fefefe; }
.sz_btn01{ left: 0; top: 0;}
.sz_btn02{ right: 0; bottom: 0;}
.sect01_c,.sect02_c{ width: 1440px; height: 900px; position: relative; margin: 190px auto 0; background: url(../images/sz_img_bg.png) no-repeat 172px 11px; }
.sz_unit{ display: none;}
.sz_unit.on{ display: block;}
.sz_img{ width: 1056px; height: 880px; position: absolute; left: 50%; top: 70px; margin-left: -910px;}
.sz_info_tt{ display: block; width: 70px; height: 268px; position: absolute; left: 50%; top: 100px; margin-left: -600px; }
.sz_gift_box{ width: 362px; height: 359px; position: absolute; right: 50%; top: 380px; margin-right: -580px; background: url(../images/sz_gif_bg.png) no-repeat 0 0;}
.sz_gif_hd{ width: 164px; height: 36px; position: absolute; left: 99px; bottom: 0; z-index: 5;}
.sz_gif_hd li{ display: block; width: 82px; height: 36px; font-size: 18px; color: #3a2221; line-height: 36px; font-family: "KaiTi", "STKaiti", "DFKai-SB", "楷体", serif; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; float: left; text-align: left;}
.sz_gif_hd li:hover,.sz_gif_hd li.hover{ color: #fffffd; }
.sz_gif_btn01{ background-position: 0 -206px; text-indent: 30px;}
.sz_gif_btn02{ background-position: -81px -206px; text-indent: 14px;}
.sz_gif_btn01:hover,.sz_gif_btn01.hover{ background-position: -162px -206px;}
.sz_gif_btn02:hover,.sz_gif_btn02.hover{ background-position: -244px -206px;}
.sz_gif_unit{ display: none; }
.sz_gif_unit.on{ display: block;}
.sz_gif_unit span{ display: block; width: 320px; height: 320px; position: absolute; left: 21px; top: 21px; overflow: hidden; border-radius: 50%; background-color: #000;}
.sect02_c .sz_img{ left: 50%; top: -24px; margin-left: -725px;}
.sect03_c,.sect04_c{ width: 100%; height: 760px; position: relative; margin-top: 200px;}
.sect03_hd,.sect04_hd{ width: 1200px; height: 60px; position: relative; margin: 0 auto; z-index: 5;}
.sect03_hd ul,.sect04_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.sect03_hd li,.sect04_hd li{ display: block; width:158px; height: 42px; margin: 0 24px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect03_btn01{ background-position: 0 -114px;}
.sect03_btn02{ background-position: -159px -114px;}
.sect03_btn03{ background-position: -318px -114px;}
.sect04_btn01{ background-position: -476px -114px;}
.sect04_btn02{ background-position: -635px -114px;}
.sect03_btn01:hover,.sect03_btn01.hover{ background-position: 0 -160px;}
.sect03_btn02:hover,.sect03_btn02.hover{ background-position: -159px -160px;}
.sect03_btn03:hover,.sect03_btn03.hover{ background-position: -318px -160px;}
.sect04_btn01:hover,.sect04_btn01.hover{ background-position: -476px -160px;}
.sect04_btn02:hover,.sect04_btn02.hover{ background-position: -635px -160px;}
.sect03_bd,.sect04_bd{ width: 1328px; height: 613px; position: absolute; left: 50%; top: 90px; margin-left: -650px; background: url(../images/sect03_bg.png) no-repeat 0 0;}
.sect04_bd .act_info li p{ line-height: 24px;}
.qp_cont{ width: 1040px; height: 470px; margin: 64px 0 0 160px; position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.qp_cont ul{ width: 100%; height: 100%; display: flex; flex-flow: row wrap; justify-content: center;}
.qp_item{ display: block; width: 215px; height: 214px; position: relative; margin: 0 40px;}
.qp_item em{ display: block; width: 215px; height: 214px; position: absolute; left: 0; top: 0; background: url(../images/qp_item.png) no-repeat 0 0;}
.qp_item p{ display: block; width: 33px; height: 132px; position: absolute; right: 0; top: 0; z-index: 5; font-size: 16px; color: #3a2121; font-weight: bold; writing-mode: vertical-lr; line-height: 32px; text-align: center; letter-spacing: 2px; }
.qp_cont .qp06 p{ letter-spacing: 0;}
.qp_item span{ display: block; width: 185px; height: 185px; position: absolute; left: 12px; top: 21px; overflow: hidden; border-radius: 50%; background-color: #000;}
.qp_item span img{ width: 100%;}
.sect03_info{ width: 540px; height: 450px; position: absolute; left: 200px; top: 82px; overflow-y: auto; z-index: 5; text-align: left;}
.sect03_img{ width: 413px; height: 658px; position: absolute; right: 147px; top: -28px; background: url(../images/sect03_img_bg.png) no-repeat 0 0;}
.sect03_img .swiper{ width: 377px; height: 633px; overflow: hidden; position: absolute; left: 19px; top: 13px; }
.sect03_tt{ display: block; width: 57px; height: 270px; overflow: hidden; position: absolute; left: 66px; top: 156px; font-family: "KaiTi", "STKaiti", "DFKai-SB", "楷体", serif; writing-mode: vertical-lr; line-height: 56px; text-align: center; letter-spacing: 5px; font-size: 32px; color: #ffffeb; font-weight: bold; text-shadow: 0px 1px 2px #575b2b;}
.sect033 .gift_unit{ width: 1000px; height: 500px; margin: 54px auto 0; position: relative;}
.sect033 .gift_item li{ width: 175px;}
.page_wrap .sect03_c .swiper-pagination-bullets.swiper-pagination-horizontal,.page_wrap .sect04_c .swiper-pagination-bullets.swiper-pagination-horizontal{ height: 46px;}
.sect05_c{ width: 1342px; height: 744px; position: absolute; left: 50%; top: 200px; margin-left: -671px; background: url(../images/sect05_bg.png) no-repeat 0 0;}
.sect05_hd{ width: 191px; height: 456px; position: absolute; left: 129px; top: 136px;}
.sect05_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.sect05_hd li{ display: block;width:191px; height: 56px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect05_btn01{ background-position: 0 0;}
.sect05_btn02{ background-position: -194px 0;}
.sect05_btn03{ background-position: -388px 0;}
.sect05_btn04{ background-position: -581px 0;}
.sect05_btn05{ background-position: -775px 0;}
.sect05_btn01:hover,.sect05_btn01.hover{ background-position: 0 -56px;}
.sect05_btn02:hover,.sect05_btn02.hover{ background-position: -194px -56px;}
.sect05_btn03:hover,.sect05_btn03.hover{ background-position: -388px -56px;}
.sect05_btn04:hover,.sect05_btn04.hover{ background-position: -581px -56px;}
.sect05_btn05:hover,.sect05_btn05.hover{ background-position: -775px -56px;}
.sect05_bd{ width: 820px; height: 620px; position: absolute; left: 425px; top: 55px;}
.sect05_info{ width: 400px; height: 520px; position: absolute; left: 0; top: 70px; overflow-y: auto; z-index: 5; text-align: left;}
.sect05_img{ width: 384px; height: 630px; position: absolute; right: 0; top: 0; border: 4px solid #f4d183;}
.sect05_img .swiper{ width: 384px; height: 630px; overflow: hidden; position: absolute; left: 0; top: 0; }
.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: 294px; height: 64px; margin: 0 40px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; }
.gift_btn01{ background-position: 0 -518px;}
.gift_btn02{ background-position: 0 -583px;}
.gift_btn01:hover,.gift_btn01.hover{ background-position: -298px -518px;}
.gift_btn02:hover,.gift_btn02.hover{ background-position: -298px -583px;}
.gift_bd{ width: 1342px; height: 720px; position: absolute; left: 50%; top: 80px; margin-left: -671px; background: url(../images/gift_bg.png) no-repeat 0 0;}
.gift_unit { 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:160px; margin:0 10px; position:relative;}
.gift_item li span{ display:block; width: 94px; height: 94px; background:url(../images/gift_item_bg.png) no-repeat center center; margin:0 auto; padding-top: 5px; position:relative; text-align:center; overflow: hidden;}
.gift01 .gift_item li span{ height: 80px;}
.gift_item li p.gift_lname{ display:block; font-size:14px; color:#843500; 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:60px; height:16px; background:#e62708; transform:rotateZ(45deg); position:absolute; top:6px; right:-15px; font-size:12px; color:#ffe984; text-align:center; line-height:14px;}
.gift_item li span img{ display:block; width:64px; height:64px; margin:16px 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 { width: 1180px; margin: 80px auto 0; }
.gift02 { width: 1180px; margin: 20px auto 0; }
.gift01 .gift_list{ width: 230px;}
.gift01 .gift_item li{ width: 135px; height: 185px; 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 6px;}
.page_wrap .swiper-pagination-bullet{ width:13px;	height:15px; background-color: #7b5237; border: 2px solid #f9f3e4; opacity: 1;}
.page_wrap .swiper-pagination-bullet-active{ width: 30px; background-color: #ea8c01; border-radius: 25px;}

/*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 -202px; position:absolute; right:16px; top:-52px; z-index:11;}
.footer.on .copy_btn{ background:url(../images/icon_btn01.png) no-repeat 0 -234px;}
.share_line{ width: 200px; height: 91px; position:absolute; right:20px; top:20px; z-index:2; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.share_line a{ display:block; width: 48px; height: 91px; background-image:url(../images/icon_btn01.png); background-repeat:no-repeat; position: relative; z-index: 10; margin-top: 18px;}
.share_line a.bbtn01{ background-position: -103px 0; }
.share_line a.bbtn02{ background-position: -51px 0;}
.share_line a.bbtn03{ background-position: 0 0; }
.share_line a.bbtn01:hover{  background-position: -103px -93px; }
.share_line a.bbtn02:hover{  background-position:-51px -93px; }
.share_line a.bbtn03:hover{  background-position:0 -93px; }
.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;}