.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#e4e4e4; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; 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;}
.bg div{ background-repeat:no-repeat; background-position:center 0; width:100%;height:250px;}

.bg1{ background-image:url(../images/bg1.jpg);}
.bg2{ background-image:url(../images/bg2.jpg);}
.bg3{ background-image:url(../images/bg3.jpg);}
.bg4{ background-image:url(../images/bg4.jpg);}
.bg5{ background-image:url(../images/bg5.jpg);}
.bg6{ background-image:url(../images/bg6.jpg);}
.bg7{ background-image:url(../images/bg7.jpg);}
.bg8{ background-image:url(../images/bg8.jpg);}
.bg9{ background-image:url(../images/bg9.jpg);}
.bg10{ background-image:url(../images/bg10.jpg);}

.main{ position:relative; z-index:2;width:1100px; margin:0 auto; height: 2500px;}
.ps1{ left: 141px; top: 484px;height: 68px;}
.ps1 .btn-qd{ float: left; margin-right:20px; width: 180px; height: 68px; background: url(../images/qd.jpg) no-repeat 0 0; overflow: hidden; text-indent: -999em;}
.ps1 .btn-qd:hover{ background: url(../images/qd-hover.jpg) no-repeat 0 0}
.ps1 .btn-lb{ float: left; width: 180px; height: 68px; background: url(../images/lb.jpg) no-repeat 0 0;overflow: hidden; text-indent: -999em;}
.ps1 .btn-lb:hover{ background: url(../images/lb-hover.jpg) no-repeat 0 0;}
.ps2{ top: 737px;left: 20px; width: 730px; height: 470px; z-index: 1;}
.ps2-1{ top: 700px; left: 300px; height: 20px; line-height: 20px; color: #b6aea3; font-size: 14px;}
.ps2-2{ width: 104px; height: 11px; top: 737px; left: 13px; background: url(../images/mark.gif) no-repeat 0 0; z-index: 99}
.ps2-1 span{ color: #ff4026;}
.ps3{ top: 747px; left: 770px; width: 310px;}
.ps3 li{ color: #ece9c5; font-size: 14px; line-height: 15px; padding:0 0 12px 25px; position: relative;}
.ps3 li span{ color: #fff04b;}
.ps3 li i{ width: 15px; height: 15px; text-align: center; line-height: 15px; color: #aa8e81; font-size: 12px; background: url(../images/dot1.jpg) no-repeat 0 0; position: absolute; top: 0px; font-style: normal; left: 0}
.ps4{ top: 918px; left: 808px; width: 236px; height: 280px;}
.ps5{ top: 1229px; left:899px; width: 201px; height: 122px; overflow: hidden; text-indent: -999em;}
.ps6{ top: 1359px; left: 22px; width: 700px; height: 398px; overflow: visible;}
.draw-con{ z-index: 1; width: 700px; height: 398px;}
.btn-cj{ z-index: 2; background: url(../images/cj-btn.jpg) no-repeat 0 0; width: 210px; overflow: hidden; text-indent: -999em; height: 120px; position: absolute; top: 139px; left: 244px;}
.btn-cj:hover{ background: url(../images/cj-btn-hover.jpg) no-repeat 0 0;}
.draw-con li{ width: 218px; height: 118px; border: 1px solid #dbbb89; position: absolute;}
.draw-con li img{ display: block; width: 218px; height: 118px;}
.draw-con .current{ border-color:#f30; box-shadow: 0 0 5px #f30}
.li-1{ top: 0; left: 0;}
.li-2{ top: 0; left: 240px;}
.li-3{ top: 0; left: 480px;}
.li-4{ top: 139px; left: 480px;}
.li-5{ top: 280px; left: 480px;}
.li-6{ top: 280px; left: 240px;}
.li-7{ top: 280px; left: 0px;}
.li-8{ top: 139px; left: 0px;}
.ps6-1{ top: 1292px; height: 20px; line-height: 20px; color: #705e52; font-size: 14px; left: 275px;}
.ps6-1 span{ color: #f04228;}
.ps7{ top: 1392px; left: 770px; width: 310px;}
.ps7 li{ color: #553511; font-size: 14px; line-height: 15px; padding:0 0 12px 25px; position: relative;}
.ps7 li span{ color: #d41431;}
.ps7 li i{ width: 15px; height: 15px; text-align: center; line-height: 15px; color: #fff; font-size: 12px; background: url(../images/dot2.jpg) no-repeat 0 0; position: absolute; top: 0px; font-style: normal; left: 0}
.ps8{ top: 1572px; left: 769px; width: 280px; height: 165px;}
.form-item{ margin-bottom: 10px; height: 40px;}
.form-item label{ float: left; width: 90px; color: #fff; font-size: 14px; background: #a67d49; height: 40px; text-align: center; line-height: 40px;}
.form-item .ipt{ background-color: #fff; float: left; font-size: 14px; width: 190px; border: none; height: 20px; line-height: 20px; padding: 10px 0; text-indent: 5px; color: #000;}
.form-item .error{ color: #f00; background-image: url(../images/ipt-error.jpg); background-repeat: no-repeat; background-position: right center;}
.btn-form{ background: url(../images/btn-form.jpg) no-repeat 0 0; width: 280px; overflow: hidden; text-indent: -999em; height: 60px; margin-top: 5px; display: block;}
.btn-form:hover{ background: url(../images/btn-form-hover.jpg) no-repeat 0 0;}
.ps9{ top: 1963px; left: 181px; width: 800px; height: 450px;}

.mod-tip{ width: 488px;height: 195px; padding-top: 50px; background: #edca3b; position: fixed; top: 50%; left: 50%; margin: -122px 0 0 -244px; z-index: 999}
.tip-close{ background: url(../images/tip-close.jpg) no-repeat 0 0; width: 28px; height: 27px; overflow: hidden; text-indent: -999em; position: absolute; top: 7px;right: 5px;}
.mod-tip .tip-bd{ text-align: center;}
.tip-bd .unhappy{ width: 100px; height: 100px; display: block; margin: 0 auto; background: url(../images/unhappy.jpg) no-repeat 0 0}
.tip-bd .happy{ width: 69px; height: 100px; display: block; margin: 0 auto; background: url(../images/happy.jpg) no-repeat 0 0}
.tip-bd p{ color: #000; font-size: 20px; line-height: 30px; padding-top: 5px;}


.foot{ text-align:center; color:#a29480; width:100%;  height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}