@charset "utf-8";@JOEN;
body{margin:0; padding:0; font:0.75em/190% "微软雅黑"; background-color:#e3e7e8; color:#3f3f3f}
img{border:none; vertical-align:top}
dl,dd,dt,ul,li,form,iframe,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0}
ul{list-style:none}
a{text-decoration:none; outline:none; color:#3f3f3f}
*:focus{outline:none}
.clear{clear:both; margin:0; padding:0; height:0; line-height:0; font-size:0}
.sns a,.float,.btn i,.btn span,.case_detail .left h3,.footer .top a,.footer .contact .weibo,.footer .contact .weixin{background:url(../images/ico.png) no-repeat}

/*共用部分 头部 尾部*/
.sns{padding-top:10px}
.sns a{display:block; float:left; width:20px; height:20px; margin-right:16px; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.sns .a00{width:48px; padding-left:25px}
.sns .a00:hover,.sns .a0c{background-position:0 -164px}
.sns .a01{background-position:0 -32px}
.sns .a01:hover{background-position:0 -194px}
.sns .a02{background-position:0 -63px; height:22px}
.sns .a02:hover{background-position:0 -227px}
.sns .a03{background-position:0 -97px; height:22px; width:28px}
.sns .a03:hover{background-position:0 -259px}
.sns .a04,.footer .contact .weixin{background-position:0 -132px; width:25px}
.sns .a04:hover,.footer .contact .weixin:hover{background-position:1px -293px}
.sns .a04 img,.footer .contact .weixin img{visibility:hidden; width:0; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.sns .a04:hover img,.footer .contact .weixin:hover img{visibility:visible; width:100px}
.sns .a0a{width:2px; background-position:-37px -316px}
.sns .a0b{background:none; width:auto}
.sns .a0c{width:auto}
.float{width:38px; height:171px; background-position:left -408px; position:fixed; right:7%; top:30%; padding:0; display:none}
.float a{margin:0 auto; float:none}
.float .a00{width:100%; height:37px; background:none; padding:0}
.float .a01,.float .a01:hover{width:26px; height:26px; background-position:left -335px; margin-top:6px}
.float .a02,.float .a02:hover{width:26px; height:26px; background-position:left -370px; margin-top:4px}
.float .a03{margin-top:13px}
.float .a04{margin-top:9px}
.float .a04 img{float:right}
.sideslip{width:40px; height:120px; position:fixed; right:3%; top:30%;z-index:9999}
.sideslip .sideslip_btn{width:40px;}
.sideslip .sideslip_btn a{display:block;background:#363636 url(../images/sideslip_ico.png) no-repeat;width:40px;height:40px;}
.sideslip .sideslip_btn .a00{background-position:0 0;}
.sideslip .sideslip_btn .a01{background-position:0 -40px;background-color:#ffd117}
.sideslip .sideslip_btn .a02{display:block;width:40px;height:40px;background:url(../images/sideslip_ico.png) no-repeat 0 -80px;border-top:1px dashed #fff;position:relative;top:-1px}
.sideslip .sideslip_box{width:70px;height:354px;position:absolute;top:0;right:40px;padding-right:6px;}
.sideslip .sideslip_box a{display:block;width:70px;height:70px;overflow:hidden;background-color:#363636;margin-bottom:1px;text-align:center;color:#fff;font-size:13px;overflow:hidden}
.sideslip .sideslip_box a:hover,.sideslip .sideslip_box a.on{background-color:#ffd117}
.sideslip .sideslip_box a i{display:block;width:70px;height:36px;background:url(../images/sideslip_ico.png) no-repeat;margin:5px 0}
.sideslip .sideslip_box .a03 i{background-position:50% -120px;}
.sideslip .sideslip_box .a04 i{background-position:50% -160px;}
.sideslip .sideslip_box .a05 i{background-position:50% -200px;}
.sideslip .sideslip_box .a06 i{background-position:50% -240px;}
.sideslip .sideslip_box .a07 i{background-position:50% -280px;}
.sideslip .sideslip_box .sideslip_next{position:absolute;right:76px;background:#fff;box-shadow:-3px 0 15px 0 rgba(100,100,100,0.5);text-align:center;display:none}
.sideslip .sideslip_box .sideslip_phone{width:170px;height:120px;top:71px;}
.sideslip .sideslip_box .sideslip_phone h3{font-size:16px;margin-top:14px;font-weight:normal;color:#363636}
.sideslip .sideslip_box .sideslip_phone span{width:20px;height:2px;background-color:#ffd117;margin:6px auto;display:block;}
.sideslip .sideslip_box .sideslip_phone p{line-height:30px;font-size:16px;background:url(../images/sideslip_ico.png) no-repeat 4px -323px;padding-left:30px}
.sideslip .sideslip_box .sideslip_ewm{width:130px;height:170px;bottom:0;}
.sideslip .sideslip_box .sideslip_ewm i{display:block;height:110px;weidth:110px;margin:10px auto 0 auto; background-size:110px 110px; background-repeat:no-repeat; background-position:center center}
.sideslip .sideslip_box .sideslip_ewm cite{font-style:normal;font-size:12px;display:block;position:relative;top:-4px}




.box{background-color:#fff; -moz-box-shadow:0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3); -o-box-shadow:0 1px 3px rgba(0,0,0,.3); box-shadow:0 1px 3px rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.Shadow(color=#b7b7b7,direction=120,strength=2); padding:20px; margin-top:20px; clear:both}
.bor{display:inline-block; border-radius:2px; border:1px solid #e5e5e5}
.bor:hover{border-color:#ccc}
.btn{height:28px; line-height:28px; padding:0 12px; background-color:#f9f9f9; background:linear-gradient(#ffffff,#f6f6f6); cursor:pointer}
.btn:hover{background:linear-gradient(#f6f6f6,#eeeeee)}
.btn i{height:100%; float:left; border-right:#e5e5e5 solid 1px; margin-right:12px; cursor:pointer}
.back{float:right; padding-left:6px}
.back i{background-position:0 -696px; width:25px}
.designInfo td{padding:8px; white-space:nowrap}
.designInfo em{font-size:10px; font-family:Arial; padding-left:3px}
.designInfo .headPic{vertical-align:top}
.ad{text-align:center; overflow:hidden}
.ulist{width:904px; padding:10px 0 0 16px; margin:0 auto}
.ulist li{width:236px; height:236px; float:left; position:relative; margin:-10px auto auto -10px}
.ulist .thumb{position:absolute; width:100%; height:100%; background:url(../images/case_png.png) no-repeat; z-index:1}
.ulist .thumb:hover{background-position:-236px 0}
.sub{width:100px; height:29px; background:url(../images/form_ico.png) no-repeat; border:none; display:block; text-indent:9999px; cursor:pointer}
/*颜色*/
.cor_ccc{color:#ccc}
.cor_666{color:#666}
.cor_f90,.Correct{color:#f90}
.cor_f00,.Wrong{color:#f00}

.header{width:100%; position:relative; z-index:10}
.header .info{height:43px; background:url(../images/bg.gif)}
.header .info .sns,.header .nav ul{width:900px; margin:0 auto}
.header .info .sns a{float:right; color:#4d4d4d; position:relative; z-index:2}
.header .info .sns a:hover,.header .info .sns .a0c{color:#ffcc00}
.header .info .sns .a0c:hover{text-decoration:underline}
.header .nav{height:66px; overflow:hidden; position:relative; border-top:#f7f6f2 solid 1px; background:url(../images/head_bg.png) repeat-x left bottom}
.header .navbg{background-color:#e3e7e8; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); position:absolute; z-index:-1; width:100%; height:60px; left:0; top:0}
.header .nav li{float:left; font-size:14px; text-align:center; line-height:16px; padding-top:15px; position:relative; z-index:1; width:78px}
.header .nav li a{color:#272727}
.header .nav li span{font-size:10px; display:block}
.header .nav li .bg{width:186px; height:66px; background:url(../images/navli_bg.png) no-repeat center top; position:absolute; z-index:-1; left:-54px; top:-66px; -moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}
.header .nav ul:hover li.show .bg{top:-66px}
.header .nav li:hover .bg,.header .nav li.show .bg,.header .nav ul:hover li:hover .bg{top:0}
.header .logo{width:40%; position:absolute; left:30%; top:0; text-align:center}
.header .logo img{position:relative; z-index:3}
/*登录与注册*/
.memform{width:997px; position:fixed; left:50%; margin-left:-498px; top:105px; color:#fff; font-size:14px; display:none}
.memform .memcon{background:url(../images/form_mid.png) repeat-y; padding-bottom:50px}
.memform .membot{clear:both; height:13px; line-height:10px; background:url(../images/form_bot.png) no-repeat}
.memform .close{width:40px; height:40px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:0; right:7px}
.memform .close a{display:block; width:100%; height:100%}
.memform h3{font-size:18px; width:990px; font-weight:normal; border-bottom:#3a3a3a solid 1px; padding:50px 0 18px; text-align:center; margin-bottom:30px}
.memform .myform{width:468px; float:right}
.memform .myform li{padding:10px 0; position:relative; line-height:31px}
.memform .myform label{position:absolute; left:10px; top:10px}
.memform .myform span{display:inline-block; color:#f00; font-size:12px; text-indent:10px; position:absolute; left:258px; top:10px}
.memform .myform .Correct,.register .mid .checkbut .Correct{color:#fc0}
.memform .myform .text{width:238px; height:31px; line-height:30px; font-weight:700; padding:0 10px; background:url(../images/form_ico.png) no-repeat 0 -346px; border:none}
.memform .myform .log{background-position:0 -154px}
.memform .myform .fg{background-position:-300px -154px}
.memform .myform .reg{background-position:-100px -154px; margin-left:100px}
.memform .myform .forget{background:none; width:auto; position:absolute; left:188px; top:10px}
.memform .myform .forget:hover{color:#ffcc00}
.memform .memleft{width:325px; float:left; padding-left:160px}
.memform dt{display:block; clear:both; padding-bottom:16px}
.memform dt.cor_ccc{padding-top:20px}
.memform dd{float:left; width:110px; height:32px; background:url(../images/form_ico.png) no-repeat; margin:7px 4px auto auto; display:inline}
.memform dd a{display:block; width:100%; height:100%; background:none}
.memform .dd01{background-position:-1px -224px}
.memform .dd02{background-position:-114px -224px}
.memform .dd03{background-position:-1px -263px}
.memform .dd04{background-position:-114px -263px}
.memform .forget{text-align:center; line-height:48px}
.memform .forget .go{background-position:0 -302px; width:100px; margin:0 auto; display:block; height:29px; overflow:hidden}
.register .myform{width:580px}
.register .myform span{left:358px}
.register .myform .utel{display:none}
.register .memname{width:100px; text-align:right; float:left}
.register .note{text-indent:100px; padding-top:5px; line-height:20px}
.register .note a{color:#ffcc00}
.register .note a:hover{color:#fff}
.register dl{border-top:#3a3a3a solid 1px; padding:25px; width:420px; margin:48px auto auto 20px}
.register dt{font-size:16px}
.register dd{width:204px; height:44px; margin-right:6px}
.register .dd01{background-position:0 0}
.register .dd02{background-position:-210px 0}
.register .dd03{background-position:0 -49px}
.register .dd04{background-position:-210px -49px}
.register .memleft{width:321px; padding:10px 0 0 65px}
.register .memleft .top{height:8px; line-height:2px; background:url(../images/form_ico.png) no-repeat 0 -188px}
.register .memleft .bot{height:8px; line-height:2px; background:url(../images/form_ico.png) no-repeat 0 -196px}
.register .mid{background-color:#ffcc00; color:#333; font-size:12px; line-height:20px}
.register .mid h3{width:auto; border:none; padding:30px 0 10px; margin:0; font-size:14px; letter-spacing:4px}
.register .mid p{padding:8px 20px 0 30px}
.register .mid .checkbut{text-align:center; font-size:14px; padding:60px 0 30px}
.register .mid .checkbut span{position:absolute; margin-top:20px; color:#f00; font-size:12px}
.formBg{left:0; top:0; right:0; bottom:0; position:fixed; z-index:-1; margin:0; background-color:#fff; width:100%; opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50)}

.footer{width:100%; background:url(../images/bg.gif); color:#5a5649; position:relative; z-index:9; padding-bottom:20px}
.footer a,.footer .mid .partner dd img{color:#5a5649; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out}
.footer a:hover,.footer .mid .txt_mid a:hover{color:#ffcc00}
.footer .pic{position:absolute; z-index:1; top:-27px; width:100%; text-align:center}
.footer .top{height:68px; line-height:68px; text-align:center}
.footer .top a{padding-left:24px; margin:auto 28px auto 4px}
.footer .top .ico01{background-position:0 -772px}
.footer .top .ico02{background-position:0 -801px}
.footer .top .ico03{background-position:0 -832px}
.footer .top .ico04{background-position:0 -861px}
.footer .top .backTop{background:none; padding:0; margin:auto 74px auto 50px}
.footer .top .backTop img{margin-top:-6px; position:relative; z-index:2}
.footer .contact{background:url(../images/foot_line.png) repeat-x left top; padding-top:36px; line-height:32px}
.footer .contact a{display:inline-block}
.footer .contact img{vertical-align:middle}
.footer .contact ul,.footer .links dl{width:980px; margin:0 auto}
.footer .contact li{float:left; font-size:20px; margin-left:90px; text-transform:uppercase}
.footer .contact .first{margin:0}
.footer .contact .weibo{background-position:0 -93px; padding-left:32px}
.footer .contact .weibo:hover{background-position:0 -255px}
.footer .contact .weixin{position:relative; margin-left:30px; background-position:0 -126px}
.footer .contact .weixin img{position:absolute}
.footer .links{background:url(../images/foot_line.png) repeat-x left top; text-align:center; padding-top:36px; margin-top:30px}
.footer .links dt{font-size:16px; margin-bottom:12px}
.footer .links dd{display:inline-block; font-size:14px; margin:0 10px}
.footer .copyright{text-align:center; font-family:Arial; font-size:0.9em; margin-top:45px}
.count{display:none}

/*首页*/
.banner{background:url(../images/ban_bg.jpg) no-repeat center -100px; position:relative}
.banner #banners{position:relative; width:980px; height:900px; top:30px}
.banner #banners img{position:absolute}
.bg2{background:url(../images/ban_bgs.jpg) no-repeat center top}

.banner .fenye{position:absolute; width:50%; left:25%; bottom:350px}
.banner .fenye .con{margin:0 auto}
.banner .fenye a{display:block; width:57px; padding-top:10px; text-align:center; background:url(../images/ban_but.png) no-repeat -171px 0; float:left; color:#666666; font-family:Arial; font-size:11px}
.banner .fenye .now{background-position:-114px 0; color:#c42000}
.banner .fenye .first{background-position:-57px 0}
.banner .fenye .firstnow{background-position:0 0}
.banner .fenye .last{background-position:-228px 0}
.banner .fenye .lastnow{background-position:-285px 0}

.icats{text-align:center; position:relative; margin-top:-330px}
.icats img{margin-top:50px; padding-bottom:58px}

.icase{background:url(../images/case_bg.gif); padding-bottom:70px}
.icase .title{text-align:center}
.ulist .thumb a{display:block; width:100%; height:100%}
.step{text-align:center; padding:50px 0 60px}
.inews,.partner{border-top:#9e9e98 solid 1px; padding-bottom:80px; margin-top:20px}
.inews{padding-bottom:120px}
.inews dl,.partner dl{width:1280px; margin:0 auto}
.inews dt,.partner dt{text-align:center; margin:-30px auto 25px}
.inews dd{margin:auto 68px; float:left; width:290px; line-height:30px; font-size:13px}
.inews dd a.inews_list{padding-left:10px;background:url(../images/sideslip_ico.png) no-repeat 0 -365px}
.inews dd img{width:290px; height:180px; margin:66px auto 36px}
.inews dd a:hover{color:#000}
.partner dd{float:left; margin:10px 5px auto; width:150px; height:80px; overflow:hidden}
.partner dd:hover img{margin-left:-150px}

/*案例展示*/
.case{width:80%; margin:0 auto; padding-bottom:80px}
.case .where{width:100%; position:relative}
.case .where .view{position:relative; background:url(../images/where_con.png)}
.case .where .but{position:absolute; width:47px; bottom:-25px; right:13px}
.case .where .btn{background:url(../images/case.png) no-repeat -18px -59px; width:47px; height:15px; cursor:pointer; padding:4px 0 0 0}
.case .where .btn span{display:block; width:12px; height:8px; margin:0 auto; background:url(../images/case.png) no-repeat 0 -56px}
.case .where .active span{background-position:0 -66px}
.case .where .all{padding-bottom:5px}
.case .where .content{overflow:hidden; color:#e3e7e8; margin:0; position:relative; z-index:11}
.case .where .content a{color:#e3e7e8; display:block; text-indent:6px; width:100%; height:100%}
.case .where .content a:hover{color:#fff}
.case .where dl{float:left; width:33%}
.case .where .mid{margin:0 1.9% 0 1.9%; width:30%}
.case .where dt{font-size:15px; font-weight:bold; float:left; margin:10px auto auto 10px}
.case .where dd{width:69px; height:22px; line-height:22px; background-color:#4b4b4b; border:#272727 solid 1px; overflow:hidden; float:left; margin:10px auto auto 10px}
.case .where .dd0{float:none; display:block; margin:-25px auto auto 55px}
.case .where .level .dd0{margin-left:70px}
.case .where dd:hover,.case .where .mid .allcor:hover{background-color:#5a5e6a}
.case .where .mid .dd5,.case .where .mid .dd5:hover{background-color:#000}
.case .where .mid .dd10,.case .where .mid .dd10:hover{background-color:#f00}
.case .where .mid .dd15,.case .where .mid .dd15:hover{background-color:#00f}
.case .where .mid .dd20,.case .where .mid .dd20:hover{background-color:#0f0}
.case .where .mid .dd25,.case .where .mid .dd25:hover{background-color:#ffa500}
.case .where .mid .dd30,.case .where .mid .dd30:hover{background-color:#808080}
.case .where .mid .dd35,.case .where .mid .dd35:hover{background-color:#ffc0cb}
.case .where .mid .dd40,.case .where .mid .dd40:hover{background-color:#e3e7e8}
.case .where .mid .dd45,.case .where .mid .dd45:hover{background-color:#800080}
.case .where .mid .dd50,.case .where .mid .dd50:hover{background-color:#a67d3d}
.case .where .mid .dd55,.case .where .mid .dd55:hover{background-color:#ffff00}
.case .where .mid .dd60,.case .where .mid .dd60:hover{background-color:#ffd700}
.case .where .mid .dd65,.case .where .mid .dd65:hover{background-color:#00ffff}
.case .where .mid .dd70,.case .where .mid .dd70:hover{background:url(../images/case.png) no-repeat -29px -35px}
.case .where .tag,.case .where .mid .dd0 .tag{background:url(../images/case.png) no-repeat right -34px}
.case .where .mid dd{width:29px; height:14px; margin-top:15px}
.case .where .mid .dd0{width:60px; height:22px; line-height:22px; margin-top:-25px}
.case .where .mid .tag{background-position:right -38px}
.case .where .all dt{float:none}
.case .where .bot{height:6px; overflow:hidden; background:url(../images/where_bot.png) no-repeat}
.case .where .rbot{background-position:right top; width:80%; float:right}
.case .list{margin:0 auto}
.caselist li{float:left; margin:0 9px}
.caselist li a:hover,.case .caselist .design span,.case .caselist .design em{color:#777}
.caselist li a img,.case_detail .designInfo a img{-moz-transition:opacity .4s ease-in-out; -webkit-transition:opacity .4s ease-in-out; -o-transition:opacity .4s ease-in-out; transition:opacity .4s ease-in-out}
.caselist li a:hover img,.case_detail .designInfo a:hover img{opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80)}
.caselist .box{padding:0 0 6px 0; text-align:center}
.caselist .title{width:90%; height:42px; line-height:42px; overflow:hidden; margin:0 auto; font-size:14px; text-align:left}
.caselist .designInfo{border-top:#e5e5e5 solid 1px; text-align:left}
.caselist .designInfo .headPic{border-right:#e5e5e5 solid 1px}
.caseNo{text-align:center; clear:both; padding:50px 0; color:#999}
.case .caseNo{padding:90px 0 10px}
.case .loading{clear:both; text-align:center; padding:50px 0; display:none}
.case .search{width:235px; height:30px; background:url(../images/case.png) no-repeat; margin:20px auto auto 9px} 
.case .search input{width:188px; height:27px; line-height:27px; background:none; border:none; color:#e3e7e8; font-family:"微软雅黑"; margin-left:10px}
.case .search .button{width:20px; cursor:pointer; text-indent:-9999px}
.case_detail{margin:60px auto auto; padding-bottom:80px}
.case_detail .left{float:left}
.case_detail .left h3{margin-bottom:10px; padding-left:18px; font-size:14px}
.case_detail .left .case{background-position:0 -587px; width:100%; padding-bottom:0}
.case_detail .left .caselist,.case_detail .left .caselist li{margin:0}
.case_detail .left .caselist li{float:left}
.case_detail .left .caselist a{display:block; clear:both}
.case_detail .left .caselist img{margin-top:3px}
.case_detail .left .caselist .mid{margin:0 3px}
.case_detail .left .design{background-position:0 -616px}
.case_detail .left .designInfo{font-size:16px}
.case_detail .left .designInfo span{font-size:14px; color:#996600}
.case_detail .left .designInfo .headPic{padding-right:2px}
.case_detail .left .designInfo td{white-space:normal}
.case_detail .left .designInfo .info{font-size:12px; line-height:18px; padding-top:6px}
.case_detail .right{float:right}
.case_detail .comm{padding-left:8px}
.case_detail .comm i{background-position:0 -641px; width:23px}
.case_detail .good{margin-left:15px}
.case_detail .good span{background-position:0 -676px; padding-left:20px}
.case_detail .good strong{color:#ffcc00; padding-left:6px}
.case_detail .pic{margin:20px auto; text-align:center}
.case_detail .designInfo,.case_detail .title{font-size:18px}
.case_detail .designInfo em,.case_detail .designInfo span{font-size:16px; color:#707070}
.case_detail .designInfo em{font-size:12px}
.case_detail .designInfo .headPic,.case_detail .comment dt{padding-left:0; padding-right:15px}
.case_detail .title{padding:20px 0 15px}
.case_detail .comment dl{border-top:#e5e5e5 solid 1px; margin-top:16px; padding-top:16px; clear:both; font-size:14px}
.case_detail .comment dd{float:right; color:#666}
.case_detail .comment dd strong,.case_detail .comment .body{color:#3f3f3f}
.case_detail .comment .admin{color:#d22020}
.case_detail .comment .area{background-color:#e5e5e5; width:99.4%; overflow:auto}
.case_detail .comment .comsub{clear:both; width:100%; text-align:right; padding-top:16px}
.case_detail .comment .btn{*padding:0}

/*内容页*/
.content,.design,.news{width:100%; margin-top:-6px}

/*联系我们*/
.contus{background:url(../images/contact.png) no-repeat center top; width:100%; height:493px; margin:60px auto 100px}
.contus ul{width:646px; padding-top:89px; margin:0 auto; position:relative}
.contus li{height:25px; line-height:25px; padding-bottom:19px}
.contus .text{width:350px; height:23px; line-height:23px; padding:0 8px; background:none; border:none}
.contus .textarea{height:115px; overflow:auto; padding:7px; margin-top:2px}
.contus .subut{width:100px; height:29px; cursor:pointer; background:none; border:none; text-indent:-9999px; float:left; margin-left:265px}
.contus .info{position:absolute; right:-181px; top:153px; width:360px; font-size:14px; line-height:26px}
.contus .info img{vertical-align:middle}

/*设计师*/
.design .ban{width:100%; height:400px; background:url(../images/design.jpg) no-repeat center top}
.design .ulist{width:944px; height:858px; padding-top:90px; position:relative; background:url(../images/design_ico.png) no-repeat center center}
.design .ulistone{height:369px}
.design .ulist .prev,.design .ulist .next{position:absolute; top:386px; width:67px; height:126px; background:url(../images/but.png) no-repeat; visibility:hidden; opacity:0; -moz-transition:all .6s ease-in; -webkit-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in}
.design .ulist .prev a,.design .ulist .next a{display:block; width:100%; height:100%; text-indent:-9999px}
.design .ulist .prev{left:-200px}
.design .ulist .next{right:-200px; background-position:-67px 0}
.design .ulist:hover .prev,.design .ulist:hover .next{visibility:visible; opacity:1}
.design .ulist:hover .prev{left:-70px}
.design .ulist:hover .next{right:-70px}
.design .ulist li{margin:10px auto 0}
.design .ulist .pic{position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:6px 6px}
.design .ulist .thumb{background:url(../images/design_png.png) no-repeat; cursor:default}
.design .ulist .info{position:absolute; z-index:2; left:100px; top:150px; color:#fff; width:740px; height:419px; background:url(../images/design_bg.png) no-repeat; visibility:hidden; opacity:0; -moz-transition:opacity 1s ease-in-out; -webkit-transition:opacity 1s ease-in-out; -o-transition:opacity 1s ease-in-out; transition:opacity 1s ease-in-out}
.design .ulist .info dl{width:480px; margin:90px auto auto; font-size:14px}
.design .ulist .info dt{font-size:24px; padding-bottom:18px}
.design .ulist .info dd{float:left}
.design .ulist .info .dd01{width:120px; line-height:24px}
.design .ulist .info .dd02{width:160px; padding-left:18px; border-left:#fff solid 1px; padding-bottom:8px}
.design .ulist .info .dd03{width:140px; margin-left:18px}
.design .ulist .info .name{font-size:16px}
.design .ulist .info .star{overflow:hidden; padding-bottom:10px}
.design .ulist .info .introduction{font-size:12px; padding-top:8px}
.design .ulist .li6{margin-left:472px; *float:none; *clear:both; *margin:-236px auto auto 708px}
.design .ulist .li2 .info,.design .ulist .li8 .info{left:-136px}
.design .ulist .li3 .info,.design .ulist .li9 .info{left:-372px}
.design .ulist .li4 .info,.design .ulist .li6 .info,.design .ulist .li10 .info{left:-608px}
.design .ulistone .info,.design .ulist .li5 .info,.design .ulist .li6 .info{top:-96px}
.design .ulist .li7 .info,.design .ulist .li8 .info,.design .ulist .li9 .info,.design .ulist .li10 .info{top:-345px}
.design .ulist li:hover{z-index:2}
.design .ulistone li .pic,.design .ulist li:hover .pic{z-index:3}
.design .ulistone li .thumb,.design .ulist li:hover .thumb{background-position:-246px 0; z-index:3}
.design .ulistone .info,.design .ulist li:hover .info{visibility:visible; opacity:1}

/*会员中心*/
.member{background:url(../images/member.jpg) no-repeat center top; margin-top:-6px; padding-top:279px}
.member .content{margin:0 auto; width:1070px; padding-bottom:120px}
.member .left{width:260px; float:left; margin-top:-121px}
.member .left .box{padding:14px; width:232px}
.member .left h3{background:url(../images/member.png) no-repeat 0 4px; font-weight:normal; font-size:16px; text-indent:17px}
.member .left h3 span{font-size:12px}
.member .left .photo{width:151px; height:151px; position:relative; margin:20px auto 6px}
.member .left .photo img{margin:5px auto auto 5px}
.member .left .photo .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/member.png) no-repeat 0 -25px}
.member .left .user{text-align:center}
.member .left .nav{border-bottom:#e5e5e5 solid 1px; border-top:#e5e5e5 solid 1px; padding:38px 0; margin:20px auto 14px; text-align:center; line-height:30px}
.member .left .nav a:hover{color:#f90}
.member .right{float:left; width:740px; margin:30px auto auto 70px; font-family:Arial; font-size:14px}
.member .right li{margin-top:10px; line-height:36px}
.member .right li span{padding-left:12px; position:absolute}
.member .right .memname{width:100px; padding:0 10px; float:left; text-align:right}
.member .right .text{width:260px; height:36px; line-height:36px; padding:0 5px; border:#969899 solid 1px; background:none; border-radius:3px}
.member .right .year{width:78px; padding-right:0; border-right:none}
.member .right .month,.member .right .day{width:60px; margin-left:10px; padding-right:0; border-right:none}
.member .right .textarea{width:600px; height:96px; overflow:auto; line-height:20px}
.member .right .save{margin-left:120px; background-position:-200px -154px}

/*新闻*/
.news{background:url(../images/news_bg.jpg) no-repeat center top;padding-top:254px;margin-bottom:90px;}
.news a:hover{color:#777}
.news_bg{width:990px;margin:0 auto;background:#fff;padding:20px 0;overflow:hidden;min-height:800px;}
.news .left{float:left;margin:0 16px;width:752px; overflow:hidden}
.news .left ul{border-right:1px solid #d2d2d5;padding-right:22px;}
.news .left li{margin-bottom:20px;border-bottom:1px solid #d2d2d5;width:100%;overflow:hidden;padding-top:20px}
.news .left li div{float:left;margin-bottom:40px;}
.news .left li .newslist_pic{margin-left:13px;width:280px}
.news .left li .newslist_pic img{width:280px;height:182px}
.news .left li .newslist_info{margin-left:25px;width:400px;}
.news .left li p{line-height:18px;margin-bottom:20px}
.news .left li .title{font-size:20px;line-height:40px;margin-bottom:15px}
.news .left li .tag{color:#666}
.news .left li .tag a{color:#666}
.news .left li .tag a:hover{color:#333}
.news .left .page{overflow:hidden;height:30px;float:right;margin-right:22px; font-family:Arial; font-size:14px}
.news .left .page a{display:block;float:left;line-height:30px;margin-left:10px;text-align:center; width:28px; height:28px; line-height:28px; border:#ebebeb solid 1px; border-radius:5px}
.news .left .page .now{background-color:#ffcc00; color:#fff; font-weight:bold}
.news .right{float:left;width:190px;}
.news .right .hot p{margin-bottom:10px;font-size:12px;line-height:16px}
.news .right .hot .title{font-size:20px;color:#4a4145;margin:30px 0 15px 0;}
.news .right .hot .title span{color:red;font-size:14px;}
.news .right .hot .hot_title{font-size:14px;color:#000;font-weight:bold;margin-bottom:5px;}
.news .right .hot_img img{width:190px}

/*新闻-子*/
.news .left .newsdetail{border-right:1px solid #d2d2d5;padding-right:22px;margin-left:10px}
.news .left .newsdetail p{font-size:14px;line-height:26px;}
.news .left .newsdetail .title{font-size:22px;border-bottom:1px solid #d2d2d5;line-height:34px;padding-bottom:20px;}
.news .left .newsdetail .fb{font-size:12px;padding:10px 0;overflow:hidden}
.news .left .newsdetail .fb span{float:left;margin-right:3px}
.news .left .newsdetail .fb .source{color:#2667c5}
.news .left .newsdetail .cenimg{text-align:center;margin-bottom:40px;}
.news .left .newsdetail .bgword{background:#f3f3f3;padding:20px;margin-bottom:40px;}
.news .left .newsdetail .newsword{margin-bottom:30px}
.news .left .newsdetail .newsword p{color:#777;}

@media screen and (max-width:1279px){
	.inews dl,.partner dl{width:960px}
	.inews dd{margin:0 0 0 28px}
	.design .ulist{overflow:hidden}
}

#qiao-wrap,#nb_nodeboard .nb-nodeboard-top,
#nb_nodeboard #nb_nodeboard_form,
#nb_nodeboard #nb_node_contain,
#qiao-mess-wrap #qiao-mess-container{display:none}