/*
*
*文件名称：建站100头部、banner层叠样式表
*创建时间：2016/7/14
*创建人：马上白玉京
*
*/

/*全局声明*/
.wu-main-width{width:1000px;margin:0 auto;}
.wu-h15{height:12px;clear:both;}
.wu-h10{height:6px;clear:both;}
.wu-h5{height:3px;clear:both;}
.wu-h5{height:3px;clear:both;}
/*top*/
.wu-header{}
.wu-header .wu-h-top{width:100%;height:30px;background:#585858;}
.wu-header .wu-h-top span{color:#fff;font-size:12px;line-height:30px;}

/*mid*/
.wu-header .wu-h-mid{width:100%;height:90px;background:#fff;overflow:hidden;}
.wu-header .wu-h-mid .wu-main-width{margin-top:20px;}
.wu-header .wu-h-mid .wu-main-width .wu-h-mid-logo{height:53px;width:186px;border-right:1px solid #a9a9a9;float:left;}
.wu-h-mid-slogon{font-size:12px;line-height:18px;height:36px;width:160px;float:left;margin-left:28px;margin-top:10px;color:#848383;}
.wu-h-mid-weixin{float:right;width:80px;height:63px;position:relative;padding:5px 5px 5px 5px;border:1px solid #dbdbdb;margin-top:-10px;}
.wu-h-mid-weixin span{float:left;width:17px;height:63px;position:relative;line-height:12px;font-size:11px;text-align:center;color:#333;}
.wu-h-mid-weixin .bigimg{opacity:0;position:absolute;top:-20px;left:200px;}
.wu-h-mid-weixin .img{float:left;position:absolute;top:5px;left:22px;}
.wu-h-mid-phone{width:190px;height:50px;float:right;margin-top: 15px;}
.wu-h-mid-phone img{display:block;float:left;}
.img{cursor:pointer;}
.wu-h-mid-phone .phonenum{display:inline-block;font-weight:500;height:50px;float:left;}
/*.phonenum span{line-height:15px;color:#000;font-size:15px;height:20px;display:block;}*/
.phonenum font{line-height:24px;color:#C81A1D;font-size:18px;height:22px;display:block;}

/*nav*/
.wu-h-nav{width:100%;height:50px;background:#DD2727;border-bottom:1px #DD2727 solid;box-sizing:border-box;}
.wu-h-nav  .wu-main-width{position:relative;}
.nav-all{width:260px;position:absolute;top:0;left:0;z-index:1001;}
.nav-all>span{display:block;width:100%;height:50px;background:#C81A1D;font-size:16px;text-align:center;line-height:50px;color:#fff;cursor:pointer;}
.nav-all dl{width:222px;margin-left:38px;text-align:left;}
.nav-all dl dt{height:26px;line-height:26px;color:#000;font-size:14px;}
.nav-all dl dt img{display:block;float:left;margin-right:10px;}
.nav-all dl dd{float:left;min-width:72px;height:20px;line-height:20px;}
.nav-all dl dd a{font-size:12px;color:#333;display:block;height:20px;width:100%;line-height:20px;font-weight:300;}
.nav-all dl dd a:hover{color:#DD2727!important;}
.nav-li{width:740px;height:50px;margin-left:260px;}
.nav-li ul li{float:left;width:105px;height:50px;line-height:50px;font-size:14px;text-align:center;}
.nav-li ul li a{color:#fff;display:inline-block;}
/*.nav-li ul li:hover {background:#a44;}*/
.wu-na-mian{opacity:0.9;background:#eee;height:401px;}
.wu-na-mian-inner{background:#eee;height:401px;display:none;}
.nav-all-li{}
.nav-all-li:hover{background:#fff;}
.nav-all-li:hover dl dt{color:#000;}
.nav-all-li:hover dl dd a{color:#333;}

/*banner*/
.wu-banner{width:100%;height:400px;position:relative;}
.wu-banner .bd .a{width:100%;height:400px;display:block;}
.wu-banner .hd{height:20px;position:absolute;bottom:20px;left:50%;z-index:1004;}
.wu-banner .hd li{height:20px;width:20px;float:left;margin-right:10px;border-radius:50%;background:#f1f1f1;}
.wu-banner .hd li.on{background:#ff7f02;}
.next{position:absolute; right:10%; top:50%;  display:block; width:40px; height:32px; background:url('/webui/images/img-right.png') no-repeat center;filter:alpha(opacity=50);opacity:0.5;cursor:pointer;}
.next:hover{filter:alpha(opacity=100);opacity:1;}
.prev{position:absolute; left:10%; top:50%;  display:block; width:40px; height:32px; background:url('/webui/images/img-left.png') no-repeat center;filter:alpha(opacity=50);opacity:0.5;cursor:pointer;}
.prev:hover{filter:alpha(opacity=100);opacity:1;}


/*---------- 右侧浮动QQ 20161213 --------------*/
.flaot-right{position:fixed;bottom:33%;right:.1%;z-index:20161213;width:80px;display:none;}
.r-list{}
.r-list li{cursor:pointer;float:right;}
.r-list .r-li1{width:50px;height:40px;border:1px solid #71b3ef;margin-bottom:5px;line-height:20px;text-align:center;font-size:15px;color:#71b3ef;background-color:#fff;padding:5px 0;position:relative;}
.r-list .r-li1 a{display:block;width:50px;height:50px;}
.hover2-show-box{width:380px;height:164px;position:absolute;top:0;left:-410px;border:1px solid #eee;border-top:10px solid #fe8a00;background:#fcfcfc;padding:0 10px;display:none;}
.hover2-show-box .box2-top{width:100%;height:84px;border-bottom:1px solid #eee;background:url('/webui/images/newonline/dianhua2.png') no-repeat left center;text-align:left;}
.box2-p1{height:40px;line-height:60px;text-indent:54px;font-size:14px;color:#333;}
.box2-p2{height:44px;line-height:28px;text-indent:54px;font-size:18px;color:#fe8a00;}
.hover2-show-box .box2-bottom{}
.box2-list{width:100%;color:#999;}
.box2-list li{width:50%;color:#a7a7a7;float:left;height:20px;line-height:20px;text-indent:30px;text-align:left;}
.show-img{position:absolute;bottom:0;left:-117px;width;107px;height:107px;display:none;max-width:107px;}
.r-list .r-li1 .r-li-hover{position:absolute;top:0px;left:0px;width:50px;height:50px;}
.r-list .r-li1 .hover2{background:url('/webui/images/newonline/r_phone.gif') no-repeat center;}
.r-list .r-li1 .hover1:hover{background:#fff url('/webui/images/newonline/QQ.png') no-repeat center;}
.r-list .r-li1 .hover2:hover {background:none;}
.r-list .r-li1 .hover2:hover .hover2-show-box{display:block;}
.r-list .r-li1 .hover3:hover{background:#fff url('/webui/images/newonline/weixin.png') no-repeat center;}
.r-list .r-li1 .hover3:hover .show-img{display:block;}
.r-list .r-mid{border-color:#ff8a00!important;color:#ff8a00!important;}
.r-li2{width:70px;padding:10px 0;line-height:20px;color:#fff;background:#ff8a00;text-align:center;margin-top:10px;}
.r-li2 span{line-height:20px;color:#fff;background:#ff8a00;text-align:center;font-size:15px;}


/* 20161214 banner在未加载js前会竖排溢出 */
.banner .bd{overflow:hidden;height:380px;}
.wu-banner .bd{overflow:hidden;height:400px;}

/*---------- 左侧浮动客服 --------------*/
.float-kf-left{position:fixed;top:40%;left:.1%;z-index:20161213;width:100px;}
.float-kf-left img {max-width: 100%;height: auto;}