/*big project*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#020101; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:-1; position:absolute; left:0; top:0;}
.content .bg1,
.content .bg2,
.content .bg3,
.content .bg4,
.content .bg5,.content .bg6,.content .bg7,.content .bg8{ background-repeat:no-repeat; background-position:center 0; width:100%;}

.bg1{ background-image:url(../images/bg1.jpg);height:200px;}
.bg2{ background-image:url(../images/bg2.jpg);height:200px;}
.bg3{ background-image:url(../images/bg3.jpg);height:200px;}
.bg4{ background-image:url(../images/bg4.jpg);height:200px;}
.bg5{ background-image:url(../images/bg5.jpg);height:315px;}
.bg6{ background-image:url(../images/bg6.jpg);height:255px;}
.bg7{ background-image:url(../images/bg7.jpg);height:205px;}
.bg8{ background-image:url(../images/bg8.jpg);height:225px;}

.main{ position:relative; z-index:2;width:1000px; margin:0 auto; height:1675px;}
.ps1{ top:600px; left:138px; width:750px; height:70px;}
.ps1 a{ display:block; height:70px; width:229px; margin-right:16px; float:left;}
.ps1 .zc{ background:url(../images/btn.gif) no-repeat 0 0;}
.ps1 .zc:hover{ background:url(../images/btnh.gif) no-repeat 0 0;}
.ps1 .qd{ background:url(../images/btn.gif) no-repeat -245px 0;}
.ps1 .qd:hover{ background:url(../images/btnh.gif) no-repeat -245px 0;}
.ps1 .lh{ background:url(../images/btn.gif) no-repeat -489px 0;}
.ps1 .lh:hover{ background:url(../images/btnh.gif) no-repeat -489px 0;}

.ps2{ top:1166px; width:404px; height:80px; color:#a9add6; font-size:14px; line-height:20px; left:85px;}
.ps2 p{ margin-bottom:7px;}

.ps3{ display:block; top:1384px; width:438px; overflow:hidden; text-indent:-999em; height:189px; left:50px;}

.ps4{ top:1384px; width:438px; height:189px; left:512px;}
.ps4 textarea{ border:none; background:none; padding:10px 13px; width:412px; height:104px;font:16px/25px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif; color:#b7c3e9;}
.ps4 a{ display:block; width:214px; height:55px; overflow:hidden; text-indent:-999em; float:left;}
.ps4 .tx{ background:url(../images/tx.jpg) no-repeat 0 0; margin-right:9px;}
.ps4 .tx:hover{ background:url(../images/txh.jpg) no-repeat 0 0;}
.ps4 .sina{ background:url(../images/sina.jpg) no-repeat 0 0;}
.ps4 .sina:hover{ background:url(../images/sinah.jpg) no-repeat 0 0;}
.ps4 .wb_btn{ position:absolute; bottom:0; height:55px; left:0;}

.ps5{ top:790px; left:50px; width:900px; height:307px; overflow:visible;}
.ps5 ul li{ float:left; height:307px; cursor:pointer; margin-right:22px; width:208px; position:relative; }
.ps5 ul .li_end{ margin:0;}
.ps5 .img{ position:absolute; z-index:3; left:0; top:0; width:208px; height:307px; background:url(../images/nomal.png) no-repeat 0 0;box-shadow:5px 5px 5px #000}
.ps5 .mark{ position:absolute;z-index:2; left:0; top:0; background:url(../images/open.png) no-repeat 0 0; width:208px; height:307px; }
.ps5 .hover .img{ z-index:1;}
.ps5 .hover .img{-webkit-animation:0.4s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY1;-moz-animation:0.4s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY1;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
.ps5 .hover .mark{-webkit-animation:0.4s 0.2s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY2;-moz-animation:0.4s 0.2s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY2;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;box-shadow:0 0 20px #326eb7}
@-webkit-keyframes flipOutY1{0%{-webkit-transform:rotateY(0deg); opacity:1}100%{-webkit-transform:rotateY(90deg); opacity:0}}
@-webkit-keyframes flipOutY2{0%{-webkit-transform:rotateY(-90deg); opacity:0}100%{-webkit-transform:rotateY(0deg); opacity:1;}}
@-moz-keyframes flipOutY1{0%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1}100%{-moz-transform:perspective(1000px) rotateY(90deg); opacity:0}}
@-moz-keyframes flipOutY2{0%{-moz-transform:perspective(1000px) rotateY(-90deg); opacity:0}100%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1;}}

.tip{ width:479px; border:3px solid #3c78d8; border-radius:5px; background:#203254; height:259px;}
.tip_con{ padding-top:52px; text-align:center; font-size:24px; line-height:36px; color:#bfcce4;}
.tip_con a{ display:block; width:214px; height:55px; margin:35px auto 0; background:url(../images/lq.jpg) no-repeat 0 0; overflow:hidden; text-indent:-999em;}
.tip_con a:hover{ background:url(../images/lqh.jpg) no-repeat 0 0;}
.close_a{ background:url(../images/close.gif) no-repeat 0 0; width:52px; height:52px; text-indent:-999em; overflow:hidden; position:absolute; right:-60px; top:0;}

.ps6{ top:755px; left:0; width:950px; text-align:right; height:30px; line-height:30px; color:#3c75b3; font-size:16px;}
.ps6 span{ color:#fdc33b;}

.foot{ text-align:center; color:#6b6b6b; width:100%; height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}