/* CSS Document */
*{ margin:0px; padding:0px;}
ul,li{ list-style-type:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img{ border:none;}
body{ width:auto; margin:0 auto; font-size:12px; background:#f2f2f2;}

.top{ width:auto; height:121px; background:url(../images/top_bg.jpg) repeat-x;}

.top .batten{ width:980px; height:24px; margin:0 auto; overflow:hidden;}

.top .batten .baleft{ width:188px; height:24px; float:left;}

.top .batten .baright{ width:158px; height:24px; float:right;}

ul#vigat{ width:158px; height:24px;}

ul#vigat li{ float:left;}

ul#vigat li.vhome{ width:53px; height:24px;}

ul#vigat li.vfri{ width:75px; height:24px;}

.top .head{ width:980px; height:97px; margin:0 auto; background:url(../images/phone_bg.jpg) right 1% no-repeat; clear:both; }

.top .logo{ width:233px; height:97px; float:left; overflow:hidden;}

.top ul#nav{ width:600px; height:33px; float:right; margin-top:50px;}

.top ul#nav li{ float:right; width:85px; height:33px; line-height:33px; color:#9d9d9d; text-align:center;}

.top ul#nav li a{ display:block; width:80px; height:33px; color:#9d9d9d;}

.top ul#nav li a:hover{ color:#90ea1a;}

/***************************主体部分**********************************/
.box{ width:auto; height:1176px; padding-top:21px; background: url(../images/box_bg.jpg) repeat-x; margin-top:1px;}

.box .item{ width:980px; height:175px; margin:0 auto;}

.box .item .itleft{ width:4px; height:175px; float:left; background:url(../images/item_left.jpg) no-repeat;}

.box .item .itmiddle{ width:972px; height:175px; float:left; background:url(../images/item_mid.jpg) repeat-x; }

.box .item .itmiddle ul#project{ width:972px; height:174px; padding-top:1px;}

.box .item .itmiddle ul#project li{ float:left; background:url(../images/pro_libg.jpg) right center no-repeat;}


.box .item .itright{ width:4px; height:175px; float:left; background:url(../images/item_right.jpg) repeat-x; }

.box .recom{ width:980px; height:71px; margin-top:24px; margin-left:auto; margin-right:auto; background:url(../images/recom_tbg.jpg) no-repeat;}

.box .recom .case_more{ width:160px; height:41px; float:right; margin-right:24px; display:inline;  margin-top:16px; }

.box .recom .case_more a{ width:160px; height:41px; display:block;}
.box .recom .case_more a.mm{ background:url(../images/recommend_read_more.png) no-repeat 0px 0px;}
.box .recom .case_more a:hover.mma{ background:url(../images/recommend_read_more.png) no-repeat 0px -41px;}

.box .rpic{ width:980px; height:442px; margin-left:auto; margin-top:20px; margin-right:auto;}
.rpic2{ width:980px;  margin-left:auto; padding-top:16px; margin-bottom:30px;  margin-right:auto;}

.box .rpic .picimg{ width:285px; height:170px; padding:14px 14px 20px 14px; background:url(../images/picimg_bg.jpg) no-repeat; float:left; margin-right:19px; margin-top:25px; display:inline;}

.box .flow{ width:980px; height:413px;  margin-left:auto; margin-right:auto; clear:both; background:url(../images/flow_bottom.jpg) left bottom no-repeat; }

.box .flow .fl_left{ width:3px; height:402px;  background:url(../images/fl_left.jpg) no-repeat; float:left;}

.box .flow .fl_mid{ width:974px; height:402px;  background:url(../images/fl_mid.jpg) repeat-x; float:left;}

.box .flow .fl_mid .fltit{ width:974px; height:74px; background:url(../images/fltit_bg.jpg) left center no-repeat; margin-top:2px; }

ul#relay { width:234px; height:74px; float:right;}
 
ul#relay li { width:71px; height:74px; float:left;}

ul#relay li a { width:71px; height:74px; display:block;}
ul#relay li a.xinlang { background:url(../images/relay_pic01.png) no-repeat 0px 0px;}
ul#relay li a:hover.xinlanga { background:url(../images/relay_pic01.png) no-repeat 0px -74px;}
ul#relay li a.tengxun { background:url(../images/relay_pic02.png) no-repeat 0px 0px;}
ul#relay li a:hover.tengxuna { background:url(../images/relay_pic02.png) no-repeat 0px -74px;}

ul#relay li a.blog { background:url(../images/relay_pic03.png) no-repeat 0px 0px;}
ul#relay li a:hover.bloga { background:url(../images/relay_pic03.png) no-repeat 0px -74px;}


.box .flow .fl_right{ width:3px; height:402px;  background:url(../images/fl_right.jpg) no-repeat; float:left;}

.box .flow .devote{ width:621px; height:322px; padding-left:15px; float:left; margin-left:22px; display:inline; margin-top:2px; border-LEFT:1px solid #e6e6e6;}

.box .flow .devote .dadv{ width:621px; height:86px; background:url(../images/xingfudiao_pic.jpg) no-repeat;}

dl#recmd{ width:584px; height:210px; background: url(../images/recmd_bg.jpg) no-repeat; padding:7px;}

dl#recmd dt{ width:194px; height:200px; background: url(../images/redt_bg.jpg) left center no-repeat; float:left;}

dl#recmd dd{ width:360px; height:180px;float:left; color:#999999; line-height:28px; padding-top:10px; overflow:hidden; margin-left:10px; display:inline;}

dl#recmd dd p{ text-indent:0em;}




.box .flow .answer{ width:275px; height:289px; padding-left:30px; padding-top:21px; float:left;}

.agewz{ line-height:24px; color:#999999;}

ul#issue{ width:275px; padding-top:10px; color:#999999;}

ul#issue li{height:35px; line-height:38px; overflow:hidden; border-bottom:1px dashed #e0e0e0; padding-left:28px;}

ul#issue li a:hover{color:#90c70a;}

ul#issue li.issue_qcd{ border-bottom:none;}

ul#issue li.zbg1{ background:url(../images/issue_bg.jpg) 0px 10px no-repeat;}

ul#issue li.zbg2{ background:url(../images/issue_bg.jpg) 0px -57px no-repeat;}

ul#issue li.zbg3{ background:url(../images/issue_bg.jpg) 0px -123px no-repeat;}

ul#issue li.zbg4{ background:url(../images/issue_bg.jpg) 0px -191px no-repeat;}

ul#issue li.zbg5{ background:url(../images/issue_bg.jpg) 0px -257px no-repeat;}

ul#issue li.zbg6{ background:url(../images/issue_bg.jpg) 0px -324px no-repeat;}

/*************************底部展示*********************************/

.footer{ width:auto; height:292px; clear:both; background: url(../images/footer_bg.jpg) repeat-x; margin-left:auto; margin-right:auto;}

.footer_con{ width:980px; height:180px; margin:0 auto; padding-top:36px;}

.footer_con .iform{ width:650px; height:160px; float:left;}

.footer_con .iform dl.state{ width:120px; height:150px; float: left; margin-left:24px; margin-right:60px; display:inline;}

.footer_con .iform dl.state dt{ width:109px; height:28px;}	

.footer_con .iform dl.state dd{ width:120px; margin-left:3px;  line-height:25px; color:#999999;}

.footer_con .iform dl.state dd a{color:#999999;}
.footer_con .iform dl.state dd a:hover{color:#90ea1a;}

.footer_con .contectd{ width:259px; height:157px; float:right; margin-right:15px; display:inline; background:url(../images/contact_bg.jpg) no-repeat;}

ul#ctouch{ width:190px; height:90px; color:#999999; padding-left:20px; padding-top:30px;}

ul#ctouch li{ width:170px; height:25px; line-height:28px; overflow:hidden; padding-left:25px; color:#999999;}	

.footer_con .contectd .customer{ width:72px; height:19px; margin-top:9px; margin-left:40px; display:inline; float:left;}

.copyrt{ width:980px; height:25px;  line-height:25px; color:#757575; text-align: left; margin-top:10px; margin-left:auto; margin-right:auto; clear:both; }
.copyrt a{ color:#666666; }
.copyrt a:hover{ color:#90ea1a; }

/*************************内页样式展示*********************************/
.nycon{ width:auto; margin-left:auto; margin-right:auto; margin-bottom:20px;  background: url(../images/nycon_bg.jpg) repeat-x #f2f2f2; clear:both;}
.nycon1{ width:auto; margin-left:auto; margin-right:auto; background: url(../images/nycon_bg.jpg) repeat-x #f2f2f2; clear:both;}
.nycons{ width:auto;margin-left:auto;background: url(../images/nycon_bg1.jpg) repeat-x #f2f2f2; clear:both; margin-right:auto;}

.nxnav{ width:960px; height:34px; padding-left:20px; font-size:12px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; background:url(../images/weiz.jpg) left center no-repeat; line-height:38px; color:#666666;}
.nxnav a{ color:#666666;}
.nxnav a:hover{  color:#101010;}

.nycon .nway{ width:980px; height:432px; margin-top:23px; margin-left:auto; margin-right:auto;}

.nycon .nway .nway_left{ width:3px; height:432px; float:left; background:url(../images/way_left.jpg) no-repeat;}

.nycon .nway .nway_mid{ width:970px; height:428px; float:left; background:url(../images/way_middle.jpg) repeat-x; padding:2px;}

.nassign{ width:564px; height:410px; float:left;}

.nassign .nyabt{ width:564px; height:111px; background:url(../images/nycont_tit.jpg) no-repeat;}

.nassign .slbox{ width:564px; height:186px; padding-top:40px;}

.nassign .slbox dl.solely{ width:140px; height:186px; float:left; margin-left:36px; display:inline;}

.nassign .slbox dl.solely dt{ width:140px; height:84px;padding-top:10px; clear:both;}

.nassign .slbox dl.solely dd{ width:140px; height:30px; line-height:30px; color:#7e7e7e; font-family:Arial, Helvetica, sans-serif; margin-left:25px; clear:both; font-size:14px;}

.nassign .nymark{ width:544px; height:30px; padding-left:25px; line-height:30px; color:#f86900; margin-top:10px;}

.backa{ background:url(../images/only_qq.jpg) no-repeat center top;}

.backb{ background:url(../images/only_phone.jpg) no-repeat center top;}

.backc{ background:url(../images/only_email.jpg) no-repeat center top;}

.nynew{ width:333px; height:420px; float:right; margin-right:20px; display:inline;}

.nynew .newtit{ width:333px; height:73px; background:url(../images/remand_tit.jpg) repeat-x;}

.nynew input{ width:320px; height:31px; display:block; background:#FFFFFF; border:1px solid #e6e6e6; margin-top:14px; color:#cccccc; line-height:31px; padding-left:5px; padding-right:5px;}

.nynew input.nysybu{ width:131px; height:32px; border:none; padding:0px; cursor:pointer; display:block; }

.nynew textarea{ width:320px; height:157px; border:1px solid #e6e6e6; display:block; margin-top:14px; line-height:25px; color:#cccccc; padding-left:5px; padding-right:5px; padding-top:5px;}

.nycon .nway .nway_right{ width:3px; height:432px; float:left; background:url(../images/way_right.jpg) no-repeat;}

/****联系我们****/
.nycon .nyabout{ width:980px; height:229px; margin-top:23px; margin-left:auto; margin-right:auto;}

.nycon .nyabout .ab_left{ width:3px; height:233px; float: left; background:url(../images/ab_left.jpg) no-repeat;}

.nycon .nyabout .ab_mid{ width:960px; height:216px; padding-left:14px; padding-top:17px; float:left; background:url(../images/ab_middle.jpg) repeat-x;}

.logoin{ width:259px; height:201px; float:left;}

.present{ width:638px; height:157px; padding-top:44px; float:left; margin-left:40px; display:inline; background:url(../images/present_bg.jpg) left top no-repeat;}

.present p{ width:638px; padding-top:10px; color:#626262; line-height:27px; overflow:hidden;}

.nycon .nyabout .ab_right{ width:3px; height:233px; float:right; background:url(../images/ab_right.jpg) no-repeat;}

.nadver{ width:980px; height:311px; padding-top:5px; margin-top:20px; margin-left:auto; margin-right:auto; position:relative;}

.nadver .adv_con{ width:980px; height:306px; position:absolute; z-index:1;}

.nadver .adv_con .adv_left{ width:4px; height:306px; float:left; background: url(../images/adv_left.jpg) no-repeat;}

.nadver .adv_con .adv_mid{ width:930px; height:283px; padding-left:42px; padding-top:23px; float:left; background: url(../images/adv_middle.jpg) repeat-x;}

.brief{ width:284px; height:264px; float:left; margin-right:18px; display:inline; background: url(../images/bri_rigbt.jpg) no-repeat right center;}

.brief p{ width:258px; height:134px; line-height:25px;  font-size:12px; color:#777777;}

.brief .slog{ width:258px; height:86px;}

.nadver .adv_con .adv_right{ width:4px; height:306px; float:left; background: url(../images/adv_right.jpg) no-repeat;}

.tooper{ width:78px; height:82px; background:url(../images/toper_bg.jpg) no-repeat; position:absolute; top:0; left:865px; z-index:2;}
/*************************设计师展示*********************************/

.ndesig{ width:984px; height:165px; margin-left:auto; margin-right:auto;  padding-top:4px;  position:relative; z-index:1; clear:both; z-index:1; margin-bottom:20px;}

.ndesig .qualit{ width:115px; height:99px; position:absolute; z-index:2; left:0px; top:0; 
background:url(../images/quality.png) no-repeat;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/quality.png");

}

.des_con {width:980px; height:165px;}

.des_con .deleft{ width:4px; height:165px; float:left; background:url(../images/de_left.jpg) no-repeat;}

.des_con .demidle{ width:972px; height:135px;  padding-top:30px; float:left; background:url(../images/de_middle.jpg) repeat-x;}

.des_con .demidle .detail{ width:298px; height:105px; margin-left:16px; display:inline;  float:left;}

.des_con .demidle .detail .dpic{ width:136px; height:95px; padding:5px; border:1px solid #e7e7e7; float:left; background:#ffffff;}

.des_con .demidle .detail .mater{ width:137px; height:105px; float:left; padding-left:12px;}

.des_con .demidle .detail .mater p{ color:#323232; line-height:20px;}

.limit{ height:57px; width:137px; overflow:hidden;}

.demore{ width:37px; height:13px; margin-top:10px;}

.des_con .deright{ width:4px; height:165px; float:left; background:url(../images/de_right.jpg) no-repeat;}



.case li{float:left;display:inline;margin-right:34px;width:302px;height:215px;background:url(../inc/img/bg_case_f.png) center bottom no-repeat;position:relative;}

.case li.last{float:right;margin-right:0px;}

.case li .case_w{display:block;width:262px;height:145px;padding:20px;background:url(../inc/img/bg_case.png) no-repeat;position:absolute;bottom:14px;left:0px;}

.case li .case_w .fire{background:#000;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:20px;left:20px;width:262px;height:148px;z-index:2;display:none;}

.case li .case_w  .x,.case li .case_w  .y{width:61px;height:61px;top:60px;position:absolute;z-index:3;display:none;}

.case li .case_w  .x{background:url(../inc/img/zoom-icon.png); left: 50px;}


/***************************内页海报样式***************************/
.nbanners{ width:auto; height:240px; background: url(../images/con_02.jpg) repeat-x;}

.nbannerd{ width:auto; height:240px; background:url(../images/service_02.jpg) repeat-x;}


.nbanners-con{ width:980px; height:240px; margin:0 auto;}




/****服务项目****/

.tsefw_con{ width:988px; height:375px; margin-left:auto; margin-right:auto; margin-top:22px;}

.tsefw_top{ width:988px; height:3px; background:url(../images/border_top.jpg) no-repeat; overflow:hidden;}

.tsefw_mid{ width:988px; height:369px;}

.tsefw_zbor{ width:3px; height:369px; float:left; background:url(../images/border_left.jpg) no-repeat;}

.tsefw_ybor{ width:3px; height:369px; float:left; background:url(../images/border_right.jpg) no-repeat;}

.tsefw_main{ width:960px; height:367px; border:1px solid #e6e6e6; background:#f9f9f9; float:left; padding-left:20px;}

.bafw_con{ width:285px; float:left; padding-left:34px; padding-top:55px;}

.bafw_bg{ background: url(../images/bafw_con.jpg) right 70px no-repeat;}

.bafw_le{ width:48px; height:45px; float:left;}

.bafw_le img{ width:48px; height:45px;}

.bafw_rig{ width:190px; float:left; padding-left:20px;}

.bafw_rig h1{height:45px; display:block;}

.bafw_rig ul{ padding-top:10px; height:167px;}

.bafw_rig ul li{ height:35px; line-height:35px; color:#707070;}

.online-zx{ width:81px; height:23px;}

.online-zx a{ width:81px; height:23px; display:block;}

.tsefw_bot{ width:988px; height:3px; background:url(../images/border_bot.jpg) no-repeat; overflow:hidden;}



/****服务客户****/

.fwkh_box{width:988px; height:338px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:20px; position:relative;}

.fwkh_huan{width:988px; height:50px; position:absolute; left:0px; top:-26px; background:url(../images/huan_bg.png) no-repeat;}

.fwkh_tbor{width:988px; height:3px; background:url(../images/fwkh_tbor.jpg) no-repeat; overflow:hidden;}

.fwkh_zj{width:988px; height:322px;}

.fwkh_db{width:988px; height:13px; clear:both; background:url(../images/fwkh_dbor.jpg) no-repeat; overflow:hidden;}

.kh_lb{width:3px; height:322px; background:url(../images/fwkh_zbor.jpg) no-repeat; float:left;}

.kh_rb{width:3px; height:322px; background:url(../images/fwkh_ybor.jpg) no-repeat; float:left;}

.kh_mid{width:950px; height:320px; border:1px solid #e6e6e6; background:#f9f9f9; float:left; padding-left:30px;}

.kh_mid_tit{width:500px; height:52px; background:url(../images/kh_mid_tit.jpg) left top no-repeat; margin-top:30px;}

.kh_case{width:157px; height:75px; border:4px solid #f2f2f2; margin-top:20px; background:#ffffff; margin-right:23px; display:inline; float:left;}

.kh_case img{width:157px; height:75px;}



/***************************首页海报样式***************************/


.focus{height:400px; position:relative; overflow:hidden;}
.xmSlide{background-color:#022c5e;}
.xmSlide_01{height:400px;background:url(../pic/banner01.jpg) no-repeat center center;}
.xmSlide_02{height:400px;background:url(../pic/banner02.jpg) no-repeat center center;}
.xmSlide_03{height:400px;background:url(../pic/banner03.jpg) no-repeat center center;}
.xmSlide_04{height:400px;background:url(../pic/banner04.jpg) no-repeat center center;}

.xmSlide-pagination{ height:20px;text-align:center; position:absolute; left:50%; margin-left:-50px; bottom:0px; width:100px;  z-index:999;}

.xmSlide-pagination li{width:20px;height:10px;margin:0 5px; float:left;}

.xmSlide-pagination li a{width:20px;height:10px; display:block; text-indent:-9999px; background-color:#ccd1d9; -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8; overflow:hidden;}

.xmSlide-pagination li a.active{background-color:#ffffff;}

.xmSlide-control{overflow:hidden;}