@charset "utf-8";

/* Reset 
-------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img{
    display: block;
}
select, input, textarea, button { outline:none; }

ul,ol{ list-style-type:none; }


a{ color:#666666; text-decoration:none; outline:none;}

/* Always force a scrollbar in non-IE */
html { 
	background: #ffffff; 
	color: #666666; 
	overflow-y: scroll; 
	overflow-x: hidden;
}

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
body { 
	font:12px times, "SimSun"; 
	outline:none;
	background: url(../img/bg.png) repeat; 
} /* Hack retained to preserve specificity */

html,body{-webkit-text-size-adjust:none; width:100%; height:100%;}
/*block*/

.fl{ float:left;}
.fr{ float:right;}



.wrapper{ width:1280px; height:100%; margin:0 auto;  position:relative; }
.container-wrapper{ width:1196px; height:auto; padding:42px 42px 42px 42px;}

#member-function-bar{ position:absolute; right:100px; top:10px;}
#member-function-bar a:hover{ color:#cccccc; }

/*corner-------*/
.corner-bar{ width:1196px; height:8px; overflow:hidden;}
.corner-middle{ width:1196px; height:20px; overflow:hidden;}
.corner-1{ width:8px; height:8px; background:url(../images/corner-1.gif) 0 0 no-repeat;}
.corner-2{ width:8px; height:8px; background:url(../images/corner-2.gif) 0 0 no-repeat;}
.corner-3{ width:8px; height:8px; background:url(../images/corner-3.gif) 0 0 no-repeat;}
.corner-4{ width:8px; height:8px; background:url(../images/corner-4.gif) 0 0 no-repeat;}
.corner-5{ width:1180px; height:8px; background:url(../images/corner-5.gif) 50% 0 no-repeat;}
.corner-6{ width:8px; height:20px; background:url(../images/corner-6.gif) 0 0 no-repeat;}

