@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,dl,dt,dd{padding: 0;margin: 0;}
body{ font:12px "Microsoft YaHei", "\5b8b\4f53", Arial, Helvetica, sans-serif;_background-image:url(img/blank.gif);_background-attachment: fixed;}
table {border-collapse:collapse;border-spacing: 0;}

address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
ol,ul ,dl{list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;font-size: 100%;}
img {border:none;vertical-align:top; }
input,button{vertical-align:middle;}  
button{cursor:pointer;}
abbr,acronym { border: 0px;}
.clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.clearfix{display:inline-block; }
.clearfix {display:block;}
/*--------------------*/
a,a:link{color:#3e567b; text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:visited{}
a:hover{color:#0889d3;}
a:active{}

.fl{float:left; }
.fr{float:right; }
.clear{clear: both; height: 0;width: 0;font-size: 0; text-indent: -999em;overflow: hidden;}
/* // ----alpha---- // */
#alpha{position:absolute;z-index:998;left:0;top:0;width:100%;height:1115px;background:none repeat scroll 0 0 #000;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;display:none;}

.bg01{}
.wrap{width: 100%;height: 100%;}
.nav{width: 100%;height: 92px; border-bottom:1px solid #4d81dd; background-color: #2e5fbe; position:fixed;left: 0;top:0; z-index: 999;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));
animation:0.5s linear 0s normal none running fadeInDown;
}
.navWrap{width: 1200px;height: 92px;margin: 0 auto;}
.navLogo{width: 260px;height: 50px;margin: 22px 0 0 0;}
.navList{width: 600px;height: 92px; padding-right: 20px; position: relative;}
.navList ul{width: 600px;height: 92px; position: relative; z-index: 1;}
.navList ul li{width: 100px;height: 92px;float: left;_display: inline;}
.navList li a{width: 100px;height: 92px;line-height: 92px; text-align: center;display: block;font-size: 16px;color: #fff; background: url(img/aPoint.gif) no-repeat right center;}
.navList li a:hover,.navList li a.navCur{color:#12c8e7;}
.navList li a.aOut{color: #fff;}
.navList li.liLast{position: relative;}
.navList li.liLast a{background: url(img/icoOff.gif) no-repeat right center;}
.navList li.liLast a:hover,.navList li.liHover a{color:#12c8e7;background: url(img/icoOn.gif) no-repeat right center;}
.navList li.liLast .sub{width: 130px;height:0; padding-top: 5px;background: url(img/blank.gif) no-repeat; position: absolute;right: -20px;top: 92px; z-index: -1; overflow: hidden;}
.navList li.liLast .sub a{width: 110px;height: 36px; line-height: 36px;margin-bottom: 5px; padding-left: 20px; text-align: left; font-size:12px;color:#fff; background: url(img/subNav.png) no-repeat 0 -48px; float:left;_display: inline;}
.navList li.liLast .sub a:hover{color:#fff;background:#43bcf0;}
.navList li.liLast .sub a.aa,.navList li.liLast .sub a.aa:hover{padding-top: 3px;background: url(img/subNav.png) no-repeat 0 0;}
.navList span{width: 100px;height: 3px;display: block;background-color: #12c8e7; font-size: 0; position: absolute;left: 0;top: 0; z-index: 0;}


.IE .navList li.liLast .sub{width:130px; height:326px;display: none;}


.navList li.liHover .sub{ overflow:visible; }

/* submenu styles */
.sub {
	
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px;
}
.sub a {
   
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    transition: opacity .4s, transform .5s;
}

.navList li.liLast:hover .sub, .navList li.liLast:focus .sub {
	height:326px;
    z-index: 99;
}
.navList li.liLast:hover .sub a, .navList li.liLast a:focus .sub a {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.navList li.liLast:hover .sub a:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.navList li.liLast:hover .sub a:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    transition-delay: 50ms;
}
.navList li.liLast:hover .sub a:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;
}
.navList li.liLast:hover .sub a:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    transition-delay: 150ms;
}
.navList li.liLast:hover .sub a:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
}
.navList li.liLast:hover .sub a:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    transition-delay: 250ms;
}
.navList li.liLast:hover .sub a:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}
.navList li.liLast:hover .sub a:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    transition-delay: 350ms;
}

.sub a:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    transition-delay: 350ms;
}
.sub a:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}
.sub a:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    transition-delay: 250ms;
}
.sub a:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms;
}
.sub a:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    transition-delay: 150ms;
}
.sub a:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;
}
.sub a:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    transition-delay: 50ms;
}
.sub a:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}




/*==========更多按钮==============*/
a.more{width:12px;height:12px;border:1px solid #4d7bcc;display:block; cursor:pointer;}
a.more span{width:36px;height:16px;line-height:16px; text-align:center; font-family:Arial, Helvetica, sans-serif;color:#818181;float:left;}
a.more:hover span{color:#ab8738}
a.more var{width:12px;height:12px; text-indent:-999em;overflow:hidden;background:url(img/more.gif) no-repeat 0 0;float:left;}
a.more var{
-webkit-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-ms-transition:all 0.5s ease 0s;
transition:all 0.5s ease 0s;
}
a.more:hover var{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.IE a.more:hover{border:1px solid #b29c4f;}
.IE a.more:hover var{background:url(img/moreOn.gif) no-repeat;}



.footer{height: 50px;padding: 30px 0;}
.footWrap{width: 1200px;height: 50px;margin: 0 auto;}
.footLogo{width: 220px;height: 50px;margin-right: 20px;float: left;_display: inline;}
.copy{width: 520px;height: 50px;padding-top: 6px;float:left;}
.copy p{line-height:20px;color:#959595;}
.copy p a{color:#959595;}
.copy p a:hover{color:#3a6dc7;}
.copy p span{ font-family: "Arial";}

.footLink{width: 260px;height: 20px;margin-top: 30px;float:right;}
.footLink a,.footLink span{height:20px;line-height:20px;color:#3a6dc7;float:left;}
.footLink span{width: 12px;text-align: center;}
.footLink a:hover{color:#12c8e7;}

#backTop{width:40px;position:fixed;bottom:20px;z-index:2;left:50%;margin-left:600px;}
#backTop{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||20)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#backTop a{width:40px;display:block;height:40px;background:url(img/backTop.gif) no-repeat;text-indent:-9999em;overflow:hidden;position:absolute;bottom:165px;z-index:100; display:none;}
#backTop a:hover,#backTop a.topClick{background:url(img/backTop.gif) no-repeat 0 -40px;}