@charset "utf-8";
/* css document */
@font-face { font-family:ftmxf; src: ; }
@font-face { font-family:wdht; src: url(/uploads/image/wphjpcss/ghei00m.ttf); }
.xh{ position:fixed; left:0; top:0; width:100px; height:20px; line-height:20px; color:#f00; font-size:14px; text-align:center;z-index:1003;}
#hua{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; display:none;}
.po{ position:absolute; left:0; top:0; width:100%; height:100%;}
.po2{ position:absolute; left:0; top:0; width:100%;}
.loading{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1009; background:#000; background:rgba(0,0,0,1);}
.loading .img{ position:absolute; left:50%; top:50%; width:70px; height:70px; margin:0px 0 0 -35px; text-align:center;}
html,body{ overflow:hidden;}
#page{-moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out;position:relative;}
#page{ }
.page{ position:relative; overflow:hidden;}
.head{ z-index:1001; background:#fff;border-bottom: 1px solid #e6e6e6; position:fixed;}
.dialog_search2017{ z-index:1002;}


/*page1*/
.p1m_1{ background:rgba(0,0,0,0.85); z-index:3; }
.p1m_1 .inner{ width:500px; height:620px; position:absolute; left:50%; top:50%; margin:-330px 0 0 -250px; text-align:center; color:#f4f4f4; font-size:14px; line-height:34px; display:none;}
.p1m_1 .inner .mt20{ margin-top:28px;}
.p1m_1 .inner .tit{ margin-top:28px; font-size:24px; line-height:36px; font-family:ftmxf;}
.p1m_1 .inner p span{ position:relative;}
.page1 .btn{ text-align:center;}
.page1 .btn a{ height:32px; line-height:29px; text-align:center; font-size:14px; color:#fff;font-family:ftmxf; background:#900808; display:inline-block; margin:0 auto;border-radius: 50px; padding:0 20px; margin-top:30px;font-family:ftmxf;}
.link{ position:fixed; width:110px; height:32px; cursor:pointer;}
.link a{ display:block; width:100%; height:100%;}

/*page2*/
.page2{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:19; display:none; }
.p2m_1{background:rgba(0,0,0,0.85); z-index:3;}
.p2m_1 .inner,.p2bbox{ width:500px; height:660px; position:absolute; left:50%; top:50%; margin:-330px 0 0 -250px; text-align:center; display:none;}
.p2m_1 .inner .txt{ margin-bottom:120px;}
.p2m_1 .inner .txt h2,.p2m_1 .inner .txt h3{ font-size:24px; line-height:32px;color:#f4f4f4; margin-top:10px;font-family:ftmxf; font-weight:normal;}
.p2m_1 .inner .txt h3{}
.p2m_1 .inner .yuan{ width:356px; height:356px; margin:0 auto; position:relative;}
.p2m_1 .inner .bg{ background:url(/uploads/image/wphjpip2/yuan.png) no-repeat center center; z-index:3;}
.p2m_1 .inner .dot{ background: url(/uploads/image/wphjpip2/yuan_dot.png) no-repeat center center; z-index:3;}
.p2m_1 .inner .item{ position:absolute; width:120px; background-repeat:no-repeat; background-position:center top; padding-top:60px; height:20px; line-height:20px; font-size:12px;color:#f4f4f4; z-index:5;}
.p2m_1 .inner .t1{ background-image:url(/uploads/image/wphjpip2/icon_01.png); left:-75px; top:26px;}
.p2m_1 .inner .t2{ background-image:url(/uploads/image/wphjpip2/icon_02.png); left:118px; top:-68px;}
.p2m_1 .inner .t3{ background-image:url(/uploads/image/wphjpip2/icon_03.png); left:310px; top:26px;}
.p2m_1 .inner .t4{ background-image:url(/uploads/image/wphjpip2/icon_04.png); left:300px; top:240px;}
.p2m_1 .inner .t5{ background-image:url(/uploads/image/wphjpip2/icon_05.png); left:118px; top:345px;}
.p2m_1 .inner .t6{ background-image:url(/uploads/image/wphjpip2/icon_06.png); left:-60px; top:240px;}

.p2bbox{ position:fixed;margin-top:-325px;}
.p2bbox div{ width:120px; height:80px; position:absolute;cursor:pointer;}

/*page3*/
.page3{  }
.page3 .bg{ float:left;}
.p3m_1 .yan{ position:absolute; left:0; top:0; width:100%; opacity:0; z-index:3;}
.p3m_1 .inner{ position:absolute; left:28%; top:30%; z-index:3; display:none;}
.p3m_1 .inner h2{ font-size:26px; color:#000;font-weight:normal;font-family:ftmxf;}
.p3m_1 .inner p{ font-size:12px; line-height:21px; width:330px; color:#000; margin-top:20px; color:#222;}
.p3m_2 .inner,.p3m_3 .inner,.p3m_4 .inner,.p3m_5 .inner{ position:absolute; left:28%; top:30%; z-index:3;}
.p3m_2 .inner h2,.p3m_3 .inner h2,.p3m_4 .inner h2,.p3m_5 .inner h2{ font-size:18px; color:#000; margin:15px 0 15px 0;font-weight:normal;font-family:ftmxf;}
.p3m_2 .inner p,.p3m_3 .inner p,.p3m_4 .inner p,.p3m_5 .inner p{ font-size:12px; line-height:20px; width:350px; color:#222;}
.p3m_3 .inner .img2{ position:absolute; left:0; top:0; width:100%; z-index:6;}
.p3m_3 .img,.p3m_3 .img2{ position:absolute; left:0; top:0; width:100%;}
.p3m_5 .gb{ position:absolute; left:0; top:0; width:100%; z-index:5;}
.p3m_5 .gb img{position:absolute; left:0; top:0; width:100%; display:none;}
.page3 .dhbox .z{ position:absolute; left:0; top:0; width:100%; display:none;}
.p3m_2{ z-index:3;}
.p3m_1{ z-index:9;}
.p3m_5 .img{ float:left;}

/*page4*/
.page4{  }
.page4 .sub{ position:absolute; left:0; top:0; height:100%; width:40%; min-width:550px; background:#fff; background:rgba(255,255,255,0.7); z-index:9; left:-40%;}
.p4m_1 .inner{ position:absolute; left:50%; top:50%; z-index:3; width:480px; height:620px; margin:-310px 0 0 -240px;}
.p4m_1 .inner .txt{ width:90%; margin-left:10%; margin-bottom:20px;}
.p4m_1 .inner h2{ font-size:26px; color:#000; font-weight:normal;font-family:ftmxf;}
.p4m_1 .inner p{ font-size:12px; line-height:21px; width:100%; color:#000; margin-top:20px; color:#333;}
.page4 .tips{ text-align:right; font-size:12px; font-size:10px; color:#666;-webkit-transform:scale(0.8);transform:scale(0.8);transform-origin:100% 50%;}
.p4m_1 .inner .yuan{ width:482px; height:482px; position:relative; background:url(/uploads/image/wphjpip1/yuan.png) no-repeat center center;}
.p4m_1 .inner .yuan .zhuan{ background:url(/uploads/image/wphjpip1/jt.png) no-repeat center center;}
.p4m_1 .inner .yuan .cai{ background:url(/uploads/image/wphjpip1/yy.png) no-repeat center center;}
.p4m_1 .inner .yuan .cai>div{ display:none;}
.p4m_2 .inner,.p4m_3 .inner{ position:absolute; left:50%; top:50%; z-index:3; width:380px; height:220px; margin:-110px 0 0 -190px;}
.p4m_2 .inner .txt,.p4m_3 .inner .txt{ width:90%; margin-left:10%; margin-bottom:20px;}
.p4m_2 .inner h2,.p4m_3 .inner h2{ font-size:20px; color:#000; margin:20px 0 15px 0;font-weight:normal;font-family:ftmxf;}
.p4m_2 .inner p,.p4m_3 .inner p{ font-size:12px; line-height:20px; width:100%; color:#333;}
.p4m_2 .tips{ padding-top:18px;}
.p4wrap{width:300%; position:relative; height:100%;}
.p4main{ float:left; width:33.33%; position:relative;height:100%; overflow:hidden;}

.dotbox{ position: fixed; left:0; top:50%;  width:482px; height:482px; z-index:1001; display:none;}
.dotbox .dot{ width:80px; height:70px; display:inline-block; position:absolute; z-index:19; cursor:pointer;}
.dotbox .d1{ left:200px; top:20px;}
.dotbox .d2{ left:340px; top:80px;}
.dotbox .d3{ left:370px; top:270px;}
.dotbox .d4{ left:270px; top:370px;}
.dotbox .d5{ left:130px; top:370px;}
.dotbox .d6{ left:20px; top:270px;}
.dotbox .d7{ left:60px; top:80px;}

/*page5*/
.page5 .itembox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.page5 .itembox .item{ float:left; width:25%; height:100%; position:relative; cursor:pointer;}
.page5 .itembox .item .line{ position:absolute; right:0; top:0; width:1px; height:100%; background:#807d7c; background:rgba(255,255,255,0.2);}
.page5 .itembox .item .zz{background:url(/uploads/image/wphjpip5/zz3.png) repeat; opacity:0.75; position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.page5 .itembox .item .bg{ float:left;}
.page5 .itembox .item .txt{ position:absolute; left:10%; width:80%; bottom:65px; color:#fff; line-height:24px; display:none; height:125px; z-index:5;}
.page5 .itembox .item .txt h2{ font-size:18px; line-height:24px; margin-bottom:12px; font-weight:normal;font-weight:normal;font-family:ftmxf; background:url(/uploads/image/wphjpip5/icon.png) no-repeat left 8px; background-size:10px; padding-left:18px; position:relative; left:-18px;}
.page5 .itembox .item .txt p{ opacity:0.75; font-size:12px; line-height:21px;}
.page5 .itembox .item .txt p span{ display:block;-webkit-transform:scale(0.8);transform:scale(0.8);transform-origin:0% 50%;}
.page5 .itembox .info{ width:440px; height:150px; position:absolute; left:50%; top:30%; margin:-75px 0 0 -220px; z-index:9; text-align:center; color:#fff; display:none; z-index:7;}
.page5 .itembox .info h2,.page5 .itembox .info h3{ font-size:28px; margin-bottom:20px;font-weight:normal;font-family:ftmxf;}
.page5 .itembox .info h3{ margin-bottom:8px;}
.page5 .itembox .info p{ font-size:12px; line-height:21px; opacity:0.75;}


/*page6*/
.page6{  }
.page6 .bg{ float:left;}
.p6m_1 .inner{ position:absolute; left:50%; top:25%; z-index:9; text-align:center; color:#000; width:500px; height:150px; margin-top:-75px; margin-left:-250px;}
.p6m_1 .inner h2,.p6m_1 .inner h3{ font-size:26px; color:#000;font-weight:normal;font-family:ftmxf; margin-bottom:5px;}
.p6m_1 .inner p{ font-size:12px; line-height:20px; width:100%; margin-top:15px; color:#333;}
.p6m_2 .inner,.p6m_3 .inner,.p6m_4 .inner{ width:100%;}
.p6m_2 .inner .txt{ margin-left:20%;}
.p6m_2 .inner h2,.p6m_3 .inner h2,.p6m_4 .inner h2{ font-size:20px; color:#000; margin:0px 0 10px 0;font-weight:normal;font-family:ftmxf;}
.p6m_2 .inner p,.p6m_3 .inner p,.p6m_4 .inner p{ font-size:12px; line-height:20px; width:270px; color:#222;}
.p6m_3 .inner .txt{ margin-left:62%; margin-top:10px;}
.p6m_3 .inner p{ width:250px;}
.p6m_4 .inner .txt{ margin-left:60%; margin-top:10px;}
.p6m_4 .inner p{ width:350px;}
.p6m_4 .videobtn{ width:104px; height:25px; display:inline-block; background:url(/uploads/image/wphjpip4/btn.png) no-repeat center center; margin-top:15px; cursor:pointer; opacity:0.8;}
.p6m_4 .videobtn:hover{opacity:1;}
.page6 .bg2{ position:absolute; left:0; top:0; width:100%; opacity:0;}
.p6main{ z-index:3;}
.p6m_2 .ren{ position:absolute; left:0; top:0; width:100%;}
.p6m_2 .zuo{ left:10px; opacity:0;}
.p6m_2 .you{ left: auto; right:10px; opacity:0;}
.p6m_3 .img2{ position:absolute; left:0; top:0; width:100%; opacity:0; top:-10px;}
.p6dh{ display:none; z-index:9;}
.p6m_2{ z-index:10;}
.p6m_3{ z-index:11;}
.p6zdh .zz6{ display:none;}

/*page7*/
.page7{  }
.page7 .bg{ float:left;}
.p7m_1 .inner{ position:absolute; left:55%; top:28%; z-index:3; color:#000; width:380px; height:150px;}
.p7m_1 .inner h2{ font-size:28px; color:#000; margin-top:15px;font-weight:normal;font-family:ftmxf;}
.p7m_1 .inner p{ font-size:12px; line-height:21px; width:100%; margin-top:10px; color:#222;}
.p7m_2 .inner,.p7m_3 .inner,.p7m_4 .inner,.p7m_5 .inner{ width:100%;}
.p7m_2 .inner .txt{ margin-left:50%;}
.p7m_2 .inner h2,.p7m_3 .inner h2,.p7m_4 .inner h2,.p7m_5 .inner h2{ font-size:20px; color:#000; margin:0px 0 10px 0;font-weight:normal;font-family:ftmxf;}
.p7m_2 .inner p,.p7m_3 .inner p,.p7m_4 .inner p,.p7m_5 .inner p{ font-size:12px; line-height:20px; width:320px; color:#222;}
.p7m_2 .ss{ position:absolute; left:0; top:0; width:100%;}
.p7m_3 .inner .txt{ margin-left:50%;}
.p7m_3 .inner h2{ margin-top:10px;}
.p7m_4 .inner .txt{ margin-left:53%;}
.p7m_4 .cc,.p7m_5 .cc{position:absolute; left:0; top:0; width:100%;}
.p7m_5 .inner .txt{ margin-left:56%;}
.p7m_5 .inner h2{ margin-top:10px;}

.p7m_5 .cc{ position:absolute; left:0; top:0; width:100%;}
.p7m_5 .d2{ top:20px; opacity:0;}

.p7m_2 p span{ display:block; padding-top:18px; font-size:12px;transform: scale(0.8);-webkit-transform: scale(0.8);transform-origin:0 50%; opacity:0.75;}

.p7dh{ display:none;}
.p7m_3 .inner{ z-index:6;}
.page7 .bg2,.page7 .bg3{ position:absolute; left:0; top:0; width:100%; z-index:5; opacity:0;}
.p7m_2{ z-index:6;}
.p7m_3{ z-index:6;}
.p7m_4{ z-index:6;}
.p7m_5{ z-index:6;}

.page7 .z19{ z-index:19;}

/*page8*/
.page8{  }
.page8 .bg{ float:left;}
.page8 .bg2{ position:absolute; left:0; top:0; width:100%; z-index:5;}
.p8m_1 .inner{ position:absolute; left:55%; top:24%; z-index:3; color:#000; width:380px; height:150px;}
.p8m_1 .inner h2,.p8m_1 .inner h3{ font-size:26px; color:#000; margin-top:5px;font-weight:normal;font-family:ftmxf;}
.p8m_1 .inner p{ font-size:12px; line-height:21px; width:100%; margin-top:15px; color:#222;}
.p8m_2 .inner,.p8m_3 .inner,.p8m_4 .inner{ width:100%; z-index:8;}
.p8m_2 .inner .txt,.p8m_3 .inner .txt,.p8m_4 .inner .txt{ margin-left:54%;}
.p8m_2 .inner h2,.p8m_3 .inner h2,.p8m_4 .inner h2{ font-size:22px; color:#000; margin:0px 0 10px 0;font-weight:normal;font-family:ftmxf;}
.p8m_2 .inner p,.p8m_3 .inner p,.p8m_4 .inner p{ font-size:12px; line-height:20px; width:300px; color:#222;}
.p8m_2 .img,.p8m_3 .img,.p8m_4 .img{ position:absolute; left:0; top:0; width:100%;}
.p8m_4 .inner h2{ margin-bottom:25px;}
.p8m_4 .inner .icon{ padding-left:60px; background-repeat:no-repeat; background-position: left center; width:180px; height:50px; line-height:18px; padding-top:0px; margin-bottom:25px; font-size:12px; opacity:0;}

.p8m_4 .inner .n1{ background-image:url(/uploads/image/wphjpip4/icon1.png);}
.p8m_4 .inner .n2{ background-image:url(/uploads/image/wphjpip4/icon2.png);}
.p8m_4 .inner .n3{ background-image:url(/uploads/image/wphjpip4/icon3.png);}
.p8m_4 .img{ display:none; z-index:9;}
.page8_3 .bgdh{ position:absolute; left:0; top:0; width:100%; z-index:13;}
.page8_2 .img{ position:absolute; left:0; top:0; width:100%; z-index:2;}
.p8m_4{ z-index:3;}
.page8_3{ position:absolute; left:0; top:0; width:100%; height:100%; display:none;}

.p8m_4 .inner .icon span{-webkit-transform:scale(0.9);transform:scale(0.9);transform-origin:0% 50%; display:inline-block; opacity:0.9; line-height:16px; font-size:12px; position:relative; top:1px;}

.p8dh2 .z{ display:none;}

/*page9*/
.page9{ overflow:hidden;}
.page9 .bg{ float:left;}
.page9 .imgbox{ width:300%;}
.page9 .imgbox .img{ width:33.33%; float:left; position:relative;}
.page9 .submain{ position:absolute; right:0; min-width:750px;  background:rgba(255,255,255,0.75); z-index:9; height:100%; right:-43%;}
.page9 .submain .inner{ width:448px; height:180px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -220px;} 
.page9 .tit h2{ font-size:26px; color:#000; font-weight:normal; font-family:ftmxf; line-height:30px;}
.page9 .tit h4{ font-weight:bold; color:#000; font-size:16px; margin:20px 0 8px 0;font-weight:normal; font-family:ftmxf; }
.page9 .tit h3{ font-size:18px; color:#000; margin-top:25px; margin-bottom:5px; font-weight:normal; font-family:ftmxf; }
.page9 .tit p{ font-size:12px; line-height:20px; margin-bottom:25px;}

.page9 .tabmain{ display:none;}

/*page10*/
.page10{ background:#eeeeee;}
.page10 .inner{ width:1175px; height:480px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -587px; display:none;} 
.page10 .inner h2{font-size:28px; color:#000; font-weight:normal; font-family:ftmxf; margin-bottom:25px; text-align:center;}
.page10 .inner p{ font-size:13px; line-height:24px; text-align:center; margin:20px 0 40px 0; color:#000;}

/*page11*/
.page11{ background:#eeeeee;}
.page11 .inner{ width:1175px; height:480px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -587px; display:none; text-align:center;} 
.page11 .inner h2{font-size:28px; color:#000; font-weight:normal; font-family:ftmxf; margin-bottom:25px; text-align:center;}

/*page12*/
.page12{ background:#eeeeee;}
.page12 .inner{ width:1175px; height:480px; position:absolute; left:50%; top:50%; margin:-240px 0 0 -587px; display:none; text-align:center;} 
.page12 .inner h2{font-size:28px; color:#000; font-weight:normal; font-family:ftmxf; margin-bottom:25px; text-align:center;}


.spbtn{ width:104px; height:25px; position:fixed; left:0; top:0; z-index:1001; cursor:pointer; display:none;}
.gzbox{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1001; display:none;}
.gzbox p{float: left; width: 25%; height: 100%; cursor: pointer;}

.dv{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); z-index:1009; display:none;}
.dv .close{ position:absolute; right:30px; top:30px; width:60px; height:60px; background: url(/uploads/image/wphjpimg/close.png) no-repeat center center; z-index:9; cursor:pointer;}
.dv .video{ width:800px; height:600px; position:absolute; left:50%; top:50%; margin-left:-400px; margin-top:-300px;}


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

.page5 .video video{ height:100%; width:auto; position:relative; left:-125%;}


.p6m_4 .videobtn,.p6m_4 .videobtn:hover{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}

.tp{ position:absolute; left:0; bottom:-40px; width:100%; padding-left:20px; padding-right:20px; font-size:12px; color:#555; opacity:0.3;box-sizing: border-box;}