/* CSS Document 2009.7 */
body{font-family:"微软雅黑";text-align:left;margin:0 auto;padding:0;background:#FFF;font-size:12px;color:#333;}
body > div{text-align:left;margin-right:auto;margin-left:auto;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}
a{outline-style:none;color:#333;text-decoration:none;}
a:hover{color:#27a9e3;text-decoration:none;}
.fill{clear:both;}
/* Link */
a{color:#414141;text-decoration:none;}
a:hover {color:#ff3333;text-decoration:underline;}
form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul{list-style:none; padding:0px; margin:0px}
.clear {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 0px}

#info{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; z-index:100;position:fixed;_position: absolute;_top: expression(documentElement.scrollTop + "px"); display:none;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/*    通用样式调用   */ 
.page{width:100%; height:30px; margin:5px auto; clear:both; text-align:center; color:#000000; line-height:30px; font-size:13px;}
/*.page a,.page span,.page select{-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);  -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease;}*/
.page a{color:#000000; width:auto; height:28px; padding:0px 15px 0px 15px; float:left; background:#39F; color:#FFF; margin-left:5px;}
.page span{color:#000000; width:auto; height:28px; padding:0px 15px 0px 15px; float:left; background:#090; color:#FFF; margin-left:5px;}
.page select{float:right; width:120px; height:26px; margin-right:5px; background:#39F; border:#FFF 1px solid}

.page_2{width:100%; height:27px; margin:5px auto; clear:both; padding-top:3px; padding-bottom:2px; text-align:center; color:#000000}

.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

#kinMaxShow{visibility: hidden;width: 100%; min-width:1100px; height:350px;overflow: hidden; background: url(style-image/banner_bg.jpg) center repeat-x;}
#kinMaxShow_2{visibility: hidden;width: 100%; min-width:1100px; height:150px;overflow: hidden; background: url(style-image/banner_bg.jpg) center repeat-x;}


*{ padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

/* head */
#top_all{width:100%; min-width:1000px; margin:0px auto; background:#edf1f2; height:32px; line-height:35px;}
#top{width:1000px; height:32px; margin:0px auto; overflow:hidden}
#top_left{width:400px; height:32px; float:left; overflow:hidden; color:#333}
#top_right{width:590px; height:32px; float:right; color:#666}
.top_r_member{width:590px; height:32px; float:left; text-align:right; overflow:hidden}

.head_logo_info{width:1000px; height:105px; margin:0px auto; overflow:hidden}
.head_logo{width:550px; height:100px; padding-top:5px; float:left}
.head_info{width:440px; height:105px; float:right}

.head_nav_all{width:100%; min-width:1000px; margin:0px auto; background:#0c3688; height:60px; line-height:32px;}
.head_nav{width:1000px; height:40px; padding-top:15px; margin:0px auto; overflow:hidden; position:relative}
.head_nav ul{margin:0px; padding:0px}
.head_nav ul li{float:left; font-size:15px; font-weight:bold; color:#FFF; font-family:"微软雅黑"; text-align:center}
.head_nav ul li a{color:#FFF; font-family:"微软雅黑";}
.hn1{width:100px; height:40px; text-align:center}
.hn2{width:25px; height:40px; text-align:center}
.head_n_n{width:22px; height:12px; position:absolute; top:5px; left:320px; background:url(style-image/hl_new.png) no-repeat}

.logolabel{width:152px; height:60px; position:absolute; top:-38px; left:50px; text-align:center; line-height:52px; background:url(style-image/alert_2.png) no-repeat!important; _background:url(style-image/alert_2.gif) no-repeat; font-weight:bold; color:#FFF; display:none}
.webxd{width:220px; height:210px; padding:60px 10px 0px 10px; position:absolute; top:50px; left:30px; background:url(style-image/alert.png) no-repeat!important; _background:url(style-image/alert.gif) no-repeat; display:none}
.webxd_title{width:70%; height:30px; position:absolute; top:60px; right:20px; font-size:16px; color:#F00; font-weight:bold; overflow:hidden}
.webxd_title2{width:90%; height:30px; position:absolute; top:90px; right:5px; font-size:14px; font-weight:bold; overflow:hidden}
.webxd ul{width:88%; height:125px; position:absolute; top:120px; right:10px; overflow:hidden}
.webxd ul li{width:43%; height:25px; float:left; padding-left:5%; background:url(style-image/ico_3.png) 0px 6px no-repeat;}
.webxd_close{width:45px; height:45px; position:absolute; bottom:-10px!important; right:-10px!important; _bottom:0px; _right:0px; cursor:pointer; background:url(style-image/close.png) 0px 0px no-repeat!important; _background:url(style-image/close.gif) 0px 0px no-repeat;}
#webxdbg{width:100%; height:100%; position:fixed; position:absolute; z-index:10000;_position: absolute;_top: expression(documentElement.scrollTop + "px");filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/* nav */
#nav { display:block; width:900px; _width:900px; position:absolute; z-index: 3; text-shadow:0 1px 0 #00;}
#nav .mainlevel{float: left; font-size:16px; line-height:70px; height:70px; _width:130px; background:url(./style-image/nav_bit.gif) no-repeat right}
#nav .mainlevel a {color:#000; text-decoration:none; height:70px; display:block; padding:0 25px; }
#nav .mainlevel a:hover{color:#FFf; text-decoration:none;background:url(./style-image/nav_bg1.png) repeat-x; background:#600000}
.navn{color:#fff; text-decoration:none;background-image:url(./style-image/nav_bg1.png); background:#600000}
#nav .mainlevel ul {display:none; position:absolute; border-bottom:3px solid #000; background:#600000;}
#nav .mainlevel li {background:#600000; height:30px;line-height:30px; font-size:12px; width:114px; _width:130px; overflow:visible!important;}
#nav .mainlevel li a{color:#FFF}
.log {text-align:center; color:skyblue; line-height:30px; text-transform:capitalize; margin:50px auto;}
#nav .mainlevel ul li a{height:30px;}
#nav .mainlevel ul li a:hover{color:#FFF;background:#000}
#sub_01 li{_width:148px;width:148px!important;}
#sub_03 li,#sub_02 li,#sub_06 li{width:128px!important; _width:130px;}
#sub_04 li{_width:168px;width:168px!important;}
#sub_07 li{_width:128px;width:128px!important;}

#navbar{width:100%;height:32px; margin:0px auto; background:#edf1f2}
.container{width:1100px; margin:0 auto; position:relative;}
#logo{width:180px; height:70px; float:left; overflow:hidden; background:url(style-image/logo.png) no-repeat!important; _background:url(style-image/logo.jpg) no-repeat; cursor:pointer}
#menu{float:left;width:736px;padding-left:40px;overflow:hidden;height:70px;z-index:1;}
#search{float:left;width:88px; position:relative}
#nav #mainlevel_00{_width:85px;}
.actiona{color:#F00; font-weight:bold}


.mainBox {height:540px;position:absolute; left:0px; top:0px; bottom:0px; right:0; overflow:hidden; background:#FFF; *z-index:10;border-bottom:1px solid #e6e6e6}
.mainBox {*height:100%; *margin-left:0px;*position:relative; *top:0; *right:0; *bottom:0; *left:0;}

/*  foot  */
.foot_float_nav{background:#0c3688; height:40px; padding-top:10px; position: fixed; left: 0; bottom: 0; z-index: 99999; width: 100%; color:#FFF }
.foot_float_nav .event_content{height:40px; width:1000px; margin:0 auto; text-align:left; position:relative; }
.foot_float_nav .event_content p{ display: block;height: 40px; float: left; text-indent: -9999px; outline: none; }
.foot_float_nav .event_content p {width:170px; margin-left:10px;}
.foot_float_nav .event_content p a{ width: 77px; height: 20px; margin-left:5px;}

.foot_float_left{width:280px; height:40px; float:left; line-height:32px; padding-left:40px; font-weight:bold; font-size:15px; overflow:hidden; background:url(style-image/tel_bg.png) no-repeat}
.foot_float_qq{width:140px; height:40px; float:left; line-height:32px; overflow:hidden}
.foot_float_qq li{width:40px; height:40px; float:left}
.foot_float_qq img{width:32px; height:32px}
.foot_float_center{width:390px; height:40px; float:left; line-height:32px; overflow:hidden}
#marquees a{color:#FFF}
#marquees{width:400px;height:25px; padding-top:5px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#marquees li{height:25px;line-height:25px; vertical-align:bottom; zoom:1; margin:0px auto; width:100%; overflow:hidden}
#marquees li a{ color:#FFF; text-decoration:none;}
#marquees li a:hover{ color:#deff00; text-decoration:underline;}
.foot_float_right{width:130px; height:40px; float:right; text-align:center}
.ffr{width:120px; padding:0px 5px 0px 5px; height:30px; float:right; text-align:center; line-height:32px; font-size:15px; background:url(style-image/foot_nav_bg.gif) no-repeat}

/*     foot nav     */
.quick_menu{list-style:none; padding:0px; width:110px; height:40px; margin:0px auto;}
.quick_menu > li {
	display: inline-block;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.quick_menu a,.quick_menu a:hover{color: #fff; font-weight: bold; text-decoration: none;}
.quick_menu > li:hover .user_fun_sub {
	opacity:1;
	-webkit-animation: turn 2s ease-in-out;
	-moz-animation: turn 2s ease-in-out;
	-ms-animation: turn 2s ease-in-out;
	animation: turn 2s ease-in-out;
	visibility: visible;
}
.user_fun b {
	text-align:center;
	position: absolute;
	top: 8px;
	padding-left: 2px;
	font-weight: normal;
	font-size: 22px;
}
.user_fun_sub {
	position: absolute;
	bottom:28px;
	left:0px;
	text-align: left;
	line-height: 30px;
	width: 110px;
	padding: 5px 0;
	border-radius: 5px;
	background:#006;
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}
.user_fun_sub a {
	display: block;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	margin: 2px 5px 2px 5px;
	padding-left:5px;
}
.user_fun_sub a:hover {
	border-radius: 3px;
	box-shadow: 0 1px 0 #82c64f inset;
	background-color: #4daf04;
}

@-webkit-keyframes turn {
	0%{-webkit-transform: rotateX(90deg);
	}20%{-webkit-transform: rotateX(-30deg) rotateY(10deg);
	}35%{-webkit-transform: rotateX(20deg) rotateY(-3deg);
	}55%{-webkit-transform: rotateX(-10deg) rotateY(8deg);
	}85%{-webkit-transform: rotateX(10deg) rotateY(-2deg);
	}100%{-webkit-transform: rotateX(0);}
}
@-moz-keyframes turn {
	0%{-moz-transform: rotateX(90deg);
	}20%{-moz-transform: rotateX(-30deg) rotateY(10deg);
	}35%{-moz-transform: rotateX(20deg) rotateY(-3deg);
	}55%{-webkit-transform: rotateX(-10deg) rotateY(8deg);
	}85%{-webkit-transform: rotateX(5deg) rotateY(-2deg);
	}95%{-webkit-transform: rotateX(-2deg) rotateY(0deg);
	}100%{-moz-transform: rotateX(0);}
}
@-ms-keyframes turn {
	0%{-ms-transform: rotateX(90deg);}
	20%{-ms-transform: rotateX(-30deg) rotateY(10deg);}
	35%{-ms-transform: rotateX(20deg) rotateY(-3deg);}
	55%{-ms-transform: rotateX(-15deg) rotateY(8deg);}
	85%{-ms-transform: rotateX(10deg) rotateY(-2deg);}
	100%{-ms-transform: rotateX(0);}
}
@keyframes turn {
	0%{transform: rotateX(90deg);}
	20%{transform: rotateX(-30deg) rotateY(10deg);}
	35%{transform: rotateX(20deg) rotateY(-3deg);}
	55%{transform: rotateX(-15deg) rotateY(8deg);}
	85%{transform: rotateX(10deg) rotateY(-2deg);}
	100%{transform: rotateX(0);}
}

/*     end foot nav*/
.foot_all{width:100%; height:auto!important; min-height:280px; height:280px; margin:0px auto; text-shadow:0 1px 0 #fff; background:#EDEDED url(style-image/bg_ft.png) center 0px repeat-x}
.foot{width:1000px; height:auto!important; min-height:80px; height:80px; margin:0px auto; padding:0px; padding-top:25px;}
.foot_ico{width:998px; height:50px; margin:2px auto}
.foot_ico a{position:relative}
.fia_wx{width:344px; height:344px; position:absolute; top:-372px; left:-162px; border:1px solid #CCC; display:none}
.fia_zz{width:481px; height:700px; position:absolute; top:-728px; left:-266px; border:1px solid #CCC; display:none}
.foot_nav_all{width:100%; height:auto!important; min-height:30px; height:30px; margin:0px auto; text-shadow:0 1px 0 #000; }
.foot_nav{width:1000px; height:20px; padding:5px 0px 0px 0px; margin:0px auto; text-align:center; color:#fff;  overflow:hidden; text-shadow:0 1px 0 #000; position:relative}
.foot_nav a{color:#FFF}
.foot_bottom{width:1000px; height:auto!important; min-height:80px; height:80px; margin:0px auto; padding-top:8px; line-height:1.8em; text-align:center; padding-left:5px; color:#666; z-index:-1;text-shadow:0 1px 0 #FFF;}
.sysinfo{width:100%; height:20px; padding-top:5px; margin:0px auto}

.foot_contactus{width:780px; height:84px; margin:0px auto; border-bottom:#000 1px solid;}
.foottel {height:85px; width:780px; background:#EDEDED; border-bottom:#FFF 1px solid;}
.foottel li{ padding-left:80px; float:left; width:180px; text-align:left; height:46px; margin-top:20px;color:#999;}
.foottel li a{color:#999;}
.foottel li strong{ font-family:Arial, Helvetica, sans-serif; font-size:24px; }
.foot_form{width:100%; height:30px; margin:0px auto; padding-top:5px;}
.foot_form_i1{width:115px; height:20px; border:1px solid #930}
.foot_fic1{color:#666; font-weight:100}
.foot_fic2{color:#900; font-weight:bold}
.foot_form_i2{width:50px; height:22px; border:0px; background:#06C; color:#FFF}
