#cases{ overflow:hidden;}

.cases_content{ padding:398px 0 0 0; background-position:50% 20%!important; }

.pro_bg{ background:#FFF; position:relative; top:0px;}

.cases_c{ width:1200px; margin:0 auto;}



#proc_left{ float:left; width:306px;}

.pl_menu{ position:relative; height:130px;}

.pl_menu_title{ width:306px; height:200px; background:#7d1c74;filter:alpha(opacity=90); /*IE滤镜，透明度50%*/-moz-opacity:0.9; /*Firefox私有，透明度50%*/opacity:0.9;/*其他，透明度50%*/ position:absolute; top:-83px;}

.pl_catname{ position:absolute; bottom:0px;padding:0 0 30px 96px; height:60px;}

.pl_catname h2{ font-size:30px; color:#FFF; height:25px; line-height:25px;}

.pl_catname h3{ font-size:25px; font-weight:normal; color:#FFF;}



.pl_menu_list ul li{ margin:5px 0; height:40px; padding:5px 0 0 14px; cursor:pointer;}

.pl_menu_list ul li h2 a{ font-weight:normal; font-size:14px; color:#2d2d2d;}

.pl_menu_list ul li h3{ font-weight:normal; font-size:12px; color:#9c9c9c;}

.onmenu{background:#6b6b6b url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/child_mneu_bg.png) 95% 50% no-repeat;}

.onmenu h2 a{ color:#FFF;}



#proc_right{ float:right; width:800px; position:relative;}

#enterprise{ padding:55px 0 0 0;}

#enterprise_type{ padding:40px 0 0 0;}

.enter_par_lsit{line-height:25px;}

.enter_par_lsit span{ padding:0 0 0 12px;font-size:13px; font-weight:bold; letter-spacing: 1px;}

.enter_par_lsit span a{ font-size:13px; font-weight:normal; color:#6f6f6f;}

.enter_par_lsit span a:hover{ color:#7d1c74;}



#cases_search{ height:35px; line-height:35px; padding:30px 0;}

#cases_search span{ font-size:13px; font-weight:bold; float:left;}

#case_keywored{ height:25px; width:230px; padding:5px; border:1px solid #c3c3c3; border-right:0px; color:#666666;}

#case_sub{ height:37px; width:78px; text-align:center; color:#FFF; font-size:13px; background:#7d1c74; border:0px;}



#enter_case_list{ width:1200px; margin:0 auto; padding:0 0 50px 0; position:relative;}

#enter_case_list ul li{ height:400px; position:absolute; cursor:pointer;}

#enter_case_list ul li a{display: block;}

#enter_case_list ul li h2{ height:350px; width:100%;}

.case_title{ height:50px; line-height:50px; border:1px solid #e3e3e3; border-top:0px; padding:0 15px;}

.case_title h3{ float:left; width:70%; font-size:13px; font-weight:normal;}

.case_title h3 span{ padding:0 5px;}

.case_title h4{ float:right; width:30%; text-align:right;}

.case_title h4 a{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/like_bg.png) left center no-repeat;font-size:12px; font-weight:normal; padding:0 0 0 20px;}

.case_title h4 a:hover{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/like_hover.png) left center no-repeat;font-size:12px; font-weight:normal; padding:0 0 0 20px;}

.onclick{background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/like_hover.png) left center no-repeat!important;}



.case_div{ position:absolute; z-index:999; width:100%; height:350px; background:#000; top:0px; left:0px; text-align:center; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/case_div_bg.png) repeat; display:none;}

.case_div h5{ font-size:25px; color:#FFF; padding:150px 0 0 0;}

.case_div h6{ font-size:20px; color:#FFF; font-weight:normal; height:40px; line-height:40px;}



.w350_left{ width:350px; left:0px;}

.w350_right{ width:350px; right:0px;}

.w450_center{  width:450px;left:375px;}

.w822_right{  width:822px; right:0px;}

.w822_left{ width:822px;left:0px;}

.onbold{ font-weight:bold!important; color:#7d1c74!important;}



#search_keywords{ height:55px; line-height:55px; border:1px solid #CCC; margin:0 0 30px 0;}

#sk_left{ height:55px; line-height:55px; float:left; width:800px;}

#sk_left ul li{ float:left; height:55px; line-height:55px; padding:0 20px; border-right:1px solid #CCC;}

#sk_right{ height:55px; line-height:55px; float:right; width:230px;}

.sk a{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/close_sk.jpg) right center no-repeat; padding:0 20px 0 0;}





/*经典案例详情页*/

#case_page_content{ padding:30px 0;}

#casepage_content{ width:1200px; margin:0 auto;}

#casepage_left{ float:left; width:955px;}

#caseimg_lists{ height:535px;}

#caseimg_lists img{height:535px;}

/*图片分页*/

#smail_imgs{height:325px; overflow:hidden;}

#smail_imgs ul{ position:relative;}

#smail_imgs ul li{ float:left; margin:0 7px 7px 7px; cursor:pointer;}

#smail_imgs ul li img{ width:98px; height:98px;}

#casepage_right h3{ margin:15px 0; width:161px; height:35px;padding:0 0 0 64px; line-height:35px;}

#casepage_right h3 a{ font-size:16px; color:#7d1c74;}

#case_btn_1{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn_1.png) no-repeat;}

#case_btn_2{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn_2.png) no-repeat;}

#case_btn_3{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn_3.png) no-repeat;}



#case_btn_1:hover{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn1_hover.png) no-repeat;}

#case_btn_1:hover a{ color:#FFF;}

#case_btn_2:hover{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn2_hover.png) no-repeat;}

#case_btn_2:hover a{ color:#FFF;}

#case_btn_3:hover{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/casepge_btn3_hover.png) no-repeat;}

#case_btn_3:hover a{ color:#FFF;}





#small_imgs_page{ margin:10px 0;}

#sipage_list{ text-align:center; float:left;}

#sipage_list span{ display:inline-block; width:18px; height:23px; text-align:center; font-weight:bold; margin:0 2px; line-height:20px; color:#888888;}

#small_imgs_page{ position:relative;}

.onspage{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/spage_bg.png) center no-repeat;}

.onspage a{color:#FFF!important;}



#prev_page{ float:left; }

#next_page{ float:left;}

.pnpage{ display:inline-block; width:18px; height:23px; text-align:center; font-weight:bold;line-height:23px; border:1px solid #dedede; color:#888888; margin:0 3px; display:none;}







#case_meg_title{ height:60px; line-height:60px; border:1px solid #CCC; margin:20px 0 0 0;}

.cmt_title{ font-size:18px; color:#292929; font-weight:bold;}

.cmt_data{ font-size:18px; color:#656565; padding:0 27px 0 0; font-weight:bold;}

#casepage_right{ float:right; width:225px;}







#casepage_desgin{ padding:38px 0; width:1200px; margin:0 auto;}

#casedesgin_left{ float:left; width:151px; position:relative;}

#casedesgin_left img{width:151px;}

#casedesgin_left h3{ height:30px; line-height:30px; position:absolute; left:0px; bottom:0px; color:#FFF; font-size:12px; text-align:center; background:#2e2e2e; font-weight:normal; width:151px;}



#casedesgin_right{float:right; width:1018px;}

#casedesgin_right h2{ font-size:22px; color:#141414;}

#casedesgin_right h2 span{ font-size:22px; color:#141414; font-weight:normal; height:58px; line-height:58px;}

#casedesgin_right h3{ font-size:13px; color:#595959; font-weight:normal; line-height:23px;}

#casedesgin_right h4{ padding:40px 0 0 0;}











/*3D体验*/

#case_3d_list{ width:1200px; margin:30px auto;}

#case_3d_title{ padding:30px 0;}

#enter_case_list ul li{ margin:25px 0;}



#case_3d_list ul li{margin:15px 0;}

#case_3d_list ul li h3{ height:70px; line-height:70px;}

.span_weight{ font-size:18px; color:#000;}

.sw_line{font-size:18px; color:#000; padding:0 15px;}

.span_normal{ font-size:16px; color:#404040; padding:0 20px; font-weight:normal;}

#case_3d_list ul li h4{ height:52px; font-size:16px;}

#case_3d_list ul li h4 span{font-weight:normal; font-size:16px;}

#case_3d_list ul li .design_marker{ font-size:13px; color:#595959; line-height:30px;}

/*案例专题*/

#case_development_title{padding:30px 0;}

#case_zt_list{ width:1200px; margin:0 auto; padding:30px 0;}

/*案例专题*/

#contzt_list{ width:100%;}

#contzt_list li{ width:33.3%; float:left; position:relative; margin:0 0 150px 0; cursor:pointer;}

#contzt_list li h2 img{ height:auto; width:100%;}

#contzt_list li h3{ font-size:25px; font-weight:normal; color:#c5c5c5; height:35px; line-height:35px;}

#contzt_list li h4{ height:35px; line-height:35px; font-weight:normal; font-size:15px; color:#7d7d7d;}

#contzt_list li h5{ display:none; padding:50px 0 0 0;}

.contzt_div{ padding:20px 0 0 0;position:absolute; z-index:10; width:100%; height:20%; bottom:-110px; text-align:center;}

.contzt_bg{background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/ihot_bg.png) repeat; position:absolute;width:100%; height:100%; z-index:10; top:0px; left:0px;}



#case_zt_content{}

#case_zt_content img{ max-width:100%;}



#devepage_page{ width:100%;}

.deve_box{ width:1130px; margin:0 auto;}

.decrs_t1{ display:block!important;}

.decrs_c1{ display:block;}

.nocon{ width:100%; height:30px; line-height:30px; text-align:center; border:1px dashed #CCC; font-size:15px; color:#666666;}

.dt_title{ height:100px; line-height:100px;}

.dt_title span{ display:inline-block; height:40px; line-height:40px;}

.dt_cn{ padding:0 0 0 59px; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/dtitle_icon.png) left center no-repeat; font-size:39px; font-weight:bold; color:#272727;}

.dt_en{ color:#727272;font-size:39px; padding:0 27px 0 15px;}



.dt_cn_small{ padding:0 0 0 59px; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/dtitle_icon_small.png) left center no-repeat; font-size:28px; font-weight:bold; color:#272727;}

#dtcs_span{ margin:0 0 0 245px;}

.dt_en_small{ color:#000;font-size:28px; padding:0 27px 0 15px;}

#ds_prev{ position:relative; top:5px; cursor:pointer;}

#ds_next{ position:relative; top:5px; cursor:pointer;}



.dt_marker{ font-size:20px; color:#FFF; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/dtmarker_bg.png) left center no-repeat; height:40px; line-height:40px; width:318px; padding:0 0 0 20px;position: relative;top: -10px; }

.dtc_left{ width:505px; height:398px; float:left;}

.ztimgs{width:505px; height:398px; display:none;}

.dtc_right{ float:right; width:560px; text-align:left;}

.dtcr_title span{ width:130px; height:33px; text-align:center; font-size:18px; color:#333333; border:1px solid #333333; margin:0 3px;display:inline-block; line-height:33px; cursor:pointer; float:left;}

.dtcr_title_1 span{ width:130px; height:33px; text-align:center; font-size:18px; color:#333333; border:1px solid #333333; margin:0 5px;display:inline-block; line-height:33px; cursor:pointer; float:left;}

.dtcr_title_2 span{ width:130px; height:33px; text-align:center; font-size:18px; color:#333333; border:1px solid #333333; margin:0 5px;display:inline-block; line-height:33px; cursor:pointer; float:left;}

.dtcr_title_3 span{ width:130px; height:33px; text-align:center; font-size:18px; color:#333333; border:1px solid #333333; margin:0 5px;display:inline-block; line-height:33px; cursor:pointer; float:left;}



.decrc{ padding:0 10px 0 10px; display:none;}

.ondecrc{ height:40px!important; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/decrc_bg.png) left center no-repeat; color:#FFF!important; border:none!important;}

/*devefirst*/

#devepage_first{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/devefirst_bg.jpg) top center no-repeat; height:949px;}

#df_title{ height:222px; position:relative; padding:0 0 0 95px;}

#df_title h2{ font-size:80px;color:#000; font-family:"微软雅黑"; font-weight:normal; height:110px; padding:58px 0 0 70px;}

#df_title h2 span{ font-size:100px; font-weight:normal;}

#df_title h3{ font-weight:normal; font-size:60px;}

#df_title h3 span{font-weight:normal; font-size:65px; color:#7d1c74;}

#df_top_title{ position:absolute; right:0px; top:0px; width:299px; height:159px; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/deve_top_bg.png) center no-repeat; text-align:center;}

#df_top_title h4{ width:165px; padding:15px 0 0 0; width:166px; line-height:28px; font-weight:normal; font-size:25px; color:#FFF; text-align:center; margin:0 auto;}

#df_content{ padding:80px 0 0 0;}

#df_btn{ padding:44px 0 0 0;}





.dfc_left{ float:left; width:50%;}

.dfc_f h2{ font-size:18px; color:#7d1c74; padding:0 25px; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/dfc_title_bg.png) left center no-repeat;}

.dfc_f h2 span{font-size:18px; color:#7d1c74; font-weight:normal;font-family:"Arial","微软雅黑";}

.dfc_left .dfc_d{ font-size:14px; color:#373737; line-height:23px; padding:20px 0 0 0; width:455px;}



.dfc_s h2{ padding:22px 0 0 0;}

.dfc_s h3{ font-size:16px; color:#7d1c74; height:25px; line-height:25px; margin:20px 0 0 0;}

.dfc_s .dsc_d{ font-size:15px; color:#535353; line-height:25px; width:447px; padding:5px 0 0 0;}



.dfc_right{ float:right; width:50%;}

.dfc_fr h2 img{ width:100%; height:auto;}

.dfc_fr_text{ padding:45px 0 0 65px;}

.dfc_fr_text h3{ font-size:18px; color:#FFF; padding:0 0 0 20px;background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/dfr_title_bg.png) left center no-repeat; height:35px; line-height:35px;}

.dfc_fr_text .dfc_fr_t{font-size:14px; color:#FFF; line-height:25px; padding:15px 0 0 0; }











/*devesecond*/

#devepage_second{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/devesecond_bg.jpg) top center no-repeat; height:949px;background-size: 100% 100%}

#ds_imgslist{margin:140px 0 0 0; height:695px;}

#dsimglist_box{width:1130px; overflow:hidden; position:relative; height:695px;}

#ds_imgslist ul{ position:absolute; left:0px;}

#ds_imgslist ul li{ float:left; width:525px; margin:0 20px;}

#ds_imgslist ul li h2{ width:525px;}

#ds_imgslist ul li h2 img{ width:525px;}

#ds_imgslist ul li h3{ width:143px; height:30px; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/simg_icon.png) center no-repeat; font-size:17px; color:#FFF; text-align:center; margin:60px 0 0 0; line-height:30px;}

#ds_imgslist ul li .ds_marker{ font-size:14px; color:#515151; line-height:25px; padding:20px 0 0 0;}









/*devethird*/
#devepage_third{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/devethird_bg.jpg) top center no-repeat; height:578px;background-size: 100% 100%}

#devepage_third .decrc{ padding:30px 10px 0 10px; display:none;}

/*deveforth*/

#devepage_forth{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/deveforth_bg.jpg) top center no-repeat; height:803px; }

#dfo_body{position:relative; }

#dfo_body .dtcr_content{width:1000px; width:0 auto;}

#dfo_body .dt_content .dtc_right .dtcr_title_1,.dtcr_title_3{ position:absolute; top:5px; right:0px;}

#dfo_body .dt_content .dtc_right{ float:none; width:100%;}



/*deveforth*/

#devepage_fif{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/devefif_bg.jpg) top center no-repeat; height:904px; background-size: 100% 100%}

#dff_body{position:relative; }

#dff_body .dtcr_content{width:1000px; width:0 auto;}

#dff_body .dt_content .dtc_right .dtcr_title_1{ position:absolute; top:5px; right:0px;}

#dff_body .dt_content .dtc_right{ float:none; width:100%;}



/*fifbox*/

#devepage_fif .dtcr_content{width:100%; }

.fif_cat_title{ height:130px; width:825px;}

.fifct_left{ float:left; height:130px; width:162px; background:#FFF; border:1px solid #CCC; text-align:center; margin:0 0 0 72px;}

.fifct_left h2{ height:65px; line-height:65px; font-size:45px;}

.fifct_left h3{ font-size:34px; font-weight:normal;}



.fifct_right{ float:right; width:557px;}

.fifct_right h2{ height:45px; line-height:45px; font-size:18px;}

.fifct_right .fifct_r_body{ line-height:25px; font-size:14px; color:#6e6e6e; width:520px;}

.fifct_right .fifct_r_body p{ line-height:25px; font-size:14px; color:#6e6e6e;}



.fif_cat_artlist{ height:383px; position:relative;}

.fif_cat_artlist ul li{ position:absolute;}

.fif1{ top:0px; left:0px; width:629px; height:383px;}

.fif1_bigicon{ position:absolute;top:342px; left:587px;}

.fif1 .fifimg1{ width:629px; height:383px;}



.fif2{top:0px; left:630px; width:194px; height:127px;}

.fif2_bigicon{ position:absolute;top:86px; left:152px;}

.fif2 .fifimg2{ width:194px; height:127px;}



.fif3{ left:630px; top:128px; width:194px; height:256px;}

.fif3_bigicon{ position:absolute;top:215px; left:152px;}

.fif3 .fifimg3{ width:194px; height:256px;}



.fif4{ top:-69px; left:825px;}

.fif4_bigicon{ position:absolute;bottom:3px; right:0px;}

.fif4 .fifimg4{ width:250px; height:453px;}



.fif_cat_content{ padding:30px 0 0 0;}





/*devesix*/

#devepage_six{height:460px;}

#dsix_body{position:relative; }

#dsix_body .dt_content .dtc_right{ float:none; width:100%;}

#devepage_six .decrc{ padding:30px 10px 0 10px; display:none;}

/*deveseven*/

#devepage_seven{}

#dseven_body{position:relative; }

#dseven_body .dt_content .dtc_right{ float:none; width:100%;}

#devepage_seven .decrc{ padding:30px 10px 0 10px; display:none;}



#dseven_imgs{ width:1083px; height:380px; position:relative;}

#dimgs_list{ width:1083px; height:380px; overflow:hidden; position:relative;}

#dimgs_list ul{ position:absolute; left:0px;}

#dimgs_list ul li{ width:1083px; height:380px; float:left;}

.dsevev_btn{ position:absolute; top:101px; z-index:999999; cursor:pointer;}

#dseven_prev{ left:-20px; display:none;}

#dseven_next{ right:-20px;}





#dseven_content{ padding:25px 0 0 0;}











/*deveteam*/

#devepage_team{ height:410px; padding:40px 0 0 0; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/deve_team_bg.jpg) right top no-repeat;}

#dteam_body{ width:1013px; margin:0 auto; background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/deveteam_body.jpg) center no-repeat; height:153px; position:relative; padding:0 0 0 95px;}

#team_top_title{ position:absolute; right:0px; top:0px; width:190px; height:159px; text-align:center; padding:0 10px 0 0;}

#team_top_title h4{ font-size:18px; color:#FFF; width:120px; line-height:25px; text-align:center; margin:0 auto;}



.deveteam_list{ margin:25px 0; border-right:1px dashed #9e9e9e; width:135px; float:left; padding:0 25px; height:98px;}

.deveteam_list h3{ height:30px; line-height:30px; font-size:13px; color:#000;}

.deveteam_list h3 span{ font-size:13px; font-weight:normal; color:#666666;}

.deveteam_btn{ float:left; padding:50px 0 0 25px;}



#like_nolike{ padding:55px 0 0 0; text-align:center;}

#like_nolike span{ padding:0 3px; cursor:pointer;}



.ln_text span{ padding:0 3px;}

.ln_text{ text-align:center; padding:10px 0 0 0;}

#lt_text{ font-weight:bold; font-size:13px; color:#000;}

#lt_text a{ font-weight:bold; font-size:13px; color:#000;}



#lnt_text{ font-weight:bold; font-size:13px; color:#d6d6d6;}

#lnt_text a{ font-weight:bold; font-size:13px; color:#d6d6d6;}





#case_deve_form{ background:url(http://sh.zpg.com.cn/Apps/Tpl/default/Public/images/deve_form_bg.jpg) right center no-repeat;}



#devefrom h2{ height:30px; line-height:30px; margin:0 0 10px 0; font-weight:normal; font-size:15px; color：#000;}

#devefrom h3{font-weight:normal; font-size:15px; color：#000; width:415px;}

.devemt{ height:20px; line-height:20px; padding:5px; width:300px; border:1px solid #CCC; color:#666666; margin:0 0 0 5px;}

#mfd_content{ float:right; width:365px; padding:4px;border:1px solid #CCC; color:#666666; height:50px;}

#mfd_btn{ width:106px; height:35px; text-align:center; background:#7d1c74; color:#FFF; font-size:13px; border:0px; margin:0 0 0 40px;}