@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*ban1
.ban1{width:100%; text-align:center;height:431px;margin:0 auto;}
.ban1 a{ line-height:0; font-size:0;height:431px;width:100%;display:block;}/*background:url(../img/ban1.jpg) center top no-repeat; */


/*box*/
.lf_nav{width:201px;overflow:hidden;}
.lf_nav{height:650px; overflow:hidden; background:#f3f4f4;}
.lf_nav h3{ margin:0 0 12px;}
.lf_nav h3 a{ font-size:16px;display:block;padding-left:14px; color:#515151;background:#e2e2e2;height:35px; line-height:35px; font-weight:100;font-family:"微软雅黑"; color:#515151;}
.lf_nav h3 a:hover{ color:#515151;}
.lf_nav h4{ margin:0 0 10px;}
.lf_nav h4 a{ font-size:12px;display:block;padding-left:14px; color:#fff;background:#7c7976 url(../img/lf_nav_h3_bg.gif) 13px center no-repeat;height:26px; line-height:26px;color:#fff;padding-left:33px;}
.lf_nav h4 a:hover{ color:#fff;}
.lf_nav ul{margin:0 0 15px;}
.lf_nav li{height:25px; line-height:25px; overflow:hidden; border-bottom:1px #ccc dashed;}
.lf_nav li a{display:inline-block;height:25px; line-height:25px;padding:0 0 0 33px;color:#666666;}
.lf_nav li a:hover,.lf_nav li .cur{ background:url(../img/lf_nav_li_bg_cur.gif) 14px 8px no-repeat; text-decoration:none;color:#000000;}
.lf_nav .last{ border:none;}
.pros{width:980px;overflow:hidden;}
#xst>div {	display: block;overflow:hidden;}
#xst{height:654px;overflow:hidden;}
.pub_top{line-height:33px;height:33px;padding:0 11px 0 0; border-bottom:1px #cccccc solid; overflow:hidden;}
.pub_top h3{ float:left;}
.pub_top h3 a{ font-family:"微软雅黑";font-size:16px; font-weight:100;color:#515151; display:inline-block;padding:0 0 0 50px; background:url(../img/pub_top_ic.png) 15px center no-repeat;}
.pub_top h3 a:hover{ color:#515151;}
.pub_top span{ font-family:"Times New Roman"; font-size:14px; color:#4c4c4c;margin:0 0 0 8px; font-style:italic; text-transform:uppercase;}
.pub_top .fr{margin-top:10px;}
.pros li{overflow:hidden;float:left;width:33.33%;}
.pros li a span {display: block;text-align: center;line-height: 25px;}
.pros dl{width:748px; overflow:hidden;padding:10px 0 0;}
.pros dt{ float:left;width:358px; position:relative;height:254px; position:relative;padding:1px;}
.pros dt .pro_img{width:358px;height:254px; overflow:hidden; display:block;}
.pros dt .pro_img_bg{ position:absolute;right:0;top:0;z-index:2;display:block;}
.pros dd{width:368px; float:right;}
.pros dd h4{  font-size:14px;}
.pros dd h4 a{display:block; padding:3px 0 19px 0; border-bottom:1px #cccccc dashed;}
.pros dd p{font-size:12px;color:#090104; line-height:25px; overflow:hidden;height:130px;padding:15px 40px 0 0;border-bottom:1px #cccccc dashed;margin:0 0 24px; text-align:justify;}
.pros dd .btns a{width:116px;height:32px; line-height:32px;text-align:center; background:url(../img/pro_btn_bg.gif) center top no-repeat; color:#fff; display:inline-block;}
.pros dd .btns .btn3{margin:0;}
.pros dd .btns a:hover{ color:#fff;}
.pros dd .btns span{ display:inline-block;padding:0 0 33px;margin:0 9px 0 0;}
.pros dd .btns .btn1{ background:url(../img/pro_btn_sd1.gif) center bottom no-repeat;}
.pros dd .btns .btn2{ background:url(../img/pro_btn_sd2.gif) center bottom no-repeat;}
.pros dd .btns .btn3{ background:url(../img/pro_btn_sd3.gif) center bottom no-repeat;}
.pros li div.border {border: 1px solid #ccc;height: 300px;display: table-cell;vertical-align: middle;width: 300px;}
.pros li div.border img{ width:100%; height:100%;}
.pros li a {width: 302px;display: block;margin: auto;}

/*展示*/
.show{height:230px; overflow:hidden;}
.show_ct{padding:10px 0 0; }
.show_ct dl{ float:left;padding:0 14px 0 0;display:inline; overflow:hidden;width:216px;text-align:center;}
.show_ct .last{margin:0;}
.show_ct dt{height:156px; overflow:hidden;}
.show_ct dt a{display:inline-block;padding:1px;border:1px #d5d5d5 solid;width:212px;height:148px; }
.show_ct dt a img{width:212px;height:148px; overflow:hidden;}
.show_ct dt span{ display:block;width:212px; position:absolute;left:2px; bottom:6px; text-align:center; line-height:20px;height:22px; background:#9d9d9d; opacity:0.8;filter:alpha(opacity=80); overflow:hidden;}
.show_ct dt span a{ color:#fff; display:inline; border:none;}
.show_ct dt span a:hover{ color:#fff;}
.show_ct dd a{ color:#4d4d4d;}
.show_ct dd a:hover{color:#4d4d4d;}
.show_ct .to_lf,.show_ct .to_rt{margin-top:56px;}
.show_ct .to_lf{margin-right:4px;}
/*优势*/
.adv_top{width:100%;background:url(../img/adv_top_bg1.gif) 20px top no-repeat;padding:42px 0 0 60px;height:109px; line-height:0; font-size:0;}
.adv_ct dt{ font-size:24px; color:#000000; font-family:"华文隶书","微软雅黑";}
.adv_ct dt em{ font-family:Arial; font-size:36px; color:#999999; font-weight:100; display:inline-block;width:36px; float:left; vertical-align:top;margin-top:-10px;}
.adv_ct dt p{ float:left;border-bottom:1px #9b9b9b dashed;padding:0 0 6px 13px; line-height:26px;}
.adv_ct dt span{ display:block; font-family:Didot; font-size:11px; color:#999999; text-transform:uppercase;margin-top:4px;line-height:15px;}
.adv_ct dl dd{ font-family:"微软雅黑"; font-size:14px; color:#1a1a1a; line-height:22px;padding:20px 0 0 48px;}
.adv_ct dl dd p{padding:0 0 0 13px; background:url(../img/adv_ic.gif) left 9px no-repeat;margin:0 0 12px;}
.adv1{height:275px;padding:15px 0 0 475px; background:url(../img/adv_img1.jpg) 17px top no-repeat;margin-top:-15px;}
.adv1 p{width:395px;}
.adv2{height:315px;padding:15px 0 0 17px; background:url(../img/adv_img2.jpg) 475px top no-repeat;}
.adv2 dt span{width:399px; }
.adv2 dd p{width:415px;}
.adv3{height:245px;padding:68px 0 0 468px; background:url(../img/adv_img3.jpg) 17px top no-repeat;margin-top:-47px;}
.adv3 dt{width:500px;}
.adv3 dt span{width:435px;}
.adv3 dd p{width:405px;}
.adv4{height:80px; overflow:hidden;padding:15px 0 0 17px;}
.adv4 dt p{width:875px; border:none;}
.adv4 dt p .dt_wd{ display:inline-block;width:348px; float:left;}
.adv4 dt p .span1{ font-family:"微软雅黑"; font-size:14px; color:#000000; line-height:24px;}
.adv4 dt p .span1 b{ font-family:Arial; font-size:24px;}

/*设计师*/
.des{padding:22px 0 0;height:182px; overflow:hidden; border-top:1px #696969 solid;}
.des dl{width:313px;overflow:hidden; display:inline; float:left;margin:0 10px 0 0;}
.des .last{margin:0;}
.des dt{ float:left;width:110px;}
.des dt img{width:110px;height:161px; overflow:hidden;}
.des dd{width:195px; float:right;}
.des dd h4{  font-size:12px;line-height:22px; overflow:hidden;height:22px;}
.des dd h4 a{ color:#313131; display:block; padding:1px 0 6px 0; border-bottom:1px #cdcdcd dashed;}
.des dd h4 a:hover{ color:#313131;}
.des dd p{font-size:12px;color:#535353; line-height:21px; overflow:hidden;height:108px;padding:3px 0 0 3px;}
.des dd span a{margin:0 3px;}


/*ban2*/
.ban2{position:relative;height:116px; overflow:hidden;width:960px;}
.ban2 img{height:116px;width:960px;overflow:hidden; display:block;}
.ban2 p{ position:absolute;font-size:14px;top:60px;right:12px;font-family:"微软雅黑";padding:0 0 0 25px; background:url(../img/ban2_tel.gif) left top no-repeat;}
.ban2 p b{ font-size:24px;display:inline-block;}

/*客户见证*/
.wit{height:365px; overflow:hidden;margin:15px 0;}
.wit_lf{width:240px;overflow:hidden;}
.wit_lf_ct{width:240px;padding:7px 0 0;}
.wit_lf_ct li{height:39px; line-height:38px; overflow:hidden;padding:0 0 0 14px;background:url(../img/abt_li_ic.gif) 3px 14px no-repeat; }
.wit_lf_ct li a{display:inline-block;height:38px; line-height:38px;color:#333333; border-bottom:1px #c6c6c6 dashed;padding:0 0 0 4px;width:212px; overflow:hidden;}
.wit_lf_ct .last a{ border:none;}
.wit_lf_ct li a:hover{ color:#333333;}
.wit_rt{width:700px; overflow:hidden;}
.wit_rt_ct dl{width:685px;height:134px; overflow:hidden;padding:22px 0 0;}
.wit_rt_ct dt{ float:left;width:236px;}
.wit_rt_ct dt a{ display:inline-block;padding:2px; border:1px #cccccc solid;}
.wit_rt_ct dt img{width:230px;height:128px; overflow:hidden;}
.wit_rt_ct dd{width:435px; float:right;}
.wit_rt_ct dd h4{  font-size:14px;}
.wit_rt_ct dd h4 a{ color:#333333; display:block; padding:3px 0 5px 0;}
.wit_rt_ct dd h4 a:hover{ color:#333333;}
.wit_rt_ct dd p{font-size:12px;color:#333333; line-height:21px; overflow:hidden;height:88px;padding:0;}
.wit_rt_ct dd p span{ display:block;padding:3px 0;}
.wit_rt_ct dd span a{ color:#b81e15;}
.wit_rt_ct dd span a:hover{ color:#b81e15;}


/*资质*/
.cer{height:230px; overflow:hidden;}
.cer_ct{padding:14px 0 0; width:1196px; overflow:hidden;}
.cer_ct dl{ float:left;padding:0 14px 0 0;display:inline; overflow:hidden;width:216px;text-align:center;}
.cer_ct .last{margin:0;}
.cer_ct dt{height:151px; overflow:hidden;}
.cer_ct dt a{ display:inline-block;padding:1px;border:1px #d5d5d5 solid;}
.cer_ct dt a img{width:212px;height:137px; overflow:hidden;}
.cer_ct dd a{ color:#4d4d4d;}
.cer_ct dd a:hover{color:#4d4d4d;}
.cer_ct .to_lf,.cer_ct .to_rt{margin-top:56px;}
.cer_ct .to_lf{margin-right:4px;}

/*关于我们*/
.abt{height:340px; overflow:hidden; background:url(../img/abt_vd_bg.gif) 240px 35px no-repeat;}
.abt_lf{width:250px;overflow:hidden;}
.abt_lf .pub_top{margin:0 10px 0 0;}

.abt_lf_ct{width:250px;padding:7px 0 0;}
.abt_lf_ct li{height:35px; line-height:34px; overflow:hidden;padding:0 0 0 14px;background:url(../img/abt_li_ic.gif) 3px 14px no-repeat; }
.abt_lf_ct li a{display:inline-block;height:34px; line-height:34px;color:#333333; border-bottom:1px #c6c6c6 dashed;padding:0 0 0 4px;width:226px; overflow:hidden; background:url(../img/abt_hot.gif) 205px 11px no-repeat;}
.abt_lf_ct .last a{ border:none;}
.abt_lf_ct li a:hover{ color:#333333;}
.abt_rt{width:937px; overflow:hidden;}
.abt_rt_ct{}
.abt_rt_ct dl{overflow:hidden;padding:25px 0 0;}
.abt_rt_ct dt{ float:left;width:425px;}
.abt_rt_ct dt img{width:425px;height:268px; overflow:hidden;}
.abt_rt_ct dd{width:500px; float:right;}
.abt_rt_ct dd h4{  font-size:14px;}
.abt_rt_ct dd h4 a{ color:#1a1a1a; display:block; padding:3px 0 11px 0;border-bottom:1px #c6c6c6 dashed;}
.abt_rt_ct dd h4 a:hover{ color:#1a1a1a;}
.abt_rt_ct dd p{font-size:12px;color:#333333; line-height:27px; overflow:hidden;height:216px;padding:6px 0 0 4px; text-align:justify;}
.abt_rt_ct dd span a{ color:#333333;}
.abt_rt_ct dd span a:hover{ color:#333333;}

/*ban3*/
.ban3{height:145px; overflow:hidden;width:960px;}
.ban3 img{height:145px;width:960px;overflow:hidden; display:block;}



/*info*/
.info{height:380px; overflow:hidden; color:#333333; background:url(../img/info_sd.gif) 251px 30px no-repeat;width:960px;}
.info_sd{left:709px;top:30px;}
.info a{ color:#333;}
.info a:hover{ color:#333;}
.info1{width:235px; overflow:hidden; display:inline;margin:0 38px 0 0; }
.info_ct1{padding:0 4px 0 0; line-height:22px;margin-top:10px;}
.info_ct1 dl{padding:11px 0 9px;margin:0; border-bottom:1px #cccccc dashed;}
.info_ct1 .last{ border:none;}
.info_ct1 dl dd,.info_ct1 dl dt{padding:0 0 0 24px;}
.info_ct1 dl dt{ background:url(../img/que.gif) left 3px no-repeat;margin:0 0 6px; font-weight:bold;}
.info_ct1 dl dd{ background:url(../img/ans.gif) left 3px no-repeat;}
.info2{width:422px; overflow:hidden; display:inline;}
.info_ct2{padding:11px 0 0;}
.info_ct2 dl{height:142px; border-bottom:1px #cccccc solid;margin:0 0 14px;}
.info_ct2 dl dt{ float:left;}
.info_ct2 dl dt a{padding:1px; border:1px #cccccc solid;display:inline-block;}
.info_ct2 dl dt a img{width:178px;height:118px; overflow:hidden;}
.info_ct2 dl dd{ float:right;width:228px;}
.info_ct2 dl dd h4{line-height:20px;height:20px; overflow:hidden;}
.info_ct2 dl dd h4 a{display:inline-block;padding:0 0 10px; font-size:12px;}
.info_ct2 dl dd p{ line-height:25px;height:75px; overflow:hidden;}
.info_ct2 ul{margin:0;padding:0;}
.info_ct2 ul li{ line-height:33px;height:33px; overflow:hidden; color:#666; font-family:"宋体"; font-size:12px; border-bottom:1px #ccc dashed;}
.info_ct2 ul .last{ border:none;}
.info_ct2 ul li span{ float:right;margin:0 8px 0 0;}
.info_ct2 ul li a{ display:inline-block;width:320px; overflow:hidden;padding:0 0 0 10px; background:url(../img/info_ic.gif) 2px 15px no-repeat;}
.info3{width:230px; overflow:hidden;}
.info_ct3 ul li{height:37px; line-height:36px; overflow:hidden;padding:0 0 0 14px;border-bottom:1px #c6c6c6 dashed;background:url(../img/abt_li_ic.gif) 3px 15px no-repeat; }
.info_ct3 ul .last{ border:none;}
.info_ct3 ul li a{display:inline-block;height:36px; line-height:36px;color:#333333; padding:0 0 0 4px;width:212px; overflow:hidden;}
.info_ct3 .last a{ border:none;}
.info_ct3 li a:hover{ color:#333333;}
.info_ct3 .ul1{height:339px;border-bottom:1px #c6c6c6 dashed;margin:0 0 20px;}


/*合作*/
.cor{height:145px; overflow:hidden;margin:5px 0;}
.cor_ct{padding:16px 0 0;}
.cor_ct dl{ float:left;margin:0 9px 0 0;display:inline; overflow:hidden;width:230px;text-align:center;}
.cor_ct .last{margin:0;}
.cor_ct dt{height:65px; overflow:hidden;position:relative;}
.cor_ct dt a{ display:inline-block;padding:2px;border:1px #d5d5d5 solid;}
.cor_ct dt a img{width:224px;height:50px; overflow:hidden;}
.cor_ct dd a{ color:#333333;}
.cor_ct dd a:hover{color:#333333;}
.cor_ct dd{ height:24px; line-height:24px; overflow:hidden;}

/*link*/
.link{margin:10px 0 0;height:120px;}
.link .pub_top .fr{ margin:0; display:inline-block;padding:0 10px 0 27px; background:url(../img/link_ic.gif) left center no-repeat; color:#666666;}
.link .pub_top .fr:hover{color:#666666;}
.link .link_ct{color:#333; line-height:24px;padding:16px 0 0;}
.link .link_ct li { float:left; margin-right:20px;}
.link .link_ct span{ display:inline-block;padding:0 19px;}
.link .link_ct a{ color:#333;}
.link .link_ct a:hover{ color:#333;}

.uslider_contol {cursor:pointer;position: absolute;top: 240px;z-index: 4;background: url(../img/slider_c.png);width: 25px;height: 37px;}
.uslider_left{left: 30px;}
.uslider_right{right:30px;background-position: -25px;}