@charset "gb2312";
/* CSS Document */
body { clear:#666666; font-size:14px;}

h2 { line-height:1.5em; }
p { font-size:14px;}
.colorblue { color:#397da6;}
.bgblue { background-color:#397da6;color: #fff;}
.bggray333 { background-color:#333;}
.bgred { background-color:#e53755;color: #fff;}
.bgwhite { padding:4em 0;}
.fontfamilyM { font-family:"Microsoft YaHei";}
.headerBanner {
	margin-top: 0;
	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)*/}
/*.headerBanner .container{ position:relative;z-index:2}
.headerBanner:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/bootstrapV/jingmaiquzhang/expBg.png) repeat center center;opacity:.5;}*/

.buttonAll { border-radius:.5em;}
.buttonAll a { padding:1em 0; text-align:center; display:block; border-radius:1em;}

.banner-text { color:#fff; font-family:"Microsoft YaHei"; text-align:center; }
.banner-text ul { overflow:hidden; margin-left:10em;}
.banner-text ul li { float:left; text-align:center; border:1px solid #fff; border-radius:.5em; font-size:1.75em; font-weight:bold;line-height:2em; margin-right:1%; padding:0 3%; margin-bottom:.5em}
.banner-text p { font-size:2em; font-weight:bold; line-height:1.5em; margin-top:4%;}


#PPH-waikeInfo p { font-size:1.75rem; line-height: 1.75em; padding-bottom: .75em; text-indent: 2em;}
#PPH-waikeInfo p strong {font-weight:bold } 

#PPH-Info p { font-size:1.5rem; text-align:center; }
#PPH-Type div { text-align:center;}#PPH-Type img { margin-bottom:.5em;}

#PPH-Harm div { text-align:center; }
#PPH-Harm h5 { color:#000; font-size:1.2em; padding:1em 0 .5em}
#PPH-Harm p { text-align:left; font-size:1em;}#PPH-Harm img { border-radius:50%; border:1px solid #ddd;} 

#PPH-Tit { font-size:2em; line-height:1.75em;}

#PPH-Trea01 h5 { color:#fff; font-size:1.2em; padding:1em 0 .5em} 
#PPH-Trea01 p { color:#bbb; font-size:1em; }#PPH-Trea01 .fa { color:#e53755; font-size:1.5em;}

#PPH-Adva>div { text-align:center; font-family:"Microsoft YaHei"; }
#PPH-Adva span {width:8em; height:8em; margin:0 auto 1em; border-radius:50%; background-color:#3779a0;display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 
#PPH-Adva span p { color:#fff; font-size:1.25em; font-weight:bold;}

#PPH-ExpLB ul { overflow:hidden;}
#PPH-ExpLB ul li { float:left;}
#PPH-ExpLB h4 { font-size:3em; margin-bottom:.5em; color:#000;}
#PPH-ExpLB h5 {  margin:1em 0; color:#000;}
#PPH-ExpLB p { font-size:14px;}
#PPH-ExpLB p.colorred,#PPH-ExpLB p.colortrueblack { font-size:1.5em;}

.PPH-Case div { text-align:center;}
.PPH-Case .textCase { height:80px; border:1px dashed #ddd;}
.PPH-Case .textCase p { padding:1em 0 0; margin:0; text-align:left;}
.PPH-Case .textCase h5 { color:#000; font-size:1.25em; font-weight:bold; line-height:1.25em; text-align:center; padding:1em 0 0; margin:0;}



#PPH-Target01 { background-color:#333333; text-align:center; padding:2em 0 3em;}
#PPH-Target01 h5 { font-weight:bold; color:#fff; font-size:1.5em; margin-bottom:1.75em;}
#PPH-Target01 ul>li { border:1px solid #707070; color:#fff; width:80%; margin:0 auto; border-radius:5px; line-height:2.5em; margin-bottom:1em;}
a.targetBut01 { border:1px solid #3779a0; color:#3779a0; display:block; text-align:center; line-height:3em; margin-top:1em;}
a.targetBut02 { border:1px solid #e53755; color:#e53755; display:block; text-align:center; line-height:3em; margin-top:1em;}

#PPH-Target02 { background-color:#3779a0; text-align:center; padding:2em 0 4em; position:relative;}
#PPH-Target02 h5 { font-weight:bold; color:#fff; font-size:1.5em;  margin-bottom:1.75em;}
#PPH-Target02 ul { width:70%; margin:0 auto; background-color:#fff; padding:2em; border-radius:5px;}
#PPH-Target02 ul li { text-align:left; color:#3779a0; line-height:2.25em;}
#PPH-Target02 .jg { position:absolute; width:40%; background-color:#e53755; right:0; top:40%; border-radius:5px 0 0 5px; padding:1em 0;}
#PPH-Target02 .jg p { color:#fff; font-family:"Microsoft YaHei"; font-weight:bold;  }
#PPH-Target02 .jg p:nth-child(1) { font-size:1.5em; }#PPH-Target02 .jg p:nth-child(2) { font-size:2em; }#PPH-Target02 .jg p:nth-child(3) { font-size:1.5em; font-weight:normal; text-decoration:line-through; }

#PPH-Inspect th,#PPH-Inspect td { text-align:center; padding-left:2em; padding-right:2em; vertical-align:middle;}
#PPH-Inspect td:nth-child(4) { width:25%;}
#PPH-Inspect .jg01 { font-size:1.5em; color:#f00}
#PPH-Inspect .jg02 { text-decoration:line-through; display:block;}
#PPH-Inspect a { border:1px solid #e53755; color:#e53755; display:block; text-align:center; line-height:2.5em; border-radius:5px;}

#PPH-Discount li { background-color:#e53755; text-align:center; margin-bottom:3em; }
#PPH-Discount li p { color:#fff; font-size:2.5em; font-weight:bold; line-height:1.25em; padding:.5em 0;}

.PPH-QA { border:1px solid #ddd; margin-bottom:2em;}
.PPH-QA h5 { background-color:#3779a0; color:#fff; line-height:1.5em; padding:.5em 1em; font-size:1.5em; font-weight:bold; }
.PPH-QA span { padding:1.5em; display:block;}#PPH-QA span p { line-height:2em;}

.exclamation-triangle { color:#fff; font-family:"Microsoft YaHei"; padding-top:.5em; padding-bottom:.5em;}
.exclamation-triangle p {  font-size:1.5em;}

@media(min-width:992px) {
#PPH-Tit div:nth-child(1) { text-align:right;}
}

@media(max-width:768px){
	.banner-text ul li { font-size:1.25em;}
	.banner-text p { font-size:1.25em;}
	#PPH-Case { text-align:center;  border:1px dashed #ddd; overflow:hidden;}
	#PPH-Case .textCase { height:auto; border:none; padding-bottom:1em;}
	#PPH-QA h5 { background-color:#3779a0; color:#fff; line-height:1.5em; padding:.5em 1em; font-size:1.25em; font-weight:bold; }
}

@media(max-width:320px){
	#PPH-Tit { font-size:1.5em; line-height:1.75em;}
	h2 { font-size:1.5em;} h3 { font-size:1.25em;}
	#PPH-ExpLB h4 { font-size:2em; margin-bottom:.5em; color:#000;}
	#PPH-Target02 ul { width:75%; margin:0 auto; background-color:#fff; padding:2em 1em; border-radius:5px;}
	
	}