.corner-content-wraper{ width:1080px; height:20px; line-height:20px; padding:0 50px; position:relative;}
.corner-content-wraper a{ font-size:13px; font-style:italic;}
.corner-content-wraper a:hover, .corner-content-wraper a.actived{ color:#cccccc;}

/*----------*/

/*header---------------------------------------------------*/
#header{ width:1196px; position:relative;}
.header-wrapper{ position:relative; width:1080px; padding:50px 58px 38px 58px; }
#logo{ position:absolute; top:0; right:58px; width:167px; height:130px; background:url(../images/logo.gif) 0 0 no-repeat;}
#logo a{ width:100%; height:100%; display:block; text-indent:-9999px;}

#web-title{ width:230px; height:35px; background:url(../images/web-title.gif) 0 0 no-repeat; margin-bottom:45px;}
#web-title a{ width:100%; height:100%; display:block; text-indent:-9999px;}

/*--------------------*/


/*footer--------*/
#footer{width:1196px; position:relative;}
.footer-wrapper{ position:relative; width:1080px; height:33px; padding:50px 58px 50px 58px;}

/*-----------*/



.menu{ width:1080px; height:33px; }
.menu a{ width:135px; height:33px; display:block; float:left;}
.menu a.menu-news{ background:url(../images/menu-news.gif) 0 0 no-repeat;}
.menu a.menu-about{ background:url(../images/menu-about.gif) 0 0 no-repeat;}
.menu a.menu-work{ background:url(../images/menu-work.gif) 0 0 no-repeat;}
.menu a.menu-shop{ background:url(../images/menu-shop.gif) 0 0 no-repeat;}
.menu a.menu-gdc{ background:url(../images/menu-gdc.gif) 0 0 no-repeat;}
.menu a.menu-members{ background:url(../images/menu-members.gif) 0 0 no-repeat;}

.menu a.menu-terms{ background:url(../images/menu-terms.gif) 0 0 no-repeat;}
.menu a.menu-policy{ background:url(../images/menu-policy.gif) 0 0 no-repeat;}
.menu a.menu-links{ background:url(../images/menu-links.gif) 0 0 no-repeat;}
.menu a.menu-contact{ background:url(../images/menu-contact.gif) 0 0 no-repeat;}

.menu a:hover, .menu a.actived{ background-position:0 -33px;}




#main{ width:1080px; padding:40px 58px 48px 58px; position:relative; float:left;}
#main-container{ width:1080px; float:left; }
#other-container{ width:1080px; float:left; margin-top:20px;}

.work-item{color:#ffffff; display:block; width:270px; height:200px; position:relative; float:left; overflow:hidden;}
.work-item .layer-title{ position:absolute; top:0; left:0; z-index:4; font-style:italic;  }
.work-item .layer-front{ width:100%; height:100%; background:#cccccc; position:absolute; top:0; left:0; z-index:3;}
.work-item .layer-middle{ color:#333333; width:260px; padding:60px 5px 0px 5px; position:absolute; top:0; left:0; z-index:2;}
.work-item .layer-behind{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}

.work-item .layer-middle span{ font-size:14px; font-weight:bold;}
.work-item .layer-middle p{ line-height:24px; margin-top:20px;}


.work-box{color:#ffffff; display:block; width:270px; margin-top:40px; position:relative; float:left; overflow:hidden;}
.work-box .layer-text{ color:#666666; float:left; padding:14px 0 0 0;  }
.work-box .layer-text span{ font-size:13px; display:block; padding-bottom:10px;}
.work-box .layer-text span a{ color:#666666;}
.work-box .layer-text span a:hover{ color:#999999;}
.work-box .layer-text p{ width:100%; overflow:hidden; line-height:20px;}



.column-1{ width:270px;  }
.column-2{ width:810px;  }
.column-3{ width:660px;  }

.column-2 p{ line-height:22px; }
.column-2 div{ line-height:22px; }


.column-2 p:first-child{ line-height:22px; margin-top:-5px;}
.column-2 p:first-child img{ margin-top:5px;}







.column-w{ width:250px;}
.column-w span{ display:block;}


.column-m{ width:270px;}
.column-m span{ display:block;}

.column-w .desc{ width:100%; height:300px; overflow:hidden; margin-top:40px; line-height:20px; color:#666666;}

.complain-wraper{ margin-top:40px;}
.complain-wraper a{text-decoration: underline; color:#FF0000;}
.complain-wraper a:hover{ color:#990000;}
.complain-wraper span{margin-top:15px; line-height:18px; color:#A22F2F;}


/*bx*/
.bx-wrapper{ width:810px; height:524px;}



.menu-left-1{ font-size:13px;}
.menu-left-1 li{ height:44px;}
.menu-left-1 li a span{ line-height:16px;}
.menu-left-1 li a:hover{ color:#cccccc;}
.menu-left-1 li a.actived{ color:#cccccc;}

.f-italic{ font-style:italic;}






.people-items{ width:1080px; position:relative; float:left; overflow:hidden;}
.left-items{ width:130px; height:248px; float:left;}
.right-items{ width:945px; float:right;}

.pe-title{ width:120px; height:180px; border-left:3px #666666 solid; padding-left:5px; font-style:italic;}
.pe-title span{ display:block;}
.pe-title .num{ margin-top:20px; font-size:22px;}

.pe{ width:130px;  padding-right:5px; float:left; padding-bottom:33px;}
.pe a{ width:130px; height:215px; display:block; overflow:hidden;}
.pe a:hover{ color:#cccccc;}
.pe span{ display:block; line-height:16px;}
.pe-g{ width:130px; height:180px; background:#EBEBEB;}






.pe-introduce{ width:100%; float:left;}
.pe-baseinfo{ float:right; width:810px; float:right;}
.pe-baseinfo table tr td{ height:22px;}
.pe-baseinfo table tr td span{ display:block; float:left; width:50px;}
.pe-baseinfo table tr td p{ display:block; float:left;}

.pe-baseinfo-text{ line-height:22px; margin-top:40px;}






#g-category{  position:absolute; top:251px; left:575px; z-index:999;
filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
-moz-opacity:0.7; /*Firefox私有，透明度50%*/
opacity:0.7;/*其他，透明度50%*/
background:#F0F0F0;
padding:0 5px ;
display:none;
}

#g-category a{ display:block; color:#666666; line-height:22px;}
#g-category a span{ font-style:italic;}
#g-category a:hover{ color:#cccccc;}
#g-category a.actived{ color:#cccccc;}





.y-list{ margin-top:20px;}
.y-list li{ height:24px; position:relative; }
.y-list li a:hover, .y-list li a.actived{ color:#cccccc; }

.y-article{ position:absolute; top:0; left:60px; z-index:99;}
.y-article a{ display:block; height:24px;}
.y-article a span{ display:inline; font-style:italic;}
.y-article a.actived, .y-article a:hover{ color:#cccccc;}







.tb-grzl{ width:660px;}
.tb-grzl tr{ width:100%;}
.tb-grzl td{ border-top:2px #666666 solid; height:28px; line-height:28px;}
.tb-grzl label{ font-size:13px; color:#000000;}
.tb-grzl span{ color:#9D9D9D; font-size:13px;}
.tb-grzl input, .tb-grzl select{ border:none; display:none;}
.tb-grzl button{ border:none; background:none; cursor:pointer; padding:0; float:right; margin-top:6px;}
.tb-grzl button:hover{ color:#cccccc;}
.tb-grzl button.btn-update{ display:none; color:#ff0000;}
.tb-grzl em{ float:right; display:none; margin-right:5px;}




.tb-zpzl{ width:500px;}
.tb-zpzl tr{ width:100%;}
.tb-zpzl td{ border-top:2px #666666 solid; height:28px; line-height:28px;}
.tb-zpzl label{ font-size:13px; color:#000000;}
.tb-zpzl span{ color:#9D9D9D; font-size:13px;}
.tb-zpzl input, .tb-zpzl select{ border:none; }
.tb-zpzl button{ border:none; background:none; cursor:pointer; padding:0; float:right; margin-top:6px;}
.tb-zpzl button:hover{ color:#cccccc;}
.tb-zpzl button.btn-update{ display:none;color:#ff0000;}
.tb-zpzl em{ float:right; display:none; margin-right:5px;}


.btn-zpzl-wraper{ margin-top:10px;}
.btn-zpzl-wraper button{text-decoration:underline; cursor:pointer; border:none; background:none; padding:0;}
.btn-zpzl-wraper button:hover{ color:#cccccc;}























.m-table-wraper{ width:300px; height:200px;}
.m-table-wraper div.m-table-line{position:relative; width:100%; height:30px; padding-bottom:5px;}
.m-table-wraper label{ font-size:13px; position:absolute; top:3px;}
.m-table-wraper span{ width:260px; position:absolute; left:40px;}
.m-table-wraper span input{ width:100%; border-bottom:2px solid #666666; border-top:none; border-left:none; border-right:none; background:#ffffff;}

.m-table-wraper .botton-warp{ margin-top:10px; text-align:right; }
.m-table-wraper .botton-warp input{ font-size:12px; padding:0; margin:0; border:none; background:none; cursor:pointer; color:#666666;}
.m-table-wraper .botton-warp input:hover{ color:#999999;}

.error-tips{ color:#000000; height:20px; line-height:20px; margin-top:10px; font-style:italic; text-align:right;}
.get-pwd{ color:#cccccc; margin-top:20px; text-align:right;}
.get-pwd a:hover{ color:#999999;}








.lbtn-wrap a:hover{ color:#cccccc;}




#icp
{
    position: absolute;
  right: 58px;
  top: 50px;
}
#icp span{   display: block;
  text-align: right;
  font-size: 13px;}























#pagination{ width:100%; text-align:center;}
#pagination a{ margin:0 6px;  font-size:14px; font-weight:bold;}
#pagination a:hover, #pagination a.actived{ color:#cccccc;}
#pagination span{ width:8px; height:20px; background:url(../images/corner-6.gif) 0 50% no-repeat; }










.