@charset "utf-8";



.mqnav{ background:#fff;}

.footer{padding-top: 60px!important;}

{-moz-transition:all .2s linear; -webkit-transition:all .2s linear; transition:all .2s linear;}

body,html{ overflow-x:hidden;*overflow-x:hidden;}

.t17 .tm1 {
    background:  no-repeat center top;
    padding-top: 168px;
    text-align: center;
}
.t17 .tm {
    overflow: hidden;
    height: 560px;
    width: 1170px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 24px;
    position: relative;
}
.t17 .tm2 {
    background:  no-repeat center top;
    padding-top: 168px;
    text-align: center;
}
.t17 .txt {
    padding-left: 120px;
    padding-top: 130px;
    text-align: left;
}
.t17 .tab {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.t17 .tab span {
    background: url(/uploads/image/wphibhistory/dot.png) no-repeat;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    display: inline-block;
}
.t17 .tab span.on {
    background-position: 0 -10px;
}

.tabbox{ height:638px;}

.tabbox .tabs{ text-align:center;width:100%; background:url(/uploads/image/wphibhistory/icon.png) repeat-x left top; padding-top:50px; *float:left; *margin-left:210px;}

.tabbox .tabs li{ text-align:center; display:inline-block; width:65px; font-size:15px; font-family:tahoma, geneva, sans-serif; color:#333; cursor:pointer; position:relative; *float:left; *height:30px; *line-height:30px;}

.tabbox .tabs li .icon{ background:url(/uploads/image/wphibhistory/icon_01.png) no-repeat center bottom; display:inline-block; height:16px; width:27px; position:relative; top:2px;}

.tabbox .tabs li.on .icon{background:url(/uploads/image/wphibhistory/icon_02.png) no-repeat center bottom;}

.tabbox .tabs li.on{ color:#bd9a84;}

.tabbox .tabs .w1170{ position:relative;}

.tabbox .tabs .w1170 .jt,.tabbox .tabs .w1170 .jt2{background:url(/uploads/image/wphibrand/icon_17_2.png) no-repeat center center; width:14px; height:7px; display:inline-block; position:absolute; left:130px; *left:25px; top:-14px; }

.tabbox .tabs .w1170 .jt2{ top:28px; background:url(/uploads/image/wphibrand/icon_17.png) no-repeat center center;}


@keyframes xia{
	0% {transform:translate(0px,0px);}
	50% {transform:translate(0px,3px);}
	100% {transform:translate(0px,0px);}
}
@-webkit-keyframes xia{
	0% {-webkit-transform:translate(0px,0px);}
	50% {-webkit-transform:translate(0px,3px);}
	100% {-webkit-transform:translate(0px,0px);}
}
.jt{animation :xia 1s linear infinite;-webkit-animation :xia 1s linear infinite;}

@keyframes shang{
	0% {transform:translate(0px,0px);}
	50% {transform:translate(0px,-3px);}
	100% {transform:translate(0px,0px);}
}
@-webkit-keyframes shang{
	0% {-webkit-transform:translate(0px,0px);}
	50% {-webkit-transform:translate(0px,-3px);}
	100% {-webkit-transform:translate(0px,0px);}
}
.jt2{animation :shang 1s linear infinite;-webkit-animation :shang 1s linear infinite;}



.nav{ width:447px; height:38px; border:1px solid #999; border-right:0; margin:30px auto;}

.nav a{ width:149px; height:38px; line-height:38px; text-align:center; color:#888; display:inline-block; float:left; position:relative;}

.nav a span{ display:block;border-right:1px solid #bc9882; text-indent:20px; }



.nav a span.n1{ background:url(/uploads/image/wphibhistory/icon_03.png) no-repeat 21px center; margin-left:-1px; }

.nav a span.n2{ background:url(/uploads/image/wphibhistory/icon_05.png) no-repeat 30px center; }

.nav a span.n3{ background:url(/uploads/image/wphibhistory/icon_07.png) no-repeat 25px center; }

.nav a.on span.n1{ background:url(/uploads/image/wphibhistory/icon_04.png) no-repeat 21px center; }

.nav a.on span.n2{ background:url(/uploads/image/wphibhistory/icon_06.png) no-repeat 30px center; }

.nav a.on span.n3{ background:url(/uploads/image/wphibhistory/icon_08.png) no-repeat 25px center; }

.nav a.on  i{ background:url(/uploads/image/wphibhistory/icon_13.png) no-repeat; width:16px; height:7px; position:absolute; display:block; left:50%; margin-left:-8px; bottom:-7px;}



.nav a.on { background:#bc9882; color:#fff;}

.nav a.on span{ height:40px; line-height:40px; position: relative; top:-1px;}



.tabmain{ overflow:hidden; height:560px; width:1170px; margin:0 auto; display:none; font-size:13px;line-height:24px; position:relative;}

.tabmain h3{ font-size:21px; font-weight:normal; color:#333; margin-bottom:10px;}

.tabmain p{}



.t1{ background:url(/uploads/image/wphibh01/pre_01.png) no-repeat center top; text-align:center;}

.t1 .txt{ padding-top:350px;  font-size:13px;}



.t2{ background:url(/uploads/image/wphibh01/pre_02.png) no-repeat center top;}

.t2 .txt{ padding:330px 0 0 200px;}





.t3{ background:url(/uploads/image/wphibh01/pre_03.png) no-repeat center top;}

.t3 .txt{ padding:315px 0 0 590px;}



.t4{ background:url(/uploads/image/wphibh01/pre_04.jpg) no-repeat center top;}

.t4 .tit1{ position:absolute; left:230px; top:420px;}

.t4 .tit2{ position:absolute; left:630px; top:420px;}



.t5{ background:url(/uploads/image/wphibh01/pre_05.jpg) no-repeat center top;}

.t5 .tit1{ position:absolute; left:555px; top:345px;}



.t6{ background: no-repeat center top;}

.t6 .txt{ padding:320px 0 0 520px;}



.t7{ background:url(/uploads/image/wphibh01/pre_07.jpg) no-repeat center top;}

.t7 .txt{ padding:325px 0 0 115px;}



.t8{ background:url(/uploads/image/wphibh01/pre_08.jpg) no-repeat center top;}

.t8 .tit1{ position:absolute; left:180px; top:450px;}

.t8 .tit2{ position:absolute; left:670px; top:450px;}



.t9{ background:url(/uploads/image/wphibh01/pre_09.jpg) no-repeat center top;}

.t9 .txt{ padding:320px 0 0 625px;}



.t10{ background:url(/uploads/image/wphibh01/pre_10.jpg) no-repeat center top;}

.t10 .txt{ padding:320px 0 0 125px;}



.t11{ background:url(/uploads/image/wphibh01/pre_11.jpg) no-repeat center top;}

.t11 .txt{ padding:320px 0 0 570px;}



.t12{ background:url(/uploads/image/wphibh01/pre_12.jpg) no-repeat center top;}

.t12 .txt{ padding:320px 0 0 110px;}



.t13 .tm{overflow:hidden; height:560px; width:1170px; margin:0 auto; display:none; font-size:13px;line-height:24px; display:none; position:relative;}

.t13 .tm1{background:url(/uploads/image/wphibh01/pre_13_01.jpg) no-repeat center top; padding-top:168px; text-align:center;}

.t13 .tm2{background:url(/uploads/image/wphibh01/pre_13_02.jpg) no-repeat center top; padding-top:168px; text-align:center;}

.t13 .tm3{background:url(/uploads/image/wphibh01/pre_13_03.jpg) no-repeat center top; padding-top:168px; text-align:center;}

.t13 .tab{ position:absolute; left:0; bottom:25px; width:100%; text-align:center; cursor:pointer;}

.t13 .tab span{ background:url(/uploads/image/wphibhistory/dot.png) no-repeat; width:9px; height:9px; margin:0 5px; display:inline-block;}

.t13 .tab span.on{ background-position:0 -10px;}

.t14{ background:url(/uploads/image/wphibh01/pre_14.jpg) no-repeat center top;}

.t14 .txt{ padding:345px 0 0 650px;}

.t15{ background:url(/uploads/image/wphibh01/pre_15.jpg) no-repeat center top;}

.t15 .txt{ padding:333px 0 0 121px;}

.t16{ background:url(/uploads/image/wphibh01/pre_16.jpg) no-repeat center top;}

.t16 .txt{ padding:345px 0 0 700px;}