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:-570px; 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;}
.page_wrap{ width:100%; height:100%; position:relative;}
.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: 489px; height: 684px; position: absolute; right: 50%; top: 0px; margin-right: -620px;}
.swiper-container { width: 100%; height: 100%; }
.page01{ background: url(../images/bg01.jpg) no-repeat center center;}
.page02{ background: url(../images/bg02.jpg) no-repeat center center;}
.page03{ background: url(../images/bg03.jpg) no-repeat center center;}
.page04{ background: url(../images/bg04.jpg) no-repeat center center;}
.page05{ background: url(../images/bg05.jpg) no-repeat 0 center;}
.page06{ background: url(../images/bg07.jpg) no-repeat center center;}
.page07{ background: url(../images/bg08.jpg) no-repeat center center;}
.swiper-container {  width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
        -webkit-box-pack: center; -ms-flex-pack: center;        -webkit-justify-content: center;        justify-content: center;        -webkit-box-align: center;
        -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.title{ width:215px; height:502px; overflow:hidden; position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -920px;}
.title span{ display:block; width:215px; height:502px; margin:0; background-image:url(../images/title.png); background-repeat:no-repeat;}
.page02 .title span{ background-position:0 0;}
.page03 .title span{ background-position:-241px 0;}
.page04 .title span{ background-position:-505px 0;}
.page05 .title span{ background-position:center -369px;}
.page06 .title span{ background-position:center -462px;}
.page07 .title span{ background-position:center -554px;}
.enter_btn{ width: 457px; height: 141px; position: absolute; left: 50%; margin-left: -228px;bottom: 30px;}
.enter_btn a{ display: block; width: 457px; height: 141px; background: url(../images/enter_btn.png) no-repeat 0 -164px; }
.enter_btn a:hover{ background: url(../images/enter_btn.png) no-repeat 0 0; }
/* 左侧导航菜单 */
.nav{ display:block; width:254px; height:526px; position:absolute; right:0; top:50%; margin-top: -227px; z-index:15; background:url(../images/menu_btn.png) no-repeat -320px 0; transform:translateX(120%); -moz-transform:translateX(120%); -webkit-transform:translateX(120%); -ms-transform:translateX(120%); transition: transform .5s; -moz-transition: transform .5s; -webkit-transition: transform .5s; -ms-transition: transform .5s;}
.nav.show{ display: block; transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); transition: transform .5s; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s;}
.nav_item{ display:block; width:125px; height:128px; background-image:url(../images/menu_btn.png); background-repeat:no-repeat; position: absolute;}
.nav_item:hover,nav_item.on{ background-color:transparent;}
.nav1{ display: none; background-position: 0 -425px; }
.nav2{ background-position:0 0; left: 67px; top: 22px;}
.nav3{ background-position:0 -131px; left: 0; top: 213px;}
.nav4{ background-position:0 -261px; left: 81px; top: 385px;}
.nav2:hover,.nav2.on{  background-position:-156px 0;}
.nav3:hover,.nav3.on{ background-position:-156px -131px;}
.nav4:hover,.nav4.on{ background-position:-156px -261px;}
/* 左侧导航菜单结束 */
.page04_c{ width: 100%; height: 100%; position: relative;}
.p4-swiper-box{ width: 1311px; height: 708px; position: absolute; top: 50%; left: 50%; margin-left: -655px; margin-top: -350px;}
.p4-swiper-box .p4-swiper{position:relative;width:1311px;height:708px;}
.p4-swiper .swiper-wrapper{ width:1311px;height:650px}
.p4-swiper .swiper-container{ width:1311px;height:650px}
.p4-swiper .swiper-slide{ width:884px; height:650px; position:relative; overflow: hidden;}
.p4-swiper .swiper-slide b{ display: none;}
.p4-swiper .swiper-slide-active b{ display: block; width: 884px; height: 650px; background: url(../images/banner_line03.png) no-repeat 0 0; position: absolute; left: 0; top: 0;}
.p4-swiper .swiper-slide-prev:before{  width:100%;height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); content:""; border: 4px solid #3f9ece; box-sizing: border-box;}
.p4-swiper .swiper-slide-next:before{  width:100%;height:100%; position:absolute; right:0; top:0; background:rgba(0,0,0,0.5); content:""; border: 4px solid #3f9ece; box-sizing: border-box;}
.p4-swiper .swiper-slide img{ width:880px; height:646px; margin: 2px;}
.p4-swiper-box .p4-swiper .swiper-pagination-bullet { width: 25px; height: 27px; margin: 0 16px; display: inline-block; background: url(../images/icon_btn.png) no-repeat 0 -206px; opacity: 1;}
.p4-swiper-box .p4-swiper .swiper-pagination-bullet-active { background: url(../images/icon_btn.png) no-repeat -28px -206px; opacity: 1;}
.p4-swiper .btn-prev,.p4-swiper .btn-next{ width: 100px; height: 98px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -50px; z-index: 5; cursor: pointer;}
.p4-swiper .btn-prev{ left: 80px; background-position: 0 0;}
.p4-swiper .btn-next{ right: 80px; background-position: 0 -103px;}
.p4-swiper .btn-prev:hover{ background-position: -107px 0;}
.p4-swiper .btn-next:hover{ background-position: -107px -103px;}
.page02_c{ width: 100%; height: 960px; position: relative;}
.view{ width: 100%; height: 960px;}
.view .swiper-container { width: 100%; height: 100%; position: relative;}
.view .swiper-slide{ width: 100%; height: 100%; overflow: hidden; position: relative;}
.view .arrow-left,.view .arrow-right { display:none;}
.rose_vedio{ width: 91px; height: 89px; position: absolute;  right: 50%; top: 498px; margin-right: -320px; background: url(../images/icon_btn.png) no-repeat 0 -256px;}
.rose_vedio a{ display: block; width: 91px; height: 89px;}
.rose_dec{ width: 219px; height: 380px; position: absolute; right: 50%; top: 178px; margin-right: -450px; }
.rose_img{ width: 1300px; height: 1000px; position: absolute; top: 0; left: 50%; margin-left: -900px;}
.rose_zqf .rose_dec{ background: url(../images/rose_dec_zqf.png) no-repeat 0 0;}
.rose_hxb .rose_dec{ background: url(../images/rose_dec_hxb.png) no-repeat 0 0;}
.rose_xyx .rose_dec{ background: url(../images/rose_dec_xyx.png) no-repeat 0 0;}
.rose_hdy .rose_dec{ background: url(../images/rose_dec_hdy.png) no-repeat 0 0;}
.rose_sll .rose_dec{ background: url(../images/rose_dec_sll.png) no-repeat 0 0;}
.rose_jnt .rose_dec{ background: url(../images/rose_dec_jnt.png) no-repeat 0 0;}
.rose_sty .rose_dec{ background: url(../images/rose_dec_sty.png) no-repeat 0 0;}
.rose_mjy .rose_dec{ background: url(../images/rose_dec_mjy.png) no-repeat 0 0;}
.rose_mlj .rose_dec{ background: url(../images/rose_dec_mlj.png) no-repeat 0 0;}
.rose_ylc .rose_dec{ background: url(../images/rose_dec_ylc.png) no-repeat 0 0;}
.rose_yrx .rose_dec{ background: url(../images/rose_dec_yrx.png) no-repeat 0 0;}
.rose_yql .rose_dec{ background: url(../images/rose_dec_yql.png) no-repeat 0 0;}
.rose_ywc .rose_dec{ background: url(../images/rose_dec_ywc.png) no-repeat 0 0;}
.preview { width:1370px; height: 180px; position: absolute; left: 50%; bottom: 0; margin-left: -685px; z-index: 5;}
.preview .swiper-container { width: 1300px; height: 180px; margin: 0 auto; position: relative;}
.preview .swiper-slide { width: 130px;	height: 156px; cursor:pointer; position:relative; }
.preview .swiper-slide span{ display: block; width: 106px; height: 156px; background-image: url(../images/rose_icon.png); background-repeat: no-repeat;}
.rose_icon01{ background-position: 0 -161px;}
.rose_icon02{ background-position: -116px -161px;}
.rose_icon03{ background-position: -232px -161px;}
.rose_icon04{ background-position: -348px -161px;}
.rose_icon05{ background-position: -464px -161px;}
.rose_icon06{ background-position: -580px -161px;}
.rose_icon07{ background-position: -696px -161px;}
.rose_icon08{ background-position: -812px -161px;}
.rose_icon09{ background-position: -928px -161px;}
.rose_icon10{ background-position: -1044px -161px;}
.rose_icon11{ background-position: -1160px -161px;}
.rose_icon12{ background-position: -1272px -161px;}
.rose_icon13{ background-position: -1392px -161px;}
.rose_icon01:hover,.preview .active-nav .rose_icon01{ background-position: 0 0;}
.rose_icon02:hover,.preview .active-nav .rose_icon02{ background-position: -116px 0;}
.rose_icon03:hover,.preview .active-nav .rose_icon03{ background-position: -232px 0;}
.rose_icon04:hover,.preview .active-nav .rose_icon04{ background-position: -348px 0;}
.rose_icon05:hover,.preview .active-nav .rose_icon05{ background-position: -464px 0;}
.rose_icon06:hover,.preview .active-nav .rose_icon06{ background-position: -580px 0;}
.rose_icon07:hover,.preview .active-nav .rose_icon07{ background-position: -696px 0;}
.rose_icon08:hover,.preview .active-nav .rose_icon08{ background-position: -812px 0;}
.rose_icon09:hover,.preview .active-nav .rose_icon09{ background-position: -928px 0;}
.rose_icon10:hover,.preview .active-nav .rose_icon10{ background-position: -1044px 0;}
.rose_icon11:hover,.preview .active-nav .rose_icon11{ background-position: -1160px 0;}
.rose_icon12:hover,.preview .active-nav .rose_icon12{ background-position: -1272px 0;}
.rose_icon13:hover,.preview .active-nav .rose_icon13{ background-position: -1392px 0;}
.preview .arrow-left,.preview .arrow-right{ width: 22px; height: 39px; background-image: url(../images/icon_btn.png); background-repeat: no-repeat; cursor: pointer; position: absolute; top: 56px;}
.preview .arrow-left { left: 0; background-position: -103px -256px;}
.preview .arrow-right {	right: 0; background-position: -103px -306px;}
.preview .arrow-left:hover{ background-position: -132px -256px;}
.preview .arrow-right :hover{ background-position: -132px -306px;}
.page03_c{ width: 1345px; height: 630px; position: absolute; top: 50%; left: 50%; margin-top: -315px; margin-left: -670px;}
.tab_wrap{ width: 100%; height: 100%; margin: 0; position: relative;}
.tab_box{ width: 941px; height: 627px; position: absolute; left: 0; top: 0;}
.tab_box_unit { display: none;}
.tab_box_unit.active { display: block;}
.tab_nav{ width: 406px; height: 627px; position: absolute; right: 0; top: 0; z-index: 5; background: url(../images/p2_bg01.png) no-repeat 0 center;}
.tab_nav .list{ width: 406px; height: 627px; position: relative; margin: 0; padding: 0; }
.tab_nav li { display: block; width: 352px; height: 196px;  position: absolute;  -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; overflow: hidden; z-index: 5;}
.list .item.p1 { width: 290px; height: 156px; left: 10px; top: 462px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all }
.list .item.n1 { width: 290px; height: 156px; left: 10px; top: 10px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all}
.list .item.p2 { width: 180px; height: 105px; left: -20px; top: 630px; opacity: 0; transform: scale(0.5); pointer-events: none; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all }
.list .item.n2 { width: 180px; height: 105px; left: -20px; top: -100px; opacity: 0; transform: scale(0.5); pointer-events: none; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all }
.list .item.on { left: 55px; top: 218px; transform: scale(1);  -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all;}
.list .item span img{ width: 100%;}
.list .item.p3{  width: 80px; height: 50px; left: -40px; top: 730px; opacity: 0; transform: scale(0.5); pointer-events: none; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all }
.list .item.n3{  width: 80px; height: 50px; left: -40px; top: -200px; opacity: 0; transform: scale(0.5); pointer-events: none; -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; -o-transition: .5s all; transition: .5s all }
.item em{ display: block; width: 19px; height: 19px; background: url(../images/icon_btn.png)  no-repeat -60px -206px; position: absolute; left: 0;}
.item.n1 em{ top: 133px; }
.item.on em{ top: 78px; background: url(../images/icon_btn.png)  no-repeat -84px -206px;}
.item.p1 em{ top: 0;}
.tab_nav li span{ display: block; width: 297px; height: 192px; float: right; border: 2px solid #58d6f6; box-sizing: border-box; overflow: hidden;}
.list .item.n1 span,.list .item.p1 span{ display: block; width: 235px; height: 152px;}
.tab_box_unit em{ display: block; width: 941px; height: 627px; position: absolute; left: 0; top: 0; background: url(../images/banner_line02.png) no-repeat 0 0;}
.list .item.n2 span,.list .item.p2 span{ display: block; width: 158px; height: 102px;}
.item.n2 em,.item.p2 em,.item.n3 em,.item.p3 em{ opacity: 0;}


/*注册弹框样式*/
.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:-180px; 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:162px; height:42px; background:url(../images/icon_btn.png) no-repeat -110px -206px; position:absolute; right:16px; top:-65px; z-index:11;}
.share_line{ width:264px; height:80px; position:absolute; right:0; top:48px; z-index:2;}
.share_line a{ display:block; width:66px; height:66px; float:left; background-image:url(../images/icon_btn.png); background-repeat:no-repeat; margin-right: 20px;}
.share_line a.bbtn01{ background-position:-212px 0; }
.share_line a.bbtn02{ background-position:-212px -69px;}
.share_line a.bbtn03{ background-position:-212px -136px; }
.share_line a.bbtn01:hover{  background-position:-286px 0; }
.share_line a.bbtn02:hover{  background-position:-286px -69px; }
.share_line a.bbtn03:hover{  background-position:-286px -136px; }
.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;}