/** 整体定于 **/
body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;}
.container{width:980px; margin:0 auto;position:relative;}
a{color:#666;}
.box{width:1000px; margin:0 auto;}

/*导航*/
.top{background:#fff;height:80px;width:100%;float:left;}
.logo{width:200px; float:left;}
.nav{width:700px; float:right;}
.nav li{width:100px; height:40px; line-height:40px; float:left; text-align:center; font-size:14px; margin-top:20px;}
.nav li a{ color:#333;}
.nav li a:hover{ text-decoration:none; color:#af0800; padding:10px 17px;}


/*视觉图*/
.kv{height:540px;width:100%}
.kv ul{height:540px;width:100%;float:left;}
.kv ul li{height:540px;width:100%;}
.kv ul li a{height:540px;width:100%;display:block;}
.kv .kv_prev{position:absolute;left:0px;top:310px;background:url(../images/icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}
.kv .kv_next{position:absolute;right:0px;top:310px;background:url(../images/icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}
.kv .kv_prev:hover{background:url(../images/icon_bg.png) no-repeat left -81px;}
.kv .kv_next:hover{background:url(../images/icon_bg.png) no-repeat -115px -81px;}
.kv .kv_page{width:150px;height:20px;position:absolute;left:50%;bottom:150px;margin-left:-75px;z-index:2;}
.kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(../images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;}
.kv .kv_page a.selected{background:url(../images/icon_bg.png) no-repeat left -203px;}


/*服务项目*/
.service{padding-top:140px;padding-bottom:60px;position:relative;}
.service #service_con{height:380px;width:990px;float:left;}
.service .cat{position:absolute;right:0px;z-index:5;}
.service .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}
.service .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}
.service .cat a.selected{background:url(../images/cat_ahover.png) no-repeat center 3px;color:#fff;}

.service .srv_pro{display:block;width:990px;float:left;height:380px;}
.service .srv_pro .title{background:url(../images/service_title.png) no-repeat left top;width:356px;height:73px;}
.service .srv_pro .con{background:url(../images/serv_bg1.jpg) no-repeat left center;width:990px;height:237px;margin-top:40px;position:relative;}
.service .srv_pro .con .con_1{font-size:12px;color:#666666;position:absolute;left:100px;top:20px;width:337px;}
.service .srv_pro .con .con_2{font-size:12px;color:#666666;position:absolute;left:607px;top:20px;width:337px;}
.service .srv_pro .con .con_3{font-size:12px;color:#666666;position:absolute;left:100px;top:163px;width:337px;}
.service .srv_pro .con .con_4{font-size:12px;color:#666666;position:absolute;left:607px;top:163px;width:337px;}

.service .srv_line{display:block;width:990px;float:left;height:380px;}
.service .srv_line .title{background:url(../images/fwlcBt.jpg) no-repeat left top;width:450px;height:73px;}
.service .srv_line .con{background:url(../images/serv_bg2.jpg) no-repeat center top;height: 267px;margin-top:40px;}




/*案例展示*/
.works{background:#222;padding-top:60px;padding-bottom:60px;position:relative;}
.works .title{background:url(../images/works_title.jpg) no-repeat;width:358px;height:73px;}
.works .prev{display:block;background:url(../images/prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;}
.works .next{display:block;background:url(../images/prev_next.png) no-repeat -104px top;width:59px;height:116px;position:absolute;right:-80px;top:160px;}
.works .prev:hover{display:block;background:url(../images/prev_next.png) no-repeat left -127px;}
.works .next:hover{display:block;background:url(../images/prev_next.png) no-repeat -104px -127px;}
.works .works_page{position:absolute;right:200px;top:20px;height:30px;}
.works .works_page a{display:block;float:left;width:22px;height:22px;background:url(../images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;}
.works .works_page a.selected{background:url(../images/icon_bg.png) no-repeat left -203px;}
.works .works_more{background:url(../images/works_more.jpg) no-repeat  no-repeat;width:153px;height:54px;position:absolute;right:0px;top:0px;}
.works .works_main{width:980px;overflow:hidden;padding-top:60px;}
.works .works_con{width:1020px;}
.works .con li{float:left;width:300px;margin-right:40px;}
.works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}
.works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}
.works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(../images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}
.works .con li a:hover em{border:3px solid #BA292D;background: url(../images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}
.works .con li h4{margin-top:10px;}
.works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;}
.works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';}
.works .ads{background:url(../images/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}




/*关于我们*/
.about{padding-bottom:60px;position:relative;padding-top:80px;}
.about #about_con{height:330px;width:980px;float:left;}
.about .cat{position:absolute;right:0px;z-index:5;}
.about .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'微软雅黑';height:30px;line-height:25px;}
.about .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}
.about .cat a.selected{background:url(../images/cat_ahover.png) no-repeat center 3px;color:#fff;}

.about .brand{display:block;height:330px;width:980px;float:left;}
.about .brand .title{background:url(../images/brand_title.jpg) no-repeat;width:585px;height:73px;}
.about .brand .con{margin-top:60px;}
.about .brand .brand_l{float:left;background:url(../images/brand_l_bg.jpg) no-repeat center center;width:300px;height:180px;border-right:1px dashed #ccc;}
.about .brand .brand_c{float:left;width:300px;height:180px;padding:0 25px;font-size:12px;font-family:'微软雅黑';color:#666666}
.about .brand .brand_c .z3_des{background:url(../images/z3designer.jpg) no-repeat left top;padding-top:45px;margin-top:10px;}
.about .brand .brand_c .z3_des li{color:#666666;line-height:25px;height:25px;}
.about .brand .brand_c .z3_des li span{color:#B8272C;}
.about .brand .brand_r{float:left;background:url(../images/brand_r_bg.jpg) no-repeat center center;width:325px;height:180px;border-left:1px dashed #ccc;}

.about .core{display:block;height:330px;width:980px;float:left;}
.about .core .title{background:url(../images/core_title.jpg) no-repeat;width:584px;height:73px;}
.about .core .core_con{width:980px;overflow:hidden;margin-top:40px;}
.about .core .core_con ul{width:1010px;}
.about .core .con li{float:left;padding:0 20px;width:980px; height:204px;border-right:1px dashed #ccc;padding-top:170px;font-size:12px;font-family:'宋体'}
.about .core .con li.con_1{background:url(../images/brandjs.jpg) no-repeat;}
.about .core .con li.con_2{background:url(../images/core_bg.jpg) no-repeat -210px top;}
.about .core .con li.con_3{background:url(../images/core_bg.jpg) no-repeat -470px top;}
.about .core .con li.con_4{background:url(../images/core_bg.jpg) no-repeat -735px top;}

.about .team{display:block;height:330px;width:980px;float:left;}
.about .team .title{background:url(../images/team_title.jpg) no-repeat;width:437px;height:73px;}
.about .team .con{height:250px;margin-top:40px;}
.about .team .con li{float:left;width:165px;text-align:center;margin:0 40px;}
.about .team .con li a{display:block;width:165px;height:167px;margin-bottom:5px;position:relative;}
.about .team .con li.con_1 a{background:url(../images/team_bg.png) no-repeat left top;}
.about .team .con li.con_2 a{background:url(../images/team_bg.png) no-repeat -247px top;}
.about .team .con li.con_3 a{background:url(../images/team_bg.png) no-repeat -493px top;}
.about .team .con li.con_4 a{background:url(../images/team_bg.png) no-repeat -740px top;}
.about .team .con li h3{color:#464646;font-size:14px;font-family:'微软雅黑';font-weight:normal;}
.about .team .con li p{color:#787878;font-size:12px;font-family:'微软雅黑';font-weight:normal;}
.about .team .con li a em{background:url(../images/team_bg.png) no-repeat -986px top;display:none;width:165px;height:165px;}
.about .team .con li a:hover em{display:block}

.tuandui{width:1000px; float:left; margin-top:40px; }

/*底部*/
.bottom{background:#ba292e;height:36px;width:100%;float:left; line-height:36px; color:#fff; text-align:center;}
.bottom a{ color:#fff;}