.index_on{background:url(../images/nav_on.png) no-repeat}
.index_on a{color:#fff}
.head_box{width:100%;height:508px;position:relative;overflow:hidden}
.slideBox{position:absolute;top:0;width:100%;height:508px;overflow:hidden;margin:0 auto}
.slideBox .bd{width:200%;left:-50%;top:0;position:absolute}
.slideBox .bd ul{margin:0 auto}
.slideBox .bd ul li{display:block;width:1920px;position:absolute}
.slideBox .bd ul li img{width:1920px;height:508px}
.slideBox .bd ul li .bannertitle{position:absolute;top:220px;left:50%}
.slideBox .bd ul li .bannertitle img{width:407px;height:176px}
.slideBox .hd{position:absolute;top:200px;right:50%;z-index:1;margin-right:-500px;background:url(../images/list_boxbg.png) repeat-y center center;width:15px;height:140px;overflow:visible}
.slideBox .hd ul li{float:left;width:15px;height:15px;cursor:pointer;margin-bottom:26px}
.slideBox .hd ul li{display:block;width:15px;height:15px}
.on .banner1{display:block;background:url(../images/num_hover.png) no-repeat;width:67px;height:24px;position:relative;top:-6px;left:-3px}
.on .banner2{display:block;background:url(../images/num_web.png) no-repeat;width:104px;height:43px;position:relative;top:-6px;left:-3px}
.on .banner3{display:block;background:url(../images/num_tao.png) no-repeat;width:104px;height:43px;position:relative;top:-4px;left:-3px}
.on .banner4{display:block;background:url(../images/num_design.png) no-repeat;width:104px;height:43px;position:relative;top:-2px;left:-3px}
.hd{overflow:hidden}
.hd_left,.hd_right{width:380px;border-bottom:2px solid #dcdcdc;height:39px}
.hd_right span{float:right;width:84px;height:27px;line-height:27px}
.hd_right span:hover{background:url(../images/more.png)}
.hd_right span:hover a{color:#fff}
.hd_title{width:240px;height:48px}
.hd_title h1{font-size:30px;float:left;margin:8px 0 0 27px}
.hd_title img{margin-left:10px;float:left}
.service_bd{margin-top:40px;overflow:hidden;height:265px}
.service_bd h2{font-size:24px;height:45px;line-height:45px}
.service{margin-top:15px;overflow:hidden}
.service_text{height:45px;overflow:hidden;margin-top:22px}
.service_web{margin-left:30px}
.service_seo{margin-left:71px}
.service_taobao{margin-left:71px}
.service_design{margin-left:71px}
.service_icon{width:185px;height:200px;display:block}
.web_bg{background:url(../images/web.png)}
.service_web:hover em{background:url(../images/web_bg.png)}
.seo_bg{background:url(../images/seo.png)}
.service_seo:hover em{background:url(../images/seo_bg.png)}
.taobao_bg{background:url(../images/taobao.png)}
.service_taobao:hover em{background:url(../images/taobao_bg.png)}
.design_bg{background:url(../images/design.png)}
.service_design:hover em{background:url(../images/design_bg.png)}
.service_btn{background:url(../images/seemore.png);width:188px;height:44px;display:block;font-size:18px;color:#fff;line-height:44px}
.case{margin-top:50px}
.slideCaseBox .hd{margin-top:18px}
.slideCaseBox .hd .on{background:url(../images/case_nav.png) no-repeat}
.slideCaseBox .hd li{display:inline-block;*display:inline;zoom:1;width:110px;height:30px;line-height:30px}
.slideCaseBox .hd li{background:url(../images/case_nav1.png) no-repeat}
.slideCaseBox .hd li:hover{background:url(../images/case_nav.png) no-repeat}
.slideCaseBox .hd h2{font-size:16px;color:#fff}
.slideCaseBox .bd ul{margin-left:-23px;overflow:hidden}
.slideCaseBox .bd li{float:left;width:319x;margin:23px 0 0 23px;position:relative;height:245px;overflow:hidden}
.slideCaseBox .bd li img{width:318px;height:245px}
.slideCaseBox .bd .float{display:none;position:absolute;top:0;left:0;z-index:1px;width:100%;height:100%;background:url(../images/case_bg.png)}
.float_cn{margin:37px auto 0 auto;width:218px;text-align:center;vertical-align:middle}
.float_cn h3 a{font-size:22px;font-weight:normal;color:#fff}
.float_cn h3 a:hover{color:#00a1ea}
.float_cn p{margin-bottom:15px;padding:5px 0 10px 0;color:#bababa;border-bottom:1px dotted #fff}
.float_cn .details{color:#bebebe}
.float_cn .details:hover{color:#00a1ea}
.news{margin-top:17px;overflow:hidden}
.news .hd{padding-bottom:27px}
.context{height:172px;overflow:hidden;width:100%;text-align:left;color:#666}
.context a{color:#666}
.context:hover{background:#fff;color:#000}
.context:hover a{color:#000}
.context .date{width:96px;font-size:20px;text-align:center;margin-top:-10px}
.context .date span{font-size:56px;display:block;height:68px}
.context img{width:262px;height:156px;margin-top:10px}
.context h3{font-size:20px;margin:14px 0 0 26px;width:595px;float:left}
.context p{width:595px;float:left;margin:19px 0 0 26px;height:101px}
.contact{margin-top:17px}
.contact_bd{margin-top:17px;background:url(../images/map.png) no-repeat bottom center;height:582px}
.contact_info{position:relative}
.contact_info .qq{position:absolute;top:87px;left:19px;width:70px;height:70px;background:url(../images/qq.png)}
.contact_info .qq:hover{background:url(../images/qq_bg.png)}
.weibo{position:absolute;top:87px;left:132px;width:70px;height:70px;background:url(../images/weibo.png)}
.weibo:hover{background:url(../images/weibo_bg.png)}
.weixin{position:absolute;top:87px;left:245px;width:70px;height:70px;background:url(../images/weixin.png)}
.weixin:hover{background:url(../images/weixin_bg.png)}
.tel{position:absolute;top:87px;right:50px;background:url(../images/tel.png);width:269px;height:72px}
.code{position:absolute;top:-110px;left:210px;display:none}
#map_logo{position:absolute;left:367px;top:20px;}
#nav{position:fixed;right:20px;top:30%;background:url(../images/left-nav-bj.png) no-repeat center;width:80px;height:241px;z-index:9995;padding-top:128px;text-align:left!important}
#nav li{text-align:left!important}
#nav li a{font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px;color:#a9a9a9;width:48px;display:block;text-align:left!important;margin-bottom:7.5px; + height:20px; + margin-left:-15px;height:20px}
#nav li a:hover em{color:#0085b4;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px;display:inline-block}
#nav li a:hover{color:#0085b4;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px}
#nav .current em{display:inline-block;color:#0085b4;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px}
#nav .current a{color:#0085b4;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:12px}
.nav-ico{background:url(../images/cur-ico.png) no-repeat;width:13px;height:13px;display:inline-block;display:none;position:relative;left:0;top:5px; + left:-1px; + top:-15px}
#nav{display:none}
#CssGaga{content:"140428113503,pc,324"}