@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,li{ margin:0 ; padding:0;}
img{ width:100%;}
a{ outline:0 none; text-decoration:none;}
img{ border:0 none; vertical-align:top;}
html{ font-size:100%;}
body{font-family:Arial,Microsoft Yahei,"微软雅黑";}
/*通用*/
html,body{ width:100%; height:100%;}
ul,li{ list-style:none;}
.clearfix:after{ display:block; content:"."; visibility:hidden; height:0px; clear:both;}
.video_m{ }
.m_video{ width:100%; height:100%; display:table; vertical-align:middle;}
.video_m video{ width:100%; display:table-cell; vertical-align:middle;}

#video {
    display: none;
    height: 450px;
    width: 800px;
}
.closed{ display:block; position:absolute; width:40px; right:-40px; top:0px; z-index:1000;}	



.page{ width:100%; position:relative; overflow:hidden; background:#000;}
.pic{ width:100%;}
.blur{ filter:blur(8px);}
.slogo{ width:23%; position:absolute; left:83%; margin-left: -11.5%; top:36%; transform:translate(100px,0); opacity:0; transition:all 0.8s ease; }
.addp2_list{ width:49.999%; float:left; position:relative;}
.addp2_list1{ transform:translate(-200px,0px); opacity:0; transition:all 1s ease;}
.addp2_list2{ transform:translate(200px,0px); opacity:0; transition:all 1s ease;}
.animated .addp2_list1{ transform:translate(0px,0px); opacity:1;}
.animated .addp2_list2{ transform:translate(0px,0px); opacity:1; }
.p2_list{ float:left; width:33.3333%; position:relative;} 
.p2_list1{transform:translate(-200px,0px); opacity:0; transition:all 1s ease;}
.p2_list2{transform:translate(0px,200px);opacity:0; transition:all 1s ease;}
.p2_list3{transform:translate(200px,0px); opacity:0; transition:all 1s ease;}
.ad_video{ width:21.2%; position:absolute; top:8.3%; left:50%; margin-left:-10.6%; transform: scale(0); opacity:0; transition:all 0.6s ease; transform-origin:center;}
.ad_video a{ width:100%; height:100%; display:block;}
.animated .ad_video{transform: scale(1); opacity:1; }


.txt_c{ position:absolute;}
.txt_c a{ color:#fbaa42; font-size:16px; line-height:16px;}
.txt_p1{ top:68.33%; left:70.21%;}
.txt_p2{ top:26.12%; left:11.98%;}
.txt_p3{ top:33.38%; left:57.3%;}
.adp_txt1{ width:23.96%; position:absolute;  transform:translate(-200px,0px); opacity:0; transition:all 1s ease;}
.adp_txt2{ width:31.51%; position:absolute; transform:translate(200px,0px); opacity:0; transition:all 1s ease;}
.animated .adp_txt1{transform:translate(0px,0px); opacity:1;}
.animated .adp_txt2{transform:translate(0px,0px); opacity:1;}

.p3_txt{ position:absolute; width:30%; left:35%; top:10%;transform: scale(1.2); opacity:0; transition:all 0.6s ease; transform-origin:center;}



.p4_txt{ position:absolute; width:33.333%; left:18%; top:75%;transform:translate(-200px,0px); opacity:0; transition:all 1s ease;}


.p5_txt{ position:absolute; width:29.895%; left:58%; top:11%;transform:translate(200px,0px); opacity:0; transition:all 1s ease;}
.p6_txt{ position:absolute; width:21.25%; left:48%; top:22%;transform:translate(0px,200px); opacity:0; transition:all 1s ease;}
.p7_txt{ position:absolute; width:24%; left:38%; top:22%;transform:translate(0px,200px); opacity:0; transition:all 1s ease;}
.p8_1{ display:block; width:20.8%; position:absolute; left:14%; top:15%; transform:translate(0px,200px); opacity:0; transition:all 1s ease;}
.p8_2{ display:block; width:20.8%; position:absolute; left:38%; top:15%; transform:translate(0px,200px); opacity:0; transition:all 1.2s ease;}
.p8_3{ display:block; width:20.8%; position:absolute; left:62%; top:15%; transform:translate(0px,200px); opacity:0; transition:all 1.4s ease;}
.p8_4{display:block; width:27.5%; position:absolute; left:36.25%; top:70%; transform:translate(0px,200px); opacity:0; transition:all 1.6s ease;}
.animated .slogo{transform:translate(0px,0px); opacity:1;}
.animated .p2_list1{transform:translate(0px,0px); opacity:1;}
.animated .p2_list2{transform:translate(0px,0px); opacity:1;}
.animated .p2_list3{transform:translate(0px,0px); opacity:1;}
.animated .p3_txt{transform: scale(1); opacity:1; }
.animated .p4_txt{transform:translate(0px,0px); opacity:1;}
.animated .p5_txt{transform:translate(0px,0px); opacity:1;}
.animated .p6_txt{transform:translate(0px,0px); opacity:1;}
.animated .p7_txt{transform:translate(0px,0px); opacity:1;}
.animated .p8_1{transform:translate(0px,0px); opacity:1;}
.animated .p8_2{transform:translate(0px,0px); opacity:1;}
.animated .p8_3{transform:translate(0px,0px); opacity:1;}
.animated .p8_4{transform:translate(0px,0px); opacity:1;}
.blank{ width:100%; height:100%;}
.link1{ width:100%; height:54%; position:absolute; left:0%; bottom:0%;}
.link2{ width:100%; height:54%; position:absolute; left:0%; bottom:0%;}
.link3{ width:100%; height:54%; position:absolute; left:0%; bottom:0%;}
.playvideo1{width:27%; height:10%; position:absolute; left:38%; top:6%;}

.playvideo91{ height: 33%;left: 16%;position: absolute;top: 1%;width: 14%;}
.playvideo92{ height: 33%;left: 41%;position: absolute;top: 1%;width: 14%;}
.playvideo93{ height: 33%;left: 55%;position: absolute;top: 1%;width: 14%;}
.playvideo94{ height: 33%;left: 68%;position: absolute;top: 38%;width: 14%;}
.playvideo95{ height: 33%;left: 42%;position: absolute;top: 67%;width: 14%;}
.fix_top{width:100%; background:#000; height:70px;}
.sfooter{ width:100%; padding:20px 0px;}
.sbottomtext{ color:#939393; line-height:1.5em; width:960px; font-size:14px; margin:0 auto;}


.mdr_z1r{height: 33%;left: 42%;position: absolute;top: 35%;width: 26%;}
.wm1z{height: 33%;left: 68%;position: absolute;top: 1%;width: 14%;}
.zh1es{height: 33%;left: 55%;position: absolute;top: 67%;width: 27%;}





#selfBoxMark{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    filter: alpha(opacity=50);
    background-color: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#selfBoxContent{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background: transparent !important;
}
iframe#iframeDinggou{
    border: 0px;
    overflow: visible;
    padding:0px;
    background: transparent !important;
    height: 100%;
    border: 0;
}
.txt_z{ width:100%; position:absolute;}
.txt_z1{ left:0%; top:21%;}
.txt_z2{ left:0%; top:21%;}
.txt_z3{ left:0%; top:21%;}

.p_price{ width:100%; padding-bottom:6px; text-align:center; color:#ffffff; font-family:Arial;}
.btn{ text-align:center; width:100%; }
.btn a{ font-size:16px; color:#c39d5f; }

.cprice font{ font-size:20px; font-weight:bold;}


.p24{ background:url(../images/xx_bg.jpg) center top no-repeat;}
.w1200{ width:1200px; margin:0 auto; position:relative;}
.p24_t{ position:absolute; width:865px; left:152px; top:100px;}

.tkbtn{ display:block; width:181px; position:absolute; left:500px; top:180px;}


.txt_z4{ position:absolute; left:10px; top:740px; width:190px;}
.txt_z4 .btn{ width:187px;}
.txt_z4 .p_price{ text-align:center; padding-bottom:10px;}
.txt_z4 .p_price { font-size:20px; color:#aaaaaa;}
.txt_z4 .p_price font{ font-size:30px;}


.txt_z5{ position:absolute; left:508px; top:740px; width:190px;}
.txt_z5 .btn{ width:187px;}
.txt_z5 .p_price{ text-align:center; padding-bottom:10px;}
.txt_z5 .p_price { font-size:20px; color:#aaaaaa;}
.txt_z5 .p_price font{ font-size:30px;}


.txt_z6{ position:absolute; left:1024px; top:776px; width:190px;}
.txt_z6 .btn{ width:187px;}
.txt_z6 .p_price{ text-align:center; padding-bottom:10px;}
.txt_z6 .p_price { font-size:20px; color:#aaaaaa;}
.txt_z6 .p_price font{ font-size:30px;}


.tikuan{ display:none; width:842px;}
.tikuan .close{ width:65px; position:absolute; right:-65px; top:0px;}