/*****************************************************
* 象牙塔中国样式--文件编写注释规范
*****************************************************/
@charset "utf-8";
/*****************************************************
* 文件名称：base.css
* 作   者：界面设计制作部---XX
* 创建日期：2019-11-29
* 内容概要:全局框架的样式
*****************************************************/

body,button,input,select,textarea {font: 12px '微软雅黑', Arial, Tahoma, Helvetica, sans-serif;/*font-size:62.5%;*/ line-height:1.5;}

body{/*background:#fff url(/static/p_index/images/public/body_bg33300.png) -30px -50px no-repeat;background-size:100%; */ padding-top:0px;}
/*body{background:#fff url(/static/p_index/images/public/bj001.png) left top repeat;!*background-size:100%;*!  padding-top:0px;}*/


/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/

/*.bg_body{ background:url(/static/p_index/images/public/body_bg.jpg) center -16px no-repeat;}*/

/*元素定义*/
*{ margin:0; padding: 0;}
ul,li,p,dl,h3,h1,h4,h2{ list-style:none; margin:0; padding: 0;}
ul li:last-child{ border-bottom: none; }

::selection {background:#0066cc; color:#fff;}
::-moz-selection {background:#0066cc; color:#fff;}
::-webkit-selection {background:#0066cc; color:#fff;}

.b_r_50{ border-radius:50%; }
.b_r_4{border-radius:4px; }
.b_r_15{border-radius:15px; }



/*最大宽度*/

.w_100{ width: 100%; }
.w_now{ width:1300px; }
.w_1200{ width:1200px; }
.w_1300{ width:1300px; }


/*字体*/
.f_30{font-size:30px;}
.f_28{font-size:28px;}
.f_24{font-size:24px;}
.f_20{font-size:20px;}
.f_18{font-size:18px;}
.f_16{font-size:16px;}
.f_14{font-size:14px;}
.f_12{font-size:12px;}
.f_10{font-size:10px;}

.f_b{ font-weight:bold;}
.f_n{ font-weight:normal;}
.f_s_n{ font-style: normal; }


.t_tra{text-transform:Uppercase;}
.l_s_1{letter-spacing:-1px}
.l_s_15{letter-spacing:15px}

/*内边距定义*/
.p_a_0{ padding:0px;}
.p_t_5{ padding-top:5px;}
.p_t_10{ padding-top:10px;}
.p_t_25{ padding-top: 25px;}
.p_10{ padding: 0 10px; }
.p_l{ padding-left: 0; }
.p_r{ padding-right: 0; }

/*外边距定义*/
.m_a_0{ margin:0px;}
.ma{ margin:0 auto; padding:0;}
.m_15{ margin:0 15px;}
.m_b{ margin-bottom:0;}
.m_t_90{ margin-top:90px;}
.m_t_80{ margin-top:80px;}
.m_t_70{ margin-top:70px;}
.m_t_60{ margin-top:60px;}
.m_t_50{ margin-top:50px;}
.m_t_40{ margin-top:40px;}
.m_t_30{ margin-top:30px;}
.m_t_20{ margin-top:20px;}
.m_t_15{ margin-top:15px;}
.m_t_10{ margin-top:10px;}
.m_t_5{ margin-top:5px;}
.m_b_5{ margin-bottom:5px;}
.m_b_10{ margin-bottom:10px;}
.m_b_15{ margin-bottom:15px;}
.m_b_20{ margin-bottom:20px;}
.m_b_25{ margin-bottom:25px;}
.m_b_30{ margin-bottom:30px;}
.m_b_40{ margin-bottom:40px;}
.m_b_50{ margin-bottom:50px;}
.m_b_60{ margin-bottom:60px;}
.m_b_70{ margin-bottom:70px;}



/*其他*/
.d_b{ display: block; }
.b_s{ box-shadow: #c4c4c4 1px 1px 4px 1px; }

/*行间距定义*/
.l_70{ line-height:70px;}
.l_60{ line-height:60px;}
.l_50{ line-height:50px;}
.l_40{ line-height:40px;}
.l_35{ line-height:35px;}
.l_30{ line-height:30px;}
.l_20{ line-height:20px;}

/*背景色定义*/
.bW{ background:#fff;}
.bO{ background:#eb840b;}
.bR{ background:#da5974;}
.bR01{background: url(../images/index_01.jpg) left top no-repeat;}
.bB{ background:#414141;}
.bG{ background:#f5f5f5;}
.bGREEN{ background: #04d8e5; }
.bG2{ background: #6f6e6e; }
 
 
.bBLU{ background: #197ac9; }


/*默认连接*/
a:link {color:#666; font-family:'微软雅黑';}/* 未被访问的链接 */
a:visited {color:#666; font-family:'微软雅黑';}/* 已被访问的链接 */
a:hover {color:#333; font-family:'微软雅黑';}/* 鼠标指针移动到链接上 */
a:active {color:#E51C24; font-family:'微软雅黑';}/* 正在被点击的链接 */



/*颜色*/
.cW,.cW a,a.cW{ color:#fff; font-family:'微软雅黑'; text-decoration:none; !important}
.cO,.cO a,a.cO{ color:#ef6601; font-family:'微软雅黑'; text-decoration:none;}
.cR,.cR a,a.cR{ color:#ff0000; font-family:'微软雅黑'; text-decoration:none;}
.cBLU,.cBLU a,a.cBLU{ color:#197ac9; text-decoration:none;}
.cG,.cG a,a.cG{ color:#999; text-decoration:none;}
.cG1,.cG1 a,a.cG1{ color:#ccc; text-decoration:none;}






.clear{clear: both;display:inline-block;}
.ov{ overflow: hidden; }




/*边框*/
.b_r{ border-right:1px solid #5e5e5e;}
.b_a_2{ border:2px solid #ccc;}
.b_a{ border:1px solid #ccc;}
.b_b_d{ border-bottom:1px solid #ccc;}
.b_b{ border-bottom:2px solid #ccc;}
.b_b_dot{ border-bottom:1px dashed #ccc;}
.b_t_n{ border-top:none;}
.b_b_blu{border-bottom:2px solid #1c4885;}

.b_r_20{ border-radius:20px; }
.b_r_5{border-radius:5px; }





/*一行5列*/
.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-2dot4 {
float: left; padding:3px;
}
.col-lg-2dot4 {
width: 20%; text-align:center;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}






/*对齐方式定义*/
.t_l{ text-align:left;}
.t_c{ text-align:center;}
.t_r{ text-align:right;}
.w_l{writing-mode:lr-tb}

.fL{ float: left; }
.fR{ float: right; }



/*一单行文本的溢出显示省略号(通用)*/
.mui-ellipsis 
{ 
    overflow: hidden; /*规定当文本溢出包含元素时发生的事情*/ 
    white-space: nowrap; /*如何处理元素内的空白符。nowrap表示文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/ 
    text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本*/ 
	-webkit-line-clamp:1; /*限制在一个块元素显示的文本的行数*/ 
} 
/*两单行文本的溢出显示省略号(通用)*/
.mui-ellipsis-2 
{ 
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ 
    overflow: hidden; 
 
    white-space: normal !important; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
 
    -webkit-line-clamp: 2; /*限制在一个块元素显示的文本的行数*/ 
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/ 
} 
/*三单行文本的溢出显示省略号(通用)*/
.mui-ellipsis-3 
{ 
    display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ 
    overflow: hidden; 
 
    white-space: normal !important; 
    text-overflow: ellipsis; 
    word-wrap: break-word; 
 
    -webkit-line-clamp:3; /*限制在一个块元素显示的文本的行数*/ 
    -webkit-box-orient: vertical; /*设置或检索伸缩盒对象的子元素的排列方式*/ 
}




/*分页(通用)*/
.page_footer{
margin-top:11px;
width:99%; display:block; clear:both; text-align:center; padding:0px 20px;
}