.pd-banner{ background: url("../../images/pc/index_bg.jpg") top center no-repeat; height: 440px; overflow: hidden;}
.pd-banner-box{ position: relative; width: 1000px; left: 50%; margin-left: -500px;}
.pd-banner-box .br_1_1{ position: absolute; top: 40px; left: 160px; z-index: 10}
.pd-banner-box .br_1_2{ position: absolute; top: 55px; left: 475px;z-index: 10}
.pd-banner-box .br_1_3{ position: absolute; top: -80px; left: 180px;z-index: 1}
.pd-banner-box .br_1_4{ position: absolute; top: 360px; left: 120px;z-index: 2}
.pd-banner-box .br_1_5{ position: absolute; top: 250px; left: 140px;z-index: 3}
.pd-banner-box .br_1_6{ position: absolute; top: 210px; left: 240px;z-index: 5}
.pd-banner-box .br_1_7{ position: absolute; top: 210px; left: 430px;z-index: 6}
.pd-banner-box .br_1_8{ position: absolute; top: 250px; left: 630px;z-index: 4}

.pd-product-Box{ width: 1000px; margin: 0 auto;  }
.pd-product-Box .mH-Top{ padding-top: 50px;}
.pd-product-Cont{ margin-top: 40px; height: 900px;  }
.pd-product-Cont .pd-txt{ width: 300px;height: 430px; margin: 15px 15px 0 15px;overflow: hidden;  }
.pd-product-Cont .pd-txt h2{  color: #005bac; font-size: 22px; font-weight: normal;text-align: center; }
.pd-product-Cont .pd-txt span{ font-size: 14px; line-height: 30px; }
.pd-product-Cont .pd-txt p{ line-height: 180%; margin-top: 10px; text-indent: 2em;  }
.pd-product-Cont .ph-R{ position: absolute; right: -100px; bottom: 40px; z-index: 10; opacity: 0;color: #005bac;}
.pd-product-Cont .ph-L{ position: absolute; left: -100px; bottom: 40px; z-index: 10; opacity: 0;color: #005bac;}
.pd-product-Cont .pd-img{ background: url("../../images/pc/index_08.png") top center no-repeat; width: 300px; height: 167px; margin: 15px 0 0 0;}

.pd-product-Cont .pd-img .pic{  width: 207px;height: 116px; position: relative; left: 47px; top: 7px;}
.pd-product-Cont .pd-img img{  width: 207px;height: 116px; }
.pd-product-Cont .pd-img .rsp{ }
.pd-product-Cont .pd-img .rsp a{ }
.pd-product-Cont .pd-img  .text{ width: 207px;height: 116px;
	left: -200px;
	top: 0px;
	overflow: hidden;
	background-image: url("../../images/pc/index_31-1.png");
	background-position: center;
	background-repeat: no-repeat;}
.pd-product-Cont ul{}
.pd-product-Cont ul li{  float: left; width: 332px; height: 430px;  position: relative; cursor: pointer;}
.pd-product-Cont ul li .pd-txt{   z-index: 2; position: absolute;}
.pd-product-Cont ul li .pd-bg{  background-color: #f0f0f0; position: absolute; width: 331px; border: solid 1px #dedede; height: 425px; z-index: 1; top: 0; border-bottom: solid 5px #0058ac;
	-moz-box-shadow:0px 3px 10px #d9d9d9;
	-webkit-box-shadow:0px 3px 10px #d9d9d9;
	box-shadow:0px 3px 10px #d9d9d9;

}


/*/动画/*/


.imgSet0{-webkit-animation:zoomInDown 1.5s .8s ease both;-moz-animation:zoomInDown 1.5s .8s ease both;animation:zoomInDown 1.5s .8s ease both;}

.imgSet2{-webkit-animation:zoomInDown 1.5s 1s ease both;-moz-animation:zoomInDown 1.5s 1s ease both;animation:zoomInDown 1.5s 1s ease both;}

.imgSet1{-webkit-animation:zoomInDown 1.5s 1.2s ease both;-moz-animation:zoomInDown 1.5s 1.2s ease both;animation:zoomInDown 1.5s 1.2s ease both;}

.imgSet4{webkit-animation: rotateInUpLeft 1s .8s ease both;
	-moz-animation: rotateInUpLeft 1s .8s ease both;
	animation: rotateInUpLeft 1s .8s ease both;}


.imgSet10{
	webkit-animation: bounceInLeft 1s .5s ease both;
	-moz-animation: bounceInLeft 1s .5s ease both;
	animation: bounceInLeft 1s .5s ease both;
}

.imgSet11{
	webkit-animation: flipInY 1s .8s ease both;
	-moz-animation: flipInY 1s .8s ease both;
	animation: flipInY 1s .8s ease both;
}

.imgSet12{
	-webkit-animation: fadeInUp 2s 0.2s ease both;
	-moz-animation: fadeInUp 2s 0.2s ease both;
	animation: fadeInUp 2s 0.2s ease both;
}

/*/动画参数/*/
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}

@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}

	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}

	80% {
		-webkit-transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}

	80% {
		-moz-transform: translateY(10px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}

	80% {
		-o-transform: translateY(10px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		transform: translateY(-30px);
	}

	80% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(90deg);opacity: 0;}

	100%{-webkit-transform-origin: left bottom;-webkit-transform: rotate(0deg);opacity: 1;}}

