@charset "utf-8";
/* CSS Document */
@import 'cssreset.css';

/*common*/
*:focus {outline: none;}

/* 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 */


.fl{float:left;}
.fr{float:right;}

/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }

/* overflow */
.ovh { overflow: hidden; }

/* position */
.rel { position: relative; }
.abs { position: absolute; }

/* font-family */
.fw { font-family: 'Microsoft Yahei'; }
/* .fs { font-family: "宋体", Helvetica, Arial, sans-serif;  } */


/* font-style */
.n { font-weight: normal; font-style: 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; }

/* 清除浮 动*/
.fix { *zoom:1; }
.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}

/*table*/
table {
    width: 100%;
    border-collapse: collapse;
}

/* margin */
.m0 { margin:0 !important; }
.ml0 { margin-left: 0}
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }

.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }

.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }

.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }

.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }

.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }

.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }

/* 省略号 */
.ellipsis{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-break: break-all;}
.ellipsis2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ellipsis3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }

.bgnone{background:none !important;}
.bnone{border:none !important;}

.link_col{ color: #1A61B6; text-decoration: underline;}

.nobody1{width: 100%; font-family: "微软雅黑";font-size: 14px;line-height: 100px;color: #CCCCCC;text-align: center;}

/*150828 分页css代码 百加蓝*/
.INewsfanye{padding-top: 30px;padding-bottom: 30px;text-align: center;}
.INewsPage{font-size: 14px;}
.INewsPage A,.INewsPage A:visited{font-size: 14px;PADDING-RIGHT: 10px;PADDING-LEFT: 10px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px;COLOR: #666666;TEXT-DECORATION: none;border: 1px solid #D8D8D8;background-color: #FFFFFF;margin-right: 4px;margin-left: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.INewsPage A:hover{COLOR: #FFFFFF;border: 1px solid #666666;background-color: #666666;}
.INewsPage A:active{COLOR: #FFFFFF;border: 1px solid #666666;background-color: #666666;}
.INewsPage SPAN.current{PADDING-RIGHT: 10px;PADDING-LEFT: 10px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px;COLOR: #FFFFFF;TEXT-DECORATION: none;border: 1px solid #666666;background-color: #666666;margin-right: 4px;margin-left: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
.INewsPage SPAN.disabled{PADDING-RIGHT: 10px;PADDING-LEFT: 10px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px;COLOR: #666666;TEXT-DECORATION: none;border: 1px solid #D8D8D8;background-color: #FFFFFF;margin-right: 4px;margin-left: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;}
/*end*/

.form_box{padding: 100px 15px;position:relative;}
.form_box.mar{ margin-top: 100px}
.form_box .do-item{ text-align: center;}
.form_box .do-input{margin: 0 auto;width: 300px;padding: 0 15px;border-radius:5px;font-size: 14px; height: 60px;line-height: 60px;border: 1px solid #E9E9E9;margin-top: 20px;}
.form_box .submit_ui{margin: 0 auto;width: 300px;padding: 0 15px;height:60px;height: 60px;line-height: 60px;background: #1a61b6;font-size: 14px;color: #fff; border-radius: 5px; margin-top: 20px; text-align: center;font-size: 14px; }
.form_box .placeholder{ color:#E9E9E9; }

/* flex 样式*/
.flex {display: flex;}
.flex.column {flex-direction: column;}
.flex.wrap {flex-wrap: wrap;}
.flex.acenter {align-items: center;}
.flex.jcenter {justify-content: center;}
.flex.jright {justify-content: flex-end;}
.flex.jcb {justify-content: space-between;}
.flex.jca {justify-content: space-around;}
.flex.jce {justify-content: flex-end;}
.flex.center {align-items: center;justify-content: center;}
.flex.flex1 {flex: 1;}
.flex .flex1 {flex: 1;}
.flex .ase {align-self:flex-end;}
.flex .fs {flex-shrink: 0;}

































