@charset "utf-8";


*{ padding:0px; margin:0px; list-style:none;}
body{font-size: 12px;color: #3a3a3a;background:#433334 url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;}
a:link {color: #3a3a3a;text-decoration: none;}
a:visited {text-decoration: none;color: #3a3a3a;}
a:hover {text-decoration:underline;color: #990000;}
a:active {text-decoration: none;color: #3a3a3a;}
.zi1,.zi1 a{ color:#990000;}
img{ border:0px;}
.p{width:824px; margin:0 auto; text-align:right; height:40px;}
.p span{ background:#66524d; padding:8px; color:#d2cdc9;}
.p span a{color:#d2cdc9; text-decoration:none;}
.p span a:hover{ color:#FFF;}

.head{ width:100%; margin:0 auto; background:url(../images/tbg.gif) no-repeat top center; overflow:auto;}
.head .mmid{ width:824px; margin:0 auto; }
.head .mmid .l_p{ background:url(../images/lbg.jpg) repeat-x; height:92px;  }
.head .mmid .l_p .logo{ float:left;}
.head .mmid .l_p .logo #logo { float: left; display: inline; width: 278px; font-size: 0; line-height: 0; }
.head .mmid .l_p .logo #logo a { display: block; height:92px; text-indent: -4000px; background: url(../images/logo.jpg); }
.head .mmid .l_p .phone{ float:right; background:url(../images/pbg.jpg) no-repeat right; height:92px; line-height:92px; color:#FFF; padding-right:40px; font-size:13px; font-weight:bold; font-family: Verdana; width:233px; text-align:right;}
.head .mmid .l_p .phone span{ font-size:14px;}
.head .mright{ float:right;}
.head .mmid .menu{ background:url(../images/mbg.jpg); height:45px; line-height:45px; font-size:15px; font-family:'微软雅黑','黑体'; border-bottom:#2d2121 solid 3px;}
.head .mmid .menu ol li{ float:left; width:95px; text-align:center; color:#d2cdc9;}
.head .mmid .menu ol li.cur{ background:url(../images/mon.png) center no-repeat; color:#FFF;}
.head .mmid .menu ol li.cur:hover{ background:url(../images/mon.png) center no-repeat; color:#FFF;}
.head .mmid .menu ol li.cur a{color:#FFF;}
.head .mmid .menu ol li.img{ padding-top:10px; padding-left:13px;}
.head .mmid .menu ol li.img:hover{ background:none;}
.head .mmid .menu ol li.spancur{ background:url(../images/hoton.png) center no-repeat; }
.head .mmid .menu ol li.spancur:hover{ background:url(../images/hoton.png) center no-repeat; text-decoration:none; }
.head .mmid .menu ol li.span{ background:url(../images/hot.png) 100% 37% no-repeat; }
.head .mmid .menu ol li.span:hover{ background:url(../images/hoton.png) center no-repeat; text-decoration:none; }
.head .mmid .menu ol li a{ color:#d2cdc9; display:block;}
.head .mmid .menu ol li a:active {test:expression(target="_blank");}
.head .mmid .menu ol li a:hover{color:#FFF; text-decoration:none;}
.head .mmid .menu ol li:hover{ background:url(../images/mon.png) center no-repeat; color:#FFF;}
.menu-list{position:absolute; width:95px; display:none;z-index:9999;  margin-top:1px;}
.menu-list ul li{color:#FFF;background:#4d4037; line-height:28px; height:28px; border-bottom:#2d1f1e solid 1px;font-family:'微软雅黑','黑体';}
.menu-list ul li a{ width:100%; display:block;text-align:center; color:#FFF; cursor:pointer;}
.menu-list ul li:hover{ color:#FFF; background:#2d1f1e;}
.menu-list ul li a:hover{ color:#FFF; text-decoration:none;}
.menu-list ul li a:visited{ color:#FFF;}
.menu-list ul li a:active {test:expression(target="_blank");}



.ban{ width:814px; margin:0 auto; margin-top:1px; margin-bottom:3px; padding:5px; background:#FFF; border:#000000 solid 1px; position:relative;	overflow:hidden;z-index:99;}
.banImgs{width:814px;height:253px;position: relative;width:814px;background: url(../images/loading.gif) no-repeat 50% 50%;}
.banImgs li{ display:none; position:absolute;}
.jsNav{ position:absolute; right:15px; bottom:15px; height:15px; z-index:99; overflow:hidden }
.jsNav a{ color:white; text-decoration:none; font-family: Helvetica, Arial, sans-serif;text-shadow: none; font-size:11px; display:block;}
.jsNav a:hover{ text-decoration:none}
.trigger{display: block; float:left;height:15px;background:#9e2718; margin-right:5px;text-align:center;width:20px;color:#FFF; cursor:pointer}
.current{background:#e55905; color:#FFF;font-family: Helvetica, Arial, sans-serif;text-shadow: none;}


#slider-wrapper{margin: 0px auto;}
#slider{position: relative;width:814px;background: url(../images/loading.gif) no-repeat 50% 50%; height:253px; left: 0px;}
#slider IMG{position: absolute;display: none;top: 0px; left: 0px;}
#slider A{display: block;}
.nivo-controlNav{ position: absolute; bottom:8px; left:683px;color:#FFF;}
.nivo-controlNav A{display: block;float: left;height:15px;background:#9e2718; margin-right:5px;text-align:center;width:20px;color:#FFF; cursor:pointer;}
.nivo-controlNav A.active{background:#e55905; color:#FFF;}
.nivo-caption{font-family: Helvetica, Arial, sans-serif;text-shadow: none;}
.nivo-caption A{color:#efe9d1;text-decoration:none;;}
.nivo-controlNav A:hover{ text-decoration:none;}
.clear{line-height:1px; height:0px;clear: none;}

.foot{ width:100%; background:url(../images/fbg.jpg) repeat-x; height:236px;}
.box{ width:800px; margin:0 auto; padding:17px 12px; background:url(../images/bbj.jpg) repeat-x; height:108px; border:#55241f solid 1px; border-bottom:none;}
.box .kn{ float:left; width:505px;}
.box .kn p{ margin-bottom:13px;}
.box .kn dl{padding:13px 0 0 14px; display:inline;}
.box .kn dd{ float:left; padding-left:22px; background:url(../images/ico5.gif) no-repeat left; width:220px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;  -o-text-overflow:ellipsis; color:#FFF; height:22px; line-height:22px; display:inline;}
.box .kn dd a{ color:#FFF;}
.box .pa{ float:right;}
.box .pa p.img{ padding-top:13px; padding-left:14px;}
.copy{ background:url(../images/copy.jpg) no-repeat center top; height:78px; text-align:center; padding-top:15px; line-height:23px; color:#efefef; font-family: Verdana; width:826px; margin:0 auto; font-size: 11px; position:relative;}
.copy a{ color:#efefef;}
.copy span{ position:absolute; bottom:14px; right:110px;}
.main{ background:#FFF; border:#000 solid 1px; width:804px; margin:0 auto; margin-bottom:3px; padding:10px 10px 6px 10px; overflow:auto;}
.left{ float:left; padding-top:11px; width:530px; overflow:hidden;}
.left .con{ padding-top:20px; line-height:25px; width:515px; font-family: Verdana;}

.left .con img{ float:left; display:inline; padding-right:20px;}
.left .news{ width:332px; float:left; margin-top:10px;}
.left .news dl{ margin-bottom:18px;}
.left .news dt{ background:#ececee; height:24px;width:332px; margin-bottom:10px;}
.left .news dt span{ float:right; line-height:24px; padding-right:6px;}
.left .news dd{ background:url(../images/ico3.gif) no-repeat left center; padding-left:10px; height:25px; line-height:25px; padding-left:14px; border-bottom:#e2e2e2 solid 1px; width:315px; white-space:nowrap;overflow:hidden;  text-overflow: ellipsis;  -o-text-overflow:ellipsis; }
.left .news dd span{ float:right; font-family:"Times New Roman", Times, serif; font-size:11px; color:#666; padding-left:6px;}
.left .news dd a:hover{ text-decoration:none;}
.left .pic{ padding-left:16px; float:left;}
.left .pic .img{ padding-bottom:6px;}
.right{ float:right; padding-top:1px; width:273px;}
.right dd{ width:228px; height:67px; background:#ececee url(../images/dot.gif) no-repeat 90% center; text-align:right; padding-right:45px; margin-bottom:11px; line-height:67px;}
.right dd.cur{ margin-bottom:0px;}
.right dd img{ float:left; display:inline; padding-left:30px;}
.right dd h2{ font-size:16px; font-family:'微软雅黑','黑体'; letter-spacing:1px; font-weight:normal;}
.right dd h2 a:Hover{ text-decoration:none;}
.sbox{ margin:0 auto; width:804px; background:#FFF; padding:10px; overflow:hidden; margin-top:1px; margin-bottom:3px; border:#000 solid 1px;}
.sright{ float:right; width:595px;}
.sleft{ float:left; width:200px; background:#ebecee url(../images/slbg.jpg) bottom no-repeat; margin-bottom:10px;}
.sright,.sleft{margin-bottom:-5000px;padding-bottom:5000px; min-height:560px;}
.sleft dd{ height:40px; line-height:40px; font-size:14px; text-align:right; padding-right:20px; border-bottom:#FFF solid 1px;}
.sleft dt.cur{ padding-bottom:15px;}
.sleft dt.curs{ padding-bottom:5px;}
.sleft dd a:hover{ text-decoration:none;}
.sleft h4{ height:40px; line-height:40px; font-size:14px; text-align:right; padding-right:20px; border-bottom:#FFF solid 1px; font-weight:normal;background:url(../images/add.gif) no-repeat 40% center; cursor:pointer;}
.sleft h4 a:hover{ text-decoration:none;}
.sleft h4.span{ background:none;color:#99000; }

.sleft h4.cur{ background:url(../images/res.gif) no-repeat 40% center;color:#990000; }
.sleft ol { border-bottom:#FFF solid 1px; padding:5px 0px; display:none}
.sleft ol li{ line-height:23px; height:23px; text-align:right;padding-right:20px;}
.sleft ol li a { display:block; display:inline;}
.sleft ol.cur { display:block;}

.sright dt{ padding-bottom:10px}
.sright dd{ line-height:23px;}
.sright .con p{ text-indent:2em;}
.sright .honor .img{ text-align:center; padding:15px 0px 20px 0;}

#demo,.scrollleft{ width:595px;overflow:hidden; height:80px; margin-bottom:30px;} 
#demo1,#demo2 { width:800px;float:left;} 
#demo img,.scrollleft img{display:block;float:left; width:100px; height:73px; padding:3px;} 
#demo li,.scrollleft li {float:left;border:#e2e2e2 solid 1px; margin-right:5px; cursor:pointer;}


.idea .img{ padding-left:60px; padding-top:20px;}
.idea p.cur{ padding-top:5px;padding-left:65px; line-height:25px; margin-bottom:30px;}

.contact{ padding-top:25px; line-height:25px;}
.contact img{ float:left; display:inline; padding-right:30px;}

.snews ol { margin-top:20px;}
.snews ol li span{ float:right; font-family:"Times New Roman", Times, serif; font-size:11px; padding-right:10px; color:#666; }
.snews ol li.cur{ background:#ebecee url(../images/ico3.gif) no-repeat 1% center; padding-left:20px;}
.snews ol li{background:url(../images/ico3.gif) no-repeat 1% center; padding-left:20px; height:30px; line-height:30px;}
.snews dl{ margin-top:20px;}
.snews h1{ height:40px; line-height:40px; border-bottom:#e2e2e2  dotted 1px; font-size:20px; font-family:'微软雅黑'; text-align:center;}
.snews dd{ padding:10px 20px 10px 20px;}
.snews dd p{ line-height:25px; text-indent:2em; padding-bottom:5px;}

.location{ background:#ebecee; height:25px; line-height:25px; padding-left:10px;}
.location a:hover{color:#990000; text-decoration:none;}

.design{ width:804px; margin-bottom:10px;}
.design dt{ padding-bottom:5px;}
.design dt.cur{ padding-bottom:0px;}
.design dt span{ float:right; padding-top:15px;}
.design dd ol{ padding-top:25px; overflow:auto;}
.design dd ol li{ float:left; line-height:19px; padding-left:10px; width:382px; margin-bottom:25px; }
.design dd ol li .tpic{ float:left; width:130px; padding-right:11px;}
.design dd ol li .tpic img{width:130px; height:140px;}
.design dd ol li .tinfo{ float:left; width:240px; height:140px; overflow:hidden; line-height:20px; }
.design dd ol li .tinfo span{ color:#FF0000;}

.client{ width:804px; overflow:hidden; font-size:12px;}
.client .nTab{ overflow:hidden;}
.client .nTab dl{ margin:10px 0; font-family:'微软雅黑';}
.client .nTab dl dt{ float:left; width:570px;}
.client .nTab dl dt .TabTitle{clear:both;}
.client .nTab dl dt .TabTitle li{cursor:pointer; width:575px; height:160px; overflow:hidden; }
.client .nTab dl dt .TabTitle li .top{ height:30px; line-height:30px; padding-left:10px; background:#ececee; font-weight:bold; font-size:14px; border-bottom:#c4c2c3 solid 1px;}
.client .nTab dl dt .TabTitle li .top span{ float:right; font-weight:normal; font-size:12px; padding-right:10px;}
.client .nTab dl dt .TabTitle li .con{padding:7px;}
.client .nTab dl dt .TabTitle li img{ float:left; width:147px; height:98px; overflow:hidden;}
.client .nTab dl dt .TabTitle li .con .info{ float:left; padding-left:7px; width:400px; line-height:21px; font-size:12px;height:100px; overflow:hidden;}
.client .nTab dl dt .TabTitle li .con .more{ text-align:right; padding-right:6px; color:#FF0000;}
.client .nTab dl dt .TabTitle li .con .more a{ color:#FF0000;}
.client .nTab dl dt .TabTitle .active{ background:#f3f3f3;}
.client .nTab dl dt .TabTitle .normal{}
.client .nTab dl dt .page{ text-align:center; padding-top:10px;}
.client .nTab dl dd{ float:right; background:url(../images/bcl.jpg) repeat-x; padding:5px;}
.client .nTab dl dd .TabContent{overflow:hidden; width:200px; padding:5px; line-height:21px; height:670px; overflow:hidden;}
.client .nTab dl dd .TabContent img{ float:left; width:80px; height:90px;}
.client .nTab dl dd .TabContent .img{ width:auto; height:auto;}
.client .nTab dl dd .TabContent p{ overflow:auto;}
.client .nTab dl dd .TabContent p.cur{ padding-top:10px; overflow:hidden; height:490px; line-height:19px;}
.client .nTab dl dd .TabContent u{ float:left; padding-left:5px; text-decoration:none; line-height:19px; width:115px; word-wrap: break-word;}
.client .nTab dl dd .TabContent u b{ font-size:15px;}
.client .nTab dl dd .TabContent u span{ color:#FF0000;}
.client .nTab dl dd .TabContent u span a{ color:#FF0000;}
.none {display:none;}


.service{ line-height:25px; padding:10px;}
.service p{ text-indent:2em;}
.shigong{ padding:10px; line-height:23px;}
.shigong div{ margin:0px 0 20px 0px;}
.shigong div img{ padding-bottom:10px;}

.shigong dl{ margin-bottom:15px;}
.shigong dd{ line-height:21px; padding:6px 0;}
.shigong dt{ text-align:center; font-size:16px; font-weight:bold;}


.case dt{ color:#FFF; font-weight:bold; border-bottom:#cccccc solid 1px; overflow:auto; padding-bottom:0px;}
.case dt div{ background:#999999; line-height:15px; padding:4px 7px; width:160px; text-align:center; }
.case dt div h2{ font-size:12px;}
.case dd{ padding-top:5px; line-height:21px; margin-bottom:7px; padding-bottom:7px; overflow:auto;}
.case dd img{ float:left; display:inline; width:174px; padding-right:10px; height:116px;}
.case dd div{ height:92px;}
.case dd div.cur{ height:25px; line-height:25px; text-align:right; vertical-align:baseline; color:#0000ff; }
.case dd div.cur a{ text-decoration:underline; color:#0000ff;}
.case dd div.cur a:visited{ color:#810081;}
.case .img{ text-align:center; padding:10px 0px;}
.case .cinfo{ line-height:21px; padding:20px 10px 0 10px;}
.case .cinfos{line-height:21px; padding:10px 0px; overflow:hidden;}
.case .cinfos .title span{ color:#ff0000;}
.case .cinfos .title span a{ color:#FF0000;}
.case .cinfos li{ float:left; margin-right:5px; width:145px;}
.case .cinfos li.cur{margin-right:0px;}
.case .cinfos li .img{}
.case .cinfos li p{ text-align:center; height:15px; line-height:15px;width:145px;}

.jcase{ overflow:auto; margin-top:10px;}
.jcase dl{ overflow:auto; }
.jcase dt,.jcase dd{ float:left; margin-bottom:10px;}
.jcase dt{ float:left; margin-right:10px;}
.jcase dt img{ width:210px; height:152px;}
.jcase dd{ width:373px; line-height:19px;}
.jcase dd span{ font-size:14px; font-weight:bold; height:30px; line-height:30px; padding-right:5px;}
.jcase dd a{ text-decoration:underline; color:#0000ff;}
.jcase dd a:visited{ color:#810081;}


.pages{ margin-top:10px; text-align:center; background:#ebecee; line-height:25px; height:25px;}
.pages a{ text-decoration:underline; color:#0000ff;}
.pages a:visited{ color:#810081;}


.rollBox {clear:both;height:72px;width:582px;background:#ebecee; padding:5px; border:#e3e3e3 solid 1px; margin-left:1px;}
.rollBox .LeftBotton {height:72px;width:20px;background:url(../images/picr_1.gif) no-repeat 0px 0;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer; margin-right:5px;}
.rollBox .RightBotton {height:72px;width:20px;background:url(../images/picr_1.gif) no-repeat 0px -100px; MARGIN-LEFT: -1px
;overflow:hidden;float:left;display:inline;margin:0px 0 0 0;cursor:pointer; margin-left:5px;}
.rollBox .LeftBotton:hover {BACKGROUND-POSITION: -20px 0px;}
.rollBox .RightBotton:hover {BACKGROUND-POSITION: -20px -100px;}
.rollBox .Cont {width:531px;overflow:hidden;float:left;}
.rollBox .ScrCont {width:10000000px;}
.rollBox .Cont .pic {width:103px;float:left;text-align:center; margin-right:4px; background:#FFF; height:72px; cursor:pointer;}
.rollBox #List1, .rollBox #List2 {float:left;}

.shbox dl{ padding:10px 0 0 0 ;}
.shbox dt{ border-bottom:#ff6600 solid 1px; height:23px; line-height:23px; color:#FFF;}
.shbox dt div{ width:160px; background:#e800da; text-align:center;}
.shbox dt div.span{ background:#ff5901;}
.shbox dt div.span1{ background:#0066cc;}
.shbox dt div.span2{ background:#006600;}
.shbox dt span{ float:right; padding-top:8px;}
.shbox dd{ padding-top:10px; overflow:auto; padding-bottom:10px;}
.shbox dd .img{ float:left; width:160px;}
.shbox dd .list{ float:left; overflow:auto; width:642px;}
.shbox dd .list dl{ padding:0px;}
.shbox dd .list dd{ float:left; padding:0px; width:295px; background:url(../images/dot.jpg) no-repeat left; padding-left:10px; line-height:22px; height:22px; margin-left:16px; white-space:nowrap;overflow:hidden;  text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.shbox dd .list dd span{ color:#999999; font-size:11px; font-family:"Times New Roman", Times, serif; float:right; padding-top:0px;}

.sitemap{ margin-top:10px;}
.sitemap dl{ border:#cccccc 2px solid;}
.sitemap dd{ border-bottom:#cccccc 2px solid; overflow:auto; line-height:30px;}
.sitemap dd.cur{ border-bottom:none;line-height:30px;}
.sitemap dd span{ width:90px; display:block; text-align:right; font-weight:bold; float:left;}
.sitemap dd a{ padding-right:10px;}

.online dl{ margin:10px;}
.online dt{ line-height:21px; color:#FF0000;}
.online dd{overflow:auto;} 
.online dd td{ padding:5px; line-height:23px;}
.online dd .input{ width:270px; }
.online dd .btn{ width:70px; }


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
*html>body .clearfix { display:inline-block; width:100%; } 
*html .clearfix { height:1%;  } 
*+html .clearfix { min-height:1%; }
.sboxs{margin: 0 auto;width:813px;background: #FFF;padding:10px 0 40px 11px;overflow: hidden;margin-top: 1px;margin-bottom: 3px;border: #000 solid 1px;}
.brand{ font:12px Microsoft Yahei,Tahoma,Arial,"\5B8B\4F53"; margin-bottom:20px; }
.brand dt{ line-height:16px; font-size:16px; font-weight:bold; border-left:#fe5d02 solid 3px; padding-left:10px; margin:10px 0 15px 0;}
.blist li{ float:left; border:#eaeaea solid 1px; width:102px; height:102px; display:inline-block; margin:0 12px 12px 0; background:url(../images/brand.jpg) no-repeat; cursor:pointer;}
.blist li:hover{border:#fe5d02 solid 1px;}
.blist li.m1{}
.blist li.m2{ background-position:-102px 0;}
.blist li.m3{ background-position:-204px 0;}
.blist li.m4{ background-position:-306px 0;}
.blist li.m5{ background-position:-408px 0;}
.blist li.m6{ background-position:-510px 0;}
.blist li.m7{ background-position:-612px 0;}
.blist li.m8{ background-position:0 -102px;}
.blist li.m9{ background-position:-102px -102px;}
.blist li.m10{ background-position:-204px -102px;}
.blist li.m11{ background-position:-306px -102px;}
.blist li.m12{ background-position:-408px -102px;}
.blist li.m13{ background-position:-510px -102px;}
.blist li.m14{ background-position:-612px -102px;}
.blist li.m15{ background-position:0 -204px;}
.blist li.m16{ background-position:-102px -204px;}
.blist li.m17{ background-position:-204px -204px;}
.blist li.m18{ background-position:-306px -204px;}
.blist li.m19{ background-position:-408px -204px;}
.blist li.m20{ background-position:-510px -204px;}
.blist li.m21{ background-position:-612px -204px;}

.brand h5{ font-size:20px; color:#747474; text-align:center;}
.brand h2{ font-size:35px; color:#fe5d02; text-align:center;}

.slist{ margin:40px 0 20px 0;}
.slist li a{ display:block;text-decoration: none;}
.slist li{ border:#eaeaea solid 1px; width:23%; margin-right:2%; float:left;  box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:2%; position:relative; overflow:hidden;}
.slist li h6{ text-align:center; font-size:18px; color:#000; font-weight:normal; line-height:21px; background:url(../images/s_dot_s.jpg) no-repeat; margin-bottom:15px;padding-top:70px;}
.slist li h6.m1{ background-position:55px 0px; }
.slist li h6.m2{ background-position:-140px 0px; }
.slist li h6.m3{ background-position:-325px 0px; }
.slist li h6.m4{ background-position:-515px 0px; }
.slist li p{ color:#bebebe; line-height:17px; height:34px; overflow:hidden;}
.slist li .hover{ position:absolute; width:84%; top:-250px; left:0px; background:#fe5d02; padding:10%;}
.slist li .hover h5{ background:url(../images/s_dot_s.jpg) no-repeat;padding-top:96px;}
.slist li .hover h5.m1{ background-position:55px -140px;}
.slist li .hover h5.m2{ background-position:-140px -145px;}
.slist li .hover h5.m3{ background-position:-325px -135px;}
.slist li .hover h5.m4{ background-position:-515px -145px;}
.slist li .hover p{ height:69px; overflow:auto; color:#FFF !important;}