/* CSS Document */

html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif;}
a{font-size:12px; color:#666; text-decoration:none}
a:hover{color:#F06E24;text-decoration:none}
img{border:none}
.aboutpic{border:1px solid #ffffff; padding:3px; margin:8px}
.img:visited img{border: 2px solid #E6E7EB;}
.img img{border: 2px solid #E6E7EB;padding:3px;}
.img:hover img{border: 2px solid #014596;}
.img:hover{color: #014596 }
ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}
#body{line-height:28px;}

#left {margin:0;}
#left ul{list-style:none;padding:0;border:0;}
#left li {display: inline;}
#left li a:link,
#left li a:visited {float:left; text-decoration: none; background-color:#A2A2A2;color:#ffffff; font-size:14px;line-height:35px; padding-left:15px; padding-right:15px;margin-right:7px;  text-align:center; margin-bottom:10px}
#left li a:hover {float:left; text-decoration: none; background-color:#004696; color:#ffffff;}
#left ul .curr a{float:left; text-decoration: none; background-color:#004696; color:#FFFFFF;}


#lefts {margin:0;}
#lefts ul{list-style:none;padding:0;border:0;}
#lefts li {display: inline;}
#lefts li a:link,
#lefts li a:visited {float:left; text-decoration: none; background:url(../im/left.jpg);color:#ffffff; font-size:14px;line-height:28px; width:220px;text-align:left; padding-left:20px; margin-bottom:6px;}
#lefts li a:hover {float:left; text-decoration: none; background:url(../im/left.jpg); color:#F06E24;}


.page{ font-family:Arial, Helvetica, sans-serif;clear:both;line-height:20px; margin:10px 0; padding:5px;}
.page a{color:#666666;padding:3px;border:1px solid #666666;text-decoration:none;margin-right:5px;}
.page a:link{color:#666666}
.page a:visited {color:#666666}
.page a:hover{background:#666666;color:#fff;}
.page a:active{color:#666666}

.page span{background:#666666;color:#fff; padding:3px;border:1px solid #666666;margin-right:3px;}
.page .cur{color:#fff;}
.page .cur a{ color:#fff;margin-right:0px;}
.page .cur a:link{color:#fff;}
.page .cur a:visited {color:#fff;}
.page .cur a:hover{color:#fff;}
.page .cur a:active{color:#fff;}

#top{background-color:#1F984B; width:100%; height:5px;}
#foot{background-color:#F7F7F7; width:100%;}
.t3{color:#FFFFFF; font-size:16px;}
/* photograph CSS Document */
#photograph{height:244px;margin:0;border-bottom:5px solid #FF6E01; margin-top:130px}

/* banner */
.banner{width:100%;overflow:hidden;height:305px;position:relative; margin-top:130px; border-bottom:5px solid #FF6E01;}
.banList{position:absolute;left:50%;margin-left:-960px;height:305px}
.banList li{height:490px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:10px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#FF6E01;cursor:pointer}

.t3{ color:#336BAB; font-size:16px; font-weight:bold;}
.t1{ color:#336BAB; font-size:16px; font-weight:bold; float:left; width:85%;}
.t2{ float:right;}
.xs{position:fixed; top:0px; height:149px;;z-index:9999; width:100%;}
.hea{background:url(../im/t1.jpg) top repeat-x; width:100%; height:85px;}
.foot{background:url(../im/t1.jpg) top repeat-x; height:40px; line-height:40px; width:100%; text-align:center; color:#FFFFFF;}
.foot a {color:#FFFFFF; height:40px; line-height:40px;}
.dh{background:url(../im/dh.png); width:100%; height:55px;}
.xx{ width:100%; height:1px; background-color:#D0D0D0;}
.tt{ font-size:18px; height:40px; line-height:40px; border-bottom:2px solid #618DBE; color:#014596;}
.tt a { font-size:18px; color:#014596;}
.lm{ font-size:18px; color:#014596; height:40px; line-height:40px;}

.small{color:#014596; padding-left:23px; font-size:14px}


#leftss {margin:0;}
#leftss ul{list-style:none;padding:0;border:0;}
#leftss li {display: inline;}
#leftss li a:link,
#leftss li a:visited {float:left; text-decoration: none; background:url(../im/le.png); color:#666666; font-size:14px;line-height:32px; width:160px;  text-align:left; padding-left:20px}
#leftss li a:hover {float:left; text-decoration: none; background:url(../im/le.png); color:#F06E24;}

#nav {margin:0 auto 0px; width:980px; display:block; z-index:9999; position:relative; padding-top:8px;}
#nav .mainlevel { float:left; z-index:9999; /*IE6 only*/}
#nav .mainlevel a {color:#666; text-decoration:none; line-height:24px; display:block; padding-left:25px; padding-right:25px; text-align:center;font-size:16px; border-right:1px solid #BBBBBB ;}
#nav .mainlevel a:hover {color:#EE631C;text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute; }
#nav .mainlevel li {background:#ffffff; border-bottom:1px solid #CACACA; }
#nav .mainlevel li a {font-size:14px;background:url(../im/nav1.jpg); text-align:left; padding-left:25px; padding-right:25px; height:40px; line-height:40px;}
#nav .mainlevel li a:hover {background:#EE631C; color:#ffffff;}

#wrapper
{
	text-align:center;
}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align:center;
  display:none;
}

#overlay_pic {
    box-shadow: 10px 10px 5px #000;
}

.jscarousal
{
	width: 1000px;
	height: 120px;
	margin:0 auto;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right
{
	float: left;
	width: 23px;
	height: 44px;
	color: White;
	position: relative;
	top: 30px;
	cursor: pointer;
}
.jscarousal .jscarousal-left
{
	background-image: url(../im/left_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right
{
	background-image: url(../im/right_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents
{
	width: 898px;
	height: 120px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div
{
	position: absolute;
	width: 100%;
	height: 120px;
}
.jscarousal-contents > div > div
{
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}
.jscarousal-contents img
{
	width: 163px;
	height: 100px;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=60);
	opacity: 0.6;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}