@charset "utf-8";

/*头部*/

.head{ position:absolute; background:none;}

.qnav{top:80px;}

.qnav{ overflow:hidden; width:100%; position: absolute; top:80px; left:0; z-index:9;}

.navbg{ background:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}

.head .menu{ border-bottom:1px solid #4f4f4f;}



.backtop{ background:url(/uploads/image/wphihyunmofang2017/top.png) no-repeat center center; width:30px; height:52px;}

.backtop i,.backtop span{ display:none;}

/*浮动栏*/

.floatnav{padding:10px 0; overflow:hidden;}

.floatnav .tab{ float:right; }

.floatnav .tab li{ float:left; margin-left:35px;height:30px; line-height:30px;}

.floatnav .tab li a{ font-size:12px;}

.floatnav .tab li.active a{ color:#bc9882;}

.floatnav .tab li a.buynow{ background:#bd3939 url(/uploads/image/phiproduct/icon_03.png) no-repeat 75px center; color:#fff; border-radius:5px; text-indent:20px; display:inline-block; width:90px; font-size:12px;}

.floatnav .tab li a.buynow:hover{ background-color:#ae3030; background-position:78px center;}

.floatnav .name{ height:30px; line-height:30px; font-size:12px;}

.floatnav .name a{ color:#333;}

.floatnav .name span{ background:url(/uploads/image/phiproduct/icon_01.png) no-repeat; float:left; display:block; width:38px; height:30px; line-height:33px; margin-right:8px;}

.floatnav .name span.n8{background-position: -937px 0;}

.section,.fp-tablecell{ overflow:hidden;}

.footer{ padding-top:60px;}



.bai a{ color:#fff;}

.bai .name a{color:#fff;}

.bai a:hover{color:#bc9882;}

.bai .name span.n8{ background:url(/uploads/image/wphihs01/icon.png) no-repeat left 2px;}

.fixedtop{ position:fixed; top:0px; z-index:10;background:#fff; background:rgba(255,255,255,0.95);}

.qnav{-moz-transition:background .3s linear; -webkit-transition:background .3s linear; transition:background .3s linear;}



.roundbtn,.roundbtn:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

@keyframes tip{

	0% {transform: translate(0px,-8px);}

	70% {transform:translate(0,0);}

	100% {transform:translate(0,-8px);}

}

@-webkit-keyframes jin{

	0% {-webkit-transform: translate(0px,-8px);}

	70% {-webkit-transform:translate(0,0);}

	100% {-webkit-transform:translate(0,-8px);}

}

/*入场逐渐*/

.an{transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity:0;}

@keyframes jin{

	0% {transform: translate(0px,50px);opacity:0;}

	100% {transform:translate(0,0);opacity:1;}

}

@-webkit-keyframes jin{

	0% {-webkit-transform: translate(0px,50px);opacity:0;}

	100% {-webkit-transform:translate(0,0);opacity:1;}

}

{ animation:jin 0.5s linear; transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}









#homepage{ background:#141414; position: relative;}

.page{position:relative; left:0; top:0; width:100%;}

.bgbox{ position:relative; left:0; top:0;}

.bgbox>img{ float:left;}

.zd1{ position:relative; z-index:1;}

.zd3{ position:relative; z-index:3;}





.txtbox h2{font-size:16px; font-weight:normal;color: #dcc494; }

.txtbox p{color: #dadada; line-height: 22px; font-size:12px; padding-top:20px;}



.bgcolor{position:fixed; left:0; top:0; width:100%; height:100%; background:#141414; z-index:97; display:none;}

.slidebox{ position:fixed; height:1px; border-top:1px dotted #d6bf90; border-top:1px dotted rgba(214,191,144,0.5); width:100%; left:0; top:50%; z-index:98; }

.roundbtn{ width:50px; height:50px; position: absolute; left:50%; top:-30px; margin-left:-25px; z-index:99; cursor:pointer; color:#dcc494;}

.roundbtn .round{ background:#dcc494 url(/uploads/image/wphihs06/icon_01.png) no-repeat center center; background:none\0; width:100%; height:100%;border-radius: 100%; -webkit-box-shadow:-1px 5px 20px #525252; box-shadow:-1px 5px 20px #525252;}

.roundbtn .showbtn,.roundbtn .closebtn{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}

.roundbtn .showbtn{ background:url(/uploads/image/wphihs06/icon_02.png) no-repeat\0;}

.roundbtn .closebtn{ background:url(/uploads/image/wphihs06/icon_03.png) no-repeat\0; display:none;}

.roundbtn:hover{/*transform: scale(0.95); -webkit-transform: scale(0.95);*/}

.roundbtn.zhuan .round{transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.roundbtn .txt{position: relative; left: -10px; width: 80px; text-align: center; top: 10px;}

.slideboxshow{background:#141414;}

.slidebox{ position:absolute; top:120%; z-index:9;}

.fixd{ position:fixed; z-index:98;}

.slidemain,.slidemain iframe{ float:left; width:100%; height:100%;}





/*page1*/

.page1{ overflow:hidden; position: fixed; background:#060606;}

.page1 .txtbox{ position:relative; width:320px; height:120px; position:absolute; left:50%; top:20%; margin:00px 0 0 -160px; color:#dcc494;}

.page1 .txtbox p{ padding-top:10px; font-size:12px; text-align:center;}

.page1 .tip{ background:url(/uploads/image/wphihs01/tip.png) no-repeat; width:41px; height:41px; position:absolute; left:50%; bottom:20px; margin-left:-20px; z-index:3; cursor:pointer;}

.page1 .tip a{-webkit-animation:tip 1s infinite linear; animation:tip 1s infinite linear; display:block;}

.page1 .txt{ position:relative;}

/*page2*/

.page2{ position:relative; left:0; top:0; width:100%; background:#110f13; overflow:hidden;}

.page2 .txtbox{ text-align:center;font-size:12px; color:#dadada; line-height:22px;}

.page2 .txtbox p{ padding-top:24px;}

.page2 .tb1{ padding:120px 0 50px 0;}

.page2 .pc2{ margin-top:-150px;}

.page2 .pc2 img{ float:left;}

/*page3*/

.page3{  background:#141414; overflow:hidden; float:left;}

.page3 .txtbox{ width:410px; margin:80px auto 0 auto; color:#dcc494;}

.page3 .txtbox .tit{ width:136px; text-align:center; margin:0 auto; padding-bottom:50px;}

.page3 .txtbox p{ padding-top:10px; font-size:15px;text-align:justify;text-align-last:justify;line-height:0;}

.page3 .infobox{ width:760px; margin:0 auto;}

.page3 .infobox .item{ width:180px; padding:0 100px; float:left; margin-top:70px;}

.page3 .infobox .icon1{ background:url(/uploads/image/wphihs03/pic02.png) no-repeat 310px center;height:108px;}

.page3 .infobox .icon2{ background:url(/uploads/image/wphihs03/pic03.png) no-repeat 310px center; background-size:38px; height:108px;}

.page3 .infobox .item h3{ font-size:14px; font-weight:normal;color:#dcc494; padding-bottom:16px;}

.page3 .infobox .item .txt{color: #dadada; line-height: 22px;}

.page3 .infobox .item .txt p{ background:url(/uploads/image/wphihs03/dot.png) no-repeat left 10px; padding-left:16px;}

.page3 .infobox .item .tips{ background:#9c1d22; font-size:12px; height:24px; line-height:24px; margin-top:15px;border-radius: 30px; padding:0 12px; width:178px;}

.page3 .infobox .item .btn{ font-size:12px; height:26px; line-height:26px; margin-top:15px;border-radius: 30px; width:207px; border:1px solid #dcc494; background:url(/uploads/image/wphihs03/pic04.png) no-repeat 30px center; text-indent:30px;color:#dcc494; text-align:center; cursor:pointer;}

.page3 .infobox .it3{ padding:0; padding-left:100px; width:300px; padding-right:360px; position:relative;}

.page3 .infobox .it3 .tipbox{ position:absolute; left:480px; top:30px;color: #dadada; line-height: 22px;}

.page3 .bgimg{ margin-top:-430px; float:left; position:relative; margin-right:-200px;}



/*page4*/

.page4{ background:#141414; float:left; overflow:hidden;}

.page4 .txtbox{ width:240px; height:160px; position: absolute; top:50%; margin-top:-80px; right:10%; z-index:3; text-align:center;}

.page4 .txtbox h2{ padding-bottom:12px;}

.page4 .txtbox p{}

.page4 .bgbox{ margin-left:-360px;}

/*page5*/

.page5{ float:left;}

.page5 .txtbox{ width:390px; height:200px; position: absolute; left:50%; bottom:0px; margin-bottom:80px; margin-left:-195px; z-index:3; text-align:center;}

.page5 .txtbox h2{padding-top:15px; width:228px; margin:0 auto;text-align:justify;text-align-last:justify;line-height:0;}

.page5 .txtbox p{}

/*page6*/

.page6{ float:left; overflow:hidden; background:#141414;}

.page6 .bgbox{ margin-left:-600px;}

.page6 .bgbox img{ margin:50px 0 0px 0; position:relative; left:-20%;}

.page6 .titbox{ width:360px; height:200px; position: absolute; left:50%; margin-left:-180px; top:3%; z-index:3;text-align:center;}

.page6 .txtbox{ width:360px; height:200px; position: absolute; left:50%; margin-left:-180px; top:7%; z-index:3;text-align:center;}

.page6 .tb2{top:45%; margin-top:-100px;}

.page6 .tb3{top:80%; margin-top:-100px;}

.page6 .tb3 h2{ padding-top:50px;}

.page6 .txtbox h2{padding-top:3px; margin:0 auto;}

.page6 .txtbox p{}

/*page7*/

.page7{ float:left; overflow:hidden; background:#101217;}

.page7 .bgbox>img{ margin-bottom:300px;}

.page7 .p7list{ width:900px; margin:0 auto; position:absolute; left:50%; margin-left:-450px; bottom:10%;}

.page7 .p7list .txt{ padding-bottom:70px; text-align:center;}

.page7 .p7list li{ float:left; width:150px; padding:0 10px 0 20px;}

.page7 .p7list li .pic{ width:100px;}

.page7 .p7list li h4{ font-size:16px; padding:20px 0 15px 0; color:#fff; font-weight: normal;}

.page7 .p7list li p{color: #dadada; line-height: 20px;font-size: 12px;}







/*page8*/

.page8{ float:left; overflow:hidden; background:#fff; padding:200px 0;}

.p8list{ width:760px; margin:0 auto;}

.p8list li{ float:left; width:99px; height:56px; line-height:56px; border-right:1px solid #ccc;}

.p8list li.last{ width:160px;border-right:0;}

.p8list li.last p{ color:#a12a2e; line-height:18px;padding-left: 20px; position: relative; top: 2px;}

/*page9*/

.page9{ float:left; overflow:hidden; background:#030000; padding:120px 0;}

.page9 .p9box{ width:980px; margin:0 auto;}

.page9 .pb1{ padding-left:490px; color: #dadada;}

.page9 .pb1 .pic{ width:490px; text-align:center; float:left; margin-left:-490px; padding-top:80px;}

.page9 td{ height:30px; line-height:30px; border-bottom:1px solid #4a4a4a;  text-indent:16px; font-size:12px;}

.page9 table{border-top:1px solid #4a4a4a;}

.page9 .pb1 h3,.page9 .pb3 h3{ color:#dcc494; font-size:16px; padding-bottom:15px;}

.page9 .pb1 .tips{ padding-top:10px;}

.page9 .pb2 .fr{ float:right;}

.page9 .pb2{ overflow:hidden; padding:100px 0;}

.page9 .pb3{color: #dadada;}

.page9 .pb3 li{ width:450px; padding-right:18px; background:url(/uploads/image/wphihs10/dot.png) no-repeat left center; padding-left:18px; float:left; font-size:12px; margin-bottom:10px;}

.page9 .pb3 .tips{ padding-top:10px; overflow:hidden; width:100%;}

.page9 .pb3 .tips .col{ color:#dcc494; text-decoration:underline; }

.page9 .pb4{ margin-top:70px; color:#dcc494;}



.section{ float:left; width:100%; background:#fff; overflow:hidden;}

.tabbox .tabmain .btn {text-align: center;padding-top: 10px;}

.tabbox .tabmain .btn a{width: 105px;height: 30px;line-height: 30px;border: 1px solid #b70f0f;background: url(/uploads/image/wphistore/icon_08.png) no-repeat 16px center;border-radius: 3px;display: inline-block;color: #b81010;text-indent: 20px;}

.footer{ background:#fff;}



.tabledialog{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:998; display:none;}

.tabledialog .tbbox{ width:920px; height:390px; margin:-145px 0 0 -460px; position:absolute; left:50%; top:50%; background:#3c4042; border-radius: 10px;}

.tabledialog .tbbox .close{ position:absolute; right:10px; top:10px; background:url(/uploads/image/wphihs03/close.png) no-repeat; width:38px; height:38px; cursor:pointer;}

.tabledialog .tbbox .pic{ padding:40px 70px;}

.tabledialog .col{ font-size:12px; padding-top:10px; color:#dcc494;}