﻿@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

body{ background: #43346D url(../images/bg.jpg) no-repeat center top;}
.wrap{ position: relative; width: 924px; margin: 0 auto 123px auto; background: url(../images/wrap_bg.jpg) repeat-y center top;}
.title{ position: relative; height: 113px; margin-left: 42px;}
.title p{ position: absolute; left: 120px; top: 77px; font-size: 18px; color: #48465C;}
.title span{ font-size: 22px;}

/* header */
.header{ position: relative; height: 1385px; background: url(../images/header.jpg) no-repeat center top;}
.logo_pgp{ position: absolute; top: 90px; left: 480px;}
.header .text{ position: absolute; top: 378px; left: 50%; width: 800px; margin-left: -400px; line-height: 21px; text-align: center; color: #D5D6DB;}
.header .btn{ position: absolute; background: url(../images/btn.png) no-repeat;}
.header .b1{ top: 1221px; left: 232px; width: 99px; height: 123px; background-position: 0px -21px;}
.header .b2{ top: 1200px; left: 360px; width: 202px; height: 142px; background-position: -128px 0px;}
.header .b3{ top: 1221px; left: 583px; width: 117px; height: 123px; background-position: -351px -21px;}
.header .b1:hover{ background-position: 0px -164px;}
.header .b2:hover{ background-position: -128px -143px;}
.header .b3:hover{ background-position: -351px -164px;}

/*nav*/
.nav{ position: fixed; top: 50%; right: 2%; margin: -252px 0 0 963px; width: 99px; height: 504px; z-index: 2;}

.nav a{ position: absolute; width: 63px; height: 72px; background: url(../images/nav.png) no-repeat 0 0;}
.nav a:hover, .nav a.on{ background-position: 0 -72px;}
.nav a.n1{ top: 0; left: 0;}
.nav a.n2{ top: 62px; left: 34px;}
.nav a.n3{ top: 124px; left: 0;}
.nav a.n4{ top: 186px; left: 34px;}
.nav a.n5{ top: 247px; left: 0;}
.nav a.n6{ top: 309px; left: 34px;}
.nav a.n7{ top: 371px; left: 0;}
.nav a.go_top{ top: 432px; left: 34px;}

.nav a span{ display: block; width: 100%; height: 100%; background: url(../images/nav_text.png) no-repeat;}
.nav a.n1 span{ background-position: 17px 18px;}
.nav a.n2 span{ background-position: -17px -44px;}
.nav a.n3 span{ background-position: 17px -106px;}
.nav a.n4 span{ background-position: -17px -168px;}
.nav a.n5 span{ background-position: 17px -229px;}
.nav a.n6 span{ background-position: -17px -291px;}
.nav a.n7 span{ background-position: 17px -353px;}
.nav a.go_top span{ background-position: -17px -414px;}

/*content*/
.content{ width: 752px; margin: 0 auto; padding-bottom: 70px; color: #49496B; line-height: 21px;}
.content img{ max-width: 752px;}
.content th{ font-weight: normal; white-space:nowrap; vertical-align: top;}
.content .ps{ color: #8779B6;}

.footer{ height: 404px; background: url(../images/footer.jpg) no-repeat 0 0;}

/*.petals{ position: absolute; left: -260px; width: 1336px; height: 820px; z-index: 1;}
.petals_right{ background: url(../images/petals_right.png) no-repeat 0 0;}
.petals_left{ background: url(../images/petals_left.png) no-repeat 0 0;}*/













