/** 整体定于 **/ body{font-size:12px;color:#666; font-family:'微软雅黑';background:#FEFEFE;} .container{width:980px; margin:0 auto;position:relative;} a{color:#666;} /*视觉图*/ .kv{height:494px;position:relative;width:100%} .kv ul{height:494px;width:100%;} .kv ul li{height:494px;width:100%;} .kv ul li a{height:494px;width:100%;display:block;} .kv .kv_prev{position:absolute;left:0px;top:230px;background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;} .kv .kv_prev:hover{background:url(http://www.yc-wl.com/images/icon_bg.png) no-repeat left -81px;} .kv .kv_next:hover{background:url(http://www.yc-wl.com/images/icon_bg.png) no-repeat -115px -81px;} .kv .kv_page{ width: 180px; height: 20px; position: absolute; left: 50%; bottom: 72px; margin-left: -75px; z-index: 2; } .kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(http://www.yc-wl.com/images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;} .kv .kv_page a.selected{background:url(http://www.yc-wl.com/images/icon_bg.png) no-repeat left -203px;} /*导航*/ .nav{background:url(http://www.yc-wl.com/images/nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:569px;position:absolute;} .nav.selected{position:fixed;width:100%;left:0px;top:0px;} .nav .logo{float:left;width:160px;height:40px;background:url(http://www.yc-wl.com/images/logo.png);margin-top:20px;} .nav .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;} .nav .menu li{float:left;width:105px;text-indent:-9999px;height:80px;} .nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;} .nav .menu li a{color:#fff;font-size:14px;font-family:'微软雅黑';width:105px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;text-indent:-9999px;} .nav .menu li a span{display:block;height:80px;text-align:center;text-indent:-9999px;width:105px;} .nav .menu li a em{display:block;height:80px;text-align:center;text-indent:-9999px;width:105px;} .nav .menu li a:hover{margin-top:-80px;} /*.nav .menu li a.selected{margin-top:-80px;}*/ .nav .menu li.current a{margin-top:-80px;} .nav .menu li.back{position:absolute;left:0px;bottom:0px;background:url(http://www.yc-wl.com/images/nav_ahover.png) no-repeat center bottom;width:105px;height:7px;} .nav .menu li.mu_home span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat 20px 32px;} .nav .menu li.mu_about span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -100px 32px;} .nav .menu li.mu_works span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -240px 32px;} .nav .menu li.mu_service span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -370px 32px;} .nav .menu li.mu_news span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -500px 32px;} .nav .menu li.mu_contact span{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -640px 32px;} .nav .menu li.mu_home em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat 20px -70px;} .nav .menu li.mu_about em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -240px -70px;} .nav .menu li.mu_works em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -100px -70px;} .nav .menu li.mu_service em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -370px -70px;} .nav .menu li.mu_news em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -500px -70px;} .nav .menu li.mu_contact em{background:url(http://www.yc-wl.com/images/nav.png) no-repeat -640px -70px;} /*about*/ .about{padding-bottom:60px;position:relative;padding-top:155px;} .about #about_con{height:900px;width:980px;} .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(http://www.yc-wl.com/images/cat_ahover.png) no-repeat center 3px;color:#fff;} .about .brand{display:block;height:900px;width:980px;float:left;} .about .brand .title{background:url(http://www.yc-wl.com/images/brand_title.jpg) no-repeat;width:585px;height:73px;} .about .brand .con{margin-top:60px;} .about .brand .brand_l{float:left;background:url(http://www.yc-wl.com/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_c2{float:left;width:980px;height:180px;padding:0 25px;font-size:12px;font-family:'微软雅黑';color:#666666} .about .brand .brand_c .z3_des{background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/brand_r_bg.jpg) no-repeat center center;width:325px;height:180px;border-left:1px dashed #ccc;} .about .brand .brand_r2{float:left;background:url(http://www.yc-wl.com/images/who.jpg) no-repeat center center;width:980px;height:145px;border-left:1px dashed #fff;} .nr { font-family: '微软雅黑'; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; line-height: 40px; } .about .core{display:block;height:900px;width:980px;float:left;} .about .core .title{background:url(http://www.yc-wl.com/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:800px;border-right:1px dashed #ccc;padding-top:170px;font-size:12px;font-family:'宋体'} .about .core .con li.con_1{background:url(http://www.yc-wl.com/images/brandjs.jpg) no-repeat;} .about .core .con li.con_11{background:url(http://www.yc-wl.com/images/brandjs2.jpg) no-repeat;} .about .core .con li.con_2{background:url(http://www.yc-wl.com/images/core_bg.jpg) no-repeat -210px top;} .about .core .con li.con_3{background:url(http://www.yc-wl.com/images/core_bg.jpg/core_bg.jpg) no-repeat -470px top;} .about .core .con li.con_4{background:url(http://www.yc-wl.com/images/core_bg.jpg/core_bg.jpg) no-repeat -735px top;} .about .team{display:block;height:900px;width:980px;float:left;} .about .team .title{background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/team_bg.png) no-repeat left top;} .about .team .con li.con_2 a{background:url(http://www.yc-wl.com/images/team_bg.png) no-repeat -247px top;} .about .team .con li.con_3 a{background:url(http://www.yc-wl.com/images/team_bg.png) no-repeat -493px top;} .about .team .con li.con_4 a{background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/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:160px;position:relative;} .works .title{background:url(http://www.yc-wl.com/images/works_title.jpg) no-repeat;width:358px;height:73px;} .works .prev{display:block;background:url(http://www.yc-wl.com/images/prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;} .works .next{display:block;background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/prev_next.png) no-repeat left -127px;} .works .next:hover{display:block;background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/icon_bg.png) no-repeat -33px -203px;margin:0 4px;} .works .works_page a.selected{background:url(http://www.yc-wl.com/images/icon_bg.png) no-repeat left -203px;} .works .works_more{background:url(http://www.yc-wl.com/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_main_con{width:980px;position:relative;} .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(http://www.yc-wl.com/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(http://www.yc-wl.com/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(http://www.yc-wl.com/images/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;} /*service*/ .service{padding-top:150px;padding-bottom:60px;position:relative;} .service #service_con{height:380px;width:990px;} .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(http://www.yc-wl.com/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(http://www.yc-wl.com/images/service_title.png) no-repeat left top;width:356px;height:73px;} .service .srv_pro .con{background:url(http://www.yc-wl.com/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:115px;top:20px;width:337px;} .service .srv_pro .con .con_2{font-size:12px;color:#666666;position:absolute;left:645px;top:20px;width:337px;} .service .srv_pro .con .con_3{font-size:12px;color:#666666;position:absolute;left:115px;top:163px;width:337px;} .service .srv_pro .con .con_4{font-size:12px;color:#666666;position:absolute;left:645px;top:163px;width:337px;} .service .srv_line{display:block;width:990px;float:left;height:380px;} .service .srv_line .title{background:url(http://www.yc-wl.com/images/fwlcBt.jpg) no-repeat left top;width:450px;height:73px;} .service .srv_line .con{background:url(http://www.yc-wl.com/images/serv_bg2.jpg) no-repeat center top;height: 267px;margin-top:40px;} /*新闻*/ .news{background:#222;padding-top:60px;padding-bottom:60px;position:relative;} .news .title{background:url(http://www.yc-wl.com/images/news_title.jpg) no-repeat;width:359px;height:73px;} .news .news_page{position:absolute;right:0px;top:40px;} .news .news_page a{color:#fff;font-family:'微软雅黑';font-size:13px;text-decoration:none;} .news .news_page a:hover{color:#B9282C;} .news .news_page a.selected{color:#B9282C;} .news .news_main{width:980px;overflow:hidden;padding-top:40px;} .news .news_con{width:1020px;} .news .con li{float:left;width:300px;margin-right:40px;height:235px;} .news .con li a{position:relative;width:300px;height:130px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;} .news .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;} .news .con li a em{width:295px;height:124px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(http://www.yc-wl.com/images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;} .news .con li a:hover em{border:3px solid #BA292D;background: url(http://www.yc-wl.com/images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;} .news .con li h4{margin-top:10px;border-bottom:4px solid #aaa;padding-bottom:20px;} .news .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;} .news .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';margin-top:5px;} /*联系我们*/ .contact{background:url(http://www.yc-wl.com/images/ft_bg.jpg) no-repeat center top #3655af;height:603px;position:relative;} .contact .container{height:603px;} .contact .address{color:#fff;font-size:20px;position:absolute;left:120px;bottom:190px;} .contact .weibo{color:#fff;font-size:20px;position:absolute;left:660px;bottom:190px;} .contact .tel{color:#fff;font-size:20px;position:absolute;left:120px;bottom:135px;} .contact .qq{color:#fff;font-size:20px;position:absolute;left:660px;bottom:135px;} .contact .qq a{color:#fff} /*底部*/ .ft{height:50px;background:url(http://www.yc-wl.com/images/copyright.png) no-repeat center center #CCC;} /*作品详细页*/ .sub_works{background:#222;padding-top:140px;padding-bottom:40px;margin-top:-0px;position:relative;z-index:1;} .sub_works .title{background:url(http://www.yc-wl.com/images/show_case.jpg) no-repeat;width:358px;height:73px;} .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=30);opacity:0.3 !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 #777;position:absolute;left:-1px;top:0px;background: url(http://www.yc-wl.com/images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;} .sub_works .con li a:hover em{background: url(http://www.yc-wl.com/images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;} .sub_works .con li a:hover em{border:3px solid #BA292D;} .sub_works .con li h4{margin-top:10px;} .sub_works .con li h4{color:#DDDDDD;font-size:20px;font-family:'微软雅黑';font-weight:normal;} .sub_works .con li p{color:#AAAAAA;font-size:12px;font-family:'微软雅黑';} .sub_works .ads{background:url(http://www.yc-wl.com/images/zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;} /*新闻弹窗*/ .newinfo{background:#fff;border-radius:20px;width:650px;position:relative;padding:35px;display:none;} .newinfo .close{background:url(http://www.yc-wl.com/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:'微软雅黑';font-size:18px;} .newinfo p.time{color:#AAAAAA;font-family:'微软雅黑';font-size:12px;padding-bottom:10px;border-bottom:1px solid #ccc;} .newinfo .con{color:#868686;font-size:12px;font-family:'微软雅黑';padding-top:20px;} .newinfo .con img{max-width:650px;} /*弹出*/ .aui_header{display:none;} /*回到顶部*/ .top{background:url(http://www.yc-wl.com/images/top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;} .top.selected{background:url(http://www.yc-wl.com/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(http://www.yc-wl.com/images/page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;} .sub_page .next{position:absolute;background:url(http://www.yc-wl.com/images/page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;} .sub_page .prev:hover{background:url(http://www.yc-wl.com/images/page.png) no-repeat left bottom;} .sub_page .next:hover{background:url(http://www.yc-wl.com/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;} /*sider*/ .sider{width:57px;height:247px;position:fixed;right:20px;top:50%;maring-top:-123px;z-index: 99} .sider .qq1{background:url(http://www.yc-wl.com/images/qq.png) no-repeat left top;width:57px;height:57px;display:block;} .sider .qq2{background:url(http://www.yc-wl.com/images/qq.png) no-repeat left -60px;width:57px;height:57px;display:block;} .sider .qq3{background:url(http://www.yc-wl.com/images/qq.png) no-repeat left -120px;width:57px;height:57px;display:block;} .sider .qq1:hover{background:url(http://www.yc-wl.com/images/qq.png) no-repeat -70px top;} .sider .qq2:hover{background:url(http://www.yc-wl.com/images/qq.png) no-repeat -70px -60px;} .sider .qq3:hover{background:url(http://www.yc-wl.com/images/qq.png) no-repeat -70px -120px;} .sider span{background:url(http://www.yc-wl.com/images/qq.png) no-repeat left -180px;display: block;width:57px;height:67px;margin-top:20px;}