@charset "utf-8";
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:10001;}
.loading img{ width:100px; height:100px; margin-left:-50px; margin-top:-50px; left:50%; top:50%; position:absolute;}
.hidden{ overflow:hidden;}
.footer{ padding-top:0;}
/*滚动条*/
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{border-radius: 8px;background:rgba(255,255,255,0.75);}
::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(255,255,255,0.75);}
::-webkit-scrollbar-thumb:hover{border-radius:8px;background:rgba(255,255,255,0.75);}
/*头部*/
.video{ width:100%; height:100%; position:relative;}
.video video{ width:100%; float:left;}
.fl{ float:left;}
.head{ position:absolute; background:#fff;}.head .menu{ border-bottom:0;}
.qnav{ overflow:hidden; width:100%; position: absolute; top:80px; left:0; z-index:90; background:#333; background:rgba(0,0,0,0.75);}
.navbg{ background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.po{ position:absolute; left:0; top:0;}
body{ background:#141517; overflow-x:hidden;}
.head .menu h1{ background: no-repeat left center;}
.floatnav{padding:10px 0; overflow:hidden;}
.floatnav .tab{ float:right; }
.floatnav .tab li{ float:left; margin-left:35px;height:32px; line-height:32px;}
.floatnav .tab li a{ font-size:12px; color:#d1d0d0;}
.floatnav .tab li.active a{ color: rgb(146, 29, 33);}
.floatnav .tab li a:hover{color: rgb(146, 29, 33);}
.floatnav .tab li a.buynow{ background:#fff; height:30px; line-height:30px; color:#3b301e; border-radius:30px; display:inline-block; width:75px!important; font-size:12px;}
.floatnav .tab li a.buynow:hover{ background-color:rgb(146, 29, 33); color:#fff; }
.floatnav .name{ height:30px; line-height:30px; font-size:12px; }
.floatnav .name a{color:#d1d0d0;}
.floatnav .name span{background:url(/uploads/image/wphzpimg/icon.png) no-repeat left center; float:left; display:block; width:32px; height:30px; line-height:33px; margin-right:8px;}
.fixedtop{ position:fixed; top:0px; z-index:10;}
.qnav,.floatnav .name span{-moz-transition:background .3s linear; -webkit-transition:background .3s linear; transition:background .3s linear;}

/*右侧浮动栏*/
.fixnav{ position:fixed; right:30px; top:50%; padding:4px 4.5px 4px 4px; background:rgba(0,0,0,0.75); z-index:998; width:16px;border-radius:50px;}
.fixnav .up,.fixnav .down{ width:16px; height:16px; background:url(/uploads/image/wphzpiglobal/up.png) no-repeat center center; background-size:14px; cursor:pointer; opacity:0.5;}
.fixnav .down{background:url(/uploads/image/wphzpiglobal/down.png) no-repeat center center;background-size:14px;}
.fixnav .up:hover,.fixnav .down:hover{opacity:1;}
.fixnav li{ height:10px; width:16px; background:url(/uploads/image/wphzpiglobal/line.png) no-repeat center center; cursor: pointer; position:relative;}
.fixnav li b{ font-weight:normal;position:absolute; right:26px; top:0; color:#fff; font-size:12px; height:16px; line-height:16px; width:60px; text-align:right; display:none;}
.fixnav li.on b,.fixnav li:hover b{ display:block;}
.fixnav li.on,.fixnav li:hover{ height:16px; background:none;}
.fixnav li.on .icon,.fixnav li:hover .icon{ background-position:center center; background-repeat:no-repeat; background-size:14px; width:16px; height:16px; display:inline-block;}
.fixnav li.on .c1,.fixnav li:hover .c1{ background-image:url(/uploads/image/wphzpiglobal/01.png); }
.fixnav li.on .c2,.fixnav li:hover .c2{ background-image:url(/uploads/image/wphzpiglobal/02.png);}
.fixnav li.on .c3,.fixnav li:hover .c3{ background-image:url(/uploads/image/wphzpiglobal/03.png);}
.fixnav li.on .c4,.fixnav li:hover .c4{ background-image:url(/uploads/image/wphzpiglobal/04.png);}
.fixnav li.on .c5,.fixnav li:hover .c5{ background-image:url(/uploads/image/wphzpiglobal/05.png);}
.fixnav li.on .c6,.fixnav li:hover .c6{ background-image:url(/uploads/image/wphzpiglobal/06.png);}
.fixnav li.on .c7,.fixnav li:hover .c7{ background-image:url(/uploads/image/wphzpiglobal/07.png);}
.fixnav li.on .c8,.fixnav li:hover .c8{ background-image:url(/uploads/image/wphzpiglobal/08.png);}
.fixnav li.on .c9,.fixnav li:hover .c9{ background-image:url(/uploads/image/wphzpiglobal/09.png);}
.fixnav li.on .c10,.fixnav li:hover .c10{ background-image:url(/uploads/image/wphzpiglobal/010.png);}
.fixnav li.on .c11,.fixnav li:hover .c11{ background-image:url(/uploads/image/wphzpiglobal/011.png);}
.fixnav li.on .c12,.fixnav li:hover .c12{ background-image:url(/uploads/image/wphzpiglobal/012.png);}
.fixnav li.on .c13,.fixnav li:hover .c13{ background-image:url(/uploads/image/wphzpiglobal/013.png);}
.fixnav li.on .c14,.fixnav li:hover .c14{ background-image:url(/uploads/image/wphzpiglobal/014.png);}
.fixnav li.on .c15,.fixnav li:hover .c15{ background-image:url(/uploads/image/wphzpiglobal/015.png);}
.fixnav li.on .c16,.fixnav li:hover .c16{ background-image:url(/uploads/image/wphzpiglobal/016.png);}
.fixnav li.on .c17,.fixnav li:hover .c17{ background-image:url(/uploads/image/wphzpiglobal/017.png);}

.page{ position:relative;}
.zz{ background:url(/uploads/image/wphzpimg/zz.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.txtbox{line-height:1.5;letter-spacing:2px; position:absolute; z-index:4;line-height:1.8;letter-spacing:2px; color:#fff;text-align:center; }
.txtbox h3 span{font-size:22px; opacity:0.5; font-weight:normal;}
.txtbox h2{font-size:32px; margin:3px 0 20px 0;}
.txtbox p span{font-size:18px;opacity:0.75;}
/*home*/
.home{ overflow:hidden; background:#000;}
.home .zbox{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; z-index:19;}
.home .info{ width:340px; position:absolute; left:50%; margin-left:-170px; bottom:30px; color:#b39d84; font-size:15px; text-align:center;letter-spacing:1px; z-index:5;}
.home .info h2{ margin:14px 0;}
.home .info .start{ width:140px; height:50px; line-height:50px; border:1px solid #6b645e; display:inline-block; margin:0 auto; border-radius:5px; font-size:13px; cursor:pointer;}
.home .info .start:hover{ background:#b39d84;border:1px solid #b39d84; color:#000;}
.home .info .tip{ width:12px; height:17px; background:url(/uploads/image/wphzpiglobal/icon.png) no-repeat center bottom; margin:0 auto; margin-top:10px; height:30px; padding-bottom:22px;}
.home .info .tip .line{ width:2px; height:30px; background:#333; margin:0 auto; position:relative; overflow:hidden;}
.home .info .tip .line .dot{ width:2px; height:6px; background:#fff; position:absolute; left:0px; top:0;}
.bgbox{ position:relative; width:100%; left:0; top:0;}
.bgbox video{ width:100%; float:left;}
.bgbox .videobg{ position:absolute; left:0; top:0; width:100%; z-index:3; display:none;}

/*page1*/
.page1{ background:#333; z-index:5; }
.page1 .inner{ position:relative; width:100%; height:100%; overflow:hidden;}
.page1 .inner .txt{ width:780px; height:300px; left:50%; bottom:430px; margin:0px 0 0 -390px;}
.page1 .jq{ width:700px; height:700px; position:absolute; left:50%; bottom:-300px; margin-left:-350px; z-index:5; overflow:hidden;}
.page1 .jq img{ position:absolute; left:0; top:0; width:100%; display:none;}

/*page2*/
.page2{ overflow:hidden;}
.page2 .info{ position:absolute; left:50%; top:50%; width:500px; height:370px; margin:-185px 0 0 -250px;line-height:1.5;  z-index:5; display:none;}
.page2 .info .txtbox{ position: relative;background:url(/uploads/image/wphzpi02/icon.png) no-repeat center top; background-size:65px; padding-top:70px;}
.page2 .txtbox h2{ margin-bottom:15px; margin-top:0px;}

/*page3*/
.page3{ background:#000; z-index:3; overflow:hidden; height:1400px;}
.p3kb{ width:100%; height:1400px; position:absolute; left:0; z-index:6;}
.fixd{position:fixed;}
.p3kb .yuan,.p3kb .jq{ width:1100px; height:1100px; position:absolute; left:50%; top:150px; margin:0px 0 0 -550px; overflow:hidden; z-index:5;}
.p3kb .yuan .bg{ width:100%; height:100%; background:url(/uploads/image/wphzpi03/yuan.png) no-repeat center center;}
.p3kb .jq{ background:url(/uploads/image/wphzpi03/jq.png) no-repeat center center; z-index:2;}
.p3kb .bgimg{ z-index:3}
.p3kb .info{ width:600px; top:200px; left:50%; margin-left:-300px;}
.p3kb .txtbox h2{margin: -6px 0 0px 0;}
.p3kb .tp{ position:absolute; left:50px; bottom:50px; color:#fff; font-size:12px; z-index:6; opacity:0.5;}
#p3img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

/*page4*/
.page4{ overflow:hidden;}
.page4 .info{  left:10%; top:50%; width:500px; height:300px; margin:-140px 0 0 0px; text-align:left;  background:url(/uploads/image/wphzpi04/icon.png) no-repeat left top; background-size:65px; padding-top:78px; display:none; }
.page4 .txtbox h2{ margin-bottom:15px; margin-top:-5px;}
.page4 .bgimg{ opacity:0;}

/*page5*/
.page5{ overflow:hidden;}
.page5 .info{ left:50%; top:20%; width:560px; height:300px; margin:-100px 0 0 -300px; background:url(/uploads/image/wphzpi05/icon.png) no-repeat center top; background-size:65px; padding-top:70px; display:none; }
.page5 .txtbox h2{ margin-bottom:15px; margin-top:-5px;}
.page5 .tab{ width:250px; height:120px; position:absolute; left:50%; margin-left:-125px; bottom:40px; z-index:5; overflow:hidden; color:#fff; text-align:center;}
.page5 .tab .icon { display:inline-block; margin:0 20px; cursor:pointer;}
.page5 .tab .icon .img{ background-position:center bottom; background-repeat:no-repeat; background-size:80px; width:80px; height:60px; margin-bottom:8px; opacity:0.3;}
.page5 .tab .c1 .img{ background-image:url(/uploads/image/wphzpi05/tab0.png);background-size:60px; width:60px;}
.page5 .tab .c2 .img{ background-image:url(/uploads/image/wphzpi05/tab1.png);}
.page5 .tab .icon p{ border-top:3px solid rgba(0,0,0,0.3); padding-top:8px;}

.page5 .tab .on .img{ opacity:1;}
.page5 .tab .on p{ border-top:3px solid #942225; }

/*page6*/
.page6{ overflow:hidden;}
.page6 .info{ left:50%; top:10%; width:500px; height:300px; margin:0px 0 0 -250px;}

/*page7*/
.page7,.page8{ overflow:hidden; background:url(/uploads/image/wphzpi07/bg.jpg) no-repeat center center;}
.page7 .inner,.page8 .inner{ width:1200px; height:500px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -600px; display:none;}
.page7 .inner h2,.page8 .inner h2{ font-size:32px; color:#000; padding-bottom:90px; text-align:center;}
.page7 .inner .item,.page8 .inner .item{ width:284px; height:360px; margin:0 57px; display:inline-block;  color:#000; border:none; float:left;}
.page7 .inner .item .yuan,.page8 .inner .item .yuan{ width:284px; height:284px; background-position:center top; background-repeat:no-repeat; margin:0 auto; text-align:center; cursor:pointer; border-radius: 100%; position:relative;
border-radius:100%!important;
}
.page7 .inner .item .yuan img,.page8 .inner .item .yuan img{ position:absolute; left:0; bottom:0; width:100%;}

.page7 .inner .txt,.page8 .inner .txt{ text-align:center; margin-top:20px; line-height:1.5;}
.page7 .inner .txt h3,.page8 .inner .txt h3{ font-size:20px;}
.page7 .inner .txt p,.page8 .inner .txt p{ font-size:14px;}

.p7m_1 .yuan,.p7m_1 .xian{ position:absolute; left:0; top:0; width:100%;}



/*page8*/
.page8{ background:url(/uploads/image/wphzpi08/bg.jpg) no-repeat center center;}


/*page9*/
.page9{ background:#000; overflow:hidden;}
.page9 .inner{ position:relative; left:0; top:0; width:100%; height:100%;}
.page9 .tit{ text-align:center;}
.page9 .tit h2,.page9 .item h3{font-size:32px; height:40px; line-height:40px; position:absolute; width:100%; top:50%; margin-top:-10px; color:#c2ab8f;}
.page9 .it{ width:100%; position:relative; left:0; top:0; height:20%; overflow:hidden; }
.page9 .item{cursor:pointer;}
.page9 .item .bg{ position:relative; top:-200%;}
.page9 .item h3{ text-align:left; text-indent:80px; color:#fff; z-index:5; margin-top:-20px;}
.page9 .zz{ background:url(/uploads/image/wphzpimg/zz2.png) repeat;}
.page9 .close{background:url(/uploads/image/wphzpi07/close.png) no-repeat center center; background-size:45px; width:60px; height:60px; position:absolute; right:60px; top:110px; cursor:pointer; z-index:9; display:none;}
.txtmain{ position:absolute; left:10%; top:20%; z-index:9;}
.txtmain .tm{ display:none;color:#fff; width:360px; line-height:1.8;}
.txtmain .tm h2{font-size:32px; margin:3px 0 20px 0; }
.txtmain .tm p{font-size:18px;opacity:0.75;}
.page9 .item:hover .zz{ opacity:0;}
.page9 .item,.page9 .item .bg,.page9 .tit{-webkit-transition:all 0s linear; transition:all 0s linear;}

/*page10*/
.page10_11{ background:#000; padding-bottom:100px;}
.page10_11 .bg{ position:absolute; left:0; top:0; width:100%; z-index:1;}
.iner{position: relative; z-index:3; left:0; top:0; width:100%; overflow:hidden;}
.page10{z-index:5; }
.page10 .inner{ position: relative; left:0; top:0; width:100%;}
.page10 .info{ overflow:hidden; position:relative;}
.page10 .info .txt{ position:absolute; left:0; top:50%; width:100%; height:90px; margin-top:-35px; color:#c2ab8f; text-align:center;}
.page10 .info h2{font-size:32px; margin:3px 0 8px 0; }
.page10 .info p{font-size:18px;opacity:0.75;}
.page10 .inner .pm{ width:880px; height:500px; margin:0 auto;}
.page10 .inner .pm p{ width:880px; height:500px; background:url(/uploads/image/wphzpi10/p2.png) no-repeat center center; position:absolute; left:0; top:0;}
.page10 .cimg{ position:absolute; left:0; top:0; width:100%; display:none; z-index:5;}
.page10 .po{ z-index:3;}

/*page11*/
.page11{ float:left; overflow:hidden; width:100%;}
.piclist{ width:100%; height:200px; margin-bottom:200px; margin-top:220px;}
.page11 .inner{ width:880px; margin:0 auto;}
.page11 .inner .wifi{ background:url(/uploads/image/wphzpi11/p1.png) no-repeat center center; width:880px; height:104px;}
.page11 .inner .txt{ font-size:18px;color:#c2ab8f; margin-bottom:50px; margin-top:30px; text-align:center; line-height:1.8;}
.page11 .inner .phone{ background:url(/uploads/image/wphzpi11/p2.png) no-repeat center top; width:880px; height:987px;}
#picture {width:100%;position: relative;height:180px;overflow: hidden; margin-top:100px;}
#picture ul {position: relative;padding: 0;width: 3062px;margin:0;}
#picture li {height:180px;float: left; padding-right:20px;display: inline-block;}
#picture li:first-child {margin-left: 0;}
#picture li:last-child {}
#picture li img {height: 100%;width:220px;border:none; border-radius:10px;}

/*page12*/
.page12{ background:#000; overflow:hidden; padding-bottom:150px;}
.page12 .img{ position:absolute; right:0; width:55%; height:680px; top:50%; margin-top:-400px;}
.page12 .img .line{ position:absolute; left:-30px; top:-50px; height:145px; width:1px; border-left:1px solid rgba(255,255,255,0.75);display:none;}
.page12 .img .txt{ width:400px; height:150px; position:absolute; left:200px; bottom:-120px; color:#c2ab8f; font-size:14px; line-height:1.6;display:none;}
.page12 .img .dot{ background:url(/uploads/image/wphzpi12/dot.png) no-repeat; width:10px; height:10px; position:absolute; left:-35px; top:-50px; display:none;}
.page12 .img .txt h1{ color:#fff; font-size:40px; margin-top:6px;}
.page12 .info{ position:absolute; left:8%; top:40%; width:330px; margin-top:-100px; color:#c2ab8f; line-height:1.5; display:none;}
.page12 .info h2{font-size:32px; margin:3px 0 20px 0;}
.page12 .info p{ font-size:18px;}
.page12 .z{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.page12 .z img{ position:absolute; left:0; top:1px; height:100%;}

/*page13*/
.page13{ background:#000; overflow:hidden;}
.page13 .info{ position:absolute; right:20%; bottom:35%; width:320px; color:#c2ab8f; line-height:1.5; z-index:9;}
.page13 .info h2{font-size:32px; margin:3px 0 20px 0;}
.page13 .info p{ font-size:16px;}

/*page14*/
.page14{ background:#000; overflow:hidden;}
.page14 .info{ position:absolute; left:5%; top:50%; width:280px; height:240px; margin:-30px 0 0 0px; color:#c2ab8f; line-height:1.5; z-index:9;}
.page14 .tt{ display:inline-block; margin-right:50px; position:relative; margin-bottom:20px;}
.page14 .tt h2{ font-size:40px; line-height:50px;}
.page14 .tt p{ font-size:14px;}
.page14 .tt .line{ position:absolute; right:-25px; top:3px; height:60px; width:1px; border-left:1px solid #c2ab8f; opacity:0.5;}
.page14 h3{ font-size:16px; line-height:1.6; font-weight:normal;}

/*page15*/
.page15{ background:#000; overflow:hidden;}
.page15 .left{ float:left; width:50%; height:900px; position:relative;}
.page15 .right{ float:left; width:50%;height:900px; position:relative;}
.page15 .bottom{ float:left; width:100%; position:relative;}
.page15 .left .item{ float:left; width:100%; height:450px;}
.page15 .bottom .item{float:left; width:50%; height:100%;}
.page15 .item{ overflow:hidden; position:relative;}
.page15 .item img{ float:left;}
.page15 .right .line_left{ position:absolute; left:0; width:2px; top:0; height:100%; background:#000; z-index:3;}
.page15 .right .line_bottom{ position:absolute; left:0; height:4px; bottom:0; width:100%; background:#000; z-index:3;}
.page15 .left .line_center{ position:absolute; left:0; height:4px; top:50%; margin-top:-2px; width:100%; background:#000; z-index:3;}
.page15 .left .line_bottom{ position:absolute; left:0; height:4px; bottom:0%; width:100%; background:#000; z-index:3;}
.page15 .bottom .line_center{ position:absolute; left:50%; width:4px; top:0%; margin-left:-2px; height:100%; background:#000; z-index:3;}
.page15 .bottom .line_top{ position:absolute; left:0%; width:100%; top:0%; height:4px; background:#000; z-index:3;}
.page15 .right .item{ height:100%;}
.page15 .top{ float:left; width:100%;}

/*page16*/
.page16{ background:#000; overflow:hidden;}
.page16 .info{ position:absolute; left:0; top:14%; width:100%; text-align:center; display:none; z-index:9;}
.page16 .info p{ font-size:24px; line-height:1.6; color:#c2ab8f; font-weight:bold;}
.page16 .info .btn{ text-align:center; padding-top:40px;}
.page16 .info .btn a{ width:220px; height:50px; background:#fff; line-height:50px; text-align:center; color:#000; font-size:14px; display:inline-block;border-radius: 50px;}
.page16 .info .btn a:hover{ background:rgb(146, 29, 33); color:#fff;}

/*page17*/
.page17{ background:#232323; overflow:hidden; padding-bottom:120px;}
.page17 .tit{ padding:120px 0; text-align:center; color:#8a8a8a; font-size:30px;}
.page17 .inner{ width:100%;  color:#fff;}
.page17 tr:nth-child(odd){  background-color: #2a2a2a; }
.page17 .tt{ padding-right:80px; text-align:right; opacity:0.5;}
.page17 td{ padding:15px 0; height:20px; line-height:20px;}
.page17 .tps{ background:url(/uploads/image/wphzpi17/icon.png) no-repeat 0 0; padding-top:40px; color:#7f7f7f; font-size:12px; line-height:22px; width:460px; margin-top:50px;}



/*dialog*/
.dialog{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1001; background:#000 url(/uploads/image/wphzpi07/bg.png) no-repeat center bottom; display:none;}
.dg{ left:0; top:0; display:none;}
.dialog .close{ background:url(/uploads/image/wphzpi07/close.png) no-repeat center center; background-size:45px; width:60px; height:60px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:9;}
.dialog .nav{ position:absolute; left:50%; width:400px; margin-left:-200px; bottom:30px; text-align:center; z-index:29;}
.dialog .nav li{ display:inline-block; margin:0px 10px; color:#6c6a67; font-size:12px; cursor:pointer;}
.dialog .nav li .img{ width:60px; height:60px;border-radius: 100%; overflow: hidden; display:inline-block; margin-bottom:10px;border:3px solid #000;}
.dialog .nav li p{opacity:0;}
.dialog .nav li.on .img{transform: scale(1.1); -webkit-transform: scale(1.1); border:3px solid #351e18;}
.dialog .nav li.on p{opacity:1;}
.dialog .inner{opacity:1;}
.dialog .inner .txt {color:#fff; position:absolute; }
.dialog .inner .txt h2{ font-size:24px; margin-bottom:12px;}
.dialog .inner .txt p{ font-size:14px; color:#beac98;}
/*page7 dialog*/
.p7m_1{ position:absolute; left:50%; width:1180px; margin-left:-590px; height:100%;}
.p7m_1 .imgbox{ position:absolute; left:0; bottom:400px; width:100%;height:764px}
.p7m_1 .imgbox .line{ background:url(/uploads/image/wphzpi07/line1.png) no-repeat center top; position:absolute; left:2px; bottom:-92px; width:100%; height:709px;opacity:0.5;}
.p7m_1 .t1{ width:300px; left:190px; bottom:-115px; }
.p7m_1 .t2{ width:380px;left:572px; bottom:-125px; }
.p7m_1 .t2 span{ display:block; margin-top:12px;}
.p7m_1 .z{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.p7m_1 .z img{ position:absolute; left:0; bottom:-1px; width:100%;}

.p7m_2{ position:absolute; left:50%; width:1180px; margin-left:-590px; height:100%;}
.p7m_2 .imgbox{ position:absolute; left:0; bottom:400px; width:100%; height:670px;}
.p7m_2 .imgbox .line{ background:url(/uploads/image/wphzpi07/line2.png) no-repeat center top; position:absolute; left:2px; bottom:-92px; width:100%; height:765px;opacity:0.5;}
.p7m_2 .t1{ width:300px; left:190px; bottom:-170px; }

.p7m_2 .z{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.p7m_2 .z img{ position:absolute; left:0; bottom:-1px; width:100%;}

.p7m_3{ position:absolute; left:0%; top:0; width:100%; height:100%; background:url(/uploads/image/wphzpi07/bg03.jpg) no-repeat center top;}
.p7m_3 .line{ position:absolute; left:0; top:0; width:100%; height:100%;background:url(/uploads/image/wphzpi07/line3.png) no-repeat center top;opacity:0.5; z-index:5;}
.p7m_3 .inners{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:0; height:100%; z-index:7;}
.p7m_3 .inners .t1{ position:absolute; left:830px; top:230px; width:300px;}
.p7m_3 .inners .t2{ position:absolute; left:830px; top:380px; width:300px;}

.p7m_3 .gif{ position:absolute; left:0; top:0; width:100%; height:100%; background: no-repeat center top;}

.p7m_3 .zboxs{ position:absolute; left:175px; top:226px; width:376px; height:383px; z-index:3}
.p7m_3 .zboxs img{ position:absolute; left:0; top:0; width:100%; display:none;}

/*page8 dialog*/
.p8m .nav li.on .img{border:3px solid rgba(69,36,29,0.75);}
.dialog .inner .txt {color:#fff; position:absolute; }
.p8m_1{ position:relative; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.p8m_1 .txt{ position:absolute; left:10%; bottom:150px; width:300px; z-index:3;}
.p8m_1 .bg{ position:absolute; top:-10%;}
.p8m_1 .bg2{ opacity:0;}
.p8m_2{ position:absolute; left:50%; width:1180px; margin-left:-590px; height:100%;}
.p8m_2 .imgbox{ position:absolute; left:0; bottom:400px; width:100%;}
.p8m_2 .imgbox .line{ background:url(/uploads/image/wphzpi08/line2.png) no-repeat center top; position:absolute; left:0px; bottom:-125px; width:100%; height:802px;opacity:0.75;}
.p8m_2 .t1{ width:230px; left:225px; bottom:-178px; }
.p8m_2 .t2{ width:230px;left:795px; bottom:-195px; }
.p8m_3 .txt{ width:330px; left:10%; top:50%; height:150px; margin-top:-75px; z-index:5; }

.p8m_3{ position:relative; overflow:hidden; height:100%;}

.p8m_3 .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.p8m_3 .imgbox .z{ position:absolute;left:0; top:0; width:50%; height:100%;}
.p8m_3 .imgbox .z img{ position:absolute; left:0; top:0; width:100%; display:none;}

.p8m_2 .imgbox .z{ position:absolute;left:0; top:0; width:100%; height:100%;}
.p8m_2 .imgbox .z img{ position:absolute; left:0; top:0; width:100%; display:none;}

.page10 .inner .pm{ position:relative;}
.page10 .dt{ position:absolute; left:213px; top:108px; width:465px; height:265px;}
.page10 .dt img{ position:absolute; left:0; top:0; width:100%;}