@charset "utf-8";
/* CSS Document */

.tpbg{ background:url(tpbg.jpg) 0 0 repeat;}
.btbg{ background:url(btbg.jpg) 0 0 repeat;}

.comFont_01{ font-size:14px; font-family:"微软雅黑";}
.comFont_02{ font-size:12px;}
.comFont_04{ font-size:22px;}
.comFont_03{ font-size:16px;}

.comColor_01{ color:#a6a6a6;}
.comColor_03{ color:#a7a7a7;}
.comColor_02{ color:#282828;}
.comColor_04{ color:#dc0000;}
.comColor_05{ color:#7d7d7d;}
.comColor_06{ color:#414141;}
.comColor_07{ color:#c62100;}

.leftBg_01{ background:#f2f2f2;}

.comWidth{ width:1000px;}
.comWidth_01{ width:765px;}
.minWth{ min-width:1000px;}

.comOf{ overflow:hidden;}

.comDispy_01{ display:block;}
.comDispy_02{ display:inline-block;}
.comDispy_03{ display:none;}

.comPstion_01{ position:relative;}
.comPstion_02{ position:absolute;}

.floatLeft{ float:left;}
.floatRt{ float:right;}

.marCenter{ margin:0 auto;}

.borderBto{ border-bottom:1px solid #c9c9c9;}


/*--网站头部webHeader--*/
#webHeaderMain{ height:90px; width:100%;}
#webHeaderLogo{ height:90px;}
#webHeaderPhone{ line-height:19px; padding-left:30px; background:url(phone.jpg) left 0 no-repeat; right:5px; top:20px; color:#fff; font-size:18px;}

#webManuMain{ height:40px; z-index:1000;_position:relative;}
#webManuManu{ height:40px;}
#webManuManu a{ display:inline-block; height:40px; line-height:40px; font-size:14px; padding:0 30px; margin-right:-8px; margin-left:-1px; text-align:center; color:#fff; background:url(manuBg.jpg) right center no-repeat;}
#webManuManu .aBg1{ background:url(manuBg.jpg) right center no-repeat;}

#webManuManu .manuSearch{ width:346px; height:36px; background:url(manuSearch.png) 0 0 no-repeat; top:-36px; right:0;}
#webManuManu .manuSearch form{ width:326px; height:26px; background:#fff; margin:5px 0 0 10px; padding-top:3px;}
.serch_input{ padding:0 5px; width:275px; height:22px; line-height:22px; border:none; border-right:1px solid #dedede;}
.serch_input_bt{ background: url(searchBottom.jpg) 0 0 no-repeat; width:21px; height:21px; margin-left:8px; *margin-left:4px; border:none; border:0; display:inline;}
.serch_input_bt:hover{background: url(searchBottom.jpg) 0 -21px no-repeat; cursor:pointer;}

#xilaList{ top:0; background:url(manuBg.png) 0 0 repeat; z-index:1000;_position:absolute;_top:40px;}
#xilaList ul{ overflow:hidden;}
#xilaList ul li{ float:left; overflow:hidden; width:90px; padding-bottom:22px;  padding-right:5px; display:inline;}
#xilaList ul li a{ font-size:12px; line-height:18px; color:#fff; display:block; margin:8px 0 10px 0}
#xilaList ul li a:hover{ color:#ffe400;}
#xilaList ul li a span{ font-size:13px;}
#xilaList ul .li01{ width:90px;}
#xilaList ul .li02{ margin-left:5px;}
#xilaList ul .li03{ margin-left:15px;}
#xilaList ul .li04{ margin-left:20px;}
#xilaList ul .li05{ margin-left:16px;}
#xilaList ul .li06{ margin-left:18px;}
#xilaList ul .li07{ margin-left:15px;}
#xilaList ul .li08{ margin-left:18px;}
#xilaList ul .li09{ margin-left:18px;}

#topBg{ background:url(topBg.jpg) 0 0 repeat-x; height:326px; margin-bottom:-326px; position:relative; z-index:-1;}

/*--!!内容content!!--*/
.inCon{ margin-bottom:8px;}

/*-left-*/
.inConleft{ width:220px; height:auto;  margin:20px 0; background:#fff;}

.inConleft .proList{ border-width:2px; border-style:solid;}
.inConleft_span1{ width:194px; height:58px; background: url(proListLeft_01.png) 0 0 no-repeat; top:-7px; right:-2px}
.inConleft_span2{ height:57px;}
.inConleft dl{padding:18px 8px 18px 15px;}
.inConleft dl dt a{ font-size:16px;}
.inConleft dl dt a:hover,.inConleft dl dt a.hover{text-decoration:underline;}
.inConleft dl dd{ font-size:12px; color:#282828; margin-top:10px;}
.inConleft dl dd a{ color:#282828; display:inline-block; padding:0 8px; line-height:26px; margin:0 7px 0 -8px;}
.inConleft dl dd a:hover{ color:#ffffff;}
.inConleft dl dd a.hover{ color:#fff;}
.inConleft_span3{ width:194px; height:17px; background:url(proListLeft.png) 0 0 no-repeat; bottom:-8px; right:-2px;}

.inConleft_01{ width:220px; margin-top:20px;}
.inConleft_01 .span01{width:220px; height:80px; background:url(proNew.jpg) 0 0 no-repeat;}
.inConleft_01 ul{ border:1px solid #cbcbcb; border-top:none; border-bottom:none;}
.inConleft_01 ul li{ padding:10px 5px 10px 10px; border-bottom:1px solid #cbcbcb; *margin-bottom:-4px;}
.inConleft_01 .a_01{ border:1px solid #cbcbcb;border-width:1px; border-style:solid; border-color:#cbcbcb;}
.inConleft_01 .a_02{ margin-left:10px; height:79px; width:110px; line-height:20px;}
.inConleft_01 .a_02:hover{text-decoration:underline;}

.inConleft_02{ padding:0 10px; width:200px; border:1px solid #cbcbcb; border-top:3px solid #cbcbcb; margin-top:20px;}
.inConleft_02 .div01{ height:67px; text-align:right; border-bottom:1px solid #cbcbcb; background:url(contactUs.jpg) center center no-repeat;}
.inConleft_02 .div01 span{ display:inline-block;}
.inConleft_02 .span01{ padding:17px 0 8px 0;}
.inConleft_02 .div02{ padding:15px 0; line-height:24px;}
.inConleft_02 .div02 span{ display:block; width:200px; overflow:hidden;}
.inConleft_02 .div02 em{ float:left; overflow:hidden;  font-style:normal;}
.inConleft_02 .em01{width:150px; font-size:12px;}
.inConleft_02 .em02{ font-size:12px;}

/*-right-*/
.inRight{ margin:20px 0 5px 15px;_margin-left:13px;}

.inRtBanner{ height:280px;}

.inRtNewScroll{ margin-top:38px; height:29px; border-width:2px; border-style:solid;}
.inRtNewScroll span{ width:86px; height:29px; line-height:29px; color:#fff; text-align:center;}
.inRtNewScroll a{ display:inline-block; width:630px; padding:0 5px; color:#282828; font-size:12px; line-height:28px; height:28px; overflow:hidden;}
.inRtNewScroll a:hover{ text-decoration:underline;}


.inRtProlist{ height:24px; margin:15px 0 20px 0px;}
.inRtProlist span{ padding-left:2px; line-height:24px; height:24px;}
.inRtProlist em{ font-style:normal; padding-left:10px; padding-top:10px;}
.inRtProlist a{padding-top:8px; *line-height:15px; *height:24px;}
.inRtProlist a:hover{text-decoration:underline;}

.inRtLeft{ width:35px; height:35px; background:url(lr.jpg) 0 0 no-repeat; top:46%; left:-1px; z-index:1000; cursor:pointer;}

.inRtPtShow{ border:1px solid #CBCBCB; border-right:none; border-bottom:none; }
.inRtPtShow .div02{ margin:-1px 0 0 -1px; *margin:-0px 0 0 -0px;}
.inRtPtShow dl{ float:left; padding-top:8px; width:190px; height:257px; border:1px solid #cbcbcb; border-top:none; border-left:none; display:inline;}
.inRtPtShow dl dt{ height:175px; width:175px; overflow:hidden; text-align:center; margin:0 auto;}
.inRtPtShow dl dd{ width:175px; height:56px; font-size:12px; color:#282828; margin:0 auto; overflow:hidden;}
.inRtPtShow dl .dd1{ margin-top:12px; border-top:1px solid #cbcbcb; padding-top:8px; line-height:18px;}
.inRtPtShow dl .dd2{ border-width:2px; border-style:solid; width:187px; height:262px; top:-0px; left:-0px; *top:-1px; *left:-1px; z-index:0;}

#mygallery{ width:765px; position:relative;}
.exmain {left: 0; position: absolute; top: 0;}
.inRtPtShow01 .div02{ width:765px;}
.inRtPtShow01 .div03{border:1px solid #CBCBCB; border-right:none; border-bottom:none; overflow:hidden; float:left;}
.inRtPtShow01 dl{ float:left; padding-top:8px; width:190px; height:257px; border:1px solid #cbcbcb; border-top:none; border-left:none; display:inline;}
.inRtPtShow01 dl dt{ height:175px; width:175px; overflow:hidden; text-align:center; margin:0 auto;}
.inRtPtShow01 dl dd{ width:174px; height:56px; font-size:12px; color:#282828; margin:0 auto; overflow:hidden;}
.inRtPtShow01 dl dd a{color:#282828;}
.inRtPtShow01 dl .dd1{ margin-top:12px; border-top:1px solid #cbcbcb; padding-top:8px; line-height:18px;}
.inRtPtShow01 dl .dd2{ border-width:2px; border-style:solid; width:187px; height:262px; top:-0px; left:-0px; *top:-1px; *left:-1px; z-index:1;}

.inRtRight{ width:35px; height:35px; background:url(lr.jpg) 0 -35px no-repeat; top:46%; right:0; z-index:1000; cursor:pointer;}

.inRtAAN{ border-top:2px solid #cbcbcb; margin-top:13px; padding-bottom:15px;}
.inRtAAN dl{ width:360px; margin-left:15px; float:left;_display:inline;}
.inRtAAN dl dt{ height:40px; margin-top:15px;}
.inRtAAN dl dt span{ padding-left:2px; line-height:24px; height:24px;}
.inRtAAN dl dt em{ font-style:normal; padding-left:10px; padding-top:8px;}
.inRtAAN dl dt a{padding-top:8px; padding-right:2px; *line-height:15px; *height:24px;}
.inRtAAN dl dt a:hover{text-decoration:underline;}
.inRtAAN dl dd{ height:280px; background:#fff; border:1px solid #cacaca; padding:10px; font-size:12px; color:#414141; line-height:20px;}
.inRtAAN dl dd .a00{ display:inline-block; height:277px; overflow:hidden; color:#414141;}
.inRtAAN dl dd .a00:hover{ color:#000;}
.inRtAAN dl dd div{ width:340px; height:78px; border-bottom:1px solid #cbcbcb; margin-bottom:15px;}
.inRtAAN dl .a01{ width:340px; height:28px; line-height:28px;}
.inRtAAN dl .a01:hover{ text-decoration:underline;}
.inRtAAN dl .a02{ height:40px;}
.inRtAAN dl .a02:hover{ text-decoration:underline;}

.inRtLinks{ padding-bottom:10px; margin-bottom:8px;}
.inRtLinks01 a{ font-size:12px; line-height:20px; color:#414141; display:inline-block; padding:0 7px;}
.inRtLinks01 a:hover{text-decoration:underline;}

/*--网站底部webBottom--*/
.bt01{ height:8px; background:#d6d6d6;}
.bt02{ padding-top:5px; height:123px; min-height:123px; height:auto;}
#btDiv01{ height:15px; background:url( bottomBg.gif) 0 0 repeat-x;}
#btDiv02{color:#fff; text-align:center; line-height:20px; padding-top:25px;}
#btDiv02 a{color:#fff;}



/*------------------------------------------****内页inner****------------------------------------------------*/
.bodyBg{ background:#dfdfdf;}
.comBannerBg{height:192px; padding:10px 0; background:#fff; margin-bottom:10px;}
.comBanner{ height:192px; width:1000px; margin:0 auto;}
.contentBg{padding:0 15px; background:#fff;}
.contentBg01{background:url(contentBg.gif) 0 0 repeat-x; height:15px; margin:0 -15px -10px -15px;}

.leftManu{ padding-left:20px; width:200px; height:61px; background:url(innerLeftManu.jpg)}
.leftManu span{float:left;}
.leftManu .span01{ font-size:18px; color:#414141; padding-top:32px;}
.leftManu .span02{ font-size:14px; color:#cbcbcb; padding-top:34px; padding-left:7px;}
.leftManu01{ padding:0 12px; width:194px; border:1px solid #cbcbcb; border-top:none; margin-bottom:18px; padding-bottom:8px;}
.leftManu01 a{ display:block; padding:8px 5px 8px 0; text-align:right; font-size:14px; color:#414141; line-height:18px; border-top:1px solid #cbcbcb;}


.contTitle{ margin:10px 0 6px 0;_background:#ffffff;}
.contTitle .span01{ width:5px; height:20px;}
.contTitle .span02{ padding-top:3px;padding-left:10px;}
.contTitle .span02 em{ font-style:normal; color:#c62100;}
.contTitle .span03{ padding-top:4px; padding-left:20px; background:url( tubiao01.jpg) 0 9px no-repeat;}

.contTitle01{ height:1px; background:#cbcbcb;width:765px;_margin-top:6px;}
.contTitle01 span{ display:inline-block; height:1px; width:5px;_overflow:hidden;}

.contPtop{ padding:10px 0;}

/*--关于我们aboutUs--*/
.aUBanner{ background:url(aboutUs.jpg) 0 0 no-repeat;;}
.aUContent{ line-height:28px;}

/*--产品展示productList--*/
.ptContent{ margin-top:10px;}
.ptList{ margin-top:14px;}
.ptManu{ padding-top:25px; height:70px; width:765px;}
.ptManu01{ text-align:right;}

.ptShowH1{ text-align:center; font-weight:normal; line-height:39px;}

/*--新闻中心newsList--*/
.neListBanner{ background:url(newsList.jpg) 0 0 no-repeat;;}
.neList{ padding-left:10px; padding-right:10px; width:745px;}
.neList dl{ padding:10px 0; border-bottom:1px dashed #cbcbcb;}
.neList dl dt{ font-size:14px; color:#000; line-height:20px; margin-bottom:8px;}
.neList dl dt a{color:#000;}
.neList dl dd{ font-size:12px; color:#757575; line-height:20px;}
.neList dl dd a{color:#757575;}
.neList dl dd a:hover,.neList dl dd a.hover{color:#000; background:none;}
.neList .dd1{ text-align:center; margin-top:10px;}

.neNews{ text-align:center; color:#a40000; margin-bottom:10px;}

/*--服务项目service--*/
.serBanner{ background:url(service.jpg) 0 0 no-repeat;}

/*--成功案例 successList--*/
.sucListBanner{background:url(successList.jpg) 0 0 no-repeat;}
.sucCaseCont dl{width:360px; height:130px; padding:10px; border:1px solid #cbcbcb; margin:10px -1px 20px 0;}
.sucCaseCont dl a{ color:#414141;}
.sucCaseCont dl dt{ width:170px; height:130px;}
.sucCaseCont dl .dd1{ margin-left:15px; width:172px; height:50px; line-height:22px;}
.sucCaseCont dl .dd3{ margin-left:15px; padding-top:5px; border-top:1px solid #cbcbcb; width:172px; height:75px; line-height:18px;}
.sucCaseCont dl .dd2{ width:379px; *width:377px; height:148px; border-width:2px; border-style:solid; top:-1px; left:-1px; z-index:1;}

/*--技术资料skillList--*/
.skillBanner{ background:url(skillList.jpg) 0 0 no-repeat;}
.skillList{ padding:20px 15px;}
.skillList ul li{ border-bottom:1px dashed #d6d6d6; height:37px; padding:0 10px; overflow:hidden; line-height:36px;}
.skillList ul li a{ font-size:13px; color:#717171;}
.skillList ul li a:hover,.skillList ul li a.hover{color:#000;}
.skillList ul li span{ float:right;}

/*--联系我们contactUs--*/
.ctUsBanner{ background:url(contactUsBanner.jpg) 0 0 no-repeat;}

/*--在线留言弹出框messages--*/
#messageMain{ position:fixed; top:0; left:0; background:#000; filter:alpha(opacity=80); zoom:1; opacity:0.8; z-index:1000; width:100%; height:100%;}
#message{ position:fixed; top:0; left:50%; margin:80px 0 80px -350px; width:680px; height:484px; background:url(messagesBg.png) 0 0 repeat-y; z-index:1001; padding:10px;}
#message01{ height:48px; font-size:20px; background:#ededed; line-height:48px; padding-left:13px;}
#message01 a{ float:right; height:33px; width:33px; background:url(messageBt.jpg) 0 -87px no-repeat; margin:7px 10px 0 0;}
#message02{ width:680px; height:436px; background:#fff;}
#message02 div{ margin-left:100px; padding-top:25px;}
#message02 ul li{ margin-bottom:15px; color:#414141; font-size:12px; line-height:30px;}
#message02 ul li em{ display:inline-block; width:2px; font-style:normal; color:#e20000;}
#message02 ul li span{ float:left; width:100px; text-align:right; padding-right:10px;}
#message02 ul li input[type=text]{ border:1px solid #bdbdbd; padding:0 5px; width:307px; height:30px; color:#414141; line-height:30px; font-family:"微软雅黑";}
#message02 ul li textarea{ padding:5px; width:307px; height:120px; border:1px solid #bdbdbd; color:#414141; font-size:12px; font-family:"微软雅黑";}
#message02 ul li .input01{ width:112px; height:40px; background:url(messageBt.jpg) 0 0 no-repeat; border:0; margin-left:108px;}
#message02 ul li .input02{ width:112px; height:40px; background:url(messageBt.jpg) 0 -42px no-repeat; border:0; margin-left:15px;}