﻿@charset "utf-8";
*{margin:0;padding:0;font: 12px "宋体",tahoma, Srial, helvetica, sans-serif;}
li {list-style-type: none;}
input,button{vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-size:14px;}
img{border:0;}
a{ color:#000; text-decoration:none}
a:hover{ color:#f00;}
.clear{ clear:both;}
.fl{ float:left;}
.dblock{ display:block; margin-top:9px; position:relative;}
.fr{ float:right}
.qqbox{
	width:132px;
	overflow:hidden;
	position:absolute;
	right:10px;
	top:100px;z-index:1;
}
#wrap {width:1000px; margin:0 auto;}
/*头部样式*/
#header{width:100%; height:210px; background:url(../images/hh.jpg)}
.logo{ float:left; margin-top:38px; width:350px; position:relative}
.time{ position:absolute; height:19px; width:200px; top:-20px; padding-left:80px; left:20px; background:url(../images/time.jpg) no-repeat 50px center; padding-top:8px;}
.headr{ float: left; width:640px; height:200px;}
.headnav{ width:150px; height:25px; margin-left:460px; background:url(../images/headnavbg.jpg); color:#fff; text-align:center;}
.headnav a{ line-height:25px; color:#fff; padding:0 8px;}
.tel{ width:320px; height:78px; padding-left:120px;}

	/*menu*/

#menu{width:600px; background:url(../images/navbg.jpg) repeat-x bottom; float:left; height:52px;}
#nav { width:600px; display:block;}
#nav .mainlevel { float:left; width:75px;/*IE6 only*/ background:url(images/navbg.jpg); height:43px; position:relative;}
#nav .mainlevel li{ display:block}
#nav .mainlevel .menulink{ display:block; color:#fff; width:75px; text-align:center; height:23px; padding-top:23px;}
/*#nav .mainlevel a:hover { background:url(../images/ahover.jpg) no-repeat 9px top;}*/
#nav .mainlevel ul{ display:none; position:absolute;  height:35px; margin-top:4px;}
#nav .mainlevel li { width:60px;/*IE6 only*/ float:left; display:block}
#nav .mainlevel li .sub{display:block; height:20px; padding-top:15px; color:#b79b00; text-align:center; font-weight:normal;}
#nav .mainlevel li .sub:hover{color:#b79b00; background:url(../images/arrow01.gif) no-repeat 55px 18px;}

#listul01{ width:400px;background:url(../images/ullist.jpg) no-repeat; display:block; left:-30px; padding-left:10px;}
#listul02{ width:400px;background:url(../images/ullist.jpg) no-repeat; display:block;left:-30px;padding-left:10px;}
#listul03{ width:450px;background:url(../images/ullist.jpg) no-repeat; display:block;left:-30px;padding-left:10px;}
#listul04{ width:330px;background:url(../images/ullist.jpg) no-repeat; display:block;left:-30px;padding-left:10px;}
#listul05{ width:450px;background:url(../images/ulright01.jpg) no-repeat -50px center; display:block;right:-220px; padding-left:90px;}
/*#listul06{ width:450px;background:url(../images/ulright01.jpg) no-repeat -50px center; display:block; right:-280px; padding-left:150px }*/
#listul06{ width:350px;background:url(../images/ulright01.jpg) no-repeat 0px center; display:block; left:-300px; padding-left:260px;}
#listul06 li{ float:right}
/*banner样式*/
.banner{ width:960px; height:500px;padding-top:20px; margin:0 auto;}
.mainfoot{ width:1000px; overflow:hidden; background:url(../images/mainfootbg.gif) no-repeat top center; height:310px; padding-top:20px; margin:0 auto;}
.service{ width:235px; height:285px; float:left; margin-right:20px;}
.servicetitle{ width:230px; height:41px; background:url(../images/servicet.jpg); line-height:41px; padding-right:5px;}
.servicetitle span{ line-height:41px; font-family:"微软雅黑"; font-size:16px; padding-left:30px; float:left; color:#f9a555;font-weight:bold;}
.servicetitle a{ color:#f9a555; line-height:14px; float:right; display:block; height:18px; padding-top:23px;}
.servicetitle a:hover{ color:#fd7c00}
.servicecontent{ width:233px; border:1px solid #e3e3e3; border-top:none 0px; height:215px; padding:10px 0;overflow:hidden;}
.servicecontent ul li{ height:30px; display:block; background:url(../images/arrow02.jpg) no-repeat 0px center; width:200px; margin:0 10px; padding-left:10px;border-bottom:dashed 1px #cbcbcb}
.servicecontent ul li a{ line-height:30px; color:#494949}
.servicecontent ul li a:hover{ color:#cf0303}

.producttitle{ width:230px; height:41px; background:url(../images/productt.jpg); line-height:41px; padding-right:5px;}
.producttitle span{ line-height:41px; font-family:"微软雅黑"; font-size:16px; padding-left:30px; float:left; color:#747330;font-weight:bold;}
.producttitle a{ color:#747330; line-height:14px; float:right; display:block; height:18px; padding-top:23px;}
.producttitle a:hover{ color:#787603}

.projecttitle{ width:230px; height:41px; background:url(../images/projecttt.jpg); line-height:41px; padding-right:5px;}
.projecttitle span{ line-height:41px; font-family:"微软雅黑"; font-size:16px; padding-left:30px; float:left; color:#4d6c7e; font-weight:bold;}
.projecttitle a{ color:#4d6c7e; line-height:14px; float:right; display:block; height:18px; padding-top:23px;}
.projecttitle a:hover{ color:#024f7c}

.newtitle{ width:230px; height:41px; background:url(../images/newt.jpg); line-height:41px; padding-right:5px;}
.newtitle span{ line-height:41px; font-family:"微软雅黑"; font-size:16px; padding-left:30px; float:left; color:#40b2d6; font-weight:bold;}
.newtitle a{ color:#40b2d6; line-height:14px; float:right; display:block; height:18px; padding-top:23px;}
.newtitle a:hover{ color:#04a4d7}

/*foot样式*/
.foot{ width:1000px; height:326px; float:left; background:url(../images/footbg.jpg);}
.friend{ height:30px; line-height:30px; padding-top:10px; width:940px; margin:0 auto; padding-left:20px;color:#393939}
.friend strong{ padding-right:5px; font-weight:bold;}
.friend a{ padding:0 5px; color:#393939}
.friend a:hover{ color:#eb3300}
.footnav{ height:40px; text-align:center; line-height:30px; color:#7a7a7a }
.footnav a{ line-height:40px; padding:0 5px; color:#7a7a7a}
.foottext{ text-align:center; line-height:20px; color:#7a7a7a;}
.foottext span{ font-family:Arial, Helvetica, sans-serif}
.footnav a:hover{ color:#eb3300}

/*内页样式*/
.main{ width: 1000px; height:520px;}
.mainleft{ float:left; width:320px; height:518px; border:1px solid #d2d2d2;}
.lefttitle{ height:35px; width:320px; background:url(../images/lefttitle.jpg); text-align:center;}
.lefttitle h1{ line-height:35px; color:#0477b9; font-weight:bold; font-family:"微软雅黑"; font-size:14px;}
#leftcontent{ width:305px; height:458px; overflow:auto; margin-right:5px; margin-left:10px; margin-top:10px;overflow-y: auto; overflow-x:hidden}
.lc{ width:265px; padding:0 20px; line-height:22px; color:#5a5a5a}
.lctitle{ line-height:40px; color:#b08a18; font-size:14px; font-family:"微软雅黑"}
.lccontent{ line-height:22px; color:#5a5a5a}


/*sidebar*/
.sidebar{width:240px; border:1px solid #4c84b7; float:left; background:#3f69a3; }
.sidebar .box01{width:100%; margin-bottom:20px;}
.sidebar .box01 .top{ padding-top:27px; text-align:center; background:url(../images/c1-bg01.gif) no-repeat;  height:25px; font-size:14px; font-weight:bold; color:#ffea59; letter-spacing:2px;}

.sidebar .box01 .mid{ background:url(../images/c1-bg02.gif) no-repeat; width:100%; }
.sidebar .box01 .mid ul{ padding-top:3px; width:238px; margin-left:1px;}
.sidebar .box01 .mid ul li { width:100%; margin-bottom:3px;text-align:center;}
.sidebar .box01 .mid ul li a{ display:block; width:100%; padding-top:4px; height:16px; color:#fff; letter-spacing:2px;}
.sidebar .box01 .mid ul li a:hover{ text-decoration:none; background:#2e5182;}

.sidebar .box01 .bot{ background:url(../images/c1-bg03.gif) no-repeat; width:100%; height:14px; overflow:hidden;}


.sidebar .box02{ padding-left:13px;width:227px; text-align:left;}
/*jmperson*/
.jmperson{ width:213px; height:75px; margin-bottom:22px; border:1px solid #305286;}
.jmperson .grp01{ width:83px; float:left; display:inline;}
.jmperson .grp01 img{ width:83px; height:75px;}
.jmperson .grp02{ width:120px; float:left; display:inline;}
.jmperson .grp02 h3{ display:block; margin-bottom:4px; padding-top:6px;}
.jmperson .grp02 h3 a{font-size:14px; color:#ffea59;}
.jmperson .grp02 h3 a:hover{color:#ef9b11;}
.jmperson .grp02 .p{ line-height:15px;  height:42px; overflow:hidden; color:#c6d2e3;}
.jmperson .grp02 .p a{ color:#ff5500;}


/*jmpage*/
.jmpage{ clear:both; text-align:center; padding-top:10px; padding-bottom:30px;}
.jmpage a{ margin-right:12px; color:#fff;}




.mainright{ float:right; width:663px; border:1px solid #d2d2d2; height:518px;}
.righttitle{ height:35px; line-height:35px; background:url(../images/righttitle.jpg);}
.righttitle strong{ float:left; color:#b08a18; padding-left:15px; font-size:14px; font-family:"微软雅黑"; line-height:35px;}
.position{ float:right; color:#5a5a5a; padding-right:15px;}
.position a{ color:#5a5a5a; padding:0 5px; line-height:35px;}
.position a:hover{ color:#bf3c36;}
#rightcontent{ width:645px; height:458px; margin-right:5px; margin-left:10px; margin-top:10px;overflow-y: auto; position:relative; overflow-x:hidden;}
.rc{ width:605px; padding:0 20px; line-height:22px; color:#5a5a5a; }

.wh{ width:151px; height:149px; float:left; background:url(../images/whbg.jpg) no-repeat; padding:5px 10px; margin:25px 15px;}
.whimg{ width:151px; height:102px; display:table-cell; vertical-align:middle; line-height:102px; overflow:hidden; text-align:center; *display:block; *font-size:89px; border:1px solid #fff}
.whimg img{ vertical-align:middle; line-height:102px;}
.whimg:hover{ border:1px solid #d16b10}
.whname{ display:block; height:40px; line-height:40px; width:151px; overflow:hidden; text-align:center; color:#d16b10}
.whname:hover{ font-weight:bold; color:#d16b10}
/*分页样式*/
.fenye{clear:both;padding-top:10px;text-align:center; padding-bottom:10px; height:18px; line-height:18px;color:#929292; padding-right:42px;}
.fenye a{color:#929292; padding:0 2px;}
.fenye a:hover{ color: #FF3300;}
/*向上向下滚动样式*/
.txt_1 {font:bold 24px Verdana, Tahoma;color:#fff}
img.thumb_img {cursor:pointer;display:block;margin-bottom:10px}
img#main_img {cursor:pointer;display:block;}
#gotop {cursor:pointer;display:block;}
#gobottom {cursor:pointer;display:block;}
#showArea {height:370px;margin:10px;overflow:hidden}
.info {color:#666;font:normal 9px Verdana;margin-top:20px}
.info a:link, .info a:visited {color:#666;text-decoration:none}
.info a:hover {color:#fff;text-decoration:none;}
.big{ width:430px; height:430px; background:url(../images/rybg.jpg) no-repeat; padding:10px; line-height:430px;text-align:center; vertical-align:middle; overflow:hidden; display:table-cell; *display:block; *font-size:262px;}
.big img{vertical-align:middle; line-height:440px;  }
/*新闻左侧列表样式*/
.lclist{ display:block; height:410px; overflow:hidden;}
.lclist li{ display:block; width:245px; height:31px; background:url(../images/a02.gif) no-repeat 0px center; padding-left:20px;}
.lclist li a{ display:block; width:220px; height:30px; overflow:hidden; border-bottom:1px dashed #a5a5a5; color:#5a5a5a; line-height:30px; padding-left:5px;}
.lclist li a:hover{ color:#cda94f}
.newtt{ text-align:center; line-height:40px; color:#e12c00}
/*产品销售样式*/
.prlist{}
.prlist li{display:block; width:245px; height:26px; background:url(../images/a044.gif) no-repeat 0px center; padding-left:20px;}
.prlist li a{ display:block; width:220px; height:26px; overflow:hidden; color:#5a5a5a; line-height:26px; padding-left:5px;}
.prlist li a:hover{ color:#cda94f}
.pr01{ float:left; width:167px; height:180px; background:url(../images/a05.gif) no-repeat right 36px; margin:15px 15px; display:inline}
.primg{  width:140px; height:140px; border:1px solid #cacaca; padding:4px; background::#f5f5f5; vertical-align:middle; line-height:140px; text-align:center; display:table-cell; overflow:hidden;*display:block; *font-size:122px;}
.primg img{ vertical-align:middle; line-height:140px;}
.primg:hover{ border:1px solid #c5a956;}
.prname{ width:167px; height:40px; line-height:40px; display:block; text-align:center; color:#e93200; font-size:14px;}
.prname:hover{ font-weight:bold}
/*服务项目样式*/
#content1{ background-color:#FFF; }
#content1 .conbox{ padding:10px 0; background-color:#FFF; height:100%; overflow:hidden; }
#content1 .conbox #boxleft{ float:left; width:250px; overflow:hidden; height:100%;}
#content1 .conbox #boxleft dl{ overflow:hidden; height:100%; width:250px; margin-left:1px; }
#content1 .conbox #boxleft dl dt{ background:url(../images/a06.gif) no-repeat 0 center; line-height:28px; height:28px;}
#content1 .conbox #boxleft dl dt a{ display:block; height:28px; padding-left:25px; color:#1576ac; font-size:12px; line-height:28px;}
#content1 .conbox #boxleft dl dt a:hover{ color:#1576ac; font-weight:bold}
#content1 .conbox #boxleft dl dt.clickimg{ background:url(../images/a06.gif) no-repeat 0 center; }
#content1 .conbox #boxleft .attrSort ul li span{ display:inline-block; padding-left:5px; }

#content1 .conbox #boxleft dl dd{ background-color:#fff;}
#content1 .conbox #boxleft dl dd ul{ padding:0 10px 0 25px; font-size:12px}
#content1 .conbox #boxleft dl dd ul li{ background:url(../images/a07.gif) no-repeat 0 center; line-height:22px; padding:3px 0 0 20px}
#content1 .conbox #boxleft dl dd ul li a{ line-height:22px; color:#4fa8dc}
#content1 .conbox #boxleft dl dd ul li a:hover{ text-decoration:underline}

.ser01{ width:163px; height:170px; padding-right:4px; padding-bottom:4px; background:url(../images/ser01bg.jpg) right -9px no-repeat; float:left; margin:18px 17px;}
.serimg{ width:160px; height:108px; vertical-align:middle; line-height:120px; text-align:center; display:table-cell; *display:block; *font-size:94px; border:1px solid #b2b2b2}
.serimg:hover{ border:1px solid #b08a18}
.serimg img{ vertical-align:middle; line-height:108px;}
.sername{ display:block; height:30px; width:160px; overflow:hidden; line-height:30px; text-align:center; color:#b08a18; font-size:14px; font-weight:bold; border:1px dashed #eadbad; margin-top:20px;}
.sername:hover{ font-weight:bold; color:#b08a18; border:1px dashed #785a01}

.focuse-area{ width:410px;  margin:20px auto;}
.f-img{ width:405px; height:304px; overflow:hidden; text-align:center; display:none; padding:2px; background:#fff; border:1px solid #cdcdcd}
.f-img.on{ display:block;}
.fnav{ width:410px; height:78px; margin-top:5px; overflow:hidden; clear:both;}
.fnavbg{ margin-top:2px; clear:both; height:74px; overflow:hidden; width:410px;}
.fll{ background:url(../images/sleft.gif) no-repeat;display:block; float:left; cursor:pointer; height:64px; width:16px; overflow:hidden; margin-top:3px;}
.fm{ float:left; width:370px; margin-top:2px; overflow:hidden; margin-left:7px;}
.fm div{ width:9000px;}
.fm ul{display:inline; float:left;}
.fm li{ float:left; display:inline; padding-right:5px;}
.fm li img{ border:1px solid #d2d2d2;}
.fm li.on{ display:inline;}
.fm li.on img{ border:1px solid #d84f07;}
.fr{ background:url(../images/sright.gif); display:block; float:right; cursor:pointer; height:64px; width:16px; overflow:hidden;margin-top:3px;}




/*产品样式*/
.prolist{ width:150px; height:185px; text-align:center; float:left; padding:0 10px; margin-top:10px;}
.proimg{height:127px; line-height:127px; width:150px;overflow:hidden; text-align:center;display: table-cell;vertical-align:middle;*display: block;*font-size: 131px;/*约为高度的0.873，150*0.873 约为131*/ } 
.proimg img{ vertical-align:middle;line-height:127px; }
.proname{line-height:16px; height:32px; overflow:hidden; display:block; width:150px; margin-top:8px;}
.proname:hover{ color:#FC6;}
/*产品最终页样式*/
.bigshow{ padding-left:15px;}
.showl{ float:left; width:48%;text-align:center;}
.showl img{border:2px solid #CCCCCC; padding:2px;}
.showr{ float:left;width:49%;}
.showrbt{ height:28px; line-height:28px; /*background:#e9f7d6;*/ padding-left:10px; margin-bottom:10px;}
.showr p{ font-size:12px; padding-left:10px;}
.showbot{ padding-top:20px;}
.showbotbt{background:url(../images/navbg.gif) no-repeat; height:28px; border-bottom:2px solid #ff6600; line-height:28px;}
.showbotbt h4{ width:80px; height:28px; display:block; text-align:center; color:#000;}
/*内页工程案例样式*/
.projeclist{ border-bottom:1px dashed #cccccc; padding-bottom:15px; padding-top:15px;}
.projecbt{ height:30px; line-height:30px; color:#008ce4;}
.projectlist a{ color:#FF3300;}
.projectlist a:hover{ color:#FF0000;}
.projecimg{ float:left; padding-left:20px;}
.projectext{ float:left; width:70%; line-height:20px; padding-left:10px;}
.tr{ text-align:right;}

/*photo box*/
#myImagesSlideBox{width:586px; height:470px;}
#myImages{width:580px;height:386px; position:relative; text-align:center; border:1px solid #ccc; padding:2px;}
#myImages img{ width:580px; height:386px;}
#imgInfoCon{ width:560px; height:auto; position:absolute; left:2px; bottom:2px; background:#222;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;z-index:10; color:#fff; line-height:22px; padding:4px 10px;}
#scrollable{width:581px;height:60px;overflow:hidden; padding-top:5px;}
.back,.nexter{display:block;float:left;width:12px;height:60px; text-indent:-9999px; font-size:0px; overflow:hidden}
.back{background:url(../images/sleft.jpg);}
.nexter{background:url(../images/sright.jpg);}
#items{float:left; width:543px; height:65px; overflow:hidden; padding:0 10px 0 4px; position:relative;}
#scrollImg{height:65px; position:absolute; left:0; top:0; overflow:hidden; width:2220px;}
#scrollImg a{display:block;float:left; width:102px;height:54px;padding:1px;border:1px solid #ccc; margin:0 0 0 5px; _display:inline;}
#scrollImg a.piccurr{border:1px solid #ce1207;}
#scrollImg a img{ width:102px; height:54px;}
.xx{ height:50px; background:url(../images/f01.jpg) 0 center no-repeat; line-height:50px; font-size:14px; color:#b08a18; font-weight:bold; padding-left:60px; margin-top:10px;}
.StyleTable{ width:95%}
.hh{ line-height:30px; height:30px;}
.h1{ height:18px; line-height:18px; width:120px;}
.xing{ color:#F00}
.submit{ width:55px; height:26px; background:transparent url(../images/submit.jpg); border:none; font-size:0; text-indent:-9999px; cursor:pointer}
.ab{ border:1px solid #F00}
.tu{ display:block; width:80px; height:80px;border:1px solid #b5b5b5; margin:9px 0;}
.tu:hover{border:1px solid #F00}

.rcimg{ height:450px; height:500px; line-height:500px; }

.xcontent{ line-height:23px; color:#989898; padding:10px;}
.xxcc{line-height:22px; color:#5a5a5a;}


/*向上向下滚动样式*/
img.thumb_img1 {cursor:pointer;display:block;}
img#main_img1 {cursor:pointer;display:block;}
#gotop1 {cursor:pointer;display:block;}
#gobottom1 {cursor:pointer;display:block;}
#showArea1 {height:370px;margin:10px;overflow:hidden; width:102px;}
.big1{ width:430px; height:286px; background:url(../images/rybg_01.jpg) no-repeat; padding:10px; line-height:286px;text-align:center; vertical-align:middle; overflow:hidden; display:table-cell; *display:block; *font-size:262px;}
.big1 img{vertical-align:middle; line-height:286px;  }
.tu1{ display:block; width:100px; height:66px;border:1px solid #b5b5b5; margin:5px 0;}
.tu1:hover{border:1px solid #F00}
