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

body {	
	font-family:"微软雅黑";
    font-size: 18px;
	color: #252525;
	margin:0;
}
img{ border:0;}
A:link {
	COLOR: #252525; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #252525; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #252525; TEXT-DECORATION: none;
}
A:active {
	COLOR: #252525; TEXT-DECORATION: none;
}
ol, ul {
	list-style: none;
}

.pp_mo4_con li img{
	margin: auto;
}

ol, ul, li,
table,tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/* vertical-align: baseline; */
	/* background: transparent; */
	border-collapse:collapse;
}
*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
.cl{clear:both;}

.pp_banner{ width:100%; height:556px; overflow:hidden; background:url(../images/pp_banner.jpg) no-repeat top center;}
.pp_mo1{ width:100%; height:700px; overflow:hidden; background:#f5f8fb;}
.pp_mo1_mid{ width:1200px; height:700px; overflow:hidden; margin:0 auto; position:relative; z-index:0;}
.pp_mo1_mid_text{ width:490px; height:280px; position:absolute; z-index:1; top:120px; left:0;}
.pp_mo1_mid_img{ width:1052px; height:585px; overflow:hidden; position:absolute; top:40px; right:0;}

.pp_mo2{ width:100%; height:780px; overflow:hidden;}
.pp_mo2_tit{ width:1200px; height:auto; overflow:hidden; margin:60px auto 33px; text-align:center;}
.pp_mo2_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.pp_mo2_con ul{ width:1200px; height:auto; overflow:hidden;}
.pp_mo2_con ul li{ width:268px; height:510px; overflow:hidden; float:left; padding:10px; margin-right:16px;}
.s1{ background:#9c7ac0;}
.s1:hover{ background:#925ec8;}

.s2{ background:#4db7d5;}
.s2:hover{ background:#15a2ca;}

.s3{ background:#e97870;}
.s3:hover{ background:#e44237;}

.s4{background:#ffc869;}
.s4:hover{ background:#ffaa17;}

.pp_mo2_con ul li a:hover{ text-decoration:none;}
.pp_mo2_con ul li h2{ width:264px; height:55px; line-height:60px; color:#ffffff; font-size:24px; text-align:center; font-weight:normal;  margin-top:0px; margin-bottom:0px;}
.pp_mo2_con ul li p{ width:250px; height:auto; overflow:hidden; line-height:24px; font-size:16px; color:#ffffff; padding-top:5px; text-align:left; margin:0 auto; padding-bottom:10px;}


.pp_mo3{ width:100%; height:839px; overflow:hidden; background:url(../images/pp_mo3.jpg) no-repeat top center; text-align:center;}
.pp_mo3_tit{ width:1200px; height:113px; line-height:113px; overflow:hidden; margin:300px auto 20px; text-align:center; color:#ffffff; font-size:75px; font-weight:bold; font-family:"黑体";}

.pp_mo4{width:100%; height:891px; overflow:hidden;}
.pp_mo4_tit{ width:1200px; height:auto; overflow:hidden; margin:60px auto 33px; text-align:center;}
.pp_mo4_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.pp_mo4_con ul{ width:1200px; height:auto; overflow:hidden;}
.pp_mo4_con ul li{ width:384px; height:608px; float:left; overflow:hidden; margin-right:15px; text-align:center;}
.pp_mo4_top{ width:384px; height:392px; overflow:hidden; margin-bottom:7px; }
.pp_mo4_bot{ width:384px; height:209px; overflow:hidden;}
.mo4_01{ font-size:30px; text-align:center; line-height:40px; font-weight:bold; margin-top:18px;}
.mo4_02{ font-size:12px; line-height:23px; overflow:hidden; text-align:center;}
.mo4_03{ margin-top:7px; margin-bottom:10px;}
.mo4_04{ font-size:22px; line-height:30px; padding-bottom:12px;}
.mo4_05{ width:320px; height:auto; overflow:hidden; margin:0 auto; line-height:24px; font-size:14px; text-align:left; border-top:1px solid #aaaaaa; padding-top:10px; color:#000300;}

.pp_mo5_mo6{ width:100%; height:1399px; overflow:hidden;  background:url(../images/pp_mo5_bg.jpg) no-repeat top center;}
.pp_mo5_mo6_mid{width:1200px; height:1399px; overflow:hidden; margin:0 auto; position:relative; z-index:0; }
.pp_mo5_ti{ width:595px; height:775px; overflow:hidden; position:absolute; overflow:hidden; z-index:3; right:102px; top:20px;}
.pp_mo5{ width:1200px; height:700px; overflow:hidden;}
.pp_mo6{ width:1200px; height:699px; overflow:hidden;}
.pp_mo6_left{ width:770px; height:auto; float:left; overflow:hidden;}

.pp_mo6_rig{ width:430px; height:auto; float:right; overflow:hidden;}
.pp_mo7{ width:100%; height:698px; overflow:hidden; background:#ffaa15;}
.pp_mo7_mid{ width:1200px; height:698px; overflow:hidden; margin:0 auto; position:relative; z-index:1px; background:url(../images/pp_mo7.png) no-repeat 500px 150px;}
.pp_mo7_text{ width:600px; height:698px; position:absolute; z-index:1;}

.abimg {}
.abimg ul li {position:relative;-moz-perspective:1000px;-webkit-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px;}
.rotabox {display:block;-moz-transform-style:preserve-3d;-moz-transition:all 1.0s ease-in-out;-webkit-transform-style:reserve-3d;-webkit-transition:all 1.0s ease-in-out;-o-transform-style:preserve-3d;-o-transition:all 1.0s ease-in-out;-ms-transform-style:preserve-3d;-ms-transition:all 1.0s ease-in-out;transform-style:preserve-3d;transition:all 1.0s ease-in-out;}
.face {	position:absolute;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden !important;backface-visibility:hidden;}
.face.faceback {display:block;-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.rotateon {-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.abimg a:hover{ text-decoration:none;}