﻿@import "/Skins/Default/resetcommon.css";

.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
/*正文开始*/

/*banner 开始*/
.banner a{ display:block;width:100%;height:521px;border-top:1px solid #6086a5;background:url(Img/Index/banner.jpg) no-repeat center top;}
/*banner 结束*/
.bgcc{ background:url(Img/Index/body_bg.jpg) center no-repeat; width:100%;}
/*h_sea 开始*/
.search{width:100%;height:45px; border-bottom:1px solid #d7d7d7;border-top:1px solid #aba89f;}
.h_sea{width:960px; margin:0 auto; height:27px;line-height:20px;color:#646464;} 
.s_inp{ height:30px; overflow:hidden; padding-top:11px;}
.inp01{height:20px;border:none;background:none;border:1px solid #bebebe;border-right:none;width:300px;padding:0 3px; float:left;line-height:20px; color:#9d9d9d; text-indent:5px;}
.s_ss {float:left; width:30px; height:22px; background: url(Img/Index/sous.jpg) no-repeat; text-indent:22px;border:1px solid #bebebe;border-left:none; color:#fff; font-weight:bold;line-height:22px;}
.h_sea a{  padding:0 10px 0 10px;font:12px/20px "";color:#525252;}
.key{font:12px/45px "";color:#1a181a;}
/*h_sea 结束*/
/*分类*/
.works{width:1011px;height:340px; background:url(Img/Index/diaos_03.jpg) no-repeat bottom center;overflow:hidden; margin:0 auto;}
.wk_bt{height:65px; overflow:hidden;font:20px/30px "Microsoft Yahei";color:#343434; margin-top:24px;position:relative;padding-left:524px;}
.wk_bt span{font:12px/20px "Microsoft Yahei";color:#585858; display:block; text-transform:uppercase;}
.wk_bt em{ position:absolute;left:340px;top:0;}
.wk_bt font{position:absolute;top:10px;right:334px;}
.wk_bt a,.wk_bt a:hover{color:#343434; text-decoration:none;}
.cat1{width:308px;height:197px; padding:20px 0  0 40px; background:url(Img/Index/wr_49.jpg) 325px 20px no-repeat;}
.works h3{font:16px/30px "Microsoft Yahei"; padding-bottom:10px;background:url(Img/Index/wr_47.jpg) no-repeat 0 10px; padding-left:20px; width: 134px;}
.works h3 a{color:#000;}
.cat1 ul{width:286px;height:143px; margin:0 auto;}
.cat1 ul li{float:left;font:14px/28px "Microsoft Yahei";width:143px; background:url(Img/Index/wr_52.jpg) no-repeat 0 12px; text-indent:15px;}
.cat1 ul li a{color:#474747;}
.cat2{width:183px; padding:20px 0  0 10px;background:url(Img/Index/wr_49.jpg) 182px 20px no-repeat;}
.cat2 ul{width:150px;height:143px; margin:0 auto;}
.cat2 ul li{font:14px/28px "Microsoft Yahei";width:143px; background:url(Img/Index/wr_52.jpg) no-repeat 0 12px; text-indent:15px;}
.cat2 ul li a{color:#474747;}
.cat3{width:275px; padding:20px 0  0 10px;background:url(Img/Index/wr_49.jpg) 278px 20px no-repeat;}
.cat3 ul{width:234px;height:143px; margin:0 auto;}
.cat3 ul li{font:14px/28px "Microsoft Yahei";float:left;width:117px; background:url(Img/Index/wr_52.jpg) no-repeat 0 12px; text-indent:14px;}
.cat3 ul li a{color:#474747;}
.cat4{width:170px; padding:20px 0  0 0px;}

/*案例*/
.case{width:960px;height:675px; overflow:hidden; margin:0 auto;}
.case ul li{width:474px;height:313px;float:left;margin:0 12px 12px 0;display:inline; background:url(Img/Index/kuang_01.jpg) no-repeat; position:relative;}
.case ul li font{width:243px;height:301px;float:left; padding:6px 0 0 6px;}
.case ul li font img{width:243px;height:301px;}
.case ul li span{width:190px;height:301px;float:right;display:block;padding-left:30px; display:inline-block; }
.case ul li span h2{font:bold 16px/35px "Microsoft Yahei";color:#000;  background:url(Img/Index/case_12.jpg) no-repeat bottom left; padding:15px 0 0 0;display:inline-block; position:relative; margin-top:24px; margin-bottom:10px;}
.case ul li span h2 em{ position:absolute;left:-15px;top:25px; background:url(Img/Index/case_08.jpg) no-repeat;width:10px;height:14px;}
.case ul li p{color:#343434;}
.case ul li strong{width:100px;display:block;font-weight: normal;line-height:22px;color:#343434; font-family:"Microsoft Yahei"; padding-left:68px; position: relative;}
.case ul li strong em{ font-style:normal;font-weight: normal;position:absolute;left:0;top:0; font-family:"Microsoft Yahei";font-size:14px;}
.case ul li p em{font-family:"Microsoft Yahei";font-size:14px; font-style:normal;}
.case ul li div{ position:absolute; background:url(Img/Index/case_xq.jpg) no-repeat;font:12px/27px "Microsoft Yahei";color:#fff; text-indent:38px;width:99px;height:27px; display:block;right:18px;top:262px;}
.case ul li p{line-height:22px;color:#000; font-family:"Microsoft Yahei";}
.case ul li a{cursor:pointer;width:474px;height:313px;display:block; text-decoration:none;}
.case ul li a:hover,.case ul .cur1{ background:url(Img/Index/kuang_02.jpg) no-repeat; text-decoration:none;}
.case ul .nones{margin-right:0px;}

/*广告*/
.ov_ban{width:100%;height:191px; background:url(Img/Index/voban.jpg) no-repeat center top;}
.ban01{ position: relative;width:960px;height:191px; margin:0 auto;}
.ban01 span{ position: absolute;right:0;top:68px;width:220px;height:53px; background:url(Img/Index/tel_03.jpg) no-repeat left 8px; display:block;font:16px/24px "Microsoft Yahei";color:#282828; padding-left:50px; margin-top:37px;float:right;}
.ban01 span b{ display:block;font:34px/28px "";color:#1a1a1a; white-space:nowrap;}

/*hot*/
.hot{width:960px;height:451px; overflow:hidden; margin:61px auto 75px auto;}
.hot ul li{float:left;  text-align:center;margin-right:15px; display: inline-block;position:relative;z-index:9;font:bold 18px/24px "Microsoft Yahei";}

.hot ul li span b{font:18px/24px "Microsoft Yahei"; display:block; padding-bottom:20px; color:#fff;}
.hot ul li img{border:6px solid #d8d8d8;}
.hot ul li i img{border:none;}
.hot ul .cur  span{ position: absolute;top:172px; display:block; z-index:999;width:298px;height:277px; padding-top:160px;background:url(Img/Index/png.png) no-repeat;z-index:9; display:block;top:6px;left:6px;}
.hot ul .nones{margin-right:0px;}

/*优势*/
.set{width:100%;height:873px; background:url(Img/Index/youshi_bg.jpg) no-repeat center top;}
.set h2{ text-align:center;font:20px/20px "Microsoft Yahei";color:#000; padding-top:24px;}
.set h2 b{font:12px/20px "Microsoft Yahei";color:#585858; text-transform:uppercase; display:block;}
.set h2 span{font:18px/30px "Microsoft Yahei";color:#000;}
.one{width:960px;height:758px; margin:0 auto; padding-top:70px; position:relative;}
.lind{height:157px; padding-top:15px;}
.lind h3{font:16px/20px "Microsoft Yahei";color:#000; padding-bottom:10px;background:url(Img/Index/tubiao_03.jpg) no-repeat 0 6px; padding-left:30px;}
.lind h3 span{color:#b4b4b4;font:12px/20px "arial"; text-transform:uppercase; display:block;}
.lind h3 em{font:bold 24px/30px "Microsoft Yahei";color:#c1010b;float:left; padding-right:10px;}
.lind p{font:14px/24px "Microsoft Yahei";color:#585858; margin-left:25px; display: inline-block;background:url(Img/Index/tubiao_07.jpg) no-repeat 4px 8px ; padding-left:20px;}
.lind p b{color:#a40911;font-weight:normal;}
.art1{width:406px;}
.art2{width:406px;}
.art3{width:480px; position:absolute;right:60px;top:420px;}
.art4{width:422px; position:absolute;right:120px;top:570px;}

/*设计团队展示*/
.destd{width:100%;height:600px; background:url(Img/Index/d_bg.jpg) no-repeat center top; padding-top:60px;}
.d_bt{height:65px; overflow:hidden;font:20px/30px "Microsoft Yahei";color:#343434; padding-bottom:10px;position:relative;padding-left:524px;}
.d_bt span{font:12px/20px "Microsoft Yahei";color:#585858; display:block; text-transform:uppercase;}
.d_bt em{ position:absolute;left:340px;top:0;}
.d_bt font{position:absolute;top:15px;right:230px;}
.d_bt a,.d_bt a:hover{color:#343434; text-decoration:none;}
.destd ul{height:477px; overflow:hidden;width:960px;}
.destd ul li{width:311px;height:477px; background:url(Img/Index/libg.jpg) no-repeat bottom center;float:left; text-align:center;margin-right:13px;display:inline;}
.destd ul li b{ display:block;font:14px/30px "Microsoft Yahei";color:#000;font-weight:normal;}
.destd ul li p{ font:14px/28px "Microsoft Yahei";color:#686868;}
.destd ul li a,.destd ul li a:hover{ text-decoration:none;}
.destd ul .nones{margin-right:0px;}

/*设计流程展示*/
.scu{width:100%;height:486px; overflow:hidden; background:url(Img/Index/liu_bg.jpg) no-repeat center 285px;}
.scu h2{width:100%;height:85px; overflow:hidden; padding-top:67px; margin:0 auto; background:url(Img/Index/liu_11.jpg) no-repeat center 50px;font:20px/20px "Microsoft Yahei";color:#343434; text-align:center;}
.scu h2 span{ display:block;font:12px/20px "Microsoft Yahei";color:#585858; text-transform:uppercase;}
.engi{ position:relative;font:14px/22px "Microsoft Yahei";color:#000; text-align:center;width:960px;height:288px; overflow:hidden; margin:0 auto;}
.eimg1{ position: absolute;top:0;left:38px;width:125px;}
.eimg2{ position:absolute;top:170px;left:38px;width:125px;}
.eimg4{ position: absolute;top:76px;left:238px;width:125px;}
.eimg3{ position:absolute;top:162px;left:238px;width:125px;}
.eimg5{ position: absolute;top:0px;left:432px;width:125px;}
.eimg6{ position:absolute;top:165px;left:432px;width:125px;}
.eimg8{ position: absolute;top:75px;left:619px;width:125px;}
.eimg7{ position:absolute;top:165px;left:610px;width:140px;}
.eimg9{ position: absolute;top:0;right:37px;width:125px;}
.eimg10{ position:absolute;top:165px;right:37px;width:140px;}

/*众多客户的第一选择*/
.jz{height:476px; overflow:hidden; margin-bottom:11px;}
.first{width:355px;height:472px; overflow: hidden; background: url(Img/Index/bg_03.jpg) no-repeat center;}
.fir_bt{height:40px; overflow:hidden; position:relative;font:16px/20px "Microsoft Yahei";color:#000;padding:30px 15px 0 45px;}
.fir_bt b{font:12px/20px "Microsoft Yahei"; text-transform:uppercase;color:#b4b4b4; display:block;}
.fir_bt em{ position:absolute;left:15px;top:32px;}
.fir_bt i{ padding-left:5px; font-style:normal;}
.fir_bt span a{ display:block;padding-top:5px;font:14px/24px "Microsoft Yahei";color:#272525;}
.fir_bt a,.fir_bt a:hover{ text-decoration:none;}
.first ul{width:340px;height:400px; overflow:hidden; padding-left:13px;}
.first ul li{width:157px;height:72px;float:left; display: inline;margin:23px 13px 0 0;}
.first ul li img{width:155px;height:70px;border:1px solid #ccc;}
/*客户见证*/
.ust{width:594px;height:472px; overflow:hidden; background:url(Img/Index/bg_02.jpg) no-repeat center;}
.ust dl{width:560px;height:175px; overflow:hidden; margin:18px auto 0 auto;}
.ust dl dt{width:226px;height:171px;float:left;}
.ust dl dt img{width:214px;height:159px;border:6px solid #d8d8d8;}
.ust dl dd{width:316px;height:171px; overflow:hidden;float:right;font:12px/26px "Microsoft Yahei";color:#585858; position:relative;}
.ust dl dd h3 a{font:14px/20px "Microsoft Yahei";color:#232323; display:block;}
.ust dl dd h4{font:14px/20px "Microsoft Yahei";color:#232323; display:block; padding-bottom:10px;}
.ust dl dd .ckxq{width:99px;height:27px;font:12px/27px "";color:#fff; text-indent:39px; position:absolute;right:0;top:145px; background:url(Img/Index/case_xq.jpg) no-repeat; display:block;}
/*荣誉*/
.honor{width:960px;height:311px; background:url(Img/Index/bg_01.jpg) no-repeat center top;}
.honor h2{height:45px; overflow:hidden; position:relative;font:16px/20px "Microsoft Yahei";color:#000;padding:30px 15px 0 55px;}
.honor h2 b{font:12px/20px "Microsoft Yahei"; text-transform:uppercase;color:#b4b4b4; display:block;}
.honor h2 em{ position:absolute;left:15px;top:28px;}
.honor h2 span{width:65px;height:22px; overflow:hidden;}
.honor h2 span a.c_top{ display: inline-block;float:left;width:22px;height:22px; margin-right:12px;background: url(Img/Index/t1.png) no-repeat;}

.honor h2 span a.c_bt{ display:block;float:left;width:22px;height:22px;background: url(Img/Index/t2.png) no-repeat;}

.honor h2 a,.honor h2 a:hover{ text-decoration:none;}
.honor ul{width:934px;height:200px; overflow:hidden; margin:0 auto; padding-top:20px;}
.honor ul li{width:224px;height:200px;float:left;margin-right:11px; display:inline;}
.honor ul li img{width:212px;height:139px;border:6px solid #d8d8d8;}
.honor ul li span{ display:block; text-align:center; font-family:"";color:#585858; font-size:12px; line-height:40px;}
.honor ul .nones{margin-right:0px;}

/*华派作品列表*/
.hina{height:375px; overflow:hidden; margin-top:11px;}
.list{width:590px;height:370px; background: url(Img/Index/bg1.jpg) no-repeat;border:1px solid #dbdbdb;}
.list p{width:272px;height:272px; padding-left:15px;font:12px/26px "Microsoft Yahei"; padding-top:15px;}
.list p a{ display:block;color:#646464;}
.list p img{width:272px; border:1px solid #ccc; margin:5px 0;}
/*享风雅清幽，揽艺术之笔*/
.scul{width:354px;height:370px; background:url(Img/Index/bg2.jpg) no-repeat;border:1px solid #dbdbdb;}
.scul span{font:12px/20px "Microsoft Yahei";color:#282828; text-align:center;width:270px;height:114px; margin:200px auto 0 auto; display:block;}
.scul span a{color:#fff;}
.scul span b{font:28px/30px "";color:#1a1a1a;}
.scul span em{width:99px;height:27px;font:12px/27px "";color:#fff; text-indent:30px;background:url(Img/Index/case_xq.jpg) no-repeat; display:block; margin:40px auto 0 auto;}

/*ABOUT*/
.about{width:100%;height:650px; margin-top:40px;background:url(Img/Index/d_bg.jpg) no-repeat center top; padding-top:10px;}
.pai{width:960px;height:345px; overflow:hidden;}
.pai dl{height:251px; overflow:hidden; padding-top:15px;}
.pai dl dt{width:438px;height:251px;float:left; overflow: hidden;}
.pai dl dd{width:490px;height:251px;float:right;font:12px/24px "Microsoft Yahei";color:#696969; position:relative;}
.pai dl dd h3 a{ display:block;font:16px/20px "Microsoft Yahei";color:#414141; padding-bottom:5px; font-weight:normal;}
.pai dl dd span{width:238px;height:27px; position:absolute;right:0;bottom:0;}
.pai dl dd span img{ padding-right:19px;}
/*华派风采*/
.camp{height:251px; overflow:hidden; padding-top:43px;}
.camp h2{height:40px; overflow:hidden;font:16px/20px "Microsoft Yahei";color:#000;}
.camp h2 font b{ display:inline-block;font:12px/20px "Microsoft Yahei";color:#b4b4b4; text-transform:uppercase; padding-left:10px;}
.camp h2 span{width:65px;height:22px; overflow:hidden;}
.camp h2 span a.c_top{ display: inline-block;float:left;width:22px;height:22px; margin-right:12px;background: url(Img/Index/t1.png) no-repeat;}

.camp h2 span a.c_bt{ display:block;float:left;width:22px;height:22px;background: url(Img/Index/t2.png) no-repeat;}

.camp h2 a,.camp h2 a:hover{ text-decoration:none;color:#343434;}
.camp ul{height:220px; overflow:hidden;}
.camp ul li{width:233px;height:220px;float:left;margin-right:6px; display:inline;}
.camp ul li img{width:219px;height:154px;border:6px solid #bdbdbd;}
.camp ul li span{ display:block; text-align:center;line-height:30px;}
.camp ul .nones{margin-right:0px;}

/*常见问题*/
.zx{width:960px;height:410px;margin:0 auto 55px auto; padding-top:52px;}
.faq{width:239px;height:402px;background:url(Img/Index/bcakbg_03.jpg) no-repeat; margin-right:14px; display:inline;}
.faq dl{width:237px;height:105px; margin:0 auto; padding:19px 0;border-bottom:1px dashed #d0d0d0; }
.faq dl dt{color:#505050; padding-bottom:13px;font:12px/24px "Microsoft Yahei"; padding-left:24px; background:url(Img/Index/faq_14.jpg) no-repeat 0 3px;}
.faq .nones{border-bottom:none;}
.faq dl dd{color:#505050;font:12px/24px "Microsoft Yahei"; text-indent:24px;background:url(Img/Index/faq_17.jpg) no-repeat 0 3px;}
/*动态*/
.mic{width:360px;height:400px;border:1px solid #dbdbdb;}
.mic_bt{width:360px;height:80px; }
.mic_bt font{height:40px; margin-right:20px;position:relative;font:16px/20px "Microsoft Yahei";color:#000;padding:30px 0 0 45px;}
.mic_bt font b{font:12px/15px "Microsoft Yahei"; text-transform:uppercase;color:#b4b4b4; display:block;}
.mic_bt font em{ position:absolute;left:15px;top:32px;}
.mic_bt font i{ padding-left:5px; font-style:normal;}
.mic_bt span{ padding-top:5px;}
.mic_bt font a{ text-decoration:none; display:block;}
.mic_bt font a:hover,.mic_bt font a.cur2{ display:block;text-decoration:none;border-bottom:4px solid #c1010b;}
.mic ul{width:325px;height:300px; margin:0 auto;}
.mic ul li{width:325px;height:36px; border-bottom:1px dashed #d0d0d0;font:12px/36px "Microsoft Yahei";color:#505050; background:url(Img/Index/tubiao_07.jpg) no-repeat 12px 15px; text-indent:25px; overflow:hidden;}
.mic ul .nones{border:none;}
.mic ul li a{ width:107px; height:17px; overflow:hidden;}
/*留言*/
.biao{width:331px;height:402px; background:url(Img/Index/bcakbg_05.jpg) no-repeat; position: relative;}
.biao h2{font:16px/24px "Microsoft Yahei";color:#000; padding:25px 0 0 21px;}
.biao h2 span{font:bold 22px/24px "Microsoft Yahei";color:#000; padding-right:6px;}
.biao h2 font{font:bold 18px/24px "Microsoft Yahei";color:#c1010b;padding-left:6px;}
.biao h2 b{font:12px/16px "Microsoft Yahei";color:#b4b4b4; display:block; text-transform:uppercase;}
.biao h3{width:57px;height:75px; background:url(Img/Index/youhui_03.jpg) no-repeat; position:absolute;top:1px;right:19px;}
.jm_con { width:294px; padding:30px 0 0 10px; height:294px; margin:0 auto;overflow:hidden}
.jm_con ul li { height:32px;}
.jm_con ul li img { float:left; padding:2px 5px 0;}
.sbt { width:60px; display:block; float:left; padding-top:3px; font-family:"Microsoft Yahei";}
.sinp01 { width:213px; height:21px; line-height:22px; padding: 0 2px; border: solid 1px #ccc;}
.sinp02 { width:58px; height:21px; line-height:22px; padding: 0 2px; border: solid 1px #ccc; float:left;}
.sbz { color:#db262d; padding:3px 0 0 3px;}
.area { width:211px; height:108px; overflow:auto; border: solid 1px #ccc; padding:3px; resize:none;}
.jm_con ul .h66 { height:130px;}
.sx a { text-decoration:underline;padding: 3px 0 0 10px;}
/*link*/
.link{width:601px;height:112px; overflow:hidden;}
.link p a{float:left;width:100px;color:#505050; text-indent:14px;font:14px/32px "Microsoft Yahei";}

.ban_bg{height:523px;width:100%; position:relative; z-index:0 }
.ban_bg .bgitem{ position:absolute; top:0;display:block; z-index:0;}
.ban_bg .btn{  bottom: 5px;margin-right: -450px;padding: 42px 6px;position: absolute;right: 50%;z-index: 7;}
.ban_bg .btn span {background: none repeat scroll 0 0 #c1010b;border: 1px solid #c1010b;color: #FFFFFF;cursor: pointer;display: inline-block;
margin-left: 5px;padding: 2px 5px;}
.ban_bg .btn span.cur {font-weight: bold;padding: 4px 8px;}