body{background:#f8f8f8 ;}
.finish_top{ width: 1110px; height:auto; border: 1px solid #e8e8e8; line-height: 40px; margin: 0 auto; border-bottom: none; background: #fff;}
.finish_top ul li{ border-bottom: 1px solid #e8e8e8;}
.finish_top_left{ width: 108px; text-align: center; color: #595959; font-size: 13px;}
.finish_top_right{ width:970px;border-left: 1px solid #e8e8e8; padding-left: 27px;}
.finish_top_right b{ color: #595959; font-size: 12px;padding: 0 30px 0 0; cursor: pointer;}
.finish_top_right a{padding: 0 30px 0 0; cursor: pointer; font-size: 12px; color: #595959; height: 25px; line-height: 18px;}
.finish_top_right a:hover{ color: #8a1b7d;}
.xunx{float:left;display:inline-block;}
.finish_search{ width:1090px; height: 46px; margin:30px auto 20px; line-height: 46px; background:#161110; color: #fff; padding:0 0 0 20px;}
.finish_search .case_select{ width: 140px; height:27px; line-height:27px; border: none; cursor: pointer; margin: 10px 3px 0 3px;float:left;}
.finish_search .case_select p{background:#fff;color:#222;padding-left:15px;}
.xuanzhon{width:105px;display:inline-block;}
.finish_search .case_select ul{display:none; border:1px solid #ccc;position:relative;z-index:1;}
.finish_search button{ position: relative; top:8px;width: 80px; float:left;line-height: 30px;height: 30px; background: #7f1a74; text-align: center; color: #fff;border: none; margin-left: -4px; cursor: pointer;}
.finish_search button img{position: relative; top:5px;}
.finish_search_title{ padding: 0 12px 0 0;}
.finish_search input{ width: 225px;float:left; border: none; height: 30px; line-height: 30px; padding-left: 10px; cursor: pointer; margin-left: 36px;}
.finish_search .case_select li{
  height:27px;
  line-height:27px;
  color: #222;
  padding-left: 15px;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
  background:#fff;
}
#inputkeyword{ position: relative; top: 8px;}
.finish_search .case_select li:hover{
  background:#eeeeee;
}


#enter_case_list{ width:1110px; margin:0 auto; position:relative;}
#enter_case_list ul{ width: 1200px;}
#enter_case_list ul li{ height:284px; position:absolute; cursor:pointer; background: #fff; transtion:all 0.5s; -webkit-transition: all 0.5s;}
#enter_case_list ul li:hover{ webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
  transform:translate(0px,-2px);
  transtion:all 0.5s; -webkit-transition: all 0.5s;}
#enter_case_list ul li:hover .case_div{ display: block;}
#enter_case_list ul li h2{ height:236px; width:100%;}
.case_title{ height:48px; line-height:48px; border:1px solid #e3e3e3; border-top:0px; padding:0 15px;}
.case_title h3{ float:left; width:70%; font-size:13px; font-weight:normal; color: #595959;}
.case_title h3 span{ padding:0 5px;}
.case_title h4{ float:right; width:30%; text-align:right; display:none;}
.case_title h4 a{ background:url("../images/like_bg.png")/*tpa=/skins/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("../images/like_hover.png")/*tpa=/skins/images/like_hover.png*/ left center no-repeat;font-size:12px; font-weight:normal; padding:0 0 0 20px;color: #801a75;}
.onclick{background:url("../images/like_hover.png")/*tpa=/skins/images/like_hover.png*/ left center no-repeat!important;}

.case_div{ position:absolute; z-index:999; width:100%; height:236px; background:#000; top:0px; left:0px; text-align:center; background:url("../images/case_div_bg.png")/*tpa=/skins/images/case_div_bg.png*/ repeat; display:none;}
.case_div h5{ font-size:25px; color:#FFF; padding:88px 0 0 0; font-weight:300;}
.case_div h6 { font-size:20px; color:#FFF; height:40px; line-height:40px; font-weight: bold;}
.case_div h6 strong{ font-size:20px; color:#FFF; height:40px; line-height:40px; font-weight: bold;}


.w350_left{ width:344px; 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{ color:#7d1c74!important;}
.oncolor{ color:#7d1c74!important; font-weight:bold;}

#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("../images/close_sk.jpg")/*tpa=/skins/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:105px; overflow:hidden;  margin-top: 20px;
  border-top: 1px solid #ccc;
  padding-top: 20px;}
#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("../images/casepge_btn_1.png")/*tpa=/skins/images/casepge_btn_1.png*/ no-repeat;}
#case_btn_2{ background:url("../images/casepge_btn_2.png")/*tpa=/skins/images/casepge_btn_2.png*/ no-repeat;}
#case_btn_3{ background:url("../images/casepge_btn_3.png")/*tpa=/skins/images/casepge_btn_3.png*/ no-repeat;}

#case_btn_1:hover{ background:url("../images/casepge_btn1_hover.png")/*tpa=/skins/images/casepge_btn1_hover.png*/ no-repeat;}
#case_btn_1:hover a{ color:#FFF;}
#case_btn_2:hover{ background:url("../images/casepge_btn2_hover.png")/*tpa=/skins/images/casepge_btn2_hover.png*/ no-repeat;}
#case_btn_2:hover a{ color:#FFF;}
#case_btn_3:hover{ background:url("../images/casepge_btn3_hover.png")/*tpa=/skins/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("../images/spage_bg.png")/*tpa=/skins/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:225px;}
#casedesgin_left h4{ 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:225px;}

#casedesgin_right{float:left; 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:0;}
/*案例专题*/
#contzt_list{ width:100%;}
#contzt_list li{ width:345px; float:left; position:relative; margin:10px 20px 30px 20px; cursor:pointer; height: 490px;}
#contzt_list li h2 img{ height:400px; width:345px;}
#contzt_list li h3{ font-size:24px; font-weight:normal; color:#8b8b8b; height:30px; line-height:30px; margin:10px 0 0 0;}
#contzt_list li h4{ height:30px; line-height:30px; font-weight:normal; font-size:15px; color:#8b8b8b;}
#contzt_list li h5{ display:none; padding:50px 0 0 0;}
.contzt_div{position:absolute; z-index:10; width:100%;bottom:0px; text-align:center; border:1px solid #efefef; height: 88px; border-top: 0px;background:#fff;}

#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("../images/dtitle_icon.png")/*tpa=/skins/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("../images/dtitle_icon_small.png")/*tpa=/skins/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("../images/dtmarker_bg.png")/*tpa=/skins/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("../images/decrc_bg.png")/*tpa=/skins/images/decrc_bg.png*/ left center no-repeat; color:#FFF!important; border:none!important;}
/*devefirst*/
#devepage_first{ background:url("../images/devefirst_bg.jpg")/*tpa=/skins/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("../images/deve_top_bg.png")/*tpa=/skins/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("../images/dfc_title_bg.png")/*tpa=/skins/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("../images/dfr_title_bg.png")/*tpa=/skins/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("../images/devesecond_bg.jpg")/*tpa=/skins/images/devesecond_bg.jpg*/ top center no-repeat; height:949px;}
#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("../images/simg_icon.png")/*tpa=/skins/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("../images/devethird_bg.jpg")/*tpa=/skins/images/devethird_bg.jpg*/ top center no-repeat; height:578px;}
#devepage_third .decrc{ padding:30px 10px 0 10px; display:none;}
/*deveforth*/
#devepage_forth{ background:url("../images/deveforth_bg.jpg")/*tpa=/skins/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("../images/devefif_bg.jpg")/*tpa=/skins/images/devefif_bg.jpg*/ top center no-repeat; height:904px; }
#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("../images/deve_team_bg.jpg")/*tpa=/skins/images/deve_team_bg.jpg*/ right top no-repeat;}
#dteam_body{ width:1013px; margin:0 auto; background:url("../images/deveteam_body.jpg")/*tpa=/skins/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("../images/deve_form_bg.jpg")/*tpa=/skins/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;}

.bjfeight{background:#f8f8f8;}