@charset "utf-8";

/* -------------------------//   //-------------------------
* 自用前端框架
* W-ui.css v3.0.0
* Time:2019-08 
* QQ:663458534
* Author:YeJiongFa
* LOG:
*     - 重写
*     - 不用再兼容IE6，爽
*/


/*
* 尽量不要在最外层标签 使用 
*/

/* moz 不用 再使用了 书写顺序 ， 如：-webkit-opacity: 0.7; opacity: 0.7; 
 * -ms代表【ie】内核识别码
 * -moz代表火狐【firefox】内核识别码
 * -webkit代表谷歌【chrome】/苹果【safari】内核识别码
 * -khtml-",苹果浏览器之前的版本，后改为webkit内核
 * -o代表欧朋【opera】内核识别码
*/


/* 文本选择的背景颜色 */
/* 
::-webkit-selection { background: mediumaquamarine;}
::selection { background: mediumaquamarine; } 
*/

/* 公用 */
.wui_fl,.wui_lt,.wui_left{float:left;}
.wui_fr,.wui_rt,.wui_right{float:right;}
.wui_dpn{display:none;}
.wui_dpb{display:block;}
.wui_ofh{overflow:hidden;}
.wui_img100{max-width:100%;height:auto}
.wui_fwn{font-weight:normal;}
.wui_fwb{font-weight:bold;}
.wui_fsn{font-style: normal}
.wui_tal{text-align:left;}
.wui_tac{text-align:center;}
.wui_tar{text-align:right;}
.wui_ti2{text-indent:2em;}
.wui_lhn{line-height:normal;}
.wui_csp{cursor:pointer;}
.wui_csd{cursor:default;}
.wui_csh{cursor:help;}
.wui_csm{cursor:move;}
.wui_pr{position:relative;}
.wui_ptr{position:relative;}
.wui_pta{position:absolute;}
.wui_tdu,.wui_tdu:hover{text-decoration:underline;}
.wui_tdlt{text-decoration: line-through}

 
.wui_taj{text-align:justify;text-justify:inter-ideograph;}
.wui_vam,.wui_vama *{vertical-align:middle;}
.wui_wsn{word-wrap:normal;white-space:nowrap;}
.wui_pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.wui_wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.wui_ti{overflow:hidden;text-indent:-30000px;}
.wui_toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.wui_table{border-collapse:collapse;border-spacing:0;}
 
 
 .wui_cf_ul,
 .wui_clearfix_ul,
 .wui_cf_ul li,
 .wui_clearfix_ul li{list-style: none;padding:0;margin:0;}
 
/* 清浮动 */
.wui_cf,
.wui_cf_ul,
.wui_clearfix_ul,
.wui_clearfix{zoom:1}

.wui_cf:after,
.wui_cf_ul:after,
.wui_clearfix_ul:after,
.wui_clearfix:after{content:"\200B";display:block;height:0;clear:both; }

.wui_clear{clear:both;float:none;height:0;margin:0;padding:0;width:0;overflow:hidden;}

/* 透明 opacity 方法 */
.wui_op{ 
filter:alpha(opacity=70); 
-webkit-opacity: 0.7; 
opacity: 0.7; 
}

/* 禁止换行 */
.wui_nowrap{ white-space:nowrap; }

/* 有时 需要在标题栏中使用图片，但是又必须保证搜索引擎能够读到标题 */
.wui_1{ 
 text-indent:-9999px; 
 background:url("...") no-repeat; 
 width:800px; 
 height:50px; 
 }

/* 获得焦点的 input */
.wui_2:focus { border: 1px solid green; }

/* 内容垂直居中 */
.wui_dptc{
display: table-cell;
vertical-align: middle;
} 

/* 单行文本溢出 点点点 */
/* 
.inline{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
} 
*/

/* 多行文本溢出 点点点
 -webkit-line-clamp:4; 显示多少行文本 
 -webkit-box-orient: vertical; 方向 
 */
