@charset "utf-8";
/* CSS Document */

/*页面整体属性*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,textarea,button,hr,blockquote,pre{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1em;}
ul,ol,dl{list-style-type:none;}
ul { display:block;}
table{border-collapse:separate;table-layout:fixed;empty-cells:show;}
img,input,button,select{vertical-align:middle;}
input,button,select,textarea{font-family:'\5fae\8f6f\96c5\9ed1';font-size:12px;vertical-align:baseline;*vertical-align:middle;}
textarea{padding:2px 3px;border:1px solid #555;}
html{overflow-y:scroll; display:block;}
body{color:#000;font:12px/1.7 Arial; background:#99d6ff;}


a:link {color:#000;text-decoration: none;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: none;color: #4e85bf;}
a:active {text-decoration: none; color: #000;}
img {border: none;}
.clear { clear:both;}
.glt { float:left;}
.gft{ float:right;}
.padd10 { padding:10px;}

/*inputTemplate start*/

textarea, input[type="text"] {
	background-color: #ffffff;
	width:80%;
	height:16px;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding:4px 6px;font-size:12px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;
}
textarea:focus, input[type="text"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

input[type="button"],input[type="submit"],input[type="reset"] {display:inline-block;*display:inline;*zoom:1;padding:2px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #bbbbbb;*border:0;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(to bottom, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#0044cc;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{color:#ffffff;background:#0044cc;*background:#003bb3;}

select { height:24px; border-radius:3px; padding:0 5px;}

.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.paginator {float:right; height:25px; overflow:hidden; }
.paginator,.paginator input,.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }
.paginator a,.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }
.paginator a {color:#085C9B; }
.paginator b{font-family:"宋体"; margin:3px;font-weight:300;}
.paginator a:link,.paginator a:visited,.paginator a:hover,.paginator a:active {text-decoration:none; }
.paginator .page-start,.paginator a,.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#D4105A;padding:0px 8px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }
/*inputTemplate end*/
.messageContainer{ overflow:hidden; padding:15px 10px;}
.messageContainer .messageList{ overflow:hidden; color:#000; font-family:"宋体";}
.messageContainer .messageList ul{ border:#cbc9bd 1px solid; margin:0 0 5px 0;}
.messageContainer .messageList ul li[class="ititle"]{ margin:0 2px; padding:0 2px; border-bottom:#cbc9bd 1px solid; line-height:28px;}
.messageContainer .messageList ul li[class="icontent"]{ padding:5px;}
.messageContainer .messageList ul li span{ color:#F00; padding:0 0 0 5px;}
.messageContainer .messageList ul li p{padding:0 0 0 5px;}
.messageContainer .messageInput{ border:#cbc9bd 1px solid; overflow:hidden;}
.messageContainer .messageInput .inputTitle{ height:26px; line-height:26px; background:url(../images/mesWhiteBg.gif) repeat-x;}
.messageContainer .messageInput .inputTitle li{ width:85px; text-align:center; background:url(../images/mesBlackBg.gif) no-repeat; font-family:"宋体"; color:#FFF;}
.messageContainer .messageInput .inputTemp{ margin:15px;}
.messageContainer .messageInput .inputTemp td{ padding:3px 0;}
.messageContainer .messageInput .inputTemp textarea{ height:60px;}


/*
<div class="messageContainer">
      <div class="messageList"> <stl:inputContents inputName="在线留言">
        <ul>
          <li class="ititle"><strong>Title：</strong><stl:inputContent type="title"></stl:inputContent></li>
          <li class="icontent"><stl:inputContent type="content"></stl:inputContent> <stl:inputContent type="Reply" leftText="<br><span>* Reply：{stl:inputContent type=AddDate}</span><br>"></stl:inputContent></li>
        </ul>
        </stl:inputContents> </div>
      <div class="messageInput">
        <ul class="inputTitle">
          <li>Message</li>
        </ul>
        <ul class="inputTemp">
          <stl:input inputName="在线留言"></stl:input>
        </ul>
      </div>
    </div>
	*/
/*inputTemplate end*/


.global{ width:800px; margin:auto;}
/*header start*/

.header{ overflow:hidden;}
.header .toper{ position:relative; height:132px; background:#fff; border-bottom:#111199 10px solid;}
.header .toper a.logo{ position:absolute; top:45px; left:30px;}
.header .toper a.txt{ position:absolute; top:50px; left:140px;}
.header .toper li.seter{ position:absolute; right:20px; top:20px;}
.header .nav{ border-top:#ff0000 10px solid; height:24px; line-height:24px;}
.header .nav li{ width:160px; float:left; text-align:center;}
.header .nav li a{ display:block; color:#FFF; background:url(../images/btn_black.gif) no-repeat;}
.header .nav li a:hover,.header .nav li a.active{ background:url(../images/btn_black_blue.gif) no-repeat;}


/*header end*/

.wrapper{ overflow:hidden;}
.wrapper ul.content{ padding:10px 0; line-height:26px;}
.wrapper ul.content p{ margin:10px 0;}

.footer{ overflow:hidden; margin:20px auto;}
.footer a.footLogo{ display:block; float:left; width:94px;}
.footer ul.txt{ float:right; width:690px; text-align:center;}


.foucs{ text-align:center; position:relative; margin:10px auto; height:410px;}
.foucs div.hd{ position:absolute; bottom:20px; z-index:10; left:50%; margin:0 0 0 150px;}
.foucs div.hd ul{ height:16px; line-height:20px; overflow:hidden;}
.foucs div.hd ul li{ width:22px; margin:0 0 0 1px; float:left; color:#FFF; cursor:pointer; height:16px; background:url(../images/currentselbg.gif) left bottom no-repeat;}
.foucs div.hd ul li.on{ background:url(../images/currentsel.gif) left bottom no-repeat;}
.foucs div.bd{ height:410px;} 
.foucs div.bd ul{ height:410px;} 
.foucs div.bd ul li{ height:410px;} 
.foucs div.bd ul li span{ display:inline-block; vertical-align:middle; width:1px; height:100%; margin-left:-1px;}
.foucs div.bd ul li img{ max-height:410px;}