@charset "gb2312";
/*-----base.css-----*/
html,html body{ background-image:url(about:blank); background-attachment:fixed; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{ margin:0;padding:0; }
body,button,input,select,textarea{ font:12px/1.5 \5b8b\4f53; }
section,article,aside,header,footer,nav,dialog,figure{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; } 
address,caption,cite,code,dfn,em,b,th,var,i{ font-weight:normal; font-style:normal; }
code,kbd,pre,samp{ font-family:courier new,courier,monospace; }
ol,ul{ list-style:none; } 
caption,th{ text-align:left; } 
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%; } 
q:before,q:after{ content:""; }
abbr,acronym{ border:0;font-variant:normal; }
select,input,button,button img,textarea,label{ margin:0px; vertical-align:middle; }
/*input[type=radio],input[type=checkbox]{margin-right:5px;}*/
b{font-weight:bold;}
input { -webkit-appearance:none; }
p{word-wrap:break-word}
del {text-decoration:line-through;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; }
.clear_all { clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden; }
.clearfix:after{clear:both; overflow:hidden;content:".";}

/*-----common------*/
a { color:#494949; text-decoration:none; cursor: hand;}
a:hover { color:#c00; text-decoration:none;}
a:active,a:focus { outline: none;}
.undis{ display:none}
.dis { display:block; }
.f-l , .f-r { display:inline; }
.f-l { float:left; }
.f-r { float:right; }
.f-14 { font-size:14px; }
.f-16 { font-size:16px; }
.f-18 { font-size:18px; }
.f-26 { font-size:26px; }
.font-yh { font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53;}
.gray { color:#8a8a8a; }
.red { color:#a41613; }
.black { color:#394749; }
.te-r { text-align:right; }
.te-c { text-align:center; }
.lin22 { line-height:22px; }
.lin24 { line-height:24px; }
.lin26 { line-height:26px; }
.lin40 { line-height:40px; }

/*----layout----*/
body { color:#494949; }
.wrap{ width:100%; margin:0px auto; z-index:1; clear:both; background:url(../images/main-bg.png) repeat-x top left; border-top:solid 1px #949597;}
.layout { width:981px; overflow:hidden; margin:0px auto; }
.hr10{ height:10px; clear:both; overflow:hidden}
.hr15{ height:15px; clear:both; overflow:hidden}

/*头部样式*/
.mininav { width:100%; height:41px; overflow:hidden; background:#f2f2f2; border-bottom:solid 1px #cccccc; }
.mininav .content { width:981px; height:41px; overflow:hidden; margin:0px auto; }
.mininav .content .tel {height:41px; padding:5px 0px 0px 0px; line-height:32px; }
.mininav .content .search { width:176px; height:30px; line-height:30px; border:solid 1px #cccccc; background:#fff; margin-top:4px; }
.mininav .content .search .ssch_c1 .ssch_cc { width:125px; height:30px; line-height:30px; padding:0px 8px; overflow:hidden; border:0px; border-right:solid 1px #cccccc; color:#767676; font-size:12px; }
.mininav .content .search .ssch_c1 .ssch_cc1 { width:34px; height:30px; display:block; background:url(../images/sy44_3.jpg) no-repeat top left; border:0px; cursor:pointer; }
.mininav .content .topwz { color:#cdcdcd; line-height:41px; padding-right:18px; }
.nav { width:100%; height:71px; background:url(../images/sy_10.png) repeat-x top left; border-bottom:solid 1px #9d9ea0; z-index:99; }
.nav .content { width:981px; height:71px; margin:0px auto; }
.nav .logo { width:307px; height:71px; float:left; overflow:hidden; }
#wrap-nav {width:646px; height:71px; float:right; padding-top:1px}
#wrap-nav .muen_box {overflow:visible;}
#wrap-nav .menu {}
#wrap-nav .menu li {width:92px; position: relative;float: left;display: inline;font-size: 14px;height:69px; line-height:69px; z-index:99;}
#wrap-nav .menu li h3 {font-weight:normal; display:inline-block; float: left;	}
#wrap-nav .menu li a.depth1{display:inline-block; color:#373737; font-family:"微软雅黑";font-size:15px;}
#wrap-nav .menu li a.selected,
#wrap-nav .menu li a.navhover,
#wrap-nav .menu li a.depth1:hover {color: #FFO;}
#wrap-nav .menu li a.navhover, #wrap-nav .menu li a.depth1:hover {background-color: #fff;background:url(../images/tbp.png) no-repeat -110px 0;}
#wrap-nav .menu li a.depth1 span {height: 69px;line-height:69px;width:92px;display:inline-block; text-align:center;}
#wrap-nav .menu li a.selected span,
#wrap-nav .menu li a.navhover span,
#wrap-nav .menu li a.depth1:hover span{width:92px;cursor: pointer;background:url(../images/tbp.png) no-repeat -110px 0;color:#FFFFFF;font-size:15px; font-family:"微软雅黑";}
#wrap-nav .menu li a.navhover span, #wrap-nav .menu li a.depth1:hover span{background-color:#fff;}
#wrap-nav .menu li a.selected span,
#wrap-nav .menu li a.navhover span,
#wrap-nav .menu li a.cleddr{width:92px;height:69px;color:#FFF; font-family:"微软雅黑";font-size:15px;background:url(../images/tbp.png) no-repeat 0 0; display:block;_background:url(../images/tbp.png) no-repeat 0 0;}
#wrap-nav .menu li a.cleddr1{width:92px;height:69px;color:#FFF; font-family:"微软雅黑";font-size:15px;background:url(../images/tbp.png) no-repeat -110px 0; display:block;_background:url(../images/tbp.png) no-repeat 0 0;}
#wrap-nav .menu ul.children {display: none;position: absolute;top: 69px;left: 0;_left: 1px;width: 92px;line-height: normal;}
#wrap-nav .menu ul.sleft {left: auto;}
#wrap-nav .menu ul.children li.noborder {border: none;}
#wrap-nav .menu ul.children li {float: left;width: 92px;height: 36px;display: inline-block;font-size: 12px;_margin-top:-1px;}
#wrap-nav .menu ul.children li h3 {display: block;width: 100%;}
#wrap-nav .menu ul.children li a {width: 92px;height: 36px;line-height:36px;overflow: hidden;display: block;color: #ffffff;background:url(../images/tbp.png) no-repeat -111px -77px;text-indent: 20px;}
#wrap-nav .menu ul.children li a:hover {width:92px; height:36px; float:left; color:#FFF;line-height:36px; display:block; font-weight:bold; font-size:12px; 	background:url(../images/tbp.png) no-repeat 0 -77px;}
#wrap-nav .menu ul.children li.count {clear: both;}
#wrap-nav .menu ul.children li.count{width: 92px; height:5px;background:url(../images/tbp.png) no-repeat -111px -119px;}

/*焦点图*/
.sjs{width:100%; height:390px; text-align:center; z-index:10; margin-top:1px;}
#flash {width:981px; height:390px; overflow:hidden; margin:0 auto; clear:both; display:block; position:relative;/*--*/ padding:0px 10px; }
#flash a {width:981px; height:390px; display:none;}
#flash img {width:981px; height:390px;/* display:none;*/}
.flash_bar{position:absolute; width:40px; height:6px; overflow:hidden; left:475px; bottom:17px; z-inde:99; display:block; }
.flash_bar  span { width:6px; height:6px; background:url(../images/flah_list1.png) no-repeat left top; display:block; margin-right:4px; float:left; cursor:pointer; }
.flash_bar .dq {  background:url(../images/flah_list2.png) no-repeat left top;}

/*团队、服务、联系*/
.mess { height:250px; }
.mess ul { width:981px; height:250px; overflow:hidden; }
.mess ul li { width:325px; overflow:hidden; float:left; background:url(../images/s_line3.png) no-repeat right top; padding:0px 2px 0px 0px; }
.mess ul li .btn a { width:83px; height:22px; line-height:22px; overflow:hidden; padding:0px 24px 0px 2px; background:url(../images/btn_bg.png) no-repeat left top; display:block; text-align:center; }
.mess .team {  width:315px; padding:0px 5px; }
.mess .lastli { background:none; }
.mess .team .tit { padding:43px 0px 21px 115px; background:url(../images/sy44_10.png) no-repeat left top; }
.mess .team .tit_con { background:url(../images/team.png) no-repeat left top; width:140px; height:25px; padding-bottom:4px; display:block; text-indent:-999em;}

.mess .services .tit { padding:43px 0px 21px 115px; background:url(../images/sy44_12.png) no-repeat left top; }
.mess .services .tit_con { background:url(../images/fw.png) no-repeat left top; width:140px; height:25px; padding-bottom:4px; display:block; text-indent:-999em;}
.mess .services .con { width:284px; padding-left:28px; overflow:hidden; }
.mess .services .con li { width:266px; background:url(../images/sy44_46.png) no-repeat left center; padding-left:18px; }
.mess .services .con .last { width:191px; height:28px; line-height:28px; background:url(../images/sy44_42.png) no-repeat right center; padding-right:93px; }

.mess .contacat .tit { padding:43px 0px 21px 152px; background:url(../images/sy44_14.png) no-repeat left top; }
.mess .contacat .tit_con { background:url(../images/lx.png) no-repeat left top; width:140px; height:25px; padding-bottom:4px; display:block; text-indent:-999em;}
.mess .contacat .con { width:190px; overflow:hidden; margin:0px auto; text-align:center; }
.mess .contacat .con .lx_num { padding:10px 0px; }
.mess .contacat .con .lx_zx { padding-bottom:5px; }

/*动态栏*/
.topnew { width:100%; height:32px; background:url(../images/sy_03.png) repeat-x left top; }
.topnew .content { width:981px; height:32px; line-height:32px; overflow:hidden; margin:0px auto; }
.topnew .content .dt { background:url(../images/sy_5.png) no-repeat left top; padding-left:141px;width:600px;}
.topnew .content .jl { background:url(../images/sy_7.png) no-repeat left top; padding-left:16px;width:85px;}

#google1{ height:32px; overflow:hidden; padding-top:1px\9;}
#google1 a { margin-right:10px; }

/*最新案例*/
.case .hd { width:100%; height:45px; overflow:hidden; background:url(../images/sy33_42.png) repeat-x left top; line-height:44px;  position:relative;}
.case .hd .hd_l { width:5px; height:45px;  background:url(../images/sy33_41.png) no-repeat left top; position:absolute; left:0px; top:0px;}
.case .hd .hd_r { width:5px; height:45px;  background:url(../images/sy33_46.png) no-repeat left top; position:absolute; right:0px; top:0px;}
.case .hd .hd_c { padding:0px 0px 0px 19px;}
.case .hd .hd_c ul { width:836px; height:29px; line-height:29px; overflow:hidden; padding:8px 0px 0px 15px; }
.case .hd .hd_c ul li { width:114px; height:29px; overflow:hidden; float:left; text-align:center; }
.case .hd .hd_c ul .on { background:url(../images/case_bg.png) no-repeat left top; display:block; color:#FFF; }
.case .hd .hd_c ul li a { width:114px; height:29px; display:block; overflow:hidden; text-align:center; }
.case .hd .hd_c ul li a:hover { background:url(../images/case_bg.png) no-repeat left top; color:#fff; }

.case2{width:1003px; height:auto; margin:0 auto; overflow:hidden}

.case2 .zp_box1{width:320px; height:235px; padding-left:11px; float:left;padding-bottom:10px;position:relative;}
.case2 .zp_box{width:320px; height:200px;background:url(../images/sy33_44.png) no-repeat left top;overflow:hidden;}
.zp_box1{*position:relative; *top:0; *right:0; *bottom:0; *left:0;}
.case2 .zp_box .pic_box { width:309px; height:190px; margin:0px auto; padding-top:4px;padding-left:1px; overflow:hidden; }
.case2 .zp_box .pic_box img{ width:309px; height:190px;}

.case2 .zp_box a.zp_boxfc{width:320px; height:200px; position:absolute; left:0; top:0; z-index:39; background:url(../images/portfolio_bc.gif) no-repeat 0px 0px;display:block; }

.case2 .pop_tit {width:299px; height:39px; padding:5px; background-color:#000000; display:none; border-bottom:#383838 1px solid;}
.case2 .p_tit1{line-height:18px; font-family:"微软雅黑"; color:#ffffff; font-size:14px; padding-right:18px;background:url(../images/zp_poptit.gif) no-repeat right center; height:18px;}
.case2 .p_tit2{ line-height:15px; font-family:"微软雅黑"; color:#B3B3B3; font-size:12px; height:15px;}

.case2 .zp_box1 .capbt{width:320px; height:16px; padding-top:10px; line-height:16px}



/*设计套餐选择*/
.choice .hd { width:100%; height:45px; overflow:hidden; background:url(../images/sy33_42.png) repeat-x left top; line-height:44px; position:relative; }
.choice .hd .hd_l { width:5px; height:45px;  background:url(../images/sy33_41.png) no-repeat left top; position:absolute; left:0px; top:0px;}
.choice .hd .hd_r { width:5px; height:45px;  background:url(../images/sy33_46.png) no-repeat left top; position:absolute; right:0px; top:0px;}
.choice .hd .hd_c {padding:0px 19px 0px 19px;}
.choice .choice_ul { width:981px; overflow:hidden; }
.choice .choice_ul .last { padding-right:0px; background:none; }
.choice .choice_ul li { width:244px; overflow:hidden; padding:0px 1px 0px 0px; background:url(../images/x_line_51.png) no-repeat right top; float:left; }
.choice .choice_ul li dl { width:244px; height:100px; padding-bottom:10px; overflow:hidden; }
.choice .choice_ul li dl dt { width:128px; height:100px; overflow:hidden; float:left; }
.choice .choice_ul li dl dd { width:116px; height:86px; overflow:hidden; padding-top:14px; float:right; }
.choice .choice_ul li dl dd .xq {  background:url(../images/arrow_52.png) no-repeat right center; padding-right:22px; }
.choice .choice_ul li .wz_con { padding:0px 24px; line-height:22px; }

/*各种设计栏*/
.plan { height:230px; overflow:hidden; background:url(../images/sy33_66.png) repeat-x left top; position:relative; line-height:22px; }
.plan .plan_l { width:8px; height:230px; overflow:hidden; background:url(../images/sy33_52.png) repeat-x left top; position:absolute; left:0px; top:0px; }
.plan .plan_r { width:8px; height:230px; overflow:hidden; background:url(../images/sy33_55.png) repeat-x left top; position:absolute; right:0px; top:0px; }
.plan ul li { width:206px; height:216px; overflow:hidden; background:url(../images/s_line_67.png) no-repeat right top; padding:14px 17px 0px 20px; float:left; }
.plan ul .last { padding-right:14px; background:none; }
.plan ul .hd { height:25px; overflow:hidden; line-height:25px; padding-bottom:5px; }
.plan ul li .zt span { background:url(../images/sy44_72.png) no-repeat right center; padding-right:58px; }
.plan ul li .bz span { background:url(../images/sy44_66.png) no-repeat right center; padding-right:52px; }
.plan ul li .hc span { background:url(../images/sy44_73.png) no-repeat right center; padding-right:65px; }
.plan ul li .vis span { background:url(../images/sy44_81.png) no-repeat right center; padding-right:96px; }
.plan ul li .more { background:url(../images/arrow_52.png) no-repeat right center; padding-right:22px; }

/*品牌升级*/
.brand .hd { width:100%; height:45px; overflow:hidden; background:url(../images/sy33_42.png) repeat-x left top; line-height:44px; position:relative; }
.brand .hd .hd_l { width:5px; height:45px;  background:url(../images/sy33_41.png) no-repeat left top; position:absolute; left:0px; top:0px;}
.brand .hd .hd_r { width:5px; height:45px;  background:url(../images/sy33_46.png) no-repeat left top; position:absolute; right:0px; top:0px;}
.brand .hd .hd_c { padding:0px 19px 0px 19px;}

.brand_new .top { background:url(../images/sy44_76.png) no-repeat left top; height:10px;}
.brand_new .content { background:url(../images/sy44_79.png) repeat-x left top; height:244px;}
.brand_new .content ul .last { background:none; padding-right:28px; }
.brand_new .content ul li { width:255px; height:239px; overflow:hidden; float:left; background:url(../images/s_line2_79.png) no-repeat right top; padding:5px 34px 0px 38px; }
.brand_new .content ul li .tit { padding-left:12px; }
.brand_new .content ul li .more { background:url(../images/arrow_52.png) no-repeat right center; padding-right:22px;  }
.brand_new .content ul li .te-r { background:none; }
.brand_new .content ul li p { background:url(../images/list-l_88.png) no-repeat left center; padding-left:12px; }
.brand_new .bottom { background:url(../images/sy44_79-03.png) repeat-x left top; height:24px;}

/*底部*/
.foot { width:100%; overflow:hidden; color:#494949; }
.foot .content { width:981px; margin:0px auto; overflow:hidden; }
.foot .content .foot_sm li { background:url(../images/sy44_108.png) no-repeat right top; float:left; width:138px; height:199px; overflow:hidden; padding:28px 0px 0px 57px; }
.foot .content .foot_sm li .tit { padding-bottom:5px; }
.foot .content .foot_sm .last { background:none; }
.foot .content .foot_sm .more { padding-left:3px; }
.foot .foot_top { background:#1e1e1e url(../images/sy44_102.png) repeat-x left top; height:227px; color:#7d7d7d; overflow:hidden; line-height:36px; border-bottom:solid 1px #171717; }
.foot .foot_top a { color:#7d7d7d; }
.foot .foot_top a:hover { color:#c00;}
.foot .foot_center { color:#474747; width:100%; height:93px; overflow:hidden; background:#1e1e1e; }
.foot .foot_center a { color:#474747; }
.foot .foot_center a:hover { color:#c00;}
.foot .foot_center .logo { width:248px; height:93px; overflow:hidden; }
.foot .foot_center .js { line-height:20px; padding-top:10px; }
.foot .foot_bottom { color#383838; height:175px; overflow:hidden; background:#111111 url(../images/sy44_136.png) repeat-x left top; }
.foot .foot_bottom a { color:#383838; }
.foot .foot_bottom a:hover { color:#c00;}
.links{width:981px; height:auto; margin:0 auto; overflow:hidden; padding-top:5px;}
.links .tit{ width:981px; height:30px; line-height:30px; font-size:12px; font-weight:100}
.links ul{width:980px; height:auto; overflow:hidden; padding-left:1px; padding-bottom:5px}
.links ul li{width:98px; height:auto; float:left}

/*广告通栏*/
.ad_1 { height:46px; overflow:hidden; }
.ad_2 { height:105px; overflow:hidden; }
.ad_3 { height:90px; overflow:hidden; }

.bz_list { width:1000px; overflow:hidden; }
.bz_list li  { width:189px; height:105px; overflow:hidden; position:relative; float:left; margin-right:9px; cursor:pointer; }
.bz_list li .wz_con { width:189px; height:29px; overflow:hidden; display:block; position:absolute; left:0px; bottom:0px; color:#fff; background:url(../images/bz_bg.png) no-repeat left top; line-height:29px; }

.tips_box { width:608px; z-index:999; position:absolute; left:50%; margin-left:-304px; top:960px; _position: absolute; _top:960px;}
.tips { width:608px;  padding-top:14px;  position:relative;}
.tips .hd { width:608px; height:126px; overflow:hidden; }
.tips .content { width:501px;height:170px;  background:url(../images/tc_bg_07.png) repeat-y left top; line-height:24px; padding:20px 50px 10px 57px; color:#b6b6b6; }
.tips .bottom { width:608px; height:35px; background:url(../images/tc_bg_11.png) no-repeat left top; }
.tips .btn { width:31px; height:31px; overflow:hidden; display:block; position:absolute; left:0px; top:0px; background:url(../images/clo_b.png) no-repeat left top; cursor:pointer;z-index:1000}
.tips .btn:hover { background:url(../images/clo_h.png) no-repeat left top;}

/*#kfpopupDiv { position:absolute; width:404px; height:173px; line-height:400%; font-size:13px; left:500px; top:300px; cursor:move; z-index:1000;}*/
#kfpopupDiv { width:404px; height:173px; line-height:400%; font-size:13px; z-index:1000; position:absolute; left:50%; margin-left:-202px; _margin-left:-202px; top:150px; _position: absolute; _top:150px;}
a.clo{ width:42px; height:19px; display:block; float:right; background: url(../images/close.gif) no-repeat; margin-top:9px; margin-right:2px;}
a.clo:hover{ width:42px; height:19px; display:block; float:right; background: url(../images/close.gif) no-repeat 0 -19px; margin-top:9px; margin-right:2px;}


a.clo_list{ width:42px; height:19px; display:block;  background: url(../images/close.gif) no-repeat;top:0; left:60px;position: absolute}
a.clo_list:hover{ width:42px; height:19px; display:block;  background: url(../images/close.gif) no-repeat 0 -19px; margin-top:9px;top:0; left:60px; margin-right:2px;position: absolute}



#Float{  position:absolute;top:10px}
.boxgrid{width: 45px; height: auto; position:absolute; right:0; top:0; overflow:hidden; z-index:999;}
.boxgrid .cover{ border: 0; width:45px; height:497px; background:url(../images/qim.png) no-repeat;}
.boxgrid .btn{ float:left; width:46px; height:126px; }
.boxgrid .cover .cue{width:215px; padding-left:70px; padding-top:75px}
.boxgrid .cover .cue h2{ font-family:"微软雅黑"; font-size:18px;color:#AF8F5E; font-weight:100; height:30px; line-height:30px}
.boxgrid .cover .cue ul{width:215px; height:auto; overflow:hidden}
.boxgrid .cover .cue ul li.zc_xx{width:60px; }
.boxgrid .cover .cue ul li.zc_xx1 input{ border:0; background:none; width:130px;}
.boxgrid .cover .cue ul li.zc_xx1{width:144px;background:url(../images/c_qqd.jpg) no-repeat; padding-left:5px}
.boxgrid .cover .cue ul li.zc_xx2{width:144px;background: url(../images/x_txt.jpg); padding-left:5px; height:54px; color:#C7C7C7; line-height:180%;}
.boxgrid .cover .cue ul li.zc_xx3{width:80px; height:23px; border:#C6C6C6 solid 1px; line-height:23px }
.boxgrid .cover .cue ul li.zc_xx4{width:65px;}
.boxgrid .cover .cue ul li.zc_xx5{width:100px; height:26px; padding-left:57px; padding-right:58px; margin-top:5px}
.boxgrid .cover .cue ul li.zc_xx3 input{width:78px; border:0; background:none}

.boxgrid .cover .cue ul li{ float:left;height:24px; line-height:24px; margin-bottom:5px; font-family:"微软雅黑"; font-size:12px; color:#4C4C4C}