@charset "utf-8";
/* CSS Document */


#banner{background:url(images/hsbhpc_02.jpg) no-repeat center;height:522px;overflow:hidden}
#banner #wz{background:url(images/gsbhbn_03.png) no-repeat center;height:336px;width:837px;margin:80px auto;animation:t1 4s;}
#wz #d1{width: 640px;height: 100px;margin: 230px 0 0 90px;display:inline-block;}
@keyframes t1{  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes t1 {/*针对webkit内核*/  
    0% {opacity: 0;}  
    100% {opacity: 1;}  
}  
p{font-family: Arial,Helvetica,sans-serif;}
#wrapper {animation: fade-in;/*动画名称*/animation-duration: 3s;/*动画持续时间*/-webkit-animation:fade-in 3s;/*针对webkit内核*/ }  
.zxa a{-webkit-transition-property: background-color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;font-size:30px;vertical-align:bottom;font-weight:normal;line-height:40px;color:#fff !important;background:#dd8b5e;padding:.2em 1em;border-radius:999em;}
.zxa{;margin:20px;text-align:center;clear: both;}
.zxa a:hover{background-color:#e61e52;}
#p1{width:1140px;margin:50px auto 0px auto;height:471px;background:url(images/hsbhpc_03.jpg) no-repeat;}
h2{background:url(images/hsbhpc_09.jpg) no-repeat center;margin: 0 auto;height: 80px;width: 455px;padding-top: 7px;font-weight: bold;text-align: center;font-size: 32px;letter-spacing: 1px;color: #fff;}
#p1 div{width:700px;}
#p1 p{font-size:20px;line-height:180%;letter-spacing:2px;text-indent:2em;margin: 50px auto;}
hr{width: 70%;border-style: dashed;border-color: #777;}
.hr-l{width:1440px;;margin:30px auto;overflow:hidden;}
.hr-r{width:1440px;;margin:30px auto;overflow:hidden;}
.hr-l hr{float:left;}.hr-r hr{float:right;}
h3{background:url(images/hsbhpc_17.jpg) no-repeat center;margin: 0 auto;height: 73px;width: 342px;padding-top: 30px;font-weight: bold;text-align: center;font-size: 32px;letter-spacing: 1px;color: #fff;}
#p2-d1{float:right;width:500px;margin-right:100px;}
#p2-d1 p{margin:50px 0;font-size:20px;line-height:180%;font-family: Arial,Helvetica,sans-serif;letter-spacing:2px;text-indent:2em;}
#p2{width: 1000px;margin: 0 auto;overflow:hidden;}
#p3{background:url(images/hsbhpc_15_02.jpg) no-repeat center;height:500px;overflow:hidden;padding-top: 50px;}
#p3 ul{width:1140px;margin:0 auto;height: 420px;}
#p3 ul img{display:block;margin:0 auto;}
#p3 li{float:left;}
#p4 {margin:0 auto;width:1140px;text-align:center;}
#p4-w{display: inline-block;height: 266px;overflow: hidden;background: #edd5c8;font-family: Arial,Helvetica,sans-serif;text-align: right;width: 400px;line-height: 180%;margin-bottom: 40px;letter-spacing: 1px;margin: 40px 10px;}
#p4-w p{font-size: 24px;margin: 20px 0;font-weight: bold;}
#p5{width:1140px;margin:0 auto;height:800px;text-align:center;}
#p5 li{float:left;width:261px;position: relative;overflow: hidden;margin-top:30px;border-radius: 50%;height:261px;border-radius:50%;position:relative;cursor: default;}
#p5 li span{position: absolute;text-align:center;padding: 120px 0 0 0;height: 141px;border-radius: 50%;width: 261px;font-size: 28px;background: url(images/zpbg.png) repeat;color:#FFF;z-index:1;}
#p5 li .p5-t{-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);webkit-transition: all 400ms ease-in;transition: all 400ms ease-in;-webkit-transform-style:preserve-3d;transform-style: preserve-3d;}
#p5 li:hover .p5-t{display:block;-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);}
#p5 ul{height:620px;}
#p5 li .p5z{position:absolute;top:0;left:0;-webkit-transition: all 400ms ease-in;transition: all 400ms ease-in;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index:2;}
#p5 li:hover .p5z{	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.li1{margin-left:32px;}
.li2{margin:0 32px;}
.p6{width: 1140px;margin: 0 auto;text-align: center;}
.p6 img{margin: 20px 0;}
#p7{height:85px;background:url(images/hsbhpc_71.jpg) repeat-x;}