@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin: left bottom;-moz-transform: rotate(90deg);opacity: 0;}

	100%{-moz-transform-origin: left bottom;-moz-transform: rotate(0deg);opacity: 1;}}

@-o-keyframes rotateInUpLeft{0%{-o-transform-origin: left bottom;-o-transform: rotate(90deg);opacity: 0;}

	100%{-o-transform-origin: left bottom;-o-transform: rotate(0deg);opacity: 1;}}

@keyframes rotateInUpLeft{0%{transform-origin: left bottom;transform: rotate(90deg);opacity: 0;}}

@-webkit-keyframes bounceInLeft{0%{opacity: 0;-webkit-transform: translateX(-2000px);}

	60%{opacity: 1;-webkit-transform: translateX(30px);}

	80%{-webkit-transform: translateX(-10px);}

	100%{-webkit-transform: translateX(0);}}

@-moz-keyframes bounceInLeft{0%{opacity: 0;-moz-transform: translateX(-2000px);}

	60%{opacity: 1;-moz-transform: translateX(30px);}

	80%{-moz-transform: translateX(-10px);}

	100%{-moz-transform: translateX(0);}}

@-o-keyframes bounceInLeft{0%{opacity: 0;-o-transform: translateX(-2000px);}

	60%{opacity: 1;-o-transform: translateX(30px);}

	80%{-o-transform: translateX(-10px);}

	100%{-o-transform: translateX(0);}}

@keyframes bounceInLeft{0%{opacity: 0;transform: translateX(-2000px);}

	60%{opacity: 1;transform: translateX(30px);}

	80%{transform: translateX(-10px);}

	100%{transform: translateX(0);}}
@-webkit-keyframes flipInY{0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}

	40%{-webkit-transform: perspective(400px) rotateY(-10deg);}

	70%{-webkit-transform: perspective(400px) rotateY(10deg);}

	100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-moz-keyframes flipInY{0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}

	40%{-moz-transform: perspective(400px) rotateY(-10deg);}

	70%{-moz-transform: perspective(400px) rotateY(10deg);}

	100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-o-keyframes flipInY{0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}

	40%{-o-transform: perspective(400px) rotateY(-10deg);}

	70%{-o-transform: perspective(400px) rotateY(10deg);}

	100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@keyframes flipInY{0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}

	40%{transform: perspective(400px) rotateY(-10deg);}

	70%{transform: perspective(400px) rotateY(10deg);}

	100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}}

@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}

	100%{opacity: 1;-webkit-transform: translateY(0);}}

@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}

	100%{opacity: 1;-moz-transform: translateY(0);}}

@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}

	100%{opacity: 1;-o-transform: translateY(0);}}

@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}

	100%{opacity: 1;transform: translateY(0);}}