@import url("waps.css");
*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font:400 14px/30px "microsoft yahei"}
body{font-size:14px;text-align:center;background:#fff;color:#333;font-family:'microsoft yahei'}
img{border:none}
ul{list-style:none}
em,i{font-style:normal}
#loading{background:url(/images/loading.gif) no-repeat center}
a:hover img{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8}
.wrapper,#container{text-align:left;position:relative;margin:0 auto}
#container{width:1200px;min-width:1200px}
.wrapper{width:1200px;min-width:1200px}
div:after,dl:after,ul:after{content:"";display:block;height:0;clear:both}
.clearfix{display:block}
a:link,a:visited{color:#333;text-decoration:none}
a:hover{color:red}
a:focus{outline:0}
.hidden{overflow:hidden;height:0}
input{background:0 0;outline:0;border:none;font-family:'microsoft yahei'}
.clear{clear:both}
.left{float:left!important}
.right{float:right!important}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.center{text-align:center!important}
.nones{border-bottom: none!important;}
body,.welcome,.header .top-part,.slider,.brand-part,.case-part,.about-news,.prod-part,.footer,.copyright,.bq{min-width:1200px}
/*========(头部)========*/
.header{height:140px}
.header .top-part{border-bottom: 2px solid #108fe2;height:100px;width:100%;z-index:999;background:#fff;/*box-shadow:-1px 2px 6px rgba(0, 0, 0, 0.6)*/}
.welcome{height:40px;line-height:40px;color:#fff;background:#414141}
.header .top-l span{}
.header .top-r span{margin-left:30px}
.header .logo{position:absolute}
.header .logo{top:20px;left:0;min-width:205px;width:205px;height:60px;background:url(../images/icon.png) 0 0 no-repeat}
.header .logo a{display:block;height:60px;cursor:pointer}
/*========(导航)========*/
.header .nav{position:relative;float:right;margin-top:34px;width:920px}
.header .nav ul li{position:relative;float:left;text-align:center;width:115px}
.header .nav ul li a:link,.nav ul li a:visited{display:block}
.header .nav ul li a:hover{color:#108fe2}
.header .nav ul li a.cur:hover,.header .nav ul li a.cur:link,.header .nav ul li a.cur:visited{display:block;color:#108fe2}
.header .nav ul li a.cur:hover,.header .nav ul li a.cur:link,.header .nav ul li a.cur:visited,.header .nav ul li a:link,.nav ul li a:visited{height:32px;line-height:32px;font-size:16px}
.header .nav .on a{background:#108fe2;color:#fff}
.header .nav .on a:hover{color:#fff!important}
.header .nav .on a.cur{color:#fff!important}
.header .nav .on a,.header .nav dl{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.header .nav dl{display:none;position:absolute;left:0;top:28px;background:#108fe2;width:115px;padding:10px 0;z-index:999}
/*.header .nav dl i{position:absolute;width:9px;height:5px;top:-5px;left:53px;background:url(/images/icon.png) 0 -80px no-repeat}*/
.header .nav dl dd{line-height:38px}
.header .nav dl dd a{height:38px!important;line-height:38px!important;display:block!important;color:#fff!important;font-size:14px!important}
.header .nav dl dd a:hover{background:#0076db!important;color:#fff!important}
/*========(幻灯切换)========*/
.slider{width:100%;position:relative;height:380px;background:#000}
.slider .banner{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.slider .banner ul{width:100%!important}
.slider .banner li{width:100%!important;height:380px;overflow:hidden;text-align:center}
.slider .banner li a{display:block;height:380px}
.slider .tab-icon{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:60px;line-height:60px}
.slider .tab-icon ul{text-align:center}
.slider .tab-icon ul li{cursor:pointer;display:inline-block;zoom:1;width:15px;height:15px;margin:0 5px;overflow:hidden;background:#000;filter:alpha(opacity=80);opacity:.8;line-height:999px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.slider .tab-icon ul .on{background:#f60}
.slider .next,.slider .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:38px;height:38px;background:url(../images/icon.png) 0px -100px #000 no-repeat;cursor:pointer;display:none}
.slider .next{left:auto;right:10%;background-position:-70px -100px}
/*关于我们*/
.about-slide{height:260px!important}
.about-slide .banner li{height:260px!important}
.about-slide .banner li a{height:260px!important}
/*网站建设*/
.site-slide{height:300px!important}
.site-slide .banner li{height:300px!important}
.site-slide .banner li a{height:300px!important}
.site-slide .banner li a img{width: 100%;height: 300px;}
/*管家婆*/
.soft-slide{height:320px!important}
.soft-slide .banner li{height:320px!important}
.soft-slide .banner li a{height:320px!important}
/*400电话*/
.tel-slide{height:280px!important}
.tel-slide .banner li{height:280px!important}
.tel-slide .banner li a{height:280px!important}
/*成功案例*/
.case-slide{height:360px!important}
.case-slide .banner li{height:360px!important}
.case-slide .banner li a{height:360px!important}
/*新闻资讯*/
.news-slide{height:150px!important}
.news-slide .banner li{height:150px!important}
.news-slide .banner li a{height:150px!important}
/*联系我们*/
.contact-slide{height:260px!important}
.contact-slide .banner li{height:260px!important}
.contact-slide .banner li a{height:260px!important}
/*========(网页底部)========*/
.footer{background:#26282f;padding:15px 0}
.footer .qcode{}
.footer .qcode p{color:#fff;line-height:0}
.footer .qcode p.tit{width:134px;text-align:center;line-height:36px}
.footer .qcode img{margin:17px 30px 0 0;width:134px;height:134px}
.footer .basic{margin-right:10px}
.footer h3{font-size:16px;color:#d9d9d9;line-height:40px;padding-top:4px}
.footer p{font-size:12px;color:#838383;line-height:240%}
.foot-nav{margin-top:10px;margin-left:20px;padding-left:20px;min-height:170px;width:90px;}
.foot-nav h2{font-size:16px;color:#d9d9d9}
.foot-nav h2 a{color:#d9d9d9;font-size:16px;line-height:30px;clear:both!important}
.foot-nav a{line-height:30px;font-size:12px;color:#666;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.foot-nav a:hover{text-decoration:underline;color:#FFF}
.footer .prod a{float:left;margin-right:20px}
.copyright,.bq{background:#303030;line-height:30px;font-size:12px;padding:5px 0;text-align:center;color:#9c9c9c}
.copyright a{color:#9c9c9c}
.copyright a:hover{color:#fff}
.bq a{margin:0 10px;color:#9c9c9c}
.bq h1,.bq h2,.bq h3{display:inline!important}
/*========(分页)========*/
.pages{margin-top:20px;text-align:center;overflow:hidden;line-height:30px;font-size:12px!important}
.pages span{padding:5px 10px 5px 10px;color:#fff;background-color:#108fe2;margin:0 5px}
.pages a{padding:5px 10px;background:#f1f1f1;color:#746d81;margin:0 5px}
.pages a:hover{color:#fff;background-color:#108fe2}

.list-pages{margin-top:0px}
.list-pages a{background:#fff}
.list-pages a:hover{color:#fff;background-color:#108fe2}

/*浮动*/
#yt_top,#yt_wx,#yt_wz,#yt_rj,#yt_wl,#yt_dh{z-index:2;width:50px;height:50px;right:10px;position:fixed;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
#yt_wx a,#yt_wx a:hover,#yt_wz a,#yt_wz a:hover,#yt_rj a,#yt_rj a:hover,#yt_wl a,#yt_wl a:hover,#yt_dh a,#yt_dh a:hover,#yt_top,#yt_top:hover{background:url(../images/ytbtn.png) no-repeat;}
#yt_wx a,#yt_wz a,#yt_rj a,#yt_wl a,#yt_dh a{float:left;right:0;text-indent:-9999px;width:50px;height:50px;}
/*微信*/
#yt_wx{top:418px;_margin-top:418px}
#yt_wx a{background-position:0 -0px;}
#yt_wx a:hover{background-position:-50px -0px}
/*网站建设*/
#yt_wz{top:210px;_margin-top:210px}
#yt_wz a{background-position:0 -50px;}
#yt_wz a:hover{background-position:-50px -50px}
/*软件业务*/
#yt_rj{top:262px;_margin-top:262px}
#yt_rj a{background-position:0 -200px;}
#yt_rj a:hover{background-position:-50px -200px}
/*网络营销*/
#yt_wl{top:314px;_margin-top:314px}
#yt_wl a{background-position:0 -250px;}
#yt_wl a:hover{background-position:-50px -250px}
/*400电话*/
#yt_dh{top:366px;_margin-top:366px}
#yt_dh a{background-position:0 -150px;}
#yt_dh a:hover{background-position:-50px -150px}
/*返回顶部*/
#yt_top{top:470px;_margin-top:470px;background-position:0 -101px;width:50px;height:50px}
#yt_top:hover{background-position:-50px -101px}
.yt_wx,.yt_wz,.yt_rj,.yt_wl{position:relative;z-index:2}
.yt_wx a:hover .yt_wx_b,.yt_wz a:hover, .yt_wz_b,.yt_rj a:hover, .yt_rj_b,.yt_wl a:hover, .yt_wl_b{display:block}
.yt_wx .yt_wx_b{position:absolute;display:none;left:-280px;top:-200px;width:275px;height:355px;background:url(../images/ytwx.png) 0 -2px no-repeat}