/*
	P08020 common.css
	author:	simple lazy
	email:	simplazy@gmail.com
	website:www.simplazy.com
*/

/* import the reset stylesheet*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
img { border:none;margin:0;padding:0;}
* {margin:0;padding:0 }

/* begin the global stylesheet */

body{background:#fff url(../images/header.jpg) repeat-x 0 90px;font:11px Arial,"Microsoft YaHei",Simsun,Mingliu,Arial,Helvetica;text-align:center;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

/* begin the specific stylesheet*/

.wrapper{position:relative;margin:0 auto;width:799px;text-align:left;background:#fff url(../images/greyback.jpg) repeat-y 0 0;}
#header{background:#fff;height:90px;}

.lang{float:right;margin-top:60px;}
.lang a{padding:1px 5px;color:#727b7c;}
.lang a:hover{color:#024EB0;text-decoration:underline;}

h1{float:left;background:url(../images/logo.jpg) no-repeat 0 50%;}
h1 a{display:block;width:220px;height:91px;}
h1 a:hover{text-decoration:none;}
h1 span{visibility:hidden;}

#nav{position:absolute;top:91px;left:0;height:38px;}
.banner{background:url(../images/header.jpg) repeat-x 0 0;padding-top:34px;}
/*<footer>*/
#footer{clear:both;width:799px;padding-top:50px;}
#footer p{background:url(../images/footline.jpg) no-repeat 50% 0;padding:20px 0;text-align:right;}
#footer span{float:left;padding:0 10px;border-left:1px solid #a2a8a9;}
#footer .f{padding-left:0;border:0 none;}
#footer a{text-decoration:none;}
#footer,#footer a{color:#a2a8a9;}
#footer a:hover{color:#024EB0;text-decoration:underline;}
/*<left right>*/
.this,
.that{float:left;padding-top:20px;color:#777;}

.this p,
.that p{line-height:16px;text-align:justify;color:#777;font-family:Arial;}

.this{clear:both;margin-right:15px;}

.this p,
.this ul{margin:10px 15px 0 0;}

.that p,
.that ul{margin-top:10px;padding-bottom:10px;}
.that p{}

.other{}

h2{margin:15px 0;height:18px;background:url(../images/word.gif) no-repeat 100% 100%;font:bold 14px Arial;color:#333;}
h2 span{display:none;}

/*<about>*/
#index{background-position:0 0;}
#index .this{width:480px;}
#index .this img{float:left;margin:0 20px 0 0;padding:1px;border:1px solid #ccc;}
#index .that{width:300px;}
#index .that ul{background:url(../images/underline.gif) repeat-x left bottom;}

#welcome{background-position:0 0;}

#lastnews{background-position:0 -125px;text-align:right;}
#index .that h2 a{font-size:12px;color:#333;font-weight:normal;text-decoration:underline;}
#index .that h2 a:hover{color:#004fb1;}
/*#index .that li{padding-left:7px;background:url(../images/dot.gif) no-repeat 0 5px;line-height:18px;}
#index .that span{float:right;}*/

#index .that li{padding-left:7px;background:url(../images/dot.gif) no-repeat 0 2px;line-height:12px; height:12px; overflow:hidden; margin-top:3px;}
#index .that span{float:right;}

#index .that p{background:url(../images/underline.gif) repeat-x left bottom;}
#index .that li a{color:#777;font-size:11px;line-height:11px;padding-bottom:1px;}
#index .that li a:hover{padding-bottom:0;border-bottom:1px solid #004fb1;color:#004fb1;text-decoration:none;}

#venture{background-position:0 -25px;}
#ggv{background-position:0 -50px;}
/*<news>*/
#news{background-position:-176px 0;} 
#news .this{clear:none;width:305px;}
/*#news .this li{height:28px;line-height:28px;background:url(../images/underline.gif) repeat-x left bottom;}*/
#news .this li{height:28px;line-height:28px;background:url(../images/underline.gif) repeat-x left 27px; overflow:hidden;}
#news .this li a{color:#000;}
#news .this li.act a{color:#004fb1;}
#news .this li a:hover{text-decoration:underline;color:#004fb1;}
#news .this li span{float:right;}
#news .that{float:right;width:475px;}
#news .that h2{font:bold 15px/14px Trebuchet MS;padding:0 3px;}
.that .detail{line-height:18px;text-align:left;padding:2px;text-align:justify;}
a.detail_btn{ float:right; color:#777777}

#pagebar{text-align:right;margin:10px;}
#pagebar a{padding:0 5px;line-height:18px;color:#000;font-weight:bold;}
#pagebar a:hover{text-decoration:underline;color:#004fb1;}
/*<about>*/
#about{background-position:-163px 0;}
#about .this{width:317px;}
#about .this p{margin-right:30px;font-size:13px;line-height:20px;}
#about .that{width:463px;}
#aboutus{background-position:0 -175px;}
#about .that h2{margin-top:50px;}
#about h3{margin-top:10px;font-weight:bold;color:#004fb1;}
#about .that p{}
/*<contact>*/
#contact{background-position:-58px 0;}
#contact .this{width:420px;}
#contactus{background-position:0 -150px;}
#contact .this p{color:#333;font:11px Arial;}
#contact .this span{font-weight:bold;color:#000;}
#contact .this .imp{margin:10px 0;line-height:18px;font-weight:bold;color:#004fb1}

#message dl{position:relative;margin-left:80px;color:#000;font:11px Arial;}
#message dt{position:absolute;top:0;left:-80px;font-weight:bold;line-height:34px;padding-left:3px;}
#message sup{color:#f30;}
#message dd{padding:7px 0;}
#message span{color:#bfaf8e;}
#message input,
#message textarea{background:#fff;padding:1px;border:1px solid #b2b2b2;font:13px Arial,'ËÎÌå',Simsun;width:280px;}
#message p{text-align:right;padding-right:42px;}
#message button{background:#004fb1;border:1px solid #b2b2b2;line-height:20px;text-align:center;font:12px Arial;color:#fff;}

#contact .that{width:360px;}
#location{background-position:0 -200px;}

/*<team>*/
#team{background-position:-500px 0;}
#ourteam{background-position:0 -75px;}
hr{clear:both;border:0 none;width:0;height:0;}
#team dl{float:left;position:relative;width:265px;height:145px;color:#727a7c;}
#team dt{margin:55px 0 5px 95px;font-weight:bold; font-size: 14px;}
#team dt a{color:#024eb0;text-decoration:none;}
#team dt a:hover{text-decoration:underline;}
#team dd{height:40px;}
#team .vi{position:absolute;top:0;left:0;display:inline;overflow:hidden;height:100%;font-size:0;}
#team .vi a:link,#team .vi a:visited{padding:1px;border:1px solid #b1b1b1;display:block;}
#team .vi a:hover{border-color:#004fb1;}

/*<person&protfolio>*/
#person,
#protfo{background-position:-227px 0;}

#person .this,
#protfo .this{width:252px;}

#person .this ul li,
#protfo .this ul li{height:30px;font-family:Helvetica;font-weight:bold;line-height:30px;background:url(../images/underline.gif) repeat-x left bottom;}
#protfo .this ul li{height:40px;line-height:40px;}
#person .this ul li a,
#protfo .this ul li a{text-decoration:none;}
#person .this ul li.act a, 
#protfo .this ul li.act a{color:#004fb1;}
#person .this ul li a:hover,
#protfo .this ul li a:hover{color:#004fb1;text-decoration:underline;}

#person .that,
#protfo .that{width:525px;}
#person .that h2{}

#person .detail,
#protfo .detail{margin-left:185px;}
#person .detail p,
#protfo .detail p{margin:0;border-bottom:0 none;}
#protfo .detail ul{line-height:18px;color:#727b7c;text-align:justify;}
#protfo .detail ul li{background:url(../images/dot.gif) no-repeat 0 5px;padding-left:5px;}
#person .spec,
#protfo .spec{float:left;clear:left;padding:6px 0 0 0;width:180px;}
#protfo .spec img{margin:0 25px;padding:1px;border:1px solid #d1d1d1;}
#person .spec a{display:block;background:url(../images/mail.jpg);width:60px;height:15px;text-decoration:none;}
#person .spec a:hover{background-position:100% 100%;}
#person .spec span{visibility:hidden;}

#zhuo{background-position:0 -300px;}
#jin{background-position:0 -320px;}
#kuan{background-position:0 -340px;}
#chu{background-position:0 -360px;}
#yu{background-position:0 -380px;}

#protfolio{background-position:0 -100px;}

/*<lps&login>*/
#login,
#lps{background:url(../images/lpsback.jpg) no-repeat 0 124px;}
#login .this,
#lps .this,
#login .that,
#lps .that{height:368px;}
#login #header,
#lps #header{margin-bottom:34px;}

#lps .this{clear:both;width:475px;_width:555px;padding-left:70px;}
#lps .that{width:215px;}

#login .this{background:url(../images/login.gif) no-repeat 90px 130px;width:325px;_width:405px;padding-left:80px;}
#login .this form{margin-top:180px;}
#login dl{margin-top:14px;height:20px;font:bold 13px Arial;}
#login dt{float:left;width:100px;height:24px;line-height:20px;color:#fff;}
#login dd{}
#login input{padding:2px;width:200px;border:1px solid #b2b2b2;}
#login .this p{text-align:right;padding:0 2px;}
#login .this a{color:#fff;text-decoration:underline;}
#login .this button{margin-left:10px;background:#004fb1;border:1px solid #fff;color:#fff;font:bold 11px Arial;}
#login #oflash{margin-top:50px;}

#lps dl{position:relative;float:left;margin-right:55px;width:167px;height:90px;border-bottom:1px dotted #fff;color:#fff;font:bold 11px Arial;}
#lps dt,#lps dd{margin-left:55px;line-height:20px;}
#lps dt{margin-top:20px;}
#lps dd.size{padding-left:34px;}
#lps dd.vi{position:absolute;top:0;left:0;margin-left:0;width:50px;height:90px;}
#lps dd.vi a{display:block;width:50px;height:90px;}

#lps dd.doc a{background:url(../images/ico/doc.gif) no-repeat 0 0;}
#lps dd.pdf a{background:url(../images/ico/pdf.gif) no-repeat 0 0;}

#lps dd.vi a span{display:block;height:90px;width:50px;visibility:hidden;}
#lps dd.vi a:hover{background-position:0 100%;}
#lps .that li{padding:15px 0;}

#file{background-position:0 -225px;}
#reader{background-position:0 -250px;}

.hid{display:none;}