@charset "gb2312";
/* CSS Document */


p { margin-bottom:.5em;}

.topBanner { overflow:hidden; z-index:8; padding:3em 0;  
background:-moz-linear-gradient(45deg,#3579a0 0,#1f5b7b 100%);
background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,#3579a0),color-stop(100%,#1f5b7b));
background:-webkit-linear-gradient(45deg,#3579a0 0,#1f5b7b 100%);
background:-o-linear-gradient(45deg,#3579a0 0,#1f5b7b 100%);
background:-ms-linear-gradient(45deg,#3579a0 0,#1f5b7b 100%);
background:linear-gradient(45deg,#3579a0 0,#1f5b7b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3579a0', endColorstr='#1f5b7b', GradientType=1);/*-webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)*/}

.pphBox { height:48em; z-index:10}

.pphBox1 { background-color:#222; width:70%; border-radius:1em; padding:2em 0; margin:0 auto;  transform:skewX(-10deg); z-index:8; left:15%; top:24em;}
.pphBox1 .contBox {transform:skewX(10deg);text-align:center;}
.pphBox1 .contBox img { width:60%;}
.pphBox1 p { padding:.5em 0;}

.pphBox2 { background-color:#f2f2f2; width:90%; border-radius:1em; padding:2em 0; margin:0 auto;  transform:skewX(-10deg); margin-left:-10%; top:-1em; z-index:9}
.pphBox2 .contBox {transform:skewX(10deg);text-align:left; width:70%; margin-left:18%}
.pphBox2 .contBox li { float:left; width:33%; text-align:center;}.pphBox2 .contBox li img { border-radius:50%; margin:.5em 0; width:80%;}

.pphWH .w50 li img {border-radius:50%;  margin:.5em 0; width:50%; border:1px solid #ddd;}
.pphWH .w50 li { width:48%; text-align:center;}
.pphWH .w50 li:nth-child(2n) { margin-left:4%;}
.pphWH .w50 li p { text-align:left;}
.pphWH .w50 li.ml25 { margin-left:25%;}


.pphZL  .w50 { overflow:hidden;}
.pphZL  .w50 li { width:45%; text-align:right; line-height:4em; font-size:1.25em; color:#000; }
.pphZL  .w50 li:nth-child(2n) { margin-left:10%; text-align:left;}
.pphZL  .w50-2 { background-color:#222; width:100%; height:auto;}
.pphZL  .w50-2 .fa { color:#e53755}
.pphZL  .w50-2 li { color:#fff;}
.pphZL  p.exc { color:#fff; background-color:#e53755; text-align:center; line-height:3em; }

.pphYS .w33 li { width:33.3%; text-align:center;}
.pphYS .w33 li span { width:5em; height:5em; margin:0 auto; display:block; background-color:#3779a0; border-radius:50%;display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
.pphYS .m1 li:nth-child(1)  { margin-left:16%;} 

.pphAL .w50 li { width:48%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; padding:5% 3%; border:1px solid #ddd; }
.pphAL .w50 li:nth-child(2n) { margin-left:4%;}
.pphAL .w50 li p { font-size:.8888em;}
.pphAL .w50 li span { float:left; width:50%; text-align:center; border:1px solid #fff; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pphAL .w50 li span>i { display:block;font-size:.888em;}
.pphAL .w50 li h5 { font-size:1em; color:#000; margin-bottom:.5em; text-align:center;}


.jumbotron {  padding:1em 0;  
background:-moz-linear-gradient(45deg,transparent 0,#aacbcf 100%);
background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,transparent),color-stop(100%,#aacbcf));
background:-webkit-linear-gradient(45deg,transparent 0,#aacbcf 100%);
background:-o-linear-gradient(45deg,transparent 0,#aacbcf 100%);
background:-ms-linear-gradient(45deg,transparent 0,#aacbcf 100%);
background:linear-gradient(45deg,transparent 0,#aacbcf 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#aacbcf', GradientType=1);/*-webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2);box-shadow:inset 0 3px 7px rgba(0,0,0,.2),inset 0 -3px 7px rgba(0,0,0,.2)*/ border-radius:1em; overflow:hidden; position:relative;}
.jumbotron>.container{position:relative;z-index:2}
.jumbotron:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/img2015/waike/jmqz/expBg.png) repeat center center;opacity:.5;  }

#lbInfo { padding:0 1.5em;  margin:0;}
#lbInfo h5 { font-size:1.25em; color:#222;}
#lbInfo p { font-size:.8888em; margin-bottom:.5em;}
#lbInfo p:nth-last-child(4){ color:#fff; background-color:#222; width:75%; text-align:center; margin-top:1em;}
#lbInfo p:nth-last-child(1) { width:50%;}
#lbInfo img { position:absolute; bottom:-13em; right:-35%;}

.lbPhoto .w32 li { width:31%; position:relative; text-align:center}
.lbPhoto .w32 li:nth-child(2n) { margin:0 3%;} 
.lbPhoto .w32 li p { font-size:.8888em; text-align:left;}

.bg222 { background-color:#222;}
.bgBlue { background-color:#3779a0;}
.bgLGray { background-color:#f2f2f2;}
.padding5Per { padding:5%;}


.pphDX h4 { margin-bottom:1em;}
 .jg { position:absolute; width:40%; background-color:#e53755; right:0; top:20%; border-radius:5px 0 0 5px; padding:1em 0; text-align:center;}
 .jg p { color:#fff; margin:0; font-weight:bold; }
 .jg p:nth-child(1) { font-size:1.25em; } .jg p:nth-child(2) { font-size:1.5em; }.jg p:nth-child(3) { font-size:1.25em; font-weight:normal; text-decoration:line-through; }
 
 
#PPH-Discount li { background-color:#e53755; text-align:center; margin-bottom:1em; }
#PPH-Discount li p { color:#fff; font-size:1.5em; font-weight:bold; line-height:1.25em; padding:.5em 0;}

#PPH-QA li { border:1px solid #ddd; margin-bottom:1em;}
#PPH-QA h5 { background-color:#3779a0; color:#fff; line-height:1.5em; padding:.5em 1em; font-size:1em; font-weight:bold; }
#PPH-QA span { padding:1em; display:block;}


@media only screen and (max-width: 360px){
#lbInfo img { position:absolute; bottom:-13em; right:-50%;}
}

@media only screen and (min-width: 992px){
#lbInfo img { position:absolute; bottom:-13em; right:-50%;}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) {   
    #lbInfo img { position:absolute; bottom:-13em; right:-35%;}
	}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {   
    #lbInfo img { position:absolute; bottom:-13em; right:-50%;}
	}