@charset "utf-8";

/* CSS Document */



html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; }

img{vertical-align:middle;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0;}

input::-moz-focus-inner { border:none; padding:0; }
.fl {
    float: left;
}
.fr {
    float: right;
}
select, input {
    vertical-align: middle;
    border: none;
    background: none;
    outline: none;
}
select, input { vertical-align:middle; }

select, input, textarea { font-size:12px; margin:0; }

textarea { outline-style:none; -webkit-appearance:none; }

textarea { resize:none; }

table { border-collapse:collapse; }

body { color:#333 ;font:12px/24px "Microsoft Yahei",Arial,"Arial Narrow",HELVETICA; overflow-x:hidden;}

a{color:#333; text-decoration:none;}

a:hover{ text-decoration:none;}

.clear{ clear:both;}



.wrap{ width:1000px; margin:0 auto;}

.relative{ position:relative;}



.logo{ position:absolute; top:179px; left:50%; margin-left:-92px; z-index:999;}
.logo_w{ position:absolute; top:179px; left:50%; margin-left:-92px; z-index:999;}



.top{ width:100%; height:36px; line-height:36px; background:#fdfdfd; border-bottom:solid 1px #efefef;}

.top p{ float:right;}

.top p a:hover{ text-decoration:underline;}



.head{ height:76px; background:#fff;}

.head a img{ position:absolute; top:7px; left:0;}

.nav{ position:absolute; top:15px;right:0px; font-size:14px; line-height:18px;}

.nav li{ width:100px; float:left; text-align:center;}

.nav li a{}

.nav li a:hover{ color:#e50050; border-bottom:solid 2px #e50050;}

/*.nav li:hover{ line-height:45px;}*/

.nav li.current{color: #e50050;border-bottom: solid 2px #e50050;}

.nav li.current a{}

.head form{ width:153px; height:26px; border:solid 1px #e1d1c8; position:absolute; top:28px; right:0; border-radius:13px; padding-left:12px;}

.head form input[type=text]{ width:124px; height:24px; border:none; background:none; outline:none;}

.head form input[type=submit]{ width:21px; height:22px; background:url(image/search.png) no-repeat; border:none; cursor:pointer;}



.sidebar{ position:fixed; width:85px; height:100%; background:rgba(255,255,255,.7); top:0; right:0; z-index:99;}

.sidebar dl{ position:absolute; width:100%; top:50%; right:0; text-align:center; color:#666;}

.sidebar dl dt{ width:55px; height:55px; background-position:center; background-repeat:no-repeat; border-radius:50%; margin:10px auto 3px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; cursor:pointer;}

.sidebar dl dt.bar-icon1{ background-image:url(image/icon1.png); background-color:#e73742;}

.sidebar dl dt.bar-icon2{ background-image:url(image/icon2.png); background-color:#ed84b1;}

.sidebar dl dt.bar-icon3{ background-image:url(image/icon3.png); background-color:#c71432;}

.sidebar dl dt.bar-icon4{ background-image:url(image/icon4.png); background-color:#e95504;}

.sidebar dl dt.bar-icon5{ background-image:url(image/icon5.png); background-color:#ed84b1;}

.sidebar dl dt:hover { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

.sidemenu{ width:40px; height:115px; color:#fff; background:#8dc21f; border-radius:10px 0 0 10px; position:fixed; top:50%; margin-top:-75px; right:85px; font-size:15px; text-align:center; padding-top:35px; line-height:20px; cursor:pointer; z-index:99;}

.huodong{ width:0; height:100%; background:rgba(141,194,31,.7); position:fixed; top:0; right:85px; z-index:9; overflow:hidden;}

.huodong a{ width:235px; height:auto; display:block; margin:20px 0 0 30px; text-align:center;}

.huodong a img{ width:100%; height:100%; }

.huodong a .info{ display:inline-block; width:100%; background:rgba(255,255,255,.5); color:#000; font-size:14px; margin:0 auto;}

.huodong a .info p{ padding:10px 15px; text-align:left; line-height:22px;}



.footer{ width:100%; height:43px; line-height:43px; background:#fff;}

.footer span{ float:right;}

.footer a{ margin:0 8px;}

.footer a:hover{ text-decoration:underline;}