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

body{ margin:0; padding:0; font:12px/18px "宋体"; text-align:left; color:#9b9b9b; padding:15px 0 50px 0; background:#4b4b4b}
html{ 
 scrollbar-face-color:#333333;  /*滚动条颜色*/
 scrollbar-highlight-color:#333333;  /*滚动条侧线颜色（左）*/
 scrollbar-3dlight-color:#333333;   /*滚动条最边线颜色（左）*/
 scrollbar-darkshadow-color:#333333;  /*滚动条侧线颜色（右）*/
 scrollbar-Shadow-color:#333333; /*滚动条侧线拐角阴影颜色（右）*/
 scrollbar-arrow-color:#9b9b9b;   /*上下三角形颜色*/
 scrollbar-track-color:#3e4447;    /*滚动条底部背景色*/
}
div,ul,li,p,input,select,form,dl,dt,dd,h4,h3,td{ margin:0; padding:0;}
ul,li{ list-style-type:none}
img{ border:none}
a{color:#737373; text-decoration:none}
a:hover{ color:#9b9b9b}
.clear{ clear:both}
.huan{ color:#fab029}


#box {
MARGIN: 0px auto; PADDING-LEFT: 50px; WIDTH: 977px; BACKGROUND: url(nei_copy.jpg) #333333 no-repeat left bottom; HEIGHT: auto;
border:1px solid #303030;
BEHAVIOR: url(images/PIE.htc);
-webkit-box-shadow: #2c2c2c 0px 0px 8px;
-moz-box-shadow: #2c2c2c 0px 0px 8px;
box-shadow: #2c2c2c 0px 0px 8px;
}





#head{ width:977px; height:314px;}
#head_left{ width:194px; height:314px; float:left}
#logo{ width:194px; height:74px;}
#nav{ width:194px; height:239px; border-bottom:1px solid #3e4346}
#head_right{ width:783px; height:314px; float:right;position:relative; overflow:hidden}
#yu{ width:117px; height:21px; position:absolute; top:10px; left:609px}
#yu img{ behavior:url("iepngfix.htc");}
#banner{ width:783px; height:314px; position:relative; overflow:hidden}
#main{ width:977px; height:auto; background:#34393c; padding-bottom:40px;}


/*左边*/
#left{ width:194px; height:auto; background:url(../images/about/09.gif) repeat-x top; float:left; padding-top:5px;}
#search{ height:21px; width:162px; padding-left:32px;}
#search input{ width:112px; height:21px; line-height:21px; background:url(../images/about/16.jpg) no-repeat; border:none; vertical-align:middle; float:left;color:#282d31;}
#left dl{ width:194px; height:auto; display:block; margin-top:30px;}
#left dl dt{ width:194px; height:20px; margin-bottom:13px; display:block; background:url(../images/about/title.jpg); text-indent:-200px; overflow:hidden}
#left dl .d01{ background-position:0 -20px;}
#left dl .d02{ background-position:0 -40px;}
#left dl .d03{ background-position:0 -60px;}
#left dl .d04{ background-position:0 -80px;}
#left dl .d05{ background-position:0 -100px;}
#left dl .d06{ background-position:0 -120px;}
#left dd{ width:194px; min-height:23px; _height:23px;}
#left dd a{width:164px; padding-left:30px; height:23px; display:block; line-height:23px; color:#afafaf; background:url(../images/about/2.gif) no-repeat; font-family:"微软雅黑", "宋体"; }
#left dd a:hover,#left .dh a,#left .da{ background:url(../images/about/1.gif) no-repeat}
#left dd ul{ display:none}
#left dd ul li{ width:194px; height:23px;}
#left dd ul li a{ width:144px; display:23px; padding-left:50px;}
#left dd ul li a:hover,#left dd ul li .op{ background:url(../images/case/c.gif) 40px 7px no-repeat;}


/*右边*/
#right{ width:743px; min-height:420px; _height:420px; float:right; padding-left:40px; background:url(../images/about/w.jpg) left top no-repeat; line-height:23px;}
#right h3{ width:743px; height:17px; font-weight:normal;display:block; padding-top:25px; text-indent:10px; clear:both; margin-bottom:25px; font-family:"微软雅黑", "宋体"; font-size:13px;}
#right h4{ width:733px; height:18px; font-size:14px; font-family:"微软雅黑", "宋体"; padding-left:10px; margin:26px 0 20px; font-weight:normal}
#back{ width:100%; height:21px; margin-top:20px;}
#back img{ margin-right:10px;}

/*关于我们*/
#about{ width:703px; height:auto; margin:0 0 30px;}
.ali { width:703px; height:auto; padding:10px 0; background:url(../images/service/x.gif) no-repeat bottom; clear:both;line-height:18px;}
.ali span{ width:90px; height:100%; color:#fab029; display:block; float:left}
.ali div{ width:610px; height:auto; float:right}
/*.ali p{ height:0; width:700px; overflow:hidden}*/


/*滑动门CSS*/
.tabbox {width:700px;height:auto;}
.tabmenu {width:700px; height:40px; background:url(../images/service/x.gif) no-repeat 0 31px; font-family:"微软雅黑", "宋体";}
.tabmenu li { float:left; display:block; text-align:center; width:126px; height:40px; overflow:hidden; line-height:35px; margin:0 30px; display:inline; }
.tabmenu span{ float:left; display:block; text-align:center; width:126px; height:40px; overflow:hidden; line-height:35px; margin:0 30px; display:inline; }
.tabmenu .cli {cursor:pointer; background:url(../images/service/bb.gif) no-repeat; color:#FFF}
#tabcontent {width:700px; height:auto}
#tabcontent ul {padding:20px 0 0 0;}
#tabcontent ul span{ display:block}
#tabcontent .hidden {display:none;}


/*左右*/
#container { position:relative; width:743px;}
#header { height:80px; background:#5DC9E1; color:#fff; }
#content { position:relative}
#rong_z{ width:27px;background:#34393c; height:440px; float:left; position:absolute; z-index:2; }


#rong{ width:743px; height:auto}
#rong li{ width:743px; height:auto; display:block; clear:both; margin-bottom:30px;}
#rong li a{ width:224px; height:auto; float:left; display:block; margin:0 16px 0 0; display:inline}
#rong li a:hover{ background:url(../images/about/1.png) bottom no-repeat}
#rong li a img{ width:222px; display:block; border:1px solid #c5c6c7}
#rong li span{ width:201px; padding-left:23px; min-height:25px; _height:25px; line-height:25px; display:block; background:#1d2124 url(../images/about/22.gif) no-repeat 8px 8px; behavior:url("../templates/default/zh/css/hover.htc");}
#rong li span:hover{background:#1d2124 url(../images/about/11.gif) no-repeat 9px 8px;}


/*p#controls, p#controls2 { width:52px; padding-left:702px; margin-top:30px; height:22px; background:url(../images/about/01.jpg) right no-repeat; }*/
p#controls, p#controls2 { width:52px; margin-top:30px; height:22px; background:url(../images/about/01.jpg) right no-repeat; float:right; clear:both; }
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { display:block; float:left; text-indent:-8000px; width:22px; height:22px; left:-30px; top:-160px; }
#nextBtn, #nextBtn2 {left:696px; margin-left:8px;}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:22px; height:22px; background:url(../images/about/22.jpg) no-repeat;}
#nextBtn a, #nextBtn2 a { background:url(../images/about/22.jpg) no-repeat -30px 0; }	


/*公告*/
#ann{  width:703px; overflow:hidden;}
#ann a{ width:673px; height:87px; padding:15px; display:block; background:url(../images/news/news_07-05.gif) bottom no-repeat}
#ann .hs{ width:673px; height:18px; color:#b5b7b7; float:right}
#ann span{ line-height:20px; display:block; width:673px; background:url(/images/news_14.gif) 74px 9px no-repeat; float:right}
#ann a:hover .hs{ color:#fab029}
#ann a:hover{ background:url(../images/news/news_07.gif) no-repeat}


/*新闻*/
#news{ height:auto; width:703px}
#news a{ width:673px; height:87px; padding:15px; display:block; background:url(../images/news/news_07-05.gif) bottom no-repeat}
#news a img{ width:67px; height:67px; display:block; border:2px solid #626567; float:left;}
#news .hs{ width:570px; height:18px; color:#b5b7b7; float:right}
#news span{ line-height:20px;height:60px;overflow:hidden; display:block; width:570px; background:url(/images/news_14.gif) 74px 9px no-repeat; float:right}

#news a:hover .hs{ color:#fab029}
#news a:hover{ background:url(../images/news/news_07.gif) no-repeat}
#news a:hover img{ width:81px; height:81px;}

#news_title{ width:733px; height:36px; padding:27px 0 0 10px; color:#737373; padding-bottom:10px; background:url(../images/news/news_07-05.gif) -10px 71px no-repeat}
#news_title span{ font-size:14px; font-family:"微软雅黑", "宋体"; color:#9b9b9b;}
#news_main{ width:703px; height:auto; overflow:hidden }
#news_main .tags{ font-weight:bold; margin-top:20px; text-transform:uppercase; clear:both}
#news_main .tags span{ color:#fab029}

#ye{ width:703px; height:22px; margin-top:30px; clear:both}
#ye div{ width:auto; height:22px; float:right}
#ye a{ display:block; padding-left:8px; height:22px; line-height:22px; text-align:center; float:left}
#ye span{ display:block; padding-left:8px; height:22px; line-height:22px; text-align:center; float:left}
#ye a:hover{ color:#fab029}



/*解决方案*/
#j{ width:700px; min-height:336px; _height:336px; background:url(../images/solutions/solutions_07.jpg) right top no-repeat; margin-top:15px; padding-left:10px;}
#j ul{ display:block; width:255px; height:auto; float:left}
#j ul li{ width:235px; height:18px; display:block; padding-left:20px; background:url(/images/solutions_10.gif) 0 3px no-repeat; margin-bottom:10px;}
#j img{ width:445px; height:201px; float:right; behavior:url("../templates/default/zh/js/iepngfix.htc")}

#jr{ width:740px; height:503px; background:#2a2f33 url(/images/hui.gif) repeat-x;}
#jr_left{ width:158px; height:471px; padding:32px 0 0 15px; float:left; background:url(/images/jie.jpg) no-repeat; font-size:14px; font-family:"微软雅黑", "宋体"; color:#FFF}
#jr_right{ width:565px; height:503px; float:right}
#jr_right table{ margin:45px 0 0 20px}


/*产品中心*/
#c{ width:743px; height:544px; overflow:hidden}
#c li {width:743px; height:544px; overflow:hidden}
#c li a{ width:155px; height:161px; display:block; float:left; background:url(../images/product/product_07.gif) bottom no-repeat; margin:0 0 30px 30px; display:inline}
#c li a img{ width:155px; height:137px; display:block}
#c li a span{ width:155px; height:24px; display:block; line-height:24px; text-align:center; text-indent:10px; color:#FFF; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#c li a:hover{ background:url(../images/product/product_05.gif) bottom no-repeat}

#cl{ width:696px;}
#cl li{ width:696px;  display:block;}
#cl li dl{ width:656px; height:136px; padding:20px; display:block; margin-bottom:30px; background:url(../images/product/pl03.jpg) no-repeat; clear:both} 
#cl li dl dt{ width:139px; height:139px; float:left;}
#cl li dl dd{ width:500px; height:120px; overflow:hidden; line-height:20px; float:right}
#cl li dl img{ width:139px; height:139px;}
#cl li dl dd img{ float:right;width:auto;height:auto;}


/*新产品*/

#xc a img{ width:130px; height:130px; display:block; border:2px solid #626567; float:left;}
#xc .hs{ width:520px; height:18px; color:#b5b7b7; float:right}
#xc span{ line-height:20px; display:block; width:520px; float:right}

#xc a:hover .hs{ color:#fab029}
#xc a:hover img{ width:135px; height:135px;}
#xc a{ width:673px; height:140px; padding:15px; display:block; background:url(../images/news/news_07-05.gif) bottom no-repeat}
#xc a:hover{ background:url(../images/product/bb.jpg) }


/*成功案例*/
#a{ width:703px; height:1510px; overflow:hidden}
#a dl{ width:703px; overflow:hidden; height:235px; display:block; margin-bottom:20px;}
#a dl dt{ width:690px; display:block; height:17px; background:url(../images/about/13.gif) no-repeat; padding-top:25px; text-indent:10px; clear:both; margin-bottom:25px; font-family:"微软雅黑", "宋体"; font-size:13px;}
#a dl dt div{ float:left}
#a dl dt span{ float:right; display:block; font-size:12px; font-family:"宋体"}
#a dl dd{ width:680px; height:156px; display:block; padding:10px; background:url(/images/case_11.jpg) no-repeat; margin-top:20px; overflow:hidden}
#a dl dd img{ width:40px; height:14px; display:block; clear:both; float:right;}
#a dl dd span{ display:block; clear:both}
#sg{ width:703px; height:auto;}
#sg ul li{ width:703px; height:18px; padding:9px 0 11px; background:url(../images/news/news_07-05.gif) no-repeat right bottom}
#sg ul li span{ display:inline-block; width:95px; color:#fab029;}


/*服务与支持*/
#liu table td{ height:25px;}
#liu table input{ width:220px; color:#FFF; height:18px; line-height:18px; border:1px solid #4f5558; background:none;}
#liu table input:hover,#liu table textarea:hover{ border:1px solid #939dad}
#liu table textarea{ width:220px; height:100px; line-height:18px; border:1px solid #4f5558; background:none;}
#tou td{ height:25px;}
#tou  input{ width:220px; height:18px; color:#FFF; line-height:18px; border:1px solid #4f5558; background:none;}
#tou input:hover,#tou textarea:hover{ border:1px solid #939dad}
#tou  textarea{ width:350px; height:100px; line-height:18px; border:1px solid #4f5558; background:none;}
#h{ width:665px; height:336px; background:url(../images/service/hb.jpg) no-repeat; padding:20px}
#h table td{ height:30px;}
#h table span{ font-size:13px; font-family:"微软雅黑", "宋体"}
#h table input{ width:149px; height:20px; line-height:20px; color:#FFF; background:url(../images/service/h03.gif) no-repeat; border:none} 
#h dl dt{ display:block; width:130px; height:18px; background:url(../images/service/h_03.gif) no-repeat; padding-left:30px;}
#h dl dt span{ color:#fab029}
#h dl dd{ width:160px; height:30px; display:block; margin-top:10px;}
#z{ width:665px; height:336px; background:url(../images/service/hb.jpg) no-repeat; padding:20px}
#z td{ height:30px;}
#z input{ width:220px; height:18px; line-height:18px; border:1px solid #4f5558; color:#FFF; background:none; vertical-align:middle}
#z input:hover{ border:1px solid #939dad}
#z table td select{ width:140px;}
#cg{ width:678px; height:auto; padding:10px; border:1px solid #1d2021; background:#292e31}
#cg table{ height:auto; background:#2e3336; text-align:center; line-height:30px; border-collapse:collapse}
#cg table td{ border:1px solid #34393c; padding:0 2px;}
#cg input{ width:55px; height:18px; color:#FFF; line-height:18px; border:1px solid #212528; background:#34393c;}
#cg textarea{ width:90px; height:18px; line-height:18px; border:1px solid #4f5558; background:none; color:#FFF;}
#cg input:hover,#cg textarea:hover{ border:1px solid #939dad}



/*联系我们*/
#l{ width:710px; height:auto; margin-top:50px;}
#l dl{ display:block; width:405px; height:auto; float:left}
#l dl dt{ display:block; width:405px; height:26px; background:url(../images/contact/contact_05.gif) no-repeat bottom; margin-bottom:20px;}
#l dl dt img{ display:block; vertical-align:top}
#l dl dd{ display:block; width:405px; height:auto; margin-bottom:50px; color:#FFFFFF}

#lf{ width:710px; height:auto; padding-top:15px;}
#lf table{ width:710px; height:auto; background:#2e3336;  border:1px solid #2a2f32; border-top:none; line-height:45px;}
#lf .tb td{ background:url(../images/contact/ci_07.gif) no-repeat right; height:31px; line-height:31px; }
#lf .qd td{ background:url(../images/contact/contact_05.gif) top no-repeat;}
#lf td{ text-align:center }
#lf img{ margin-right:5px;}


/*售后服务*/
*, * focus {outline: none;}
.container {width:700px;}
h2.acc_trigger {font-family:"微软雅黑", "宋体";margin:0 0 1px 0; font-size:13px; background:#292e31 url(../images/service/11.gif) 20px 10px no-repeat; border:1px solid #1d2021;height:30px;line-height:30px;width:700px;font-weight:normal;float:left;}
h2.acc_trigger a {display: block;padding: 0 0 0 45px;}
h2.acc_trigger a:hover {color: #ccc;}
h2.active { background:#292e31 url(../images/service/12.gif) 20px 10px no-repeat; border-bottom:none; margin-bottom:0;font-family:"微软雅黑", "宋体";}
.acc_container {margin:0 0 1px; overflow:hidden;width:700px;clear:both; border:1px solid #1d2021; border-top:none; background:#292e31 url(../images/service/13.gif) 20px 0 no-repeat}
.acc_container .block {padding: 20px;}
.acc_container .block p {padding:5px 0;margin:5px 0;}