@charset "utf-8";
/* CSS Document */
body,html{width: 100%; min-width: 1220px; margin:0; padding:0; height: 100%;background: #FFFFFF; font-size: 14px;  font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,'Hiragino Sans GB','\5B8B\4F53';  color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure { margin: 0; }
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
abbr, acronym { font-variant: normal; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%; }
button { overflow: visible; }
button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0 none; padding: 0; }
img{outline: none;  border: none;}
:active { outline: 0 none; }


ul, ol, menu { list-style: none; margin: 0; padding: 0; }
table{border-collapse:collapse;  }
ul{-webkit-padding-start: 0px;}
.bdrd3{border-radius: 3px;}
.bdrd5{border-radius: 5px;}
.inline-block-debug { display:inline-block; *zoom:1; *display:inline;} /*推荐:IE67*/
.i-b-d{ display:inline-block!important; *zoom:1; *display:inline!important;}
.d-i-b{ display:inline-block!important; *zoom:1; *display:inline!important;}
a{color: #666666; text-decoration: none; }
a:hover{color: #ff971c; text-decoration: none;  }
.bgfa{background-color:#fafafa;}
.cfff{color:#FFF}
.c333{color:#333}
.c666{color:#666}
.c999{color:#999}
.cff9{color:#ff9000}

.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; margin:0px; padding:0px;}
.fl{ float:left; display:inline}
.fr{ float:right; display:inline}
.clearfix:after{content:" ";display:block;clear:both;height:0;font-size:0;visibility:hidden;}
.clearfix{zoom:1;}
.main{ width:1100px; margin:0 auto;}
.hide{ display:none;}
.more{ color:#b6b6b6; font-size:14px; margin-right:10px;}
.more:hover{ color:#f60; text-decoration:none;}
.fwbd{ font-weight:bold;}
.rel{ position:relative;}

/* ---------------------single CSS----------------------- */
/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */


.w1200{width:1200px; margin:0 auto; position:relative;}
.w1000{width:1000px; margin:0 auto; position:relative;}
.w880{width:880px; position:relative;}
.w300{width:300px; position:relative;}


.bb{border-bottom: 1px solid #E6E6E6; }
.bdr{border: 1px solid #f2f2f2; }
.bred{ border:1px solid red;}

.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}

.t1{top:1px;}
.t2{top:2px;}
.t3{top:3px;}
.t4{top:3px;}
.t5{top:5px;}
.t10{top:10px;}
.t10{top:15px;}

.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls5{letter-spacing: 5px;}

.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}


.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}

.t-r{text-align: right;}
.t-l{text-align: left;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.gf{color:#fff;}
.red{color: #f23d3d!important;}
.g303030{color:#ff971c;}
.g-orange{color:#ff971c;}
.g-orange2{color:#ff7800;}
.c-ff614f{color: #ff614f;}
/* font-size */
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.fwb {font-weight: bold;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fw{font-family:'Microsoft Yahei';}
.fa{font-family:'Arial';}
.fst{font-family:"宋体";}
.bt20{bottom:20px}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v2{vertical-align:2px;}
.v1{vertical-align:1px;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}

/*padding*/
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt8{ padding-top:8px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px; }
.pt30{ padding-top:20px; }


/*z-index*/
.z0{z-index:0;}
.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z4{z-index:4;}
.z5{z-index:5;}
.z100{z-index:100;}
.z101{z-index:101;}
.z102{z-index:102;}
.z103{z-index:103;}

/*宽度104px*/
.td-btn-1{width: 104px;height: 36px; display: block;  line-height: 36px; text-align: center; border-radius: 3px;   }
.td-btn-1-or{background: #ffbc1b; color: #fff; }
.td-btn-1-or{ transition: background 0.3s ease-in-out ,   -webkit-transition: background 0.3s ease-in-out ;}
.td-btn-1-gar{background: #cecece; color: #fff; }
.td-btn-1-gar:hover{background: #cecece; color: #fff; }
.td-btn-1-or:hover{background: #ffa019;  color: #fff; }



.ellipsis-1{
    word-break: break-all;
    overflow: hidden;  /** 隐藏超出的内容 **/
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
}
.ellipsis-2{
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;  /** 隐藏超出的内容 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
}
.ellipsis-3{
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;  /** 隐藏超出的内容 **/
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3; /** 显示的行数 **/
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
}



 /*投标图片end*/

 /* 高度&宽度不定垂直居中  请参考自动投标页面HTML结构  张顺祥*/
#vertical-center {position: fixed; z-index: 200; top: 0; left: 0; }
#vertical-center td{text-align: center;}
.dial{display:inline-block; *display:inline;    background: #fff; border-radius:3px;} /*外框*/
.dial .dial-title{ height: 40px; line-height: 40px; font-size: 14px; padding-left:20px ; background: #f7f7f7; color: #666; position: relative; border-radius: 3px;} /*标题*/
.layer{width: 100%; height: 100%; z-index: 100; position: fixed; left: 0; top: 0; background: #000; filter: alpha(opacity=30); opacity: .3;}


/*#vertical-center after
{
	content: attr(data-content);
	background:#000;
	position: fixed;
	display:table;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:.6;
	z-index:-1;
		}*/
		


/*分页样式*/
.pagination {padding-top:30px; padding-bottom: 40px;text-align:center;height:33px;margin:0 auto; font-size:14px;}
.pagination a, .pagination span {display:inline-block; *display:inline;border: 1px solid #DDDDDD; max-height: 31px; color: #666666; border-radius: 2px;  -webkit-border-radius: 2px;
  -moz-border-radius: 2px; margin: 0px 2px; padding:5px 10px; text-decoration: none; }
.pagination span { border: 1px solid #ffbc1b; color: #fff; background-color: #ffbc1b;}
.pagination a[disabled='disabled']{ color: #ccc; border-color: #ccc; background-color: #fff; }
.pagination .current.prev, .pagination .current.next{ color: #ccc; border-color: #ccc; background-color: #fff;width:50px;font-weight:100}
.pagination a:hover, .pagination a.prev:hover, .pagination a.next:hover { border: 1px solid #ffbc1b; color: #fff; background-color: #ffbc1b;text-decoration: none; }
.pagination a[disabled='disabled']:hover{ color: #ccc; border-color: #ccc; background-color: #fff;}
.pagination a.prev, .pagination a.next { border: 1px solid #DDDDDD; color: #333333; border-radius: 2px; -webkit-border-radius: 2px;
  -moz-border-radius: 2px; margin: 0px 2px; padding:5px 10px; text-decoration: none;width:50px; }
.pagination .godiv{display: inline-block; *display: inline; vertical-align: -10px; *vertical-align: -4px;}
.pagination .page-text{width: 65px; padding: 6px 0; max-height: 31px; height:17px; line-height: 17px; *max-height: 17px; overflow: hidden; border: 1px solid #ccc; margin-right: -1px;  text-align: center;}
.pagination .page-btn{ cursor: pointer;  border: 1px solid #ccc; width: 32px; height: 31px;   background: url(../images/to-page-btn.png) 0 2px}
.pagination .page-btn:hover{background-position:0 -34px; background-color: #ffbc1b; border:1px transparent; }
.pagination input{float: left;}
.pagination input::-webkit-input-placeholder{ color: #ccc; } 
.pagination input:-moz-placeholder { color: #ccc; } 
.pagination input::-moz-placeholder { color: #ccc; } 
.pagination input:-ms-input-placeholder { color: #ccc;  } 


/* 分页样式结构
<div  class="pagination"  >
<a disabled="disabled"  >首页</a>
<a disabled="disabled"  >上一页</a>
<span class="current" >1</span>
<a href=""  >2</a>
<a href=""  >3</a>
<a href=" "  >4</a>
<a href=" "  >5</a>
<a href=""  >6</a>
<a href=" "  >...</a>
<a href=" "  >下一页</a>
<a href=" "  >尾页</a>
</div>
*/

/*增加向上移动画  使用class="animate animate-up"*/
.animate-right:hover{ transform: translate(5px,0); -webkit-transform: translate(5px,0); }
.animate-up:hover{ transform: translate(0,-3px); -webkit-transform: translate(0,-3px); }
.animate{position:relative;transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}
.tip-red{background: #ff0000; border: 1px solid #ff0000; margin-left: 5px; height: 18px; line-height: 19px; vertical-align:0 ;   border-radius:2px ; padding: 0 10px;  color: #fff; font-size: 12px; vertical-align:6px; *vertical-align:2px; text-align: center; display: inline-block; *display: inline; }
.tip-red-2{ display: none; padding-top: 10px; min-height: 80px; overflow: visible; top: 15px;  left: 50%; margin-left: -130px;   z-index: 101; cursor:default;}
.tip-red:hover .tip-red-2{display: block;}
.tip-red-1{ text-align: left; width: 260px; display: block;   padding: 5px; background: #fff;  border: 1px solid #ffdeab; color: #666;    border-radius: 2px; }
.tip-red-1 a{color: #ff7301; text-decoration: underline; overflow: visible!important;}

.show-tip-icon{ background: url('../images/show-tip.png');height: 64px; line-height: 67px; float: none;  display: inline-block;  *display: inline; position: relative;    }
.show-tip-icon-l{width: 23px;     background-position: -22px -79px; }
.show-tip-icon-c{    background-position: 0 2px; padding: 0 30px;}
.show-tip-icon-r{width: 23px;   background-position: -74px -79px;}