/* 
.foo{
 display: -webkit-box!important;
 overflow: hidden;
 text-overflow: ellipsis;
 word-break: break-all;
 -webkit-box-orient: vertical; 
 -webkit-line-clamp:4; 
}
 */

/* not 简写 除了最后一个，其他都加上 */
/* 
.wui_2 li:not(:last-child) {
 border-right: 1px solid #666;
} 
*/


/*
<span class="u-img"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img u-img-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
*/
/* 无边图片容器-默认定宽定高、图片拉伸 */
.u-img{display:block;position:relative;width:110px;height:110px;}
.u-img img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img-ha,.u-img-ha img{height:auto;}
/* 圆角 */
.u-img,.u-img img{border-radius:5px;}


/*
<span class="u-img2"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
<a href="#" class="u-img2"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a>
<span class="u-img2 u-img2-ha"><a href="#"><img src="http://nec.netease.com/img/s/1.jpg" alt="" /></a></span>
*/
/* 有边图片容器-默认定宽定高、图片拉伸 */
.u-img2{display:block;position:relative;width:104px;height:104px;padding:2px;border:1px solid #ddd;}
.u-img2 img{display:block;width:100%;height:100%;}
/* 图片高适应 */
.u-img2-ha,.u-img2-ha img{height:auto;}
/* 圆角 */
.u-img,.u-img img{border-radius:5px;}


/*
<div class="m-crumb">
    <ul class="f-cb">
        <li><a href="#">面包屑导航，竖线分隔</a></li>
        <li><a href="#">面包屑，可多行</a></li>
        <li><a href="#">面包屑</a></li>
        <li>文字</li>
    </ul>
</div>
*/
/* 多行式面包屑导航-默认  竖线分隔 */
.m-crumb{overflow:hidden;line-height:1.5;}
.m-crumb ul{margin-left:-20px;}
.m-crumb li{float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li:before{display:inline-block;width:20px;text-align:center;content:'|';font-size:12px;color:#ccc;font-family:\5b8b\4f53;}
/* 箭头分隔 */
.m-crumb-arr li:before{content:'\3E';}
/* 空白分隔 */
.m-crumb-blank ul{margin-left:-10px;}
.m-crumb-blank li:before{width:10px;content:'';}

 
/* 全屏轮播图 */
.fullSlide,
.fullSlide .bd,
.fullSlide .bd li,
.fullSlide .bd li a,
.fullSlide .bd img{height:600px; text-align:center;}
.fullSlide,
.fullSlide .bd,
.fullSlide .bd li a,
.fullSlide .bd li{width:100%;}
.fullSlide{ margin:0px auto 0 auto; overflow:hidden; background:#fff;position:relative;z-index:9;}
.fullSlide .hd{ height:20px;left:50%;margin-left:-20px; bottom:7px; position:absolute; z-index:9;  }
.fullSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fullSlide .hd ul li{  background:#fff;float:left; margin:0 4px; width:12px; height:12px;border-radius:12px;text-align:center; cursor:pointer; text-indent:-99999px;}
.fullSlide .hd ul li.on{ background:#3b77bc; }
.fullSlide .bd, .fullSlide .bd li{position:relative;} 
.fullSlide .bd li a{ display:block;}
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;   filter:alpha(opacity=70);opacity:0.7; z-index:333  }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;}



/* 
 
 <div class="kefu_skin_1">
 	
             <a href="javascript:;" class="kfa qq" title="QQ" style="display: none;">
 				  
             </a>
 			<a href="javascript:;" class="kfa kf" title="客服" style="display: none;">
 			   
 			</a>
 			
 			<a href="javascript:;" class="kfa me" title="留言" style="display: none;">
 			   
 			</a>
 			
 			<a href="javascript:;" class="kfa mo" title="手机号" style="display: none;">
 			   
 			</a>
 			
             <a href="javascript:;" class="kfa wx" title="微信">
                <div class="kfcon">
 				   <div class="img"><img src="{pboot:content id=544}[content:ico]{/pboot:content}" alt=""  ></div>
 				   <div class="title">扫一扫 微信咨询</div>
 				   
 			   </div>
             </a>
 			
 			<a href="javascript:;" class="kfa ew" title="二维码">
 			   <div class="kfcon">
 				   <div class="img"><img src="{pboot:content id=543}[content:ico]{/pboot:content}" alt=""  ></div>
 				   <div class="title">微信公众号</div>
 			   </div>
 			</a>
 			 
 			<a href="javascript:;" class="kfa te" title=" ">
 			   <div class="kfcon" style="width: 250px;left: -273px;">
 				   <div class="tcon">
 				   <div class="t1">业务咨询</div>
 				   <div class="t2">138 2924 1276</div>
 				   <div class="t3">
 					   电话：0769-8601 3066 / 8601 5066
 					   <br>
 					   传真：0769-8601 5266
 					   <br>
 					   电邮：jack@sincent.com   
 					   <br>
 					   jack_xiang@163.com
 					   
 				   </div>
 				   </div>
 				    
 				   
 			   </div>
 			</a>
 			 
             <a href="javascript:;" class="kfa uh" id="kfTop" title="返回顶部"></a>
 			
 </div>
 
 */
/* 客服样式一 */
.kefu_skin_1{width:52px; position:fixed;right:5px;bottom:20px;z-index:300}
.kefu_skin_1 .kfa{position:relative; z-index:300;width:50px; height: 50px; display: block;border:1px solid #333;margin-top:2px; background-color: #333; background-position: center center; background-repeat: no-repeat;}
.kefu_skin_1 .kfa:hover{ background-color:#fff;border-color:#ccc;}

.kefu_skin_1 .qq{ background-image: url(../images/32/qq2.png) ;}
.kefu_skin_1 .wx{ background-image: url(../images/32/wx2.png) ;}
.kefu_skin_1 .ew{ background-image: url(../images/32/ew2.png) ;}
.kefu_skin_1 .kf{ background-image: url(../images/32/kf2.png) ;}
.kefu_skin_1 .me{ background-image: url(../images/32/me2.png) ;}
.kefu_skin_1 .mo{ background-image: url(../images/32/mo2.png) ;}
.kefu_skin_1 .te{ background-image: url(../images/32/te2.png) ;}
.kefu_skin_1 .uh{ background-image: url(../images/32/uh2.png) ;display: none; }

.kefu_skin_1 .qq:hover{ background-image: url(../images/32/qq.png) ;}
.kefu_skin_1 .wx:hover{ background-image: url(../images/32/wx.png) ;}
.kefu_skin_1 .ew:hover{ background-image: url(../images/32/ew.png) ;}
.kefu_skin_1 .kf:hover{ background-image: url(../images/32/kf.png) ;}
.kefu_skin_1 .me:hover{ background-image: url(../images/32/me.png) ;}
.kefu_skin_1 .mo:hover{ background-image: url(../images/32/mo.png) ;}
.kefu_skin_1 .te:hover{ background-image: url(../images/32/te.png) ;}
.kefu_skin_1 .uh:hover{ background-image: url(../images/32/uh.png) ; }

.kefu_skin_1 .kfa:hover .kfcon{ display: block;}
.kefu_skin_1 .kfcon{ position:absolute; left:-153px;bottom:-1px;z-index:300;display: none;border:1px solid #ddd;width:130px;padding:10px; background: #fff;    box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);}
.kefu_skin_1 .kfcon .img img{width:100%;}
.kefu_skin_1 .kfcon .title{margin-top:5px;color:#000; text-align: center;}

.kefu_skin_1 .tcon{line-height:1.8em;font-size:14px;}
.kefu_skin_1 .tcon .t1{ font-size:16px; font-weight: bold;}
.kefu_skin_1 .tcon .t2{margin-top:5px;font-size:22px;color:#3b77bc;font-weight: bold;}
.kefu_skin_1 .tcon .t3{margin-top:15px;}