@charset "utf-8";
/* CSS_reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; outline:none; }
a:hover { text-decoration: underline; }
a:link, a:visited { text-decoration: none; }
img { border: none; vertical-align:top;}
.clear { clear: both; }
/*page_style*/
body,html{ overflow:hidden; background:#333;}
.logo{ background:url(/main/images/bbcs/images/zt/d3gz/logo.png); position:absolute; width:190px; height:76px; z-index:1000;left: 61px;top:60px;}
.line1{position: absolute;top:35px;left: 21px;right: 21px;height: 1px;background: #fff;z-index: 999; opacity:0.1;filter:alpha(opacity=10); }
.line2{position: absolute;top:21px;bottom: 21px;right: 35px;width: 1px;background: #fff;z-index: 999;opacity:0.1;filter:alpha(opacity=10);}
.line3{position: absolute;bottom:35px;left: 21px;right: 21px;height: 1px;background: #fff;z-index: 999;opacity:0.1;filter:alpha(opacity=10);}
.line4{position: absolute;top:21px;bottom: 21px;left: 35px;width: 1px;background: #fff;z-index: 999; opacity:0.1;filter:alpha(opacity=10);}
.share_part{ position:absolute; width:21px; left:26px; top:40%; z-index:1000;}
.share_part a{ width:21px; height:21px; display:block; margin-bottom:10px;}
.rt_home{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png);}.rt_home:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right top;}
.download{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png) left -21px;}.download:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right -21px;}
.share_icon{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png) left -42px;}.share_icon:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right -42px;}
.share_weixin{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png) left -63px;}.share_weixin:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right -63px;}
.share_weibo{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png) left -84px;}.share_weibo:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right -84px;}
.share_qzone{ background:url(/main/images/bbcs/images/zt/d3gz/share_icons.png) left -105px;}.share_qzone:hover{ background:url(https://img.ssl.q1.com/bbcs/images/zt/d3gz/share_icons.png) right -105px;}
.share_more{ position:relative; width:21px; height:130px;}
.share_list{ display:none; position:absolute; left:0px; top:31px;}
.share_list_show{animation: share_show 1s;top:0px;display:block; opacity:1;filter:alpha(opacity=100);}
.box{width:100%; height:100%; position:relative; overflow:hidden; zoom:100%;}
.block{ position:absolute;width:100%; height:100%; left:0; top:0;}
.page,.pt6_cb,.pt6_zq{ background-position:left center; background-repeat:no-repeat; background-size: cover; width:100%; height:100%; overflow:hidden; position:absolute; zoom:100%;}


/*part0*/
#part0{ background-image:url(/main/images/bbcs/images/zt/d3gz/part0.jpg);}
.banner_box{ padding-top:8%;}
.pt0_banner{width:954px; height:466px; margin:0 auto; display:block; margin-bottom:4%;}
.fir_nav_bg{ background:url(/main/images/bbcs/images/zt/d3gz/fir_nav.png); width:1200px; height:125px; margin:0 auto;}
.fir_nav{ width:1000px; margin:0 auto;}
.fir_nav a{ width:69px; height:125px;float:left; text-indent:-9999px;}
.fir_nav a span{width:69px; height:80px;background:url(/main/images/bbcs/images/zt/d3gz/fir_nav_f.png) no-repeat; display:block;}
.fir_nav a+a{margin-left:86px;}
.fir_nav span:hover{background:url(/main/images/bbcs/images/zt/d3gz/fir_nav_f30f4.png?v=3) -69px top no-repeat; animation: nav_act 1s forwards;}
@keyframes nav_act  
{
0%   {transform:rotate(0deg)  scale(1);  }
100% {transform:rotate(720deg)  scale(1.2); }
}
@keyframes share_show  
{
0%   {top:31px;opacity:0; }
100% {top:0px;opacity:1; }
}
@media(max-height:730px){
   /* .line1{position: absolute;top:20px;left: 5px;right: 5px;}
    .line2{position: absolute;top:5px;bottom: 5px;right: 20px;}
    .line3{position: absolute;bottom:20px;left: 5px;right: 5px;}
    .line4{position: absolute;top:5px;bottom: 5px;left: 20px;}*/
}


/*part1*/
#part1{ background-image:url(/main/images/bbcs/images/zt/d3gz/part1.jpg);}
.ele_1_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_03860.png?v=1) center -307px no-repeat; width:100%;height:63px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_1_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_03860.png?v=1) center bottom no-repeat; width:100%;height:71px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
@keyframes ele_1_0 
{
0%   {top:-10%;opacity:0; }
100% {top:14%;opacity:1; }
}
@keyframes ele_1_1 
{
0%   {top:-10%;opacity:0; }
100% {top:22%;opacity:1; }
}
.ele_1_2{width:900px; margin:0 auto; position:relative; height:100%;}
.ele_1_2 .item{  position:absolute;}
.p2_act0{ top:35%; left:0px;animation: ele_1_2 2s;}
@keyframes ele_1_2 
{
0%   {top:45%;left:-50px;opacity:0; }
50%   {top:45%;left:-50px;opacity:0; }
100% {top:35%;left:0px;opacity:1; }
}
.p2_act1{ top:35%; left:304px;animation: ele_1_3 2s;}
@keyframes ele_1_3 
{
0%   {top:45%;opacity:0; }
50%   {top:45%;opacity:0; }
100% {top:35%;opacity:1; }
}
.p2_act2{ top:35%; right:0px;animation: ele_1_4 2s;}
@keyframes ele_1_4 
{
0%   {top:45%;right:-50px;opacity:0; }
50%   {top:45%;right:-50px;opacity:0; }
100% {top:35%;right:0px;opacity:1; }
}
.p2_t0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2); width:282px; height:38px;}
.p2_t1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2) -293px top; width:282px; height:38px;}
.p2_t2{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2) -589px top; width:282px; height:38px;}
.ele_1_2 .items{width:282px; padding:3px; background-color:#2b2f35;transition:background-color 0.5s; position:relative;}
.ele_1_2 .items:hover,.ele_1_2 .focus{background-color:#9f2d35;}
.img_box{ width:282px; height:272px; position:relative; overflow:hidden; margin-bottom:6px;}
.img_box img{transition: all .8s ease;}
.img_box:hover img{transform: scale(1.04) }
.btn_play{ background:url(/main/images/bbcs/images/zt/d3gz/pub_btns.png);width:56px; height:56px; position:absolute; left:40%; top:40%; cursor:pointer;}
.btn_img{ background:url(/main/images/bbcs/images/zt/d3gz/pub_btns.png) -56px top;width:56px; height:56px; position:absolute; left:40%; top:40%; cursor:pointer;}
.p2_txt0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2) left -42px; height:45px;}
.p2_txt1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2) -296px -42px; height:45px;}
.p2_txt2{ background:url(/main/images/bbcs/images/zt/d3gz/ele_1_05e1f.png?v=2) -589px -42px; height:45px;}
.pub_tck{ position:absolute; top:0px; left:100%; width:100%; height:100%;z-index:1001;}
.tck_cent_box{width:100%; height:100%; position:relative; overflow:hidden;z-index:1002;}
.tcks{width:100%; height:100%;position:absolute;left:100%; top:0;background:#000;background: rgba(0,0,0,.9);z-index:1003;}
.video_box{width:960px; height:540px; background:#ccc; margin:0 auto; margin-top:8%;}
.tabs{ position:absolute; z-index:1002; background:#fff; height:31px;border-radius:25px; display:none;}
#tabs_part1{width:248px; padding:0 3px; left:43%; bottom:7%;}
#tabs_part2{width:240px; padding:0 3px; left:43%; bottom:7%;}
#tabs_part6{width:160px; padding:0 3px; left:44%; top:25%; display:block; background:#12141a;}
.fc_bg{ position:relative; width:100%; height:31px;}
.fc{position:absolute; z-index:1003; top:3px; width:80px; height:25px; background:#7a161c;border-radius:25px;}
.tab_cent{position:absolute; z-index:1004;top:3px;}
.tab_cent span{ float:left;width:80px; height:25px; text-align:center; line-height:24px; font-family:"Microsoft YaHei"; color:#000; cursor:pointer;}
.tab_cent .f{ color:#fff;}
.pt6_tab span{ color:#ffffff;}
.pub_close{ position:absolute;z-index:1002; background:url(/main/images/bbcs/images/zt/d3gz/pub_btns.png) left -56px;width:56px; height:56px; cursor:pointer; right:2%; top:3%;transition: all .8s ease; display:none;}
.pub_close:hover{transform:rotate(180deg);}
.part1_imgs{ position:relative; width:100%; height:100%;}
.s_btn_l{ background:url(/main/images/bbcs/images/zt/d3gz/pub_btns.png) -112px top; width:75px; height:75px; position:absolute; left:5%; top:45%; cursor:pointer; z-index:1002;}
.s_btn_r{ background:url(/main/images/bbcs/images/zt/d3gz/pub_btns.png) -187px top; width:75px; height:75px; position:absolute; right:5%; top:45%; cursor:pointer; z-index:1002;}
.part1_img_list{ width:100%; height:100%; position:absolute; display:none; background-position:center center; background-repeat:no-repeat;}
.part1_img0{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt1_bimg0.jpg); display:block;}
.part1_img1{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt1_bimg1.jpg); }
.part1_img2{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt1_bimg2.jpg); }

.nav{ background:url(/main/images/bbcs/images/zt/d3gz/nav.png);width:105px; height:595px; padding-top:35px; position:absolute; z-index:999; right:5%; display:none;}
.nav li{ display:block; height:70px; width:105px; cursor:pointer; float:left;}
.nav li a{display:block; height:70px; width:60px; float:right; text-indent:-9999px;}
.f0{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -35px;}
.f1{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -105px;}
.f2{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -175px;}
.f3{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -245px;}
.f4{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -315px;}
.f5{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -385px;}
.f6{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -455px;}
.f7{animation: nav_act2 0.3s;background:url(/main/images/bbcs/images/zt/d3gz/nav.png) right -525px;}
@keyframes nav_act2  /* opera */
{
0%   {transform: scale(0.7);}
100% {transform: scale(1);}
}

/*part2*/
#part2{ background-image:url(/main/images/bbcs/images/zt/d3gz/part2.jpg);}
.ele_2_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_2_0.png?v=3) center top no-repeat; width:100%;height:58px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_2_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_2_0.png?v=3) center -80px no-repeat; width:100%;height:76px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
.ele2_video_img{width:755px; height:403px; padding:20px;background:#000; background: rgba(0,0,0,.4); margin:0 auto; position:relative; }
.ele2_video_img_box{ padding-top:17%;}
.ele2_v_btn{ position:absolute; width:85px; height:83px; left: 348px; top: 168px; cursor:pointer; z-index:10; }

/*part3*/
#part3{ background-image:url(/main/images/bbcs/images/zt/d3gz/part3.jpg);}
.ele_3_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_3_0.png) center top no-repeat; width:100%;height:63px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_3_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_3_0.png) center -110px no-repeat; width:100%;height:70px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
.ele_3_2{ background:url(/main/images/bbcs/images/zt/d3gz/ele_3_1.png);width:1172px; margin:0 auto; height:485px; }
.ele_3_2_box{ padding-top:15%;}
.zy_item{ float:left; width:274px; height:100%; position:relative; display:block;}
.zy_item .icons{ background:url(/main/images/bbcs/images/zt/d3gz/ele_3_0.png) left -181px; width:138px; height:15px; position:absolute; left:70px; top:347px;}
.zy_item .zy_txt{position:absolute; width:200px; border-top:solid 1px #fff; font-size:12px; line-height:19px; line-height:19px; padding-top:10px; color:#fff; text-indent:25px; top:390px; left:37px; display:none; }
/*part4*/
#part4{ background-image:url(/main/images/bbcs/images/zt/d3gz/part4.jpg);}
.ele_4_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_4_0.png) center top no-repeat; width:100%;height:63px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_4_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_4_0.png) center -63px no-repeat; width:100%;height:85px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
.btn_jn_box{width:1000px; margin:0 auto; height:100%; position:relative;}
.btn_jn{background:url(/main/images/bbcs/images/zt/d3gz/ele_4_0.png) left -148px; width:71px; height:71px; cursor:pointer; position:absolute; left:60%; top:70%;}
.tck_part4_0{ background:url(/main/images/bbcs/images/zt/d3gz/part4_tck0e34.jpg?v=33) center center no-repeat;background-size: cover; width:100%; height:100%;}
/*part5*/
#part5{ background-image:url(/main/images/bbcs/images/zt/d3gz/part5.jpg);}
.ele_5_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_0.png) center top no-repeat; width:100%;height:61px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_5_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_0.png) center -88px no-repeat; width:100%;height:60px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
.ele_5_2{ width:816px; height:446px; margin:0 auto;  background:url(/main/images/bbcs/images/zt/d3gz/ele_5_3.jpg); position:relative;}
.ele_5_2_box{padding-top:16.5%;}
.ele_5_2 .fl{ position:absolute; width:32px; height:32px;}
.fl1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_0.png) left -148px; left: -15px; top:-15px;}
.fl2{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_0.png) -32px -148px; right: -15px; bottom:-15px;}
.pt5_ele{ width:408px; height:223px; display:block; float:left;}
.pt5_e0_f,.pt5_e0:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_3.jpg) left -446px;}
.pt5_e1:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_3.jpg) -408px -446px;}
.pt5_e2:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_3.jpg) left -669px;}
.pt5_e3:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_5_3.jpg) -408px -669px;}
.tck_part5_0{ background:url(/main/images/bbcs/images/zt/d3gz/pt5_bimg0.jpg) center center; background-size: cover; width:100%; height:100%;}
/*part6*/
.pt6_deflut{ left:0%; z-index:1}
.pt6_cb,.pt6_zq{ display:none; position:absolute;width:100%; height:100%; left:0; top:0; z-index:1000;}
.pt6_cb0{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb0.jpg); display:block;}
.pt6_cb1{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb1.jpg);}
.pt6_cb2{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb2.jpg);}
.pt6_cb3{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb3.jpg);}
.pt6_cb4{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb4.jpg);}
.pt6_cb5{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_cb5.jpg);}
.pt6_zq0{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq0.jpg); display:block;}
.pt6_zq1{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq1.jpg);}
.pt6_zq2{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq2.jpg);}
.pt6_zq3{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq3.jpg);}
.pt6_zq4{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq4.jpg);}
.pt6_zq5{ background-image:url(/main/images/bbcs/images/zt/d3gz/pt6_zq5.jpg);}
.cb_nav_box,.zq_nav_box{position:absolute; z-index:1002; bottom:6%; width:100%;}
.cb_nav{ background:url(/main/images/bbcs/images/zt/d3gz/pt6_nav0.png);width:936px; height:105px; margin:0 auto;}
.zq_nav{ background:url(/main/images/bbcs/images/zt/d3gz/pt6_nav1.png);width:1068px; height:154px; margin:0 auto;}
.cb_nav li{ float:left; width:156px; height:105px; cursor:pointer; text-indent:-9999px;}
.zq_nav li{ float:left; width:178px; height:156px; cursor:pointer; text-indent:-9999px;}

/*part7*/
#part7{ background-image:url(/main/images/bbcs/images/zt/d3gz/part7.jpg);}
.ele_7_0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_0.png) center top no-repeat; width:100%;height:63px; position:absolute;top:14%;animation: ele_1_0 1s; left:0}
.ele_7_1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_0.png) center -63px no-repeat; width:100%;height:85px; position:absolute;top:22%;animation: ele_1_1 1s; left:0}
.pt7_items{width:796px; margin:0 auto;}
.pt7_items_box{ padding-top:18%;}
.pt7_items a{width:796px; height:141px; display:block; margin-bottom:10px; cursor:default;}
.pt7_item0{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_1.png);}
.pt7_item1{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_1.png) left -141px;}
.pt7_item2{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_1.png) left -282px;}
.pt7_item0_f,.pt7_item0:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_2.png);}
.pt7_item1:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_2.png) left -141px;}
.pt7_item2:hover{ background:url(/main/images/bbcs/images/zt/d3gz/ele_7_2.png) left -282px;}