@charset "utf-8";

/* UI Style V1.4 QQ:396602441 Inc. All rights reserved. */
*{ margin:0px; padding:0px;}
html{-webkit-text-size-adjust:none; }
img{ border:0;}
ul,li {list-style: none }
div,form,img,ul,ol,li,p,dl,dt,dd {border: 0;list-style:none;}
img, input, select, button{vertical-align:middle;}
.clear{ clear:both; height:0; overflow:hidden;}
body{ background-color:#fdfdfd; font-family:'微软雅黑'; font-size:12px;}
a{text-decoration:none; cursor:pointer; color:#666;}
a:hover{ color:#000; text-decoration:underline;}

/* progress */
.progress{width:100%; position:relative; height:12px;}
.progress .slider-box{width:100%;background: #f6f5f5;border: 1px solid #dbdbdb; border-radius: 2px; border:1px solid #ddd; background-color:#f5f5f5;  height:8px;box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); position:absolute; top:0px; left:0px;}
.progress .slider{ background-color:#999; height:7px; width:20%;border-radius: 2px; position:absolute; top:0px ; left:0px;z-index:999;border: 1px solid #868686; }
.progress-red .slider{ border: 1px solid #e4251c;background: #f23012; box-shadow: 1px 1px 1px #fc5a41 inset;}
.progress-green .slider{ border: 1px solid #45A038;background: #5abe4b; box-shadow: 1px 1px 1px #79cc6d inset;}
.progress-orange .slider{background-color: #fe8e03;border-color: #ff9032;box-shadow: 1px 1px 1px #f8ae3a inset;}
.progress-medium { height:18px;}
.progress-medium .slider-box{ height:12px;}
.progress-medium .slider{ height:11px; }

/* close */
.close{ font-size: 20px;font-weight: bold;line-height: 18px;color: #000000; text-shadow: 0 1px 0 #ffffff;opacity: 0.2;filter: alpha(opacity=20);}
.close:hover{color: #000000;text-decoration: none;opacity: 0.4;filter: alpha(opacity=40);cursor: pointer;}

/* text */
.select{display: inline-block; padding:6px; height:32px; overflow:hidden; padding-bottom:5px; border:1px solid #ccc; float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font-size:14px;}
.select-mini{ padding:0px 4px; font-size:12px; height:24px;}
.text{display: inline-block;
	  width:200px;
	  height: 30px;
	  line-height:30px;
	  padding-left:8px;
	  padding-right:8px;
	  font-size: 14px;
	  color: #555;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  border:1px solid #ccc;
	  transition:border linear .2s,box-shadow linear .2s;
	  -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
	  -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
	  outline:none;
}
.textarea{
	  display: inline-block;
	  padding:8px;
	  font-size: 12px;
	  line-height:18px;
	  color: #555;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  border:1px solid #ccc;
	  transition:border linear .2s,box-shadow linear .2s;
	  -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
	  -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
	  outline:none;
}
.text[disabled],.text.disabled{ background-color:#f9f9f9; border-color:#e1e1e1;}
.text-on{ background-color:#f9f9f9;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.error .text{box-shadow: 0 0 5px  #DB4242; border-color:#DB4242}
.success .text{border-color:#64c955;box-shadow: 0 0 5px  #64c955;}

.text-mini{ height:22px; line-height:22px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:12px;}
/* form-group */
.form-group { clear:both; margin-bottom:5px; clear:both; min-height:32px; _height:32px}
.form-group .input{ min-height:32px; _height:32px; float:left; line-height:32px;}
.form-group .text{ float:left;}
.form-group .input .string{ line-height:32px; float:left;}
.form-group .input .btn{ float:left; margin-right:10px;}
.form-group .prompt-inline{ display:inline-block; height:14px; line-height:15px; margin-left:8px; background:url(../images/icon.gif) -2px -239px no-repeat; text-indent:18px; color:#DB4242; float:left; margin-top:8px;}
.form-group label{ float:left; display:inline-block; min-height:32px; _height:32px; line-height:32px; width:100px; text-align:left; padding-right:10px;}
.form-group .form-button{ padding-left:110px; height:30px; padding-top:10px;}
.form-group .form-button .btn{ float:left; margin-right:10px;}
.success .prompt-inline{ background-position:-3px -177px; color:#45A038; min-width:16px; _width:16px;}
.form-group .prompt{ clear:both; padding-top:5px; padding-bottom:10px;color:#999; padding-left:110px; overflow:hidden;}
.form-group .prompt span{ color:#C00}
.form-group .form-left{ float:left; min-height:32px;}

/* alert */
.alert{ padding:10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #c09853;font-family:'宋体';font-size:13px;line-height:20px; position:relative;}
.alert .close{position:absolute ;top: 2px;right:12px;line-height: 18px;float: right;}
.alert span{  font-weight:bold;}
.alert p{ margin-top:5px; line-height:20px;}
.alert-error{background-color: #f2dede;border-color: #eed3d7;color: #b94a48;}
.alert-success{background-color: #dff0d8;border-color: #d6e9c6;color: #468847;}
.alert-info{background-color: #d9edf7;border-color: #bce8f1;color: #3a87ad;}

/*  */
.dialog-tab .dialog-icon{ width:40px; height:40px; background-image:url(images/success.png); padding-right:15px; background-repeat:no-repeat;}
.dialog-tab-success .dialog-icon{ background-image:url(images/success.png);}
.dialog-tab-error .dialog-icon{ background-image:url(images/error.png);}

/* btn */
.btn{
	border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #b3b3b3;
    font-family:'宋体';
	height:14px;
	line-height:14px;
	display: inline-block;
	padding:8px 10px;
	margin-bottom: 0;
	font-size: 12px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
}
.btn:hover{
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.btn.disabled,
.btn[disabled]{
	cursor: default;
	background-image: none;
	background-color: #e6e6e6;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-mini{
	padding:4px 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.btn-large{
	padding:12px 16px;
	font-size:14px;
}
.btn-primary{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
	background-color: #0074cc;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #0088cc, #0055cc);
    border-left-color: #0055cc;
    border-right-color: #0055cc;
    border-top-color: #0055cc;
    border-bottom-color: #003580;
}
.btn-primary:hover{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
	background-color: #0055cc;	
}
.btn-primary.disabled,
.btn-primary[disabled]{
	background-color: #0055cc;
}

.btn-success{
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #5bb75b;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom,#62c462,#51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}
.btn-success:hover{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
	background-color:#51a351
}
.btn-success.disabled,
.btn-success[disabled]{
	color:#fff;background-color:#51a351;*background-color:#499249
}

/* grade */
.grade{overflow:hidden; display:inline-block;}
.grade .grade-l,.grade-r{ background-image:url(images/grade.png);_background-image:url(images/grade.gif); display:inline-block; overflow:hidden;float:left;}
.grade-large{ width:75px; height:13px;}
.grade-large .grade-l{height:13px; background-position:-74px 0px;}
.grade-large .grade-r{height:13px; background-position:0px 0px;}
.grade-mini{ width:45px; height:9px;}
.grade-mini .grade-l{height:13px; background-position:-154px 0px;}
.grade-mini .grade-r{height:13px; background-position:-154px -11px;}


/* breadcrumb */
/*
.breadcrumb {  width:auto; height:28px; margin-bottom:10px;  border-bottom:1px dashed #ddd; ;font-size:12px; }
.breadcrumb li{display: inline-block; text-shadow: 0 1px 0 #fff; color:#999; float:left;}
.breadcrumb li span{ margin-left:5px; margin-right:5px;}
.breadcrumb li a{color:#666; text-decoration: none;margin-left:5px; margin-right:5px;}
.breadcrumb li a:hover{ color:#101052; text-decoration:underline;}
*/

/* icon */
.icon{ display:inline-block; background-image:url(../images/icon.gif); background-repeat:no-repeat; width:16px; height:16px;background-position:-2px -5px;}
.icon-exclamation{background-image:url(../images/exclamation.png); background-position:0px 0px;}
.icon-delete{ background-image:url(../images/delete.png);background-position:0px 0px;}
.icon-error{ background-image:url(../images/error.png); background-position:0px 0px;}
.icon-comment{ background-image:url(../images/comment.png); background-position:0px 0px;}
.icon-cancel{ background-image:url(../images/cancel.png); background-position:0px 0px;}
.icon-edit{background-image:url(../images/edit.png); background-position:0px 0px;}
.icon-cog{background-image:url(../images/cog.png); background-position:0px 0px;}
.icon-lock-break{background-image:url(../images/lock_break.png); background-position:0px 0px;}
.icon-folder-picture{background-image:url(../images/folder_picture.png); background-position:0px 0px;}
.icon-image-add{background-image:url(../images/image_add.png); background-position:0px 0px;}
/*  table */

.table {border-collapse: collapse; width:100%; border: none;}
.table tr th{ height:30px; padding:0px 12px; background-color:#f1f1f1;}
.table tr th,.table tr td{ border:1px solid #ddd; text-align:center; }
.table tr td{ padding:12px;transition:background-color linear .3s;-moz-transition:background-color linear .3s;-webkit-transition:background-color linear .3s;outline:none;}
.table .on td{ background-color:#f3f3f3;}
.table .table-head{background-color:#f5f5f5; font-weight:bold;}
.table tr .left{ text-align:left; padding-left:10px;}
.table .table-left{ text-align:left; padding-left:20px;}
.table .table-right{ text-align:right;padding-right:20px;}
.table .text-left{ text-align:left; text-indent:10px;}

.table-skin1{box-shadow:none;}
.table-skin1 tr th{ height:35px; background-image:none;border-top:none;border-left:none;border-right:none;}
.table-skin1 tr td{border-top:none;border-left:none;border-right:none; border-bottom:1px dashed #ddd;}
.table-skin1 .table-head{ background:none; }
/* tab-nav */
.tab-nav ul{ width:auto;border-bottom: 1px solid #ddd;height:35px;}
.tab-nav ul li{ height:35px; line-height:35px; text-align:center; padding-left:15px; padding-right:15px;  float:left;  text-align:center;cursor: default;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; border: 1px solid transparent; cursor:pointer; color:#0088cc;text-shadow: 0 1px 1px rgba(255,255,255,0.75); margin-right:10px; border-bottom:0;font-family:'宋体'; font-size:14px;color:#666;_color:#999;}
.tab-nav ul .on{border: 1px solid #ddd;border-bottom-color: transparent;background-color:#fff; border-bottom:0; color:#1C86E6; cursor:default;}
.tab-nav ul li:hover{ background-color:#f2f2f2;}
.tab-nav ul .on:hover{background-color:#fff;}
.tab-content{ clear:both;}

/* pages */
.pages{ padding-top:20px; padding-bottom:20px; text-align:center; height:30px;border-radius: 5px; color:#999;}
.pages span,.pages a{ float:left; padding:5px 12px; border:1px solid #ccc; margin-right:10px;border-radius: 4px;}
.pages span{ background-color:#f9f9f9;}
.pages a{ text-decoration:none; color:#fff; background-color:#cb0e1c; border-color:#cb0e1c;
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-ms-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;}
.pages a:hover{ background-color:#cb0e1c;border-color:#cb0e1c;}

/* panel */
.panel{ border:1px solid #ddd; padding:20px; background-color:#f9f9f9;border-radius: 4px;}






/* WebSite CSS Document */

.browser-prompt{ text-align:center; background-color:#FFEFE8; color:red; line-height:40px; height:40px; border-bottom:1px solid #ddd;}
.float-ad-left{position:fixed; border:1px solid #ccc; z-index:1000; top:160px; left:10px;_position:absolute;}
.float-ad-right{position:fixed; border:1px solid #ccc; z-index:1000; top:160px; right:10px;_position:absolute;}
.close-ad { padding:3px;  text-align:right; cursor:pointer;}
.center{ width:980px; margin:0 auto; position:relative;}

/* header */
.header .top { background-color:#f4fbff; height:29px; border-bottom:1px solid #e5f3fc;}
.header .top .left{ float:left; height:29px; line-height:29px;}
.header .top .right{ float:right; height:29px; line-height:29px;}
.header .top .right span{ margin-left:5px; margin-right:5px;color:#999}
.header .top .right a{ color:#666}
.header .top .weather{ padding-top:3px; margin-left:10px; float:left;}
.header .logo{ float:left; height:100px;}
.header .logo .name{ font-size:22px; margin-top:20px;}
.header .logo .name p{ margin-top:10px;}
.header .navigation{ float:right; height:100px;}
.header .navigation ul { margin-top:30px;}
.header .navigation ul li{ float:left; margin-left:5px; margin-right:5px;}
.header .navigation ul li a{ height:30px; line-height:30px; padding-left:10px; padding-right:10px; display:block; font-size:14px;}
.header .navigation ul li a:hover ,.header .navigation ul li .on{ background-color:#008ce5; color:White; text-decoration:none;}


/* inner */
#inner { width: 980px; margin: 5px auto; }
#inner div { display: block; margin: 0; padding: 0; border: 0 none; outline: 0; background: transparent; font-weight: normal; font-style: normal; }
#inner .hot-event { padding: 300px 0 0; position: relative; }
#inner .hot-event .switch-tab { text-align: center; padding-top:30px; }
#inner .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
#inner .hot-event .switch-tab .current { background-image: url(../images/bg.png); background-position: -195px 0; }
#inner .hot-event .switch-nav { position: absolute; right: 12px; top: 270px; z-index: 2; }
#inner .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
#inner .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; }
#inner .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; }
#inner .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
#inner .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
#inner .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
#inner .hot-event .event-item { height: 300px; width: 960px; position: absolute; z-index: 1; left: 0; top: 0; }
#inner .hot-event .event-item .banner { display: block; }
#inner .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
#inner .hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
#inner a { color: #4385a7; }
#inner a { text-decoration: none; }
#inner a .ico { cursor: pointer; }
#inner .ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }

/* index */
.index .left{ float:left; width:251px;  margin-top:30px;}
.index .left ul { width:251px; height:368px; background-image:url(../images/index_left.png);}
.index .left ul li a{ display:block; width:251px; height:46px;filter: alpha(opacity=20);-moz-opacity: 0;opacity: 0; background-color:#333;}
.index .left ul li a:hover{-moz-opacity: 0.1;opacity: 0.1; }
.index .left .search{ width:251px; height:36px;background-image:url(../images/search.png); margin-top:35px; margin-bottom:20px; position:relative;}
.index .left .search .word{ position:absolute; top:7px; left:5px; height:22px; line-height:22px; border:none; background-color:transparent; width:200px;}
.index .left .search .submit{ position:absolute; top:2px; height:30px; width:30px; right:2px;background-color:transparent; border:none; cursor:pointer;}
.index .right{ float:right; width:710px; margin-top:30px;}
.index .right .model{ border:1px solid #dcf1ff; width:345px; margin-bottom:20px;}
.index .right .l{ float:left;}
.index .right .r{ float:right;}
.index .right .about{ width:300px; height:120px; overflow:hidden; margin:15px auto;  line-height:18px;}
.index .right .news{ width:300px; height:120px;  overflow:hidden;margin:15px auto; }
.index .right .news ul li{ height:24px; line-height:24px;}
.index .right .portfolio{ width:300px; margin:20px auto; height:220px; overflow:hidden;}
.index .right .portfolio .item { height:115px;}
.index .right .portfolio .item img{ width:100px; height:60px; float:left;}
.index .right .portfolio .item .info{ width:190px; float:right;}
.index .right .portfolio .item .info h2{ font-size:14px; font-weight:normal; color:#008ce5;}
.index .right .portfolio .item .info p{ display:block; width:190px; height:50px; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.index .right .portfolio .item .info a{ display:block; padding:2px 3px; background-color:#008ce5; color:#FFF; float:right;}

.index .intelligence{width:320px; margin:20px auto; height:220px;}
.index .intelligence .title{ border-bottom:1px solid #c7e4f6; height:30px; background-image:url(../images/honor.png);background-repeat:no-repeat; margin-bottom:15px;}
.index .intelligence .left-btn{ display:block; width:14px; height:28px;background-image:url(../images/honor-left.png); float:left; margin-top:80px;}
.index .intelligence .right-btn{ display:block; width:14px; height:28px;background-image:url(../images/honor-right.png); float:right;margin-top:80px;}
.index .intelligence ul{ float:left; margin-left:10px; margin-top:20}

.column .left{  width:188px; margin-top:30px; margin-bottom:30px; float:left;}
.column .left .title{ background-color:#3ea4e5; color:#FFF; height:40px; padding:15px;}
.column .left .title h2{ font-size:18px;}
.column .left .title span{ margin-top:15px;}
.column .left ul { background-color:#f5f5f5; min-height:60px; padding:15px 0;}
.column .left ul li a{ display:block; height:36px; line-height:36px; text-indent:15px;}
.column .left ul li a:hover,.column .left ul .on a{background-color:#3ea4e5; color:#FFF; text-decoration:none;}
.column .right { float:right; width:740px;}
.column .right .location{ text-align:right; color:#666; border-bottom:1px dotted #ddd; padding-bottom:10px; margin-bottom:20px;}
.column .right .location span{ margin-left:5px; margin-right:5px; font-family:'宋体'}

.article-list ul{ padding:15px 0px; min-height:200px}
.article-list ul li{ height:30px; line-height:30px; clear:both; }
.article-list ul li a{ float:left; }
.article-list ul li span{ float:right; color:#999;}
.article-list .no-content{ height:100px; line-height:100px; text-align:center;}

.single-page{ line-height:25px; padding:15px 0px;}

.content h1{ font-size:18px; text-align:center; line-height:26px; padding:20px 0px; font-weight:bold; color:#008ce5; margin-bottom:20px;}
.content .main{ line-height:26px; padding-bottom:20px;}
.content .attr{ color:#999; text-align:right; padding-bottom:30px; padding-top:20px; margin-top:20px; border-top:1px solid #ddd;}
.content .attr span{ margin-left:10px;}

.leave .title{ padding:30px; text-align:center; font-size:18px; margin-bottom:30px;}
.leave #Name{ width:150px;}
.leave #Address{ width:300px;}
.leave #Title{ width:300px;}
.leave #Content{ width:400px; height:150px;}
.leave #Code{ width:50px;}

.recruitment{ padding-top:30px; padding-bottom:30px;}
.recruitment .item{ padding-top:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
.recruitment .item h2{ font-size:16px; font-weight:normal; padding-bottom:15px; text-align:center;}
.recruitment .item h3{ font-size:14px; font-weight:normal; padding-top:10px;}
.recruitment .item .box{ font-size:12px; color:#666; line-height:22px; padding-top:10px; text-indent:24px;}

.search-page { min-height:400px;}
.search-page .alert{ margin-top:50px; margin-bottom:130px;}
.search-page .title{ font-size:16px; text-align:center; padding-top:40px; padding-bottom:40px;}
.search-page .title span{ color:#F00;}
.search-page ul{ padding:15px 0px; min-height:200px}
.search-page ul li{ border-bottom:1px solid #ddd; padding-top:20px;}
.search-page ul li a{ float:left; font-size:16px; }
.search-page ul li span{ float:right; color:#999;}
.search-page ul li .attr{ clear:both; line-height:22px; padding-top:5px; padding-bottom:10px; color:#999; text-indent:24px;}

/* footer */
.footer{  background-color:#008ce5; padding-top:30px; padding-bottom:30px; color:#FFF; margin-top:10px;}
.footer a{ margin-left:5px; margin-right:5px; color:#FFF;}
.footer .info{ margin-top:15px; text-align:right;}
.footer .copyright{ text-align:right; padding-top:5px;}
.footer .navigation { text-align:right;}