@charset "utf-8";

/*通用*/
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 14px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
li, ul { list-style-type: none; }
input, textarea {  outline: 0;  border: 0;  }
img { border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em, i {  font-weight: normal;  font-style: normal; }
a { text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; }
.container { width:1200px; margin:0 auto;}
.lf {float:left;}
.rt {float:right;}
.clear {clear:both;}

/*header*/
.header { width: 100%; height: 120px; background-color: #851561; }
.header .logo a { display: block; width: 307px; height:71px; margin-top: 24px; }
.header .change { background: url(../images/icon1.png) no-repeat left center; padding-left: 18px; line-height: 120px; }
.header .change a { color: #fff; }
.header .change a:hover { border-bottom: 1px solid #fff; }

/*nav*/
.nav{ background: url("../images/nav.jpg") no-repeat center bottom #f2f2f2; width: 260px; height: 867px;}
.nav ul li{ height: 60px; line-height: 60px;}
.nav ul li:last-child{ line-height: 20px;}
.nav ul li:last-child a { padding-top: 10px;}
.nav ul li a { display:block; font-size:18px; padding-left: 50px; width: 180px;}
.nav ul li:hover{ background: url("../images/nav-h.png") no-repeat left center; width: 260px; }

/*foot*/
.foot { background-color: #851561; width: 100%;  padding: 40px 0; text-align: center; }
.foot p { color: #fff; line-height: 26px; }