/* 公用样式 */
/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */

body{ padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:#FFF; line-height:16px; background:url(../Resource/img/topbg.jpg) repeat-x;}
a{ color:#666666; text-decoration:none;}
a:hover{ color:#333333; text-decoration:none;}
dl,dd,dt,ul,li,h1,h2,h3,h4,h5,h6,form{ padding:0; margin:0;}
dl,ul{ list-style:none;}
img{ border:0; font-size:0;}
.clear{ clear:both; width:0; height:0; overflow:hidden;}
.Through{ text-decoration:line-through;}
input,select,textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.TextRed{ color:#F30;}

/* 头部样式 */
#Header{ clear:both; width:980px; margin:0 auto; overflow:hidden;}
.Logo a{ float:left; width:125px; height:42px; display:block; }
.top_banner{ float:right; margin-right:30px; margin-top:20px}
.TopSearch{ float:left; margin:40px 0 0 10px; display:inline;}

/* 导航样式 */
#nav{ clear:both}
.NavMain{float:left; width:980px; height:31px; margin-top:9px; overflow:hidden ; border:1px solid #115686; background:url(../Resource/img/off.jpg) repeat-x}
.NavMain li{ float:left; font-size:12px; text-align:center; background:url(../Resource/img/link.jpg) no-repeat right}
.NavMain li a:link,.NavMain li a:visited{ display:block; width:96px; height:27px; padding-top:4px; line-height:28px;  color: #FFFFFF; background: url(../Resource/img/off.gif) no-repeat; text-decoration:none;;font-weight:bold}
.NavMain li a:hover,.NavMain li a:active{ display:block; width:96px; height:27px; padding-top:4px; line-height:28px;  color:#FFF; background: url(../Resource/img/on.jpg) repeat-x; text-decoration:none; font-weight:bold}
.NavMain li a.NavOn:link,.NavMain li a.NavOn:hover,.NavMain li a.NavOn:visited,.NavMain li a.NavOn:active{ display:block; width:96px; height:27px; padding-top:4px; line-height:28px;color: #000000; background: url(../Resource/img/on.jpg)  repeat-x; text-decoration:none;font-weight:bold}

/* 导航下热门样式 */
#Navhot{ clear:both; background: url(../Resource/img/naw.jpg) no-repeat;  width:942px; height:32px}
#Navhot ul{ clear:both; }
#Navhot li{ float:left; color:#126F8F; padding:8px 10px 0px 10px; background: url(../Resource/img/link1.jpg) no-repeat 0px 8px;}
#Navhot li a:link,#Navhot li a:visited{ color:#126F8F; text-decoration:none;}
#Navhot li a:hover,#Navhot li a:active{ color:#FF6600; text-decoration:none;}

/* 页脚样式 */
#Footer{ clear:both; margin:0 auto; width:980px; height:80px; background: url(../Resource/img/foot_bg.gif) repeat-x; overflow:hidden; border-top:1px solid #5AB6CF; padding-top:15px; text-align:center;}

/*首页样式*/
#Index{ clear:both; margin:10px auto; width:980px;}
.softad{ width:100% ; margin:0px auto;  }
#left{ float:left ;width:490px; margin-top:10px  }
#right{float:right;width:490px; }
dt.DtTitle{ float:left; font-size:14px; font-weight:bold; color:#FE6603}
dt.DtMore{ float:right; font-size:12px; font-weight:normal;}
dt.DtMore a{ color:#0045DF;}
dt.DtMore a:hover{ color:#F30;}
#in_41{ border:2px solid #62c0dc; float:right; width:458px; height:540px; text-align:center;overflow:hidden}
#in_42{ border:2px solid #9DCC40; float:right; width:458px; height:540px; text-align:center;overflow:hidden}
#in_43{ border:2px solid #E77536; float:right; width:458px; height:540px; text-align:center;overflow:hidden}
#in_44{ border:2px solid #57729D; float:right; width:458px; height:540px; text-align:center;overflow:hidden}
.in_left{ float:left; width:28px;}

/*内容1样式*/
.img{ clear:both;width:420px; border-bottom:1px dotted #CCCCCC;}
.boxico{ float:left; width:130px; margin-top:20px ; }
.boxico_title { margin-top:20px}
.boxico_title a{ clear:both; color:#666666; font-weight:bold; padding:10px 10px 10px 0px; }
.boxico_title a:hover{ color: #FF6600 ;padding:10px 10px 10px 0px;}
.title{ float:right; background: url(../Resource/img/f1.gif) no-repeat  30px 0px; width:280px; height:200px; margin-left:120px; margin:30px 0px 0px 0px; text-indent:24px; line-height:24px; color:#999999; text-align:left; padding:30px 0px 10px 0px }
.title a{ color: #666666;}
.title a:hover{ color: #333333}
.boxcont{ clear:both}
.boxlist{ float:left;margin-top:10px; text-align:left;}
.boxlist li{ background:url(../Resource/img/dot.gif) no-repeat 20px 7px; padding:3px 3px 3px 30px; width:200px}
.boxlist a{ color: #666666;}
.boxlist a:hover{ color: #333333}
.ico{ float:left; width:190px; margin-top:20px; margin-left:20px}
/*内容2样式*/
.title2{ float:right; background: url(../Resource/img/f2.gif) no-repeat  30px 0px; width:280px; height:200px; margin-left:120px; margin:30px 0px 0px 0px; text-indent:24px; line-height:24px; color:#999999; text-align:left; padding:30px 0px 10px 0px }
.anli dl{ clear:both; border-bottom:2px solid  #669933; height:30px; margin-left:10px;width:200px}
.anli dt{ padding:10px 0px 5px 20px; font-weight:bold; color:#85AD33; float:left; font-size:14px}
.anli dd{ float:right; padding:10px 20px 10px 0px}
.imga li{ border:1px solid #CCCCCC; padding:1px ; width:100px; float:left; margin-left:5px; margin-top:10px}

/*内容3样式*/
.title3{ float:right; background: url(../Resource/img/f3.jpg) no-repeat  30px 0px; width:280px; height:200px; margin-left:120px; margin:30px 0px 0px 0px; text-indent:24px; line-height:24px; color:#999999; text-align:left; padding:30px 0px 10px 0px }
.anli2 dl{ clear:both; border-bottom:2px solid #E77536;  margin-left:10px; height:30px; width:200px}
.anli2 dt{ padding:10px 0px 5px 20px; font-weight:bold; color:#E77536; float:left; font-size:14px}
.anli2 dd{ float:right; padding:10px 20px 10px 0px}
/*内容4样式*/
.title4{ float:right; background: url(../Resource/img/f4.jpg) no-repeat  30px 0px; width:280px; height:200px; margin-left:120px; margin:30px 0px 0px 0px; text-indent:24px; line-height:24px; color:#999999; text-align:left; padding:30px 0px 10px 0px ; overflow:hidden }
.anli4 dl{ clear:both ;border-bottom:2px solid #58739E;  margin-left:10px; height:30px;width:200px}
.anli4 dt{ padding:10px 0px 5px 20px; font-weight:bold; color:#58739E; float:left; font-size:14px}
.anli4 dd{ float:right; padding:10px 20px 10px 0px}
/*滑门样式*/
.preview{padding:0px;}
.cont{ width:466px ; clear:both;}
.cls{clear:both;}
.hidden{display:none;}
#sourse{border:1px dotted #8FD6EC;margin:0px auto;width:450px}
.example{background:#FFF;border:1px dotted #8FD6EC;}
.scrolldoorFrame{width:478px;  margin-top:10px ; float:right }
.scrollUl{width:478px;border-bottom:1px solid #8FD6EC;height:20px; background: url(../Resource/img/titlebg.gif) no-repeat; overflow:hidden}
.scrollUl li{float:left; cursor:pointer; padding:3px 0px 2px 0px; width:107px; text-align:center;background:url(../Resource/img/ton.gif) no-repeat;}
.scrollUl li.selected{ color: #FFFFFF; font-weight:bold;  background:url(../Resource/img/vip_t1.gif) no-repeat; width:95px ; padding-left:10px; padding-top:4px}
.bor03{border:1px solid #8FD6EC;border-top-width:0px; clear:both; height:245px; overflow:hidden}
.hmbox1{clear:both;}
.hmbox1 li{ clear:both; padding:5px 10px 5px 10px; border-bottom:1px  dotted #7DCBE2}
.hmb{  padding:10px; color: #666666; font-size:12px; text-indent:24px; line-height:25px; overflow:hidden;float:right;}
/*订购样式*/
.dg dl{ float:left; margin:0px 5px 0px 10px; width:100px}
.dg dt{ clear:both; padding:10px 10px 0px 10px; width:75px; text-align:center}
.dg dd{ clear:both; height:12px}
/*案例样式*/
.al dl{float:left; margin:10px 10px 5px 5px; width:124px; margin-left:10px;}
.al dt{ clear:both; padding:1px; width:124px; height:83px; border:1px solid #CCCCCC; overflow:hidden}
.al dd{ clear:both; line-height:24px; text-align:center; background:url(../Resource/img/tu33.gif) no-repeat 15px 5px }
/*联系样式*/
.box3{ clear:both; overflow:hidden ; margin-top:10px}
.box3cont{ float: left ; width:310px; margin-left:10px}
.box3cont h3{ background: url(../Resource/img/tb.jpg) no-repeat ; height:19px; font-size:12px; color:#FFF; font-weight:lighter; padding:4px 0px 0px 35px}
.boxbord{ border:1px solid #81CCE3; padding:10px}
.boximg{float:left;  border:1px solid #CCCCCC; padding:2px}
.box3font{float:left; width:140px; color:#666666}
 
/*客服QQ样式*/
.box4{ clear:both; overflow:hidden ; margin-top:10px}
.box4cont{ float:left ; width:468px; margin-top:10px }
.box4cont h3{ background:url(../Resource/img/box4.jpg) no-repeat ; height:19px; font-size:12px; color:#FFF; font-weight:lighter; padding:4px 0px 0px 35px}
.boxbord{ border:1px solid #81CCE3; padding:20px 10px 10px 10px; clear:both; overflow:hidden;}
.boximg{ float:left; border:1px solid #CCC; padding:2px;}
.box4font{float:left; width:140px; color:#666;}

/*广告样式*/
.gg{ clear:both; height:50px; padding:10px 0px 0px 0px; width:980px; }

/*通用边框样式*/
.pul_box{ float:left;}
.title_h{ clear:both; width:484px; height:23px; margin-top:10px}
.title_left{ float:left; background:url(../Resource/img/title_r.jpg) no-repeat; height:23px; width:26px;}
.title_middle{ float:left; background:url(../Resource/img/title_m.jpg) repeat-x; height:23px; width:448px; color:#FFF; line-height:23px}
.title-right{ float:left; background:url(../Resource/img/title_l.jpg) no-repeat ; width:10px; height:23px}
.bord{ clear:both; border:#81CCE3 1px solid; width:462px;  line-height:20px; overflow:hidden; height:200px; padding-top:10px; padding:10px}
.pul_img{ float:left; width:130px;}
.pul_text{ float:left; width:300px; line-height:24px;}
.pul_box2{ float:right; width:466px;}
.qq_title{ clear:both; font-size:12px; font-weight:bold; color:#1E3E6F; margin-bottom:10px}
.qq { clear:both; width:400px; margin-left:20px;}
.qq li{ float:left; background:url(../Resource/img/qq.jpg) no-repeat; width:180px ; font-weight:bold; color:#1E3E6F; padding-left:20px; height:30px;}
.phone{ clear:both; padding:8px; color:#FF6600}

