@charset "utf-8";
body{font-size:12px;font-family:Microsoft yahei, Arial;background:#fff;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
ul,li{list-style:none; margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
a img{border:0;}
a{text-decoration:none;color:#333}
body{ }
.bk5{width:100%;height: 4px;overflow: hidden;clear: both;display: block;}
.bk15{width:100%;height:15px;overflow: hidden;clear: both;display: block;}
.bk10{width:100%;height:10px;overflow: hidden;clear: both;display: block;}
.bk17{width:100%;height:15px;overflow: hidden;clear: both;display: block;}
.bk8{width:100%;height:15px;overflow: hidden;clear: both;display: block;}
.bk20{width:100%;height:20px;overflow: hidden;clear: both;display: block;}
.bk25{width:100%;height:25px;overflow: hidden;clear: both;display: block;}
.bk30{width:100%;height:30px;overflow: hidden;clear: both;display: block;}
.bk45{width:100%;height:45px;overflow: hidden;clear: both;display: block;}
.bk39{width:100%;height:39px;overflow: hidden;clear: both;display: block;}
.clear{clear: both;}
.hide{display:none;}
.main{width:1028px; margin: 0 auto;height:auto;overflow: hidden;background:#fff;}
.w1002{margin:0 auto;width:1002px;}
/*头部*/
.top{width:100%;height:120px;margin: 0 auto;background:#011025;}
.logo{width:244px;height:66px;float:left;margin-top:30px;}
.top_rt{float:right;_margin-top:0px;overflow:hidden;}
.header-search{color:#ccc;padding:20px 0;}
.navPanel{height:auto;margin-top:10px;}
.navPanel ul li {line-height:30px;height:30px;width:90px;float:left;text-align:right;font-size:13px;font-weight:bold;}
.navPanel ul li a{color:#E5EFF6;}
.navPanel ul li a:hover{color:#FE0000;}
.banner{width:100%;height:377px;margin:0 auto;text-align:center;overflow:hidden;}
/*底部*/
.bott{background:url(../images/bottom_bg.gif) repeat;width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.bottnav{margin-top:10px; text-align:center; color:#aaa;}
.bottnav a{ color:#aaa;}
.bottnav dl{float:left;width:165px;}
.bottnav dl dt{color:#AAAAAA;font-size: 14px;font-weight: bold;line-height: 30px;}
.bottnav dl ul li{line-height: 24px;height: 24px;} 
.bottnav dl ul li a{color:#9BA1A5;}
.bottbiao{float:right;width:500px;margin-top:10px;}
.bottbiao h2{font-size: 14px;font-weight: bold;color:#FFFFFF;line-height: 30px;}
.bottbiao dl dt{color:#AAAAAA;font-size: 14px;font-weight: bold;line-height: 30px;}
.bottbiao dl ul {width:500px;}
.bottbiao dl ul li{width:auto;float:left;padding-right:20px;}
.bottbiao dl ul li a{color:#9BA1A5;font-size:12px;line-height:24px;}
.bottinfo{ text-align:center;width:100%;margin-top:10px;padding-bottom:20px;}
.bottinfo p{color:#fff;line-height:30px;padding-left:15px;}
.bottinfo p a{ color:#FFF}
.bottinfo .left{float:left;margin-right:30px;}
.copy,.copy a,.copy a:hover{text-align:center;color:#9BA1A5;}
/*案例展示*/
.lou_title{height:30px;background:url(../images/hen.gif) 271px center no-repeat;border-bottom:1px solid #D7D7D7;}
.lou_title h2{background:url(../images/dot.png) no-repeat left center;width:271px;height:27px;float:left;line-height:27px;font-size:20px;text-indent:20px;}
.lou_title h2 a{color:#020202}
.lou_title h2 a font{color:#C4C3C3;font-family:Simsun;font-weight:bold;}
.loulist{height:auto;overflow:hidden;}
.loupic{width:750px;}
.loupic ul li {float: left;width:230px;height: 260px;display: inline;background: url(../images/lou_bg.gif) no-repeat;margin-right:20px;_margin-right:18px;margin-top: 10px;}
.loupic ul li a{display: block;width: 230px;height:190px;}
.loupic ul li a img{margin:7px;}
.loupic ul li span{display:block;width:200px;height:30px;line-height:30px;text-align:center;}
/*案例分类*/
.shejilist{width:240px;background:#EBEBEB;height:525px;margin-top: 10px;}
.shejilist h2{color:#6F6F6F;font-size:14px;font-weight:bold;line-height:30px;text-indent:20px;}
.listbox1{width:230px;margin:0 auto;background:#fff;height: 460px;}
.listbox1 ul{padding:0px 10px 2px 10px;}
.listbox1 ul li{height:39px;line-height:39px;border-bottom:1px dotted #d8d8d8;overflow:hidden;background:url(../images/list_nar.png) no-repeat left center;text-indent:15px;}
.listbox1 ul li a{color:#464646;}
/*案例展示*/
.teamlist{overflow:hidden;width:1002px;position:relative;}
.scroll{clear:both;width:1000px;height:150px;overflow:hidden;}
.i_box1{width:220px;height:150px;position:relative;}
.i_box1 a{display:block;width:200px;margin-right:20px;}
.i_box1 img{display:block;width:200px;height:150px;}
.i_box1 a div{width:0;height:0;}
.i_box1 a:hover div{position:absolute;top:0;filter:alpha(opacity=60);opacity: 0.6;background:#333;width:190px;height:150px;font-size:12px;line-height:20px;overflow:hidden;color:#fff;padding:5px;z-index:999;}
.i_box1 a:hover h2{font-size:14px;font-weight:bold;}
/*简介*/
.area{width:728px;float: left;height:auto}
.leftarea{float:left;width:260px;}
.leftlist ul li{width:260px;height:35px;border:1px solid #EBEBEB;background:url(../images/span_bg.gif) repeat-x;line-height:35px;}
.leftlist ul li a{display:block;font-size:12px;color:#000;}
.leftlist a:hover{background:url(../images/hover.gif) 20px 0px no-repeat;width:166px;color:#fff;}
.rightarea{float:right;width:455px;height:auto;border:1px solid #E9E9E9;}
.onehead{margin:10px;height:auto;overflow:hidden;}
.onehead h2{line-height:34px;height:34px;font-size:14px;font-weight:bold;}
.onehead h2 a{color:#272727;}
.onehead p{line-height:23px;color:#8B8B8B;}
.onelist{margin:10px;height:auto;overflow:hidden;}
.onelist ul li{float:left;width:240px;line-height:26px;height:26px;background: url(../images/list_nar.png) left center no-repeat;padding-left:20px;border-bottom: 1px dotted #CBCBCB;}
.onelist ul li a{color:#8B8B8B;}
/*联系*/
.yuyue{border:1px solid #D1D1D1;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;position:relative;width:248px;height:auto;float:right;background:#fff;z-index:2;}
.yuyue h2{text-indent:10px;width:250px;height:30px;line-height:30px;font-weight:bold;font-size:14px;margin-top:10px;}
/*内页*/
.main_nei{height: auto;position: relative;overflow: hidden;}
.left_main {width: 740px;float: left;background: url(../images/line.gif) 150px 45px no-repeat;}
.commonav{float:right;width:740px;height:62px;}
.commonav h2{font-size: 18px;font-weight: bold;line-height: 40px;text-indent:50px;color:#020202;float:left;height: 62px;background: url(../images/ming.gif) left center no-repeat;width:145px;}
.commonav .lu{float:right;background:url(../images/wu.gif) left 22px no-repeat;padding-left:15px;padding-top:20px;}
.commonav .lu a{color:#767676;}
.commonav .lu font{color:#767676;font-size: 12px;}
/*右*/
.right_main{float:right;width:212px;}
.right_list{width:210px;border:1px solid #EBEBEB;}
.right_list h2{width:205px;height:37px;background: url(../images/rightbg.gif) repeat-x;margin:4px;font-size: 14px;line-height: 37px;color:#fff;text-align: center;margin:3px;}
.right_list ul li{width:209px;height:35px;border:1px solid #EBEBEB;border-left:none;border-right:none;background:url(../images/span_bg.gif) repeat-x;text-indent:40px;line-height: 35px;position: relative;}
.right_list ul li a{display: block;color:#000;font-size: 14px;}
.right_list ul li a:hover{background: url(../images/hang_hover.gif) 0px 0px no-repeat;color:#fff;}
.lian p{line-height:24px;margin:10px;color:#3F3F3F;}
/*pro*/
.yanglist{padding-left:2px;}
.xiandai ul li{float:left;margin-right:12px;margin-top:12px;position:relative;z-index: 2;}
.xiandai ul li a{display:block;width:234px;height:184px;background:url(../images/tuback.gif) no-repeat;}
.xiandai ul li span{display:block;text-align:center;line-height:24px;height:24px;color:#041527;}
.xiandai ul li a img{margin:4px;}
.feng_bg{width:234px;background:#E5E5E5 url(../images/feng_bg.gif) no-repeat;height:25px;}
.feng_bg h2{color:#fff;line-height: 25px;text-indent:10px;float: left;margin-right:20px;}
.feng_bg p{line-height: 24px;}
#sanp{text-align:left;text-indent:10px;}
.xiandai ul li:hover{background:#fff;box-shadow:0px 4px 10px #C1C1C1;-webkit-box-shadow:0px 4px 10px #C1C1C1;-moz-box-shadow:0px 4px 10px #C1C1C1;}
/*news*/
.news ul li{line-height:40px;height:40px;background:url(../images/new_nar.gif) left center no-repeat;border-bottom: 1px dotted #C7C7C7;margin:0 20px 0;padding-left:10px;}
.news ul li span{float: right;padding-right: 25px;}
.news ul li a{color:#4F4F4F;}
.news ul li a:hover{color:#E36D23;}
.news ul li:hover{background: url(../images/new_hover.gif) left center no-repeat;}


#show_pic_about ol li a{ padding-left:5px;}
.prodetailimg{ line-height:23px;}