@charset "utf-8";
/* css document */

body,p,b,dl,dd,table,td,th,input,button,textarea,xmp,pre,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,header,section,nav,footer{margin:0;padding:0;}
img,iframe,acronym{border:0;}
ol,ul,li{list-style:none;}
img,input,label,button{-vertical-align:middle; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a {star:expression(this.onfocus=this.blur()); text-decoration:none; -webkit-tap-highlight-color:rgba(255,255,255,0);} 
body{ -background:#000;}
input[type=date],input[type=time]{ background:none;}

#wrap{ width:100%; height:100%; position:absolute; left:0; top:0; min-width:1100px; min-height:550px; overflow:hidden; font-family:"pingfang sc","pinghei","stheitisc-light", "myriad set pro", "lucida grande","helvetica neue", "helvetica","microsoft yahei","simhei", "tahoma", "arial","verdana", "sans-serif";}

* { box-sizing:border-box; margin:0; padding:0;}



.p-6-23 { color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    font-style: normal; text-align:right; margin:5px 0}

.content{ width:100%; height:700px; position:relative; text-align:center; display:none;}
.index-page {width:100%;
  height:100%;
  position:absolute; left:0; top:0;

  display:none; overflow:hidden;}
.content img { position:absolute;}
.indexpage0 {background:url(/uploads/image/wphfimages/bg1.jpg) no-repeat center top; background-size:cover;}
.indexpage1 { background:#fff;}
.indexpage2 {background:url(/uploads/image/wphfimages/bg4-1.jpg) no-repeat center top; background-size:cover;}
.indexpage3 {-background: no-repeat center top; background-size:100%  100%;}


.p1-shadow { width:74%; left:0; top:0; width:70%; left:7.5%; top:-5%;}
.p1-2 { width:36%;  position:absolute; left:50%; margin-left:-18%; top:-3%; width:33%; top:0%; margin-left:-16.3%;}
.p1-2 img { left:0; top:0; width:100%;} 
.p1-2 .p1-2-1 { -width:121%; -left:-10.5%; -top:-10%;}
.p1-3 { width:13%; left:50%; margin-left:-6.5%; top:73.5%;}
.p1-4 {width:9%; left:50%; margin-left:-4.5%; bottom:7%; cursor:pointer;}

.p1-warp-2{width:14%; left:50%; margin-left:-7%; top:70%; position:absolute; display:none;}
.p1-text {  left:11%; top:0; width:78%;}
.p1-text-2 { top:-5px;}
.p1-text-3 { top:-15px;}
.p1-text-4 { top:-30px;}
.p1-text-5 { top:-45px;}
.p1-text-6 { top:-60px;}

.p1-icon-warp { width:64px; position:fixed; right:3%; height:340px; top:50%; margin-top:-170px; z-index:200; display:none;}
.p1-icon{ width:64px; height:64px; margin:15px 0; cursor:pointer;}
.p1-icon-1 { background:url(/uploads/image/wphfimages/p1-icon-1.png) no-repeat center center;}
.p1-icon-1.active { background:url(/uploads/image/wphfimages/p1-icon-1-hover.png) no-repeat center center;}
.p1-icon-2 { background:url(/uploads/image/wphfimages/p1-icon-2.png) no-repeat center center;}
.p1-icon-2.active { background:url(/uploads/image/wphfimages/p1-icon-2-hover.png) no-repeat center center;}
.p1-icon-3 { background:url(/uploads/image/wphfimages/p1-icon-3.png) no-repeat center center;}
.p1-icon-3.active { background:url(/uploads/image/wphfimages/p1-icon-3-hover.png) no-repeat center center;}
.p1-icon-4 { background:url(/uploads/image/wphfimages/p1-icon-4.png) no-repeat center center;}
.p1-icon-4.active { background:url(/uploads/image/wphfimages/p1-icon-4-hover.png) no-repeat center center;}

.p1-jiqi-warp2{ width:100%; position:relative;}
.p1-holder { width:100%; height:200px;}
.p1-ji-warp { width:100%; position:absolute; left:0; top:0;}
.p1-jiqi { width:38.5%; -left:50%; -margin-left:-19.25%; -top:-1%; -position:absolute; width:34.5%; -margin-left:-17.25%; margin:0 auto; position:relative;}
.p1-jiqi img { left:0; top:0; width:100%;}

.p1-warp-3 { width:100%; left:0; -bottom:-5px; position:absolute; -height:190px; height:auto; -bottom:-210px; top:140%; top:340%;}
.guo { width:100%; position:relative;}
.content .guo-bg { width:100%; -left:0; -bottom:0; position:static; position:relative; z-index:2;}
.guo-1{ left:50%; margin-left:-10.5%; bottom:120%; width:21%; display:none; }
.guo-2 { width:32%; left:50%; margin-left:-16%; bottom:107%; display:none; max-width:600px;}
.guo-3 { width:12%; left:20%; bottom:98%;display:none;}

.guo-4 { width:24%; left:50%; margin-left:-12%; bottom:112%; display:none;}
.guo-5 { width:12%; left:26%; bottom:98%;display:none; width:10%; bottom:91%; left:24%;}

.smoke { position:absolute; width:16.3%;
    left: 34.6%;
    bottom: 92%;
    opacity:.7; display:none;}

.smoke2 { position:absolute; width:74%; transform-origin:center bottom; -webkit-transform-origin:center bottom;
    left: -1%;
    -top: -85px; bottom:19%;
    -opacity:.7;}
	
	
.p1-warp-4 { display:none;}

.p1-jiqi .p1-jiqi-3 {    width: 95%;
    left: 2.5%;
    top: 67.4%; display:none; z-index:3;}
.p1-jiqi .p1-jiqi-4 { width:87%; left:6.5%; top:78%;display:none; z-index:3;}
.p1-jiqi-warp { position:relative; width:100%;}
.content .p1-jiqi-2{ position:relative; opacity:0; z-index:2; transition:all ease 1s; -webkit-transition:all ease 1s;}


.btn-warp { width:17%; top:30%; -transform:translatey(-50%); --webkit-transform:translatey(-50%); min-width:260px; z-index:2; }
.btn-warp-right { position:absolute; right:11%;text-align:left;}
.btn-warp-left {  position:absolute; left:11%;text-align:right;}
.p-btn { padding:16px 10px 16px 50px; border-bottom:1px solid rgba(51,51,51,.4); min-height:50px; border-top:1px solid rgba(51,51,51,.4); cursor:pointer;font-family:"pingfang sc","pinghei","stheitisc-light", "myriad set pro", "lucida grande","helvetica neue", "helvetica","microsoft yahei","simhei", "tahoma", "arial","verdana", "sans-serif"; font-size:13px; font-weight:bold;  color:#212021;-color:#0c0c0c; color:#908b8a}
.p-btn span { line-height:22px; display:inline-block; transition:all ease .2s; -webkit-transition:all ease .2s; }
.p-btn p { display:none; font-weight:normal; font-size:14px;-font-family:'黑体'; margin:10px 0 0 0; color:#221815; line-height:18px; height:0px; overflow:hidden; transition:all ease .3s; -webkit-transition:all ease .3s; margin-top:10px;}
.p1-btn-1 { -background:url(/uploads/image/wphfimages/p1-btn-icon-1.png) no-repeat 4px 6px; background-size:25px auto;    padding: 16px 10px 16px 15px; border-top:1px solid rgba(51,51,51,.4);border-bottom:1px solid rgba(51,51,51,.4);} 
.p1-btn-2 { -background:url(/uploads/image/wphfimages/p1-btn-icon-2.png) no-repeat right 6px; background-size:35px auto;  padding:8px 15px 8px 10px;border-top:1px solid rgba(51,51,51,.4);border-bottom:1px solid rgba(51,51,51,.4);} 
/*.p-btn:hover p{ display:block; height:auto;}*/
.p-btn.active p{ display:block; height:auto;}
.p-btn.active{ font-size:15px;}
.p1-btn-1.active{ font-size:16px;}
.p1-btn-2.active{ font-size:16px;}

.p-btn:hover span{  font-size:15px; color:#000;}
.p1-btn-1:hover span{  font-size:16px; color:#000;}
.p1-btn-2:hover span{  font-size:16px; color:#000;}

.p-btn p em{ font-size:11px; color:rgba(0,0,0,0.6); font-style:normal;}
.indexpage0 .p-btn{  color:#212021; }


.p2-video { width:58%; height:100%; overflow:hidden; float:left; position:relative;}
.p2-video img { width:100%; left:0; top:0;}
.content .p2-1{ position:static;}
.indexpage1 .p-btn{ border-color:#dddddd; color:#908b8a; padding-left:57px;}
.p2-1{ -margin-bottom:30px; margin-bottom:1.5%;}
.indexpage1 .p-btn p{ -margin:0;}
.p2-btn-1 { background:url(/uploads/image/wphfimages/p1-3-icon-1.png) no-repeat 4px 14px; background-size:40px auto;border-top:none;} 
.p2-btn-1.active {  background:url(/uploads/image/wphfimages/p1-3-icon-1-hover.png) no-repeat 4px 14px; background-size:40px auto; color:#212021}
.p2-btn-1:hover {  background:url(/uploads/image/wphfimages/p1-3-icon-1-hover.png) no-repeat 4px 14px; background-size:40px auto; color:#212021}
.p2-btn-2 { background:url(/uploads/image/wphfimages/p1-3-icon-2.png) no-repeat 4px 13px; background-size:40px auto; border-top:none;} 
.p2-btn-2.active {  background:url(/uploads/image/wphfimages/p1-3-icon-2-hover.png) no-repeat 4px 13px; background-size:40px auto; color:#212021}
.p2-btn-2:hover  {  background:url(/uploads/image/wphfimages/p1-3-icon-2-hover.png) no-repeat 4px 13px; background-size:40px auto; color:#212021}
.p2-btn-3 { background:url(/uploads/image/wphfimages/p1-3-icon-3.png) no-repeat 4px 19px; background-size:40px auto;border-top:none;} 
.p2-btn-3.active {  background:url(/uploads/image/wphfimages/p1-3-icon-3-hover.png) no-repeat 4px 19px; background-size:40px auto; color:#212021}
.p2-btn-3:hover {  background:url(/uploads/image/wphfimages/p1-3-icon-3-hover.png) no-repeat 4px 19px; background-size:40px auto; color:#212021}
.p2-btn-4 { background:url(/uploads/image/wphfimages/p1-3-icon-4.png) no-repeat 4px 17px; background-size:40px auto;} 
.p2-btn-4.active {  background:url(/uploads/image/wphfimages/p1-3-icon-4-hover.png) no-repeat 4px 17px; background-size:40px auto; color:#212021}
.p2-btn-4:hover {  background:url(/uploads/image/wphfimages/p1-3-icon-4-hover.png) no-repeat 4px 17px; background-size:40px auto; color:#212021}
.indexpage1 .btn-warp { top:22%; right:16%;}


.p3-btn-1 { background:url(/uploads/image/wphfimages/p1-4-icon-1.png) no-repeat 4px 12px; background-size:28px auto;} 
.p3-btn-1.active {  background:url(/uploads/image/wphfimages/p1-4-icon-1-hover.png) no-repeat 4px 12px; background-size:28px auto; color:#212021}
.p3-btn-1:hover{  background:url(/uploads/image/wphfimages/p1-4-icon-1-hover.png) no-repeat 4px 12px; background-size:28px auto; color:#212021}
.p3-btn-2 { background:url(/uploads/image/wphfimages/p1-4-icon-2.png) no-repeat 4px 14px; background-size:35px auto; border-top:none;} 
.p3-btn-2.active {  background:url(/uploads/image/wphfimages/p1-4-icon-2-hover.png) no-repeat 4px 14px; background-size:35px auto; color:#212021}
.p3-btn-2:hover {  background:url(/uploads/image/wphfimages/p1-4-icon-2-hover.png) no-repeat 4px 14px; background-size:35px auto; color:#212021}
.indexpage2 .btn-warp { top:22%; right:16%; width:17%;}

.jiqi-warp { width:33%; left:13%; top:-30px; position:absolute;}
.jiqi-box { position:relative; width:100%;}
.content .p3-jiqi{ width:100%; position:static;}
.p3-guo { width:61%; position:absolute; top:67%; left:42%; -height:10px;}
.content .p3-guo img { width:100%; left:0; top:0; -height:auto; position:relative; z-index:2;}

.p3-guo-box { position:relative; width:100%;}

.p3-xian {}
.p3-xian-warp { width:29.5%; position:absolute; left:25%; top:29%; transform-origin:right bottom; -webkit-transform-origin:right bottom;}
.p3-xian-warp img { width:100%;}
.p3-arrow-warp {}
.p3-arrow-box{ color:#fff; position:absolute}
.p3-arrow { width:39px; height:68px; background:url(/uploads/image/wphfimages/p1-4-arrow.png) no-repeat; position:absolute;}
.p3-arrow-box-1 { left:85%; top:93%;}
.p3-arrow-box-2 { left:82%; top:73%;}
.p3-arrow-box-3 { left:10%; top:64%;}

.p3-arrow-box-1 .p3-arrow{ left:-50px; top:-30px;}
.p3-arrow-box-2 .p3-arrow{ left:-50px; top:-30px;}
.p3-arrow-box-3 .p3-arrow{ left:15px; top:-75px;}


@keyframes arrow3_move { from { transform:rotate(45deg) translate(-5px,5px); opacity:1;} to {transform:rotate(45deg) translate(5px,-5px); opacity:0;}}
@-webkit-keyframes arrow3_move { from { -webkit-transform:rotate(45deg) translate(-5px,5px); opacity:1;} to {-webkit-transform:rotate(45deg) translate(5px,-5px); opacity:0;}}
.p3-arrow-3 { animation:arrow3_move .7s ease none infinite; -webkit-animation:arrow3_move .7s ease none infinite;}

@keyframes arrow2_move { from { transform:rotate(-45deg) translate(5px,5px); opacity:1;} to {transform:rotate(-45deg) translate(-5px,-5px); opacity:0;}}
@-webkit-keyframes arrow2_move { from { -webkit-transform:rotate(-45deg) translate(5px,5px); opacity:1;} to {-webkit-transform:rotate(-45deg) translate(-5px,-5px); opacity:0;}}
.p3-arrow-2 { animation:arrow2_move .7s ease none infinite; -webkit-animation:arrow2_move .7s ease none infinite;}


@keyframes arrow1_move { from { transform:translate(0px,5px); opacity:1;} to {transform:translate(0px,-10px); opacity:0;}}
@-webkit-keyframes arrow1_move { from { -webkit-transform:translate(0px,5px); opacity:1;} to {-webkit-transform:translate(0px,-10px); opacity:0;}}
.p3-arrow-1 { animation:arrow1_move .7s ease none infinite; -webkit-animation:arrow1_move .7s ease none infinite;}


@keyframes arrow4_move { from { transform:translate(0px,0px);} to {transform:translate(0px,25px);}}
@-webkit-keyframes arrow4_move { from { -webkit-transform:translate(0px,0px); } to {-webkit-transform:translate(0px,25px);}}
.p3-arrow-4 { animation:arrow4_move 1s ease alternate infinite; -webkit-animation:arrow4_move 1s alternate infinite;}

.next{ width:12px; height:11px; text-align:center; position:absolute; bottom:3%; left:50%; margin-left:-6px; z-index:11; background:url(/uploads/image/wphfimages/arrow.png) no-repeat center center;}

.icon_next{ animation:instructions 1s 0s linear infinite;-webkit-animation:instructions 1s 0s linear infinite;}

.indexpage3{ background:#fff;}
.p4-video{ width:100%; height:100%; position:absolute; left:0; top:0;}
.indexpage7 .p4-video{ z-index:6;}

.indexpage3 .btn-warp { top:5%; right:16%; -width:20%; top:50%; transform:translatey(-46%); -webkit-transform:translatey(-46%);}
.p4-btn-1 { background:url(/uploads/image/wphfimages/p2-icon-1.png) no-repeat 4px 11px; background-size:35px auto;} 
.p4-btn-1.active {  background:url(/uploads/image/wphfimages/p2-icon-1-hover.png) no-repeat 4px 11px; background-size:35px auto; color:#212021}
.p4-btn-1:hover {  background:url(/uploads/image/wphfimages/p2-icon-1-hover.png) no-repeat 4px 11px; background-size:35px auto; color:#212021}
.p4-btn-2 { background:url(/uploads/image/wphfimages/p2-icon-2.png) no-repeat 4px 9px; background-size:35px auto;border-top:none;} 
.p4-btn-2.active {  background:url(/uploads/image/wphfimages/p2-icon-2-hover.png) no-repeat 4px 9px; background-size:35px auto; color:#212021}
.p4-btn-2:hover  {  background:url(/uploads/image/wphfimages/p2-icon-2-hover.png) no-repeat 4px 9px; background-size:35px auto; color:#212021}
.p4-btn-3 { background:url(/uploads/image/wphfimages/p2-icon-3.png) no-repeat 4px 8px; background-size:35px auto;} 
.p4-btn-3.active {  background:url(/uploads/image/wphfimages/p2-icon-3-hover.png) no-repeat 4px 8px;background-size:35px auto; color:#212021}
.p4-btn-3:hover {  background:url(/uploads/image/wphfimages/p2-icon-3-hover.png) no-repeat 4px 8px;background-size:35px auto; color:#212021}
.p4-btn-4 { background:url(/uploads/image/wphfimages/p2-icon-4.png) no-repeat 4px 11px; border-top:none;background-size:35px auto; } 
.p4-btn-4.active {  background:url(/uploads/image/wphfimages/p2-icon-4-hover.png) no-repeat 4px 11px;  color:#212021;background-size:35px auto; }
.p4-btn-4:hover{  background:url(/uploads/image/wphfimages/p2-icon-4-hover.png) no-repeat 4px 11px;  color:#212021;background-size:35px auto; }
.p4-btn-5 { background:url(/uploads/image/wphfimages/p2-icon-5.png) no-repeat 4px 8px;border-top:none;background-size:32px auto; } 
.p4-btn-5.active {  background:url(/uploads/image/wphfimages/p2-icon-5-hover.png) no-repeat 4px 8px;color:#212021;background-size:32px auto; }
.p4-btn-5:hover {  background:url(/uploads/image/wphfimages/p2-icon-5-hover.png) no-repeat 4px 8px;color:#212021;background-size:32px auto; }
.content .p4-text{ margin-top:6%; margin-bottom:1.5%; position:static;}


.indexpage4 {background:url(/uploads/image/wphfimages/znkj-1.jpg) no-repeat center top; background-size:cover;}
.p5-1 { position:absolute; left:50%; margin-left:-258px; top:50%; margin-top:-60px; z-index:2;}
.p5-icon-warp { width:64px; position:fixed; right:3%; height:260px; top:50%; margin-top:-155px; z-index:200;}
.p5-icon{ width:64px; height:64px; margin:15px 0; cursor:pointer;}
.p5-icon-1 { background:url(/uploads/image/wphfimages/p3-icon-1.png) no-repeat center center;}
.p5-icon-1.active { background:url(/uploads/image/wphfimages/p3-icon-1-hover.png) no-repeat center center;}
.p5-icon-2 { background:url(/uploads/image/wphfimages/p3-icon-2.png) no-repeat center center;}
.p5-icon-2.active { background:url(/uploads/image/wphfimages/p3-icon-2-hover.png) no-repeat center center;}
.p5-icon-3 { background:url(/uploads/image/wphfimages/p3-icon-3.png) no-repeat center center;}
.p5-icon-3.active { background:url(/uploads/image/wphfimages/p3-icon-3-hover.png) no-repeat center center;}
.p5-2 { right:4%; bottom:5%; z-index:2; width:560px;}
.tips { position:absolute;right:4%; bottom:4%; font-size:12px; color:rgba(0,0,0,0.6)}
.p-6-23-2{ position:absolute;right:4%; bottom:4%; font-size:14px; color:rgba(255,255,255,0.6)}

.indexpage4 .tips { color:rgba(255,255,255,.85); text-align:left;}

.indexpage5{background:url(/uploads/image/wphfimages/znkj-2.jpg) no-repeat center top; background-size:cover;}
.p6-1-2 { left:50%; margin-left:-221px; top:50%; margin-top:-60px; z-index:2;}


.indexpage6{background:url(/uploads/image/wphfimages/bg3.jpg) no-repeat center bottom; background-size:cover;}
.p6-1{ left:50%; margin-left:-12.5%; top:64% ; -width:25%; z-index:5; width:420px; margin-left:-210px;}
.p6-jiqi-warp { width:38%; left:31%; top:-20px; position:absolute; z-index:3}
.p6-box { position:relative; width:100%;}

.bird{ left:0; position:absolute;}
.bird1 { width:40px; height:32px;}
.bird2 { width:40px; height:32px;}
.bird3 { width:40px; height:32px;}


.bird1_blue { background:url(/uploads/image/wphfimages/bird-fly.png); -webkit-animation:bird 1s steps(7) infinite; animation:bird 1s steps(7) infinite; }
.bird1_white{ background:url(/uploads/image/wphfibird/bird1-white.png); -webkit-animation:bird .8s steps(5) infinite; animation:bird .8s steps(5) infinite; }

.bird2_blue { background:url(/uploads/image/wphfimages/bird-fly.png); -webkit-animation:bird 1.2s steps(7) infinite; animation:bird 1.2s steps(7) infinite; }
.bird2_white{ background:url(/uploads/image/wphfibird/bird2-white.png); -webkit-animation:bird .8s steps(5) infinite; animation:bird .8s steps(5) infinite; }

.bird3_blue { background:url(/uploads/image/wphfimages/bird-fly.png); -webkit-animation:bird 1.1s steps(7) infinite; animation:bird 1.1s steps(7) infinite; }
.bird3_white{ background:url(/uploads/image/wphfibird/bird3-white.png); -webkit-animation:bird .8s steps(5) infinite; animation:bird .8s steps(5) infinite; }


@keyframes bird {
	0% { background-position:0% 0px;}
	100% { background-position:-500% 0px;}	
}
@-webkit-keyframes bird{
	0% { background-position:0% 0px;}
	100% { background-position:-500% 0px;}	
}

.bird_1 { width:26px; height:23px; top:80px; position:absolute; left:-30px; z-index:3; animation:bird_move_1 15s linear .5s none infinite; -webkit-animation:bird_move_1 15s linear .5s none infinite;}
.bird_2 { width:25px; left:-50px; height:24px; top:95px;  position:absolute; z-index:3;animation:bird_move_1 14.5s linear .5s none infinite; -webkit-animation:bird_move_1 14.5s linear .5s none infinite;}
.bird_3 { width:30px; left:-20px; height:25px; top:110px;eft:-30px;   position:absolute; z-index:3;animation:bird_move_1 16s linear none infinite; -webkit-animation:bird_move_1 16s linear none infinite;}
.bird_4 { width:30px; left:-50px; height:25px; top:128px;  position:absolute; z-index:3;animation:bird_move_1 17.2s linear none infinite; -webkit-animation:bird_move_1 17.2s linear none infinite;}

@keyframes bird_move_1 {
	0% { transform:scale(.8); left:-30px;}
	100% { transform: scale(.8); left:100%;}	
}
@-webkit-keyframes bird_move_1 {
	0% { -webkit-transform:scale(.8);left:-30px;}
	100% { -webkit-transform: scale(.8);left:100%;}	
}

@keyframes bird_move2 {
	from { transform: skewx(0deg); -opacity:.7 ; left:-400px;}
	to { transform:skewx(10deg); -opacity:.3; left:100%;}	
}
@-webkit-keyframes bird_move2 {
	from { -webkit-transform:skewx(0deg); -opacity:.7; left:-400px;}
	to { -webkit-transform:skewx(10deg); -opacity:3; left:100%;}	
}
.cloud { position:absolute; left:-300px; top:30%; animation:bird_move2 30s linear none infinite; -webkit-animation:bird_move2 25s linear 1s none infinite;}

.cloud2{ position:absolute; left:0px; top:50%; animation:bird_move2 30s linear none infinite; -webkit-animation:bird_move2 30s linear none infinite;}

.qiliu { position:absolute; width:85%; left:50%; margin-left:-42.5%; top:65%; transform-origin:center top; -webkit-transform-origin:center top; }





.hm { transition:all ease .3s; -webkit-transition:all ease .3s; }

.indexpage7 {background:url(/uploads/image/wphfimages/bg4.jpg) no-repeat center center;background-size:100% 100%;}
.p7-slider-1{background:url(/uploads/image/wphfimages/p7-bg-1.jpg) no-repeat center center;background-size:100% 100%; }
.p7-slider-2{background:url(/uploads/image/wphfimages/p7-bg-2.jpg) no-repeat center center; background-size:100% 100%;}
.p7-slider-3 {background:url(/uploads/image/wphfimages/p7-bg-3.jpg) no-repeat center center;background-size:100% 100%; }
.p7-slider-4 {background:url(/uploads/image/wphfimages/p7-bg-4.jpg) no-repeat center center; background-size:100% 100%;}
.p7-slider-5 {background:url(/uploads/image/wphfimages/p7-bg-5.jpg) no-repeat center center;background-size:100% 100%;}
.p7-sliderwarp { width:100%; height:100%; position:absolute; left:0; top:0; display:none;}


.p7-line-warp { width:40%;height:100%; position:absolute; left:11%;}
.p7-line-warp img { width:100%; right:0; top:0;}
.p7-line-warp .p7-line-1 { top:-10%; left:1%;}
.p7-line-warp .p7-line-2 { top:-10%;}
.p7-line-warp .p7-line-5 { top:2%;}

.p7-text-warp{ width:25%; top:25%; right:4%; position:absolute; height:17%; z-index:8; max-width:400px;}
.p7-text-warp img { width:98%; left:0; top:0;}
.p7-btn { width:140px; height:38px; background:url(/uploads/image/wphfimages/p4-7.png) no-repeat; background-size:100% auto; position:absolute; left:0%; bottom:-135px; cursor:pointer;}
.p7-btn.x { background:url(/uploads/image/wphfimages/p4-7-2.png) no-repeat left top;}

.p7-warp { width:20%; position:absolute; height:500px; left:6%; top:50%; margin-top:-250px; z-index:5; }
.p7-warp .item { width:100%; border-bottom:1px solid #b9b6af; height:90px; text-align:left; cursor:pointer;}
.p7item-num { display:inline-block; height:100%; vertical-align:middle; line-height:90px; width:45px; -text-align:right; text-indent:15px; color:#847e79; font-size:45px; max-width:66px;}
.p7item-text { display:inline-block;  vertical-align:middle; width:75%; text-align:left; color:#847d77; -font-weight:bold; font-size:16px; transition:all ease .25s; -webkit-transition:all ease .25s; }
.item1 { border-top : 1px solid #b9b6af;  }
.p7-p2 { display:none; color:#9d1d22; font-size:18px; }
.item.active { height:150px;}
.item.active .p7-p1{  color:#221815; font-size:18px;line-height:26px; }
.item.active .p7-p2 { display:block;line-height:26px;}
.item.active .p7item-num { color:#000; line-height:150px;}
.p7-warp .item:hover .p7item-text { color:#000;font-size:18px;}
.p7-warp .item:hover .p7item-num{ color:#000;}

.p4-video-pop{ z-index:2;}
.p8-warp { width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
.p8-item { width:25%; float:left; height:100%; background:rgba(0,0,0,0.4); border-right:1px solid rgba(255,255,255,.3); position:relative; color:#fff;  -font-family:'黑体'; text-align:center;transition:all ease .5s; -webkit-transition:all ease .5s;}
.holder { width:1px; display:inline-block; height:100%; vertical-align:middle;} 
.item-box{ -padding-top:80%; height:280px; -padding-left:10%; width:65%; vertical-align:middle; display:inline-block; text-align:left; position:relative;-transition:all ease .3s; --webkit-transition:all ease .3s; }
.content .item-img{ display:block; position:static;transition:all ease .3s; -webkit-transition:all ease .3s; }
.item-p1 { font-size:20px; font-weight:100; letter-spacing:2px; margin:40px 0 30px;transition:all ease .3s; -webkit-transition:all ease .3s;}
.item-p2 { font-size:13px;font-weight:100; line-height:22px; opacity:0;transition:all ease .5s; -webkit-transition:all ease .5s;transform:translatey(100px); -webkit-transform:translatey(100px); max-width:300px;  }
.item-p1-2 { transform:translatey(-4px); -webkit-transform:translatey(-4px);}
.item-btn {transition:all ease .3s; -webkit-transition:all ease .3s; background:url(/uploads/image/wphfimages/p8-close-3.png) no-repeat; line-height:48px; height:48px; padding-left:57px; position:absolute; left:20%; bottom:5%;  width:130px; -display:inline-block; cursor:pointer; overflow:hidden; -display:none; width:0px;}
.p8-item:hover .item-p2{ opacity:1; transform:translatey(0); -webkit-transform:translatey(0); }
.p8-item:hover .item-btn { -display:block; width:130px;background:url(/uploads/image/wphfimages/p8-close-2.png) no-repeat;}

.p8-item.open { width:82%; background:rgba(0,0,0,.4);}
.p8-item.open .item-p2{opacity:1;transform:translatey(0); -webkit-transform:translatey(0);}
.p8-item.close { width:6%;}
.p8-item.open .item-btn{ width:0; left:94%;background:url(/uploads/image/wphfimages/p8-close-1.png) no-repeat; display:block;} 
.p8-item.close .item-btn{ width:0; left:50%; margin-left:-24px;background:url(/uploads/image/wphfimages/p8-close-3.png) no-repeat; display:block;}
.p8-item.close .item-box{ width:100%; text-align:center; padding-top:80px;}
.p8-item.close .item-p1 { width:20px; margin:40px auto 30px;}
.p8-item.close .item-p2{ display:none;}
.p8-item.close .item-img { width:40px; margin:0 auto;}
.p8-item.close .holder { display:none;}
.p8-item.close .item-p1-2 { transform:translatey(-11px); -webkit-transform:translatey(-11px);}
.p8-dots { width:100%; height:4px; height:0; overflow:hidden;transition:all ease .5s; -webkit-transition:all ease .5s;}
.p8-dots span { float:left;width:60px; height:4px; background:#fff; margin-right:5px;transition:all ease .4s; -webkit-transition:all ease .4s; cursor:pointer;}
.p8-dots span.active { background:#9c1d22;}
.p8-item.open .p8-dots { height:4px;}

.p8-warpbox,.warpbox { width:100%; height:100%; position:absolute; left:0; top:0;}
.huxi2 { animation:huxi2 12s linear alternate infinite; -webkit-animation:huxi2 12s linear alternate infinite;}
@keyframes huxi2 { from { transform:scale(1.3) translate(-50%,-50%)} to { transform:scale(1) translate(-50%,-50%) ;} }
@-webkit-keyframes huxi2 { from { -webkit-transform:scale(1.3) translate(-50%,-50%);} to { -webkit-transform:scale(1) translate(-50%,-50%);} }

.indexpage9 { overflow: hidden; overflow-y:auto ;}
.p9-warp { background:url(/uploads/image/wphfimages/bg5.jpg) no-repeat left top; width:100%; background-size:100% auto; min-height:2000px; overflow:hidden; -padding-bottom:100px;}

.p9-mas2k {width:92%; left:0; top:0px; z-index:2;}
.p9-box { width:92%; position:relative;}
.content .p9-mask{ position:static;}
.p9-box .p9-mask{ width:100%; position:relative; z-index:2;}
.p9-1 { width:49%; left:13%; top:61%; -top:81%;}
.p9-0 { width:14.5%; position:absolute; left:23%; top:100%; display:none;}

.p9-btnwarp { z-index:3; top:50%;}
.p9-btn-1 { background:url(/uploads/image/wphfimages/p5-icon-1.png) no-repeat 4px 16px; background-size:40px auto; padding-left:55px;} 
.p9-btn-1.active {  background:url(/uploads/image/wphfimages/p5-icon-1-hover.png) no-repeat 4px 16px; background-size:40px auto; color:#212021}
.p9-btn-1:hover {  background:url(/uploads/image/wphfimages/p5-icon-1-hover.png) no-repeat 4px 16px; background-size:40px auto; color:#212021}
.p9-btn-2 { background:url(/uploads/image/wphfimages/p5-icon-2.png) no-repeat 4px 16px; background-size:40px auto;border-top:none; padding-left:55px;} 
.p9-btn-2.active {  background:url(/uploads/image/wphfimages/p5-icon-2-hover.png) no-repeat 4px 16px; background-size:40px auto; color:#212021}
.p9-btn-2:hover {  background:url(/uploads/image/wphfimages/p5-icon-2-hover.png) no-repeat 4px 16px; background-size:40px auto; color:#212021}

.dragwarp{ background: url(/uploads/image/wphfimages/p5-2.png) no-repeat center center; width:8px; height:216px; position:absolute; z-index:3; right:40%; top:50%;}
.dragbtn { width:44px; height:44px; background:url(/uploads/image/wphfimages/p5-1.png) no-repeat; position:absolute; left:-18px; top:5px; -top:167px; cursor:pointer;}
.content .tabimg{ position:static; max-width:1300px;}
.tabwarp { background:#fff; width:81%; text-align:center; margin:35% auto 0; padding:80px 0;}
.tabwarp img { width:88.5%;}

@keyframes shan { from { opacity:1 ;} to { opacity:.5;}}
@-webkit-keyframes shan { from { opacity:1 ;} to { opacity:.5;}}
.shan { animation:shan .15s linear alternate infinite; -webkit-animation:shan .15s linear alternate infinite;}
.p9-footer { width:100%; background:#fff; overflow:hidden;}













.content .golbalpage img { position:relative;}
.golbalpage a { color:#555;}

.qa ,.help{ box-sizing:content-box;}
.footer .iconlist li {box-sizing:content-box;}

/*hero 公共底部*/
.golbalpage{}
.recommend{margin:0 auto; margin-top:100px; width:1170px;}
.recommend .tabs{text-align:center; font-size:28px; color:#3c3c3c; margin-bottom:58px;}
.recommend .tabs span{display:inline-block; margin:0 20px; cursor:pointer;}
.recommend .tabs span.on{color:#bc9882; text-decoration:underline;}
.recommend .tabmain{display:none;}
.recommend .tabmain ul{overflow:hidden; width:1200px;}
.recommend .tabmain li{float:left; margin-right:30px; width:270px;}
.recommend .tabmain .txt a:hover{ color:#bc9882;}
.recommend .tabmain li .pic{width:270px; height:164px; overflow:hidden;border-radius:5px;}
.recommend .tabmain .txt{font-size:15px; text-align:center; padding-top:10px;}
.otherbox{overflow:hidden; padding-top:120px; width:1170px; margin:0 auto;}
.otherbox .qa{margin-right:30px; width:518px; height:225px; border:1px solid #ccc; padding:25px; float:left; border-radius:5px;}
.otherbox .help{width:518px; height:225px; border:1px solid #ccc; padding:25px; border-radius:5px; float:left;}
.otherbox .qa li{height:38px; line-height:38px; border-bottom:1px dotted #c3c3c3;}
.otherbox .qa li a:hover,.otherbox .help li a:hover{color:#ba987f; font-size:12px;}
.otherbox .help ul{position:relative; *position: inherit; width:558px; overflow:hidden; padding-top:15px;}
.otherbox .help li{float:left; width:250px; height:210px; margin-right:20px; text-align:center; font-size:12px; text-align:left;}
.otherbox .help li .pic{display:block; width:250px; height:140px; margin-bottom:8px; overflow:hidden;}
.otherbox .tit{height:24px; line-height:24px; font-size:18px; margin-bottom:6px;}
.otherbox .tit a{font-size:12px; float:right; color:#ba987f;}
.otherbox .tit a:hover{color:#3c3c3c;}
.f2 .iconlist li.n6{background: no-repeat -8px -8px;}
.f2 .iconlist li.n7{background:url(/uploads/image/wphfimages/icon_07.png) no-repeat -8px -2px;}
.f2 .iconlist li{width:172px; margin-left:50px; margin-right:0;}
.floatnav .tab li a.buynow,.floatnav .tab li a.buynow:hover,.b1 .left .txt .more,.b1 .left .txt .more:hover{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}
.f2 .iconlist li.n4{background:url(/uploads/image/wphfimages/icon_06.png) no-repeat left top;}
.otherbox .qa li a,.footer .iconlist li a,.footer .info li a,.footer .link a,.footer .copyright{font-size:12px;}
.otherbox .qa li a{ color:#555; transition:all ease .3s; -webkit-transition:all ease .3s; }

.golbalpage .color_1 {background:#e8d4c7;}
.golbalpage .color_2 {background:#c2ced2;}
.golbalpage .color_3 {background:#969696;}
.golbalpage .color_4 {background:#f4f4f4;}
.golbalpage .color_5 {background:#b6dedb;}
.golbalpage .color_6 {background:#fbe8eb;}

    

.bgcolor {
    background: #f5f5f5; text-align:left;
}
.tiptxt2 {
    font-size: 12px;
	color: #888;
    padding-bottom: 10px;}




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

.head {
    height: 80px; transition:all ease .3s; -webkit-transition:all ease .3s;
}
.head {
    z-index: 99;
}
.head{ position:fixed; background:none; z-index:1000}
.headhover{background-color: #fff;}
.qnav{top:80px; z-index:9; transition:all ease .3s; -webkit-transition:all ease .3s;}
.qnav{ overflow:hidden; width:100%; position:fixed; top:80px; left:0; z-index:9;}
.navbg{ background:#fff;}
.head .menu{ border-bottom:1px solid rgba(51,51,51,0.2);}
.backtop{ background: no-repeat center center; width:30px; height:52px;}
.backtop i,.backtop span{ display:none;}
.qnav .w1170{ position:relative; z-index:3;}
.qnav .bgcolor{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:none; z-index:9;}
/*浮动栏*/

.qnav .w1170 { border-bottom:1px solid #a5a4a2;}
.navbg .w1170 { border-bottom: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;background:#bd3939 ; 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:22px; height:30px; line-height:33px; margin-right:8px;}

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

.footer{ padding-top:60px;}



.baise .floatnav .name a,.baise .floatnav .tab li a{ color:#010101;}
.baise .floatnav .name a:hover,.baise .floatnav .tab li a:hover {color:#bc9882; }

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

.baise .floatnav .name span{background: url(/uploads/image/wphfimages/icon.png) no-repeat left center;}
.w1170 {
    width: 1170px;
    margin: 0 auto;
    display: block;
}


.head .menu,
.dialog_search2017 * {
    box-sizing: content-box !important;
}
.dialog_search2017 {
    z-index: 1100;
}


















.content .covervid-video,.content .covervid-img{position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)}
covervid-video2{position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)}
.p2-video ,.p4-video{ overflow:hidden;}


.loading { position:fixed; left:0; top:0; z-index:99999; background:#000; width:100%; height:100%; -display:none;}
.loading-bg { width:74px; height:74px; position:absolute; left:50%; margin-left:-37px; top:50%; margin-top:-37px; color:#fff; text-align:center; font-size:17px; font-family:arial, helvetica, sans-serif; line-height:74px;}
.loading-img { position:absolute; left:0; top:0;}

.zhuan2 { animation:loading-zhuan 4s linear none infinite; -webkit-animation:loading-zhuan 4s linear none infinite; -ms-animation:loading-zhuan 4s linear none infinite;}
.loading-zhuan { animation:loading-zhuan 1s linear none infinite; -webkit-animation:loading-zhuan 1s linear none infinite; -ms-animation:loading-zhuan 1s linear none infinite;}
@keyframes loading-zhuan{
	form{ transform:rotate(0deg); }
	to{ transform:rotate(360deg);}	
}
@-webkit-keyframes loading-zhuan{
	form{ -webkit-transform:rotate(0deg); }
	to{ -webkit-transform:rotate(360deg);}		
}
@-ms-keyframes loading-zhuan{
	form{ -ms-transform:rotate(0deg); }
	to{ -ms-transform:rotate(360deg);}		
}


@keyframes instructions{
	form{ transform:translatey(0); }
	to{ transform:translatey(20px);}	
}
@-webkit-keyframes instructions{
	form{ -webkit-transform:translatey(0);}
	to{ -webkit-transform:translatey(20px); }	
}
@-moz-keyframes instructions{
	form{ -moz-transform:translatey(0);}
	to{-moz-transform:translatey(20px); }	
}
@-ms-keyframes instructions{
	form{ -ms-transform:translatey(0);}
	to{-ms-transform:translatey(20px);}	
}
@-o-keyframes instructions{
	form{-o-transform:translatey(0);}
	to{ -o-transform:translatey(20px);}	
}

@keyframes rotate{
	form{ transform:rotate(0); }
	to{ transform:rotate(360deg);}	
}
@-webkit-keyframes rotate{
	form{ -webkit-transform:rotate(0);}
	to{ -webkit-transform:rotate(360deg); }	
}
@-moz-keyframes rotate{
	form{ -moz-transform:rotate(0);}
	to{-moz-transform:rotate(360deg); }	
}
@-ms-keyframes rotate{
	form{ -ms-transform:rotate(0);}
	to{-ms-transform:rotate(360deg);}	
}
@-o-keyframes rotate{
	form{-o-transform:rotate(0);}
	to{ -o-transform:rotate(360deg);}	
}

.tabwarp img {
    width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tabwarp-inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.tabwarp-inner > h3 {
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
}
.tabwarp-inner .link-outer {
    overflow: hidden;
}
.tabwarp-inner .link-outer > a {
    float: left;
    width: 330px;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
.tabwarp-inner .link-outer > a.l228 {
    margin-left: 240px;
}
.tabwarp-inner .link-outer > a.l258 {
    margin-left: 30px;
}



/*20170424*/
.floatnav .tab li.last{ margin-left:18px;}
.floatnav .tab li a.buybtn,.b1 .left .txt .btn a.buybtn{ background:#b60f0f url(/uploads/image/phistore/icon_03.png) no-repeat 20px; text-indent:20px; height:34px; line-height:34px; color:#fff; text-align:center; padding:0 25px; display:inline-block;border-radius: 5px;position: relative;top: -2px;}
.floatnav .tab li a.buybtn:hover,.b1 .left .txt .btn a.buybtn:hover,.b1 .left .txt .btn a.likebtn:hover{ background-color:#9f0d0d;}
.floatnav .tab li a.askbtn{ background:#179817 url(/uploads/image/phistore/icon_03.png) no-repeat 20px; text-indent:20px; height:30px; line-height:30px; color:#fff; text-align:center; padding:0 25px; display:inline-block;border-radius: 5px;position: relative;}
.floatnav .tab li a.askbtn:hover{ background-color:#0f7c0f;}
.floatnav .tab li a.buybtn,.floatnav .tab li a.buybtn:hover,.floatnav .tab li a.askbtn,.floatnav .tab li a.askbtn:hover,.b1 .left .txt .btn a.buybtn,.b1 .left .txt .btn a.buybtn:hover,.b1 .left .txt .btn a.likebtn,.b1 .left .txt .btn a.likebtn:hover{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}
.floatnav .tab li:last-child {margin-left: 20px;}
.floatnav .tab li a.buynow {
    width: 126px;
    text-align: center;
    text-indent: 0;
    font-size: 12px;
    background-image: none;
}