.wrap{ width:100%; overflow:hidden; font-family:"Microsoft YaHei", "微软雅黑", SimSun, serif; position:relative;}
.top{ width:100%; height:40px; border-bottom:1px solid #c5c5c5; background:#fff; position:relative; z-index:50;  }
.top_wrap{ width:1200px; height:40px; margin:0 auto;  position:relative;}
.top_logo{ width:220px; height:37px; padding-top:3px;}
.top_logo a,.top_logo a img{ display:block; width:200px;}
.top_right{ width:580px; position:relative;}
.map_btn{ display:block; width:93px; height:28px; float:right; font-size:14px; color:#000000; line-height:28px; padding-left:14px; background:url(../images/map_btn_bg.png) no-repeat 0 0; margin-top:6px; }
.top_r_l{ float:right; display:block; height:40px; font-size:12px; color:#b1b1b1; line-height:40px; margin-right:12px;}
.top_r_l a{ padding:0 8px; font-size:14px; color:#000; }
.top_gg{ width:438px; height:40px; position:absolute; left:210px; top:0;}
.top_gg em{ display:block; width:1px; height:24px; position:absolute; left:0; top:8px; background:#ccc;}
.top_gg a{ display:block; width:438px; height:40px; margin-left:16px;}
.map{display:none; position:absolute; top:41px; right:0; z-index:11;	min-height:112px;border-left:1px solid #dadada;	border:1px solid #dadada; background:#fff;}
.t_ml{ display:none; width:120px; padding-bottom:12px;  position:absolute; right:100px; top:41px;border:1px solid #dadada; background:#fff;  z-index:11; padding-top:5px;}
.t_ml a{  font-size:14px; color:#333; line-height:32px; display:block; width:100%; text-align:center; margin:0 auto; position:relative; box-sizing:border-box; padding:0 20px 0 0; }
.t_ml a em{ display:block; width:18px; height:10px; position:absolute; right:5px; top:11px;  background:url(../images/icon_n.png) no-repeat 0 0;}
.t_ml li:last-child a em{ background-position:0 -60px;}
.t_ml a:hover{ color:#c20813;}
.map-bg,.ml-bg{ display:none; height:400px;width:100%; position:absolute; z-index:10; top:45px; right:0;}
.map ul {background:#fff;}
.map li { float:left;	width:110px; height:176px; 	text-align:center;	box-sizing:border-box;	border-right:1px solid #e9e9e9;	margin-top:6px;}
.map li a:hover {	color:#c20813}
.map li:last-child {	border-right:0}
.map li h3 {	font-size:14px;	color:#333;	height:32px;	line-height:32px;	border-bottom:1px solid #e9e9e9; margin-bottom:6px;}
.map li a {	display:block;	line-height:24px}
.logo{ width:210px; height:90px; position:absolute; left:50%; top:20px; margin-left:-800px; z-index:20}
.logo a{ display:block;}
.tshare{ width:445px; height:31px; overflow:hidden; background:url(../images/topbar_bg.png) no-repeat 0 0; position:absolute; right:50%; top:0; margin-right:-600px; z-index:20; }
.t_link{ width:200px; height:31px; overflow:hidden; float:left; margin:0 0 0 30px; font-size:12px; color:#333; line-height:28px;}
.t_link a{ padding:0 6px; font-size:12px; line-height:28px; color:#000;}
.t_share{ width:160px; height:31px; float:left; margin-left:30px;}
.t_share span{ float:left; font-size:12px; color:#000; line-height:28px;}
.t_share a{ display:block; float:left; width:23px; height:23px; overflow:hidden; margin-right:6px; background-image:url(../images/icon_share.png); background-repeat:no-repeat; margin-top:3px;}
.s_qq{ background-position:0 0;}
.s_wb{ background-position:-31px 0;}
.s_wx{ background-position:-62px 0;}
section{ width:100%; overflow:hidden; position:relative;}
.banner{ width:100%; height:1032px; background:url(../images/bg01.jpg) no-repeat center 0; }
.sect01{ width:100%; height:924px; background:url(../images/bg02.jpg) no-repeat center 0;}
.sect02{ width:100%; height:1005px; background:url(../images/bg03.jpg) no-repeat center 0;}
.sect03{ width:100%; height:1248px; background:url(../images/bg04.jpg) no-repeat center 0;}
.sect04{ width:100%; height:1114px; background:url(../images/bg05.jpg) no-repeat center 0;}
.banner_c{ width:1400px; height:1000px; margin:0 auto; position:relative; z-index:10;}
.slogan{ display:block; width: 258px; height: 614px; position:absolute; left:50%; top: 125px; margin-left:-670px; z-index:1;}
.btn_list{ display: none; width: 820px; height:320px; position:absolute; left:50%; margin-left:-780px; top: 526px; z-index: 5; }
.btn_list li{ display:block; width: 202px; height:305px; position: absolute; top: 0 }
.btn_list07{ left: 0; }
.btn_list01{ left: 0; }
.btn_list02{ left: 480px; }
.btn_list03{ left: 280px; }
.btn_list04{ left: 640px; }
.btn_list05{ left: 160px; }
.btn_list06{ left: 320px; }
.btn_list li a{ display:block; width: 202px; height: 305px; background-image:url(../images/btn_list.png); background-repeat:no-repeat; cursor:pointer;}
.btn_list01 a{ background-position: 0 0;}
.btn_list02 a{ background-position: -207px 0;}
.btn_list04 a{ background-position: -413px 0;}
.btn_list03 a{ background-position: -620px 0;}
.btn_list05 a{ background-position: -849px 0;}
.btn_list06 a{ background-position: -1078px 0;}
.btn_list07 a{ background-position: -1307px 0;}
.btn_list01 a:hover,.btn_list01 a.hover{ background-position: 0 -317px;}
.btn_list02 a:hover,.btn_list02 a.hover{ background-position: -207px -317px;}
.btn_list04 a:hover,.btn_list04 a.hover{ background-position: -413px -317px;}
.btn_list03 a:hover,.btn_list03 a.hover{ background-position: -620px -317px;}
.btn_list05 a:hover,.btn_list04 a.hover{ background-position: -849px -317px;}
.btn_list06 a:hover,.btn_list06 a.hover{ background-position: -1078px -317px;}
.btn_list07 a:hover,.btn_list07 a.hover{ background-position: -1307px -317px;}
.title{ width:100%; height:90px; overflow:hidden; margin:40px auto 0;}
.title span{ display:block; width: 637px; height:80px; margin:0 auto; background-image:url(../images/title.png); background-repeat:no-repeat;}
.sect01 .title span{ background-position:0 0;}
.sect02 .title span{ background-position:0 -89px;}
.sect03 .title span{ background-position:0 -177px;}
.sect04 .title span{ background-position:0 -266px;}
.sect01_c{ width:1204px; height: 668px; background: url(../images/sect01_bg.png) no-repeat 0 0; position: absolute; top: 180px; left: 50%; margin-left: -600px; }
.sect01_hd{ width:185px; height: 588px; position: absolute; top: 49px; right: 37px; }
.sect01_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between;}
.sect01_hd li{ display: block; width:185px; height: 50px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect01_btn01{ background-position: 0 -121px;}
.sect01_btn02{ background-position: 0 -173px;}
.sect01_btn03{ background-position: 0 -226px;}
.sect01_btn04{ background-position: 0 -278px;}
.sect01_btn05{ background-position: 0 -331px;}
.sect01_btn06{ background-position: 0 -383px;}
.sect01_btn07{ background-position: 0 -436px;}
.sect01_btn08{ background-position: 0 -488px;}
.sect01_btn01:hover,.sect01_btn01.hover{ background-position: -190px -121px;}
.sect01_btn02:hover,.sect01_btn02.hover{ background-position: -190px -173px;}
.sect01_btn03:hover,.sect01_btn03.hover{ background-position: -190px -226px;}
.sect01_btn04:hover,.sect01_btn04.hover{ background-position: -190px -278px;}
.sect01_btn05:hover,.sect01_btn05.hover{ background-position: -190px -331px;}
.sect01_btn06:hover,.sect01_btn06.hover{ background-position: -190px -383px;}
.sect01_btn07:hover,.sect01_btn07.hover{ background-position: -190px -436px;}
.sect01_btn08:hover,.sect01_btn08.hover{ background-position: -190px -488px;}
.sect01_info{ width: 400px; height: 520px; position: absolute; right: 280px; top: 80px; overflow-y: auto;}
.sect01_info_t{ width: 46px; height: 320px; position: absolute; left: 32px; top: 96px; background-image: url(../images/sect01_info_t.png); background-repeat: no-repeat;}
.sect01_info_t01{ background-position: 0 0;}
.sect01_info_t02{ background-position: -60px 0;}
.sect01_info_t03{ background-position: -119px 0;}
.sect01_info_t04{ background-position: -180px 0;}
.sect01_info_t05{ background-position: -239px 0;}
.sect01_info_t06{ background-position: -298px 0;}
.sect01_info_t07{ background-position: -358px 0;}
.sect01_info_t08{ background-position: -418px 0;}
.sect01_img{ width: 370px; height: 610px; position: absolute; left: 122px; top: 18px;}
.sect01_img .swiper{ width: 370px; height: 610px; overflow: hidden; position: absolute; left: 0; top: 0; box-sizing: border-box;border: 2px solid #dd835b; border-radius: 10px;}
.act_info_tt{ display: block; width: 176px; height: 30px;  margin: 0 auto 46px; background: url(../images/act_info_tt.png) no-repeat 0 0; font-size: 24px; color: #de5429; text-align: center; font-weight: bold; line-height: 24px; letter-spacing: 3px;}
.act_info ul li{ width: 100%; margin-bottom: 16px;}
.act_info li p{ font-size: 16px; color: #513930; padding-left: 20px; margin-top: 8px; line-height: 30px;}
.icon_tt{ display: block; width: 96px; height: 25px; font-size: 16px; color: #feffff; font-weight: 400; line-height: 24px; text-align: center; background:url(../images/icon_btn.png) no-repeat -385px -121px;}
.sect02_c{ width: 100%; height: 800px; position: relative;}
.sect02_hd{ width: 1200px; height: 60px; margin: 20px auto; position: relative; z-index: 5;}
.sect02_hd ul{ width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.sect02_hd li{ display: block; width: 160px; height: 52px; margin: 0 24px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.sect02_btn01{ background-position: 0 0;}
.sect02_btn02{ background-position: -163px 0;}
.sect02_btn03{ background-position: -326px 0;}
.sect02_btn01:hover,.sect02_btn01.hover{ background-position: 0 -59px;}
.sect02_btn02:hover,.sect02_btn02.hover{ background-position: -163px -59px;}
.sect02_btn03:hover,.sect02_btn03.hover{ background-position: -326px -59px;}

.sz_hd{ width: 174px; height: 41px; position: absolute; left: 50%; top: 620px; margin-left: -350px; z-index: 5;}
.sz_hd li{ display: block; width: 87px; height: 41px; float: left; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; font-size: 18px; color: #1467bc; line-height: 40px; cursor: pointer;}
.sz_hd li:hover,.sz_hd li.hover{ color: #fff;}
.sz_btn01{ background-position: 0 -197px; text-indent: 32px;}
.sz_btn02{ background-position: -87px -197px; text-indent: 16px;}
.sz_btn01:hover,.sz_btn01.hover{ background-position: -177px -197px;}
.sz_btn02:hover,.sz_btn02.hover{ background-position: -265px -197px;}
.sz_info{ width: 560px; height: 500px; position: absolute; right: 50%; top: 140px; margin-right: -640px;}
.sz_info ul{ width: 500px; margin: 30px 0 0 40px;}
.sz_info_tt{  width: 235px; height: 78px; background: url(../images/sz_info_tt.png) no-repeat 0 0;}
.sz_gift_box{ width: 500px; margin: 24px 0 0 50px;}
.sz_gif_c{ width: 219px; height: 165px; float: left; position: relative; margin: 0 24px 0 0;}
.sz_gif_c span{ display: block; width: 204px; height: 146px; overflow: hidden; position: absolute; left: 5px; top: 4px; background-color: #000; margin: 0; padding: 0;}
.sz_gif_c span img{ width: 100%;}
.sz_gif_c b{ display: block; width: 25px; height: 45px; position: absolute; right: 6px; top: 0; font-size: 14px; color: #ffffff; text-align: center; font-weight: 400; writing-mode: vertical-lr; line-height: 24px; z-index: 3; letter-spacing: 1px;}
.sz_gif_c em{ display: block; width: 219px; height: 165px; background: url(../images/sz_gif_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 3;}
.sect022{ width: 1206px; height: 681px; position: absolute; left: 50%; top: 80px; margin-left: -600px; background: url(../images/sect02_bg02.png) no-repeat 0 0; }
.sect02_img{ width: 513px; height: 681px; position: absolute; left: 0; top: 0;}
.sect02_info{ width: 545px; height: 460px; position: absolute; right: 87px; top: 120px;}
.sect02_img .swiper{ width: 500px; height: 670px; overflow: hidden; position: absolute; left: 7px; top: 8px; }
.sect02_line{ display: block; width: 513px; height: 681px; background: url(../images/sect02_line.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 5;}
.sz_img{ width: 854px; height: 640px; position: absolute; left: 50%; top: 60px; margin-left: -750px;}
.sz_gif_unit{ display: none;}
.sz_gif_unit.on{ display: block;}
.sect021 .sz_gif_hd{ width: 460px; height: 86px; position: relative; margin: 0;}
.sect021 .sz_gif_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; margin: 0;}
.sect021 .sz_gif_hd li{ display: block;  width: 65px; height: 67px; margin: 0 20px; background: url(../images/icon_btn.png) no-repeat -66px -120px; font-size: 32px; color: #fff; line-height: 68px; text-align: center; font-weight: bold; cursor: pointer;}
.sz_gif_hd li:hover,.sz_gif_hd li.hover{ background: url(../images/icon_btn.png) no-repeat 0 -120px;}
.sect022 .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 16px;}
.sect023{ width: 1229px; height: 550px; position: absolute; left: 50%; top: 100px; margin-left: -615px; background: url(../images/sect02_bg03.png) no-repeat 0 0; }
.qp_cont{ width: 1060px; height: 400px; margin: 120px auto 0; position: relative; display: flex; flex-flow: row wrap; justify-content: space-between;}
.qp_item{ display: block; width: 230px; height: 237px; position: relative; margin: 0 40px;}
.qp_item em{ display: block; width: 230px; height: 237px; position: absolute; left: 0; top: 0; background: url(../images/qp_item.png) no-repeat 0 0;}
.qp_item p{ display: block; width: 52px; height: 146px; position: absolute; right: 0; top: 0; z-index: 5; font-size: 16px; color: #feffee; font-weight: bold; writing-mode: vertical-lr; line-height: 52px; text-align: center; letter-spacing: 2px;}
.qp_item span{ display: block; width: 180px; height: 180px; position: absolute; left: 21px; top: 36px; overflow: hidden; border-radius: 50%; background-color: #000;}
.qp_item span img{ width: 100%;}
.sect03_c{ width: 1209px; height: 676px; position: absolute; left: 50%; top: 160px; margin-left: -605px; background: url(../images/sect03_bg.png) no-repeat 0 0; }
.sect03_img{ width: 370px; height: 610px; position: absolute; left: 40px; top: 30px; border: 2px solid #dd835b; border-radius: 10px;}
.sect03_info{ width: 680px; height: 600px; position: absolute; right: 74px; top: 46px;}
.sect03_img .swiper{ width: 370px; height: 610px; overflow: hidden; position: absolute; left: 0; top: 0; }
.sect03_c .act_info_tt{ margin-bottom: 30px;}
.jc_hd{ width: 660px; height: 200px; margin: 0 auto; position: relative;}
.jc_bd{ width: 100%; height: 146px;}
.jc_bd ul{ width: 100%; height: 146px; display: flex; flex-flow: row nowrap; justify-content: center;}
.jc_bd ul li{ width: 124px; height: 129px; background: url(../images/jc_bg.png) no-repeat 0 0; position: relative; overflow: hidden; margin: 0 20px; padding: 0;}
.jc_bd ul li span{ display: block; width: 72px; height: 72px; margin: 24px auto 0;}
.jc_bd ul li span img{ width: 100%;}
.jc_bd ul li p{ display: block; width: 94px; height: 28px; position: absolute; left: 16px; bottom: 0; font-size: 16px; color: #513930; text-align: center; line-height: 28px; padding: 0; margin: 0;}
.jc_hd{ width: 100%; height: 36px;}
.jc_hd ul{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: center;}
.jc_hd li{ display: block; width: 96px; height: 28px; background: url(../images/icon_btn.png) no-repeat -385px -149px; cursor: pointer; margin: 0 7px; font-size: 14px; color: #fffcec; text-align: center; line-height: 28px; }
.jc_bd .jc06 li{ margin: 0 5px;}
.jc_hd li:hover,.jc_hd li.hover{ background: url(../images/icon_btn.png) no-repeat -385px -180px; color: #de5429;}
.jc_unit{ display: none;}
.jc_unit.on{ display: block;}
.sect01_zs{ width: 418px; height: 627px; position: absolute; left: 50%; bottom: 0; margin-left: -980px; z-index: 5; }
.sect03_zs{ width: 204px; height: 185px; position: absolute; right: 50%; bottom: 350px; margin-right: -725px; z-index: 5; }
.sect04_zs{ width: 479px; height: 673px; position: absolute; right: 50%; top: 350px; margin-right: -941px; z-index: 5; }
.option_c{ width: 1240px; height: 650px; position: absolute; left: 50%; top: 160px; margin-left: -610px;}
.options{ width: 110px; height:650px; float:left; position:relative; }
.options.active{ width:910px;}
.options.active .unfold{ width:827px; display: block; }
.fold{ width:106px; height:650px; background-image:url(../images/fold_list.png); background-repeat:no-repeat; cursor:pointer; z-index:5; position:absolute; left:0;  top: 4px;}
.unfold{ display: none; width:0; height: 650px; position:absolute; left: 76px; top: 0px; z-index:1; background: url(../images/sect01_bg.png) no-repeat right bottom; }
.option01 .fold{ background-position:0 0;}
.option02 .fold{ background-position:-111px 0;}
.option03 .fold{ background-position:-221px 0;}
.option04 .fold{ background-position:-332px 0;}
.option01 .fold:hover,.option01.active .fold{ background-position:-442px 0;}
.option02 .fold:hover,.option02.active .fold{ background-position:-549px 0;}
.option03 .fold:hover,.option03.active .fold{ background-position:-657px 0;}
.option04 .fold:hover,.option04.active .fold{ background-position:-764px 0;}
.sect01_unit,.sect02_unit,.sect03_unit,.sz_unit,.sect04_unit,.sect05_unit{ display: none;}
.sect01_unit.on,.sect02_unit.on,.sect03_unit.on,.sz_unit.on,.sect04_unit.on,.sect05_unit.on{ display: block;}
.gift{ width: 1343px; height: 733px; background: url(../images/gift_bg.png) no-repeat right 0;  position: absolute; left: 50%; top: 160px; margin-left: -650px;}
.gift_tt01{ background-position: 0 -339px;}
.gift_tt02{ background-position: 0 -378px;}
.gift_hd{ width: 100%; height: 80px; margin-top: 10px;}
.gift_hd ul{ width: 1200px; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; margin: 0 auto;}
.gift_hd li{ display: block; width: 181px; height: 46px; margin: 0 36px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer;}
.gift_btn01{ background-position: -375px -101px;}
.gift_btn02{ background-position: -561px -101px;}
.gift_btn01:hover,.gift_btn01.hover{ background-position: -375px -155px;}
.gift_btn02:hover,.gift_btn02.hover{ background-position: -561px -155px;}
.gift_unit{ display: none;}
.gift_unit.on{ display: block;}
.gift_unit{ width: 1200px; height: 600px; margin:100px 0 34px 52px;}
.gift_item{ width:100%; display:flex; flex-flow:row wrap; justify-content:center; margin:0 auto 0;}
.gift_item li{ display:block; width:180px; height:180px; margin:0; position:relative;}
.gift01 .gift_item li{ width: 185px; height:165px; }
.gift01 .gift_item{ margin-top: 0px;}
.gift_item li span{ display:block; width: 99px; height: 99px; background:url(../images/gift_item.png) no-repeat left bottom; margin:0 auto; overflow:hidden; position:relative; text-align:center;}
.gift_item li p.gift_lname{ display:block; font-size:16px; color:#513930; line-height:14px; text-align:center; position:relative; z-index:2; margin-top:8px;}
.gift_item li i{ display:block; font-size:14px;  color:#ec6f31; line-height:20px; text-align:center; margin-top:6px;}
.gift_item li i strong{ font-weight:normal; color:#ec6f31;}
/* .gift_item span em.icon_sale{ display:block; width: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 span em.icon_sale{ display:block; width:16px; height:36px; background:url(../images/icon_btn.png) no-repeat -385px -213px; position:absolute; top:0; right:6px; font-size:12px; color:#ffee90; text-align:center; line-height:16px; writing-mode: vertical-lr;}
.gift_item li span img{ display:block; width: 72px; height: 72px; margin:14px 0 0 14px; }
section .swiper-pagination-bullet{ width:13px;	height:15px; background-color: #7b5237; border: 2px solid #f9f3e4; opacity: 1;}
section .swiper-pagination-bullet-active{ width: 30px; background-color: #ea8c01; border-radius: 25px;}
.footer{ width: 100%; height: 230px; background: #82a1ff;}
.tohome{ display: none; width: 53px; height: 174px;  position: fixed; right: 20px; bottom: 150px; z-index: 5;}
.to_home_btn{ display: block; width: 100%; height: 100%; background: url(../images/icon_tohome.png) no-repeat 0 0; }