@import url("base.css");

/** 整体定于 **/
body{font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif,Microsoft Yahei; color: #666; background-color:#e5e8ed;}
.container{width:980px; margin:0 auto;position:relative;}
a{color:#666;}

/*视觉图*/
.kv{height:569px;position:relative;width:100%}
.kv ul{height:569px;width:100%;}
.kv ul li{height:569px;width:100%;}
.kv .kv_prev {position: absolute;left: 0px;top: 230px;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: 230px;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: 30px; 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;
}
/*导航*/
.nav{background:url(../images/nav_bg.png) repeat-x;height:60px;position:abolute;z-index:9;width:100%;left:0px;top:569px;position:absolute;}
.nav1{background:url(../images/nav_bg.png) repeat-x;height:60px;position:abolute;z-index:9;width:100%;left:0px;top:0px;position:absolute;}
.nav.selected{position:fixed;width:100%;left:0px;top:0px;}
.nav .logo{float:left;width:160px;height:40px;background:url(../images/logo.png) no-repeat;margin-top:10px;}
.nav .logo:hover { background:url(../images/logo1.png);}
.nav .menu{width:740px;height:60px;float:right;overflow:hidden;position:relative;}
.nav .menu li{float:left;width:105px; height:60px;}
.nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:25px;}
.nav .menu li a{color:#aaa;font-size:14px;font-family:"Microsoft Yahei";width:105px;height:60px;display:block;line-height:60px;text-align:center;text-decoration:none;}
.nav .menu li a:hover{color:#fff;}
/*about*/
.about{padding-bottom:60px;position:relative;padding-top:125px;}
.about h2,.works h2,.service h2 { line-height:56px; color:#3e3e3e; font-family:Arial,sans-serif,"Times New Roman","Microsoft Yahei"; font-size:56px; text-align:center; padding-bottom:20px; font-weight:normal;}
.about .about_txt,.about .team,.service  { width:980px; margin:0 auto; padding-bottom:20PX;}
.about .about_txt p { text-indent:2em; font-size:14px;font-family:"Microsoft Yahei"; line-height:30px; padding-bottom:10px;}
.about .team .con{height:200px;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_bg1.png) no-repeat left top;}
.about .team .con li.con_2 a{background:url(../images/team_bg1.png) no-repeat -247px top;}
.about .team .con li.con_3 a{background:url(../images/team_bg1.png) no-repeat -493px top;}
.about .team .con li.con_4 a{background:url(../images/team_bg1.png) no-repeat -740px top;}
.about .team .con li.con_5 a{background:url(../images/team_bg2.png) no-repeat left top;}
.about .team .con li.con_6 a{background:url(../images/team_bg2.png) no-repeat -247px top;}
.about .team .con li.con_7 a{background:url(../images/team_bg2.png) no-repeat -493px top;}
.about .team .con li.con_8 a{background:url(../images/team_bg2.png) no-repeat -740px top;}
.about .team .con li h3{color:#464646;font-size:14px;font-family:"Microsoft Yahei";font-weight:normal;}
.about .team .con li p{color:#787878;font-size:12px;font-family:"Microsoft Yahei";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;}

/*works*/
.works{background:#222;padding-top:60px;padding-bottom:60px;position:relative;}
.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_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=80);opacity:0.8 !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 #787878;position:absolute;left:-1px;top:0px;background: url(../images/works_ahover.png) no-repeat center -92px;transition: all 0.8s linear 0s;box-shadow: 0 0 5px 5px #1c1c1c;}
.works .con li a:hover em{border:3px solid #fff;background: url(../images/works_ahover.png) no-repeat center center;transition: all 0.8s linear 0s;}
.works .con li h4{margin-top:10px;}
.works .con li h4{color:#fef7f7;font-size:20px;font-family:"Microsoft Yahei";font-weight:normal;}
.works .con li p{color:#888;font-size:12px;font-family:"Microsoft Yahei";}
.works .ads{background:url(../images/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}
.moretxt { font-size:26px;font-family:"Microsoft Yahei"; padding-left:40px; color:#AAAAAA; line-height:56px;}

/*service*/
.service{padding-top:60px;padding-bottom:60px;position:relative;}
.service .con{height:200px;margin-top:40px;}
.service .con li{float:left;width:165px;text-align:center;margin:0 40px;}
.service .con li a{display:block;width:165px;height:167px;margin-bottom:5px;position:relative;}
.service .con li.con_1 a{background:url(../images/service_bg.png) no-repeat left top;}
.service .con li.con_2 a{background:url(../images/service_bg.png) no-repeat -247px top;}
.service .con li.con_3 a{background:url(../images/service_bg.png) no-repeat -493px top;}
.service .con li.con_4 a{background:url(../images/service_bg.png) no-repeat -740px top;}
.service .con li.con_1 a:hover,.service .con li.con_1 a:active{background:url(../images/service_bg.png) no-repeat left -166px;}
.service .con li.con_2 a:hover,.service .con li.con_2 a:active{background:url(../images/service_bg.png) no-repeat -247px -166px;}
.service .con li.con_3 a:hover,.service .con li.con_3 a:active{background:url(../images/service_bg.png) no-repeat -493px -166px;}
.service .con li.con_4 a:hover,.service .con li.con_4 a:active{background:url(../images/service_bg.png) no-repeat -740px -166px;}
.service .con li h3{color:#464646;font-size:14px;font-family:"Microsoft Yahei";font-weight:normal;}
.service .con li p{color:#787878;font-size:12px;font-family:"Microsoft Yahei";font-weight:normal;}

/*联系我们*/
.contact{ background-color:#cb191f;position:relative;top:10px; height:550px;}
.contact .container{width:980px; margin:0 auto; height:550px;}
.contact .container h2 {line-height:86px; color:#fff; font-family:Arial,sans-serif,"Times New Roman","Microsoft Yahei"; font-size:86px; text-align:center; padding:80px 0 60px 0; font-weight:normal;}
.contact .telbg { background:url(../images/telqq_bg.png) no-repeat; width:330px; height:125px; margin:60px auto 0 auto; padding:8px 0 0 50px;}
.contact .phone {color:#fff;font-size:26px; text-align:left; font-family:"Microsoft Yahei";}
.contact .qq {color:#fff;font-size:26px; text-align:left; font-family:"Microsoft Yahei"; padding-top:20px;}
.contact .qq a { color:#fff; text-decoration:none;}
.contact .qq a:hover { color:#fff; text-decoration:none;}
/*底部*/
.foot{height:50px; background-color:#000;}
.ft_w { width:980px; margin:0 auto;}
.foot .copy { float:left; text-align:left; line-height:50px;}
.foot .wdspace { float:right; line-height:50px; text-align:right;}

/*作品详细页*/
.sub_works{background:#e5e8ed;padding-top:30px;margin-top:-0px;position:relative;z-index:1;}
.sub_works h2{ line-height:80px; color:#3e3e3e; font-family:Arial,sans-serif,"Times New Roman","Microsoft Yahei"; font-size:80px; text-align:center; padding-bottom:20px; font-weight:normal;}
.sub_works .works_main{width:980px;overflow:hidden;padding-top:60px;}
.sub_works .con{width:1020px;}
.sub_works .con li{float:left;width:300px;margin-right:40px;margin-bottom:40px;}
.sub_works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=80);opacity:0.8 !important;}
.sub_works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}
.sub_works .con li a em{width:295px;height:174px;border:3px solid #fff;position:absolute;left:-1px;top:0px;background: url(../images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;box-shadow: 0 0 5px 5px #dcdbdb;}
.sub_works .con li a:hover em{background: url(../images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}
.sub_works .con li a:hover em{border:3px solid #cb191f;}
.sub_works .con li h4{margin-top:10px;}
.sub_works .con li h4{color:#666;font-size:20px;font-family:"Microsoft Yahei";font-weight:normal;}
.sub_works .con li p{color:#AAAAAA;font-size:12px;font-family:"Microsoft Yahei";}
.sub_works .ads{background:url(../images/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}
.infotitle { font-size:30px; text-align:center; line-height:40px; color:#666;font-family:"Microsoft Yahei"; font-weight:normal;}
.infotime {color:#999;font-size:12px;font-family:"Microsoft Yahei"; text-align:center;}
.worksimg { width:980px; margin:0 auto;}
.imgwidith { width:980px; margin:0 auto; overflow:hidden; clear:both;}
.imgwidith p img{ padding-top:20px; }
.back { background:url(../images/back.png) no-repeat; width:81px; height:40px; margin:20px auto 0 auto; clear:both;}
/*新闻弹窗*/
.newinfo{background:#fff;border-top-left-radius:100px;border-top-right-radius:10px;border-bottom-right-radius:100px;border-bottom-left-radius:10px;width:650px;position:relative;padding:35px;display:none;}
.newinfo .close{background:url(../images/close.png) no-repeat -56px top;display:block;position:absolute;top:35px;right:35px;width:41px;height:41px;}
.newinfo .close:hover{background:rl(../images/close.png) no-repeat left top;display:block;}
.newinfo h4.title{color:#BA292D;font-family:"Microsoft Yahei";font-size:18px;}
.newinfo p.time{color:#AAAAAA;font-family:"Microsoft Yahei";font-size:12px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.newinfo .con{color:#868686;font-size:12px;font-family:"Microsoft Yahei";padding-top:20px;}
.newinfo .con img{max-width:650px;}

/*弹出*/
.aui_header{display:none;}

/*回到顶部*/
.top{background:url(../images/top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}
.top.selected{background:url(../images/top.png) no-repeat left top;}

/*分页*/
.sub_page{position:relative;text-align:center;border-top:1px solid #777777;padding-top:10px;}
.sub_page .prev{position:absolute;background:url(../images/page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;}
.sub_page .next{position:absolute;background:url(../images/page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;}
.sub_page .prev:hover{background:url(../images/page.png) no-repeat left bottom;}
.sub_page .next:hover{background:url(../images/page.png) no-repeat right bottom;}
.sub_page span{display:inline-block;margin:0 auto;padding-top:10px;}
.sub_page span a{display:block;float:left;color:#fff;font-size:16px;line-height:32px;}
.sub_page span a{color:#B9282C;}