body{font-size:12px; font-family:'微软雅黑';}
.wrap{width:980px; margin:0 auto;}

/* #header_top */
#header_top{background:#0180D3; height:80px;}
#header_top h1{padding-top:27px; float:left;}
#header_top form{border:1px solid #1B8ACD; float:right; margin-top:26px; width:291px;}
#header_top form p{float:left;  height:35px; line-height:35px; background-color:#252525; overflow:hidden;}
#header_top form input{background-color:#252525; border:0px; float:left; color:#fff;}
#search_key{width:250px; font-size:16px; padding:7px 5px 5px 5px;color:#666; outline: none;}
#search_btn{width:29px; height:35px; background:url(../img/btn.jpg) 0 0 no-repeat; cursor:pointer;}

/*header_nav*/
#header_nav{background:#002339; height:52px;}
#header_nav ul{ position:relative; }
#header_nav ul li{float:left; font-weight:bold; font-size:16px;}
#header_nav ul li a{color:white; display:block; padding:14px 27px 14px 27px;}
#header_nav ul li a:hover,#header_nav ul a.current{text-decoration:none; background:#001522;}
#header_nav ul .first {margin-top:15px; margin-right:32px;}
#header_nav ul .first a{padding:0px;}
#header_nav ul .first a:hover{background-color:#002339;}
#header_nav ul li ul{position:absolute; width:800px; margin:0 auto; left:92px;}
#header_nav ul li ul li{float:left; font-weight:normal; text-align:center; font-size:14px; line-height:32px; background:url(../img/subNav_bg.png) right center no-repeat; margin-right:30px;}
#header_nav ul li ul li a{padding:0 22px 0 0; }
#header_nav ul li ul li a:hover{background:none;}
#subNav{background:#00436A; height:10px /*32px*/; text-indent:-9999px;}

ul.nav_sub {display:none;}

/* indexMain  */
#indexMain{margin-top:30px;}

/*内容分页*/
.contPage{ text-align:center;}
.contPage a{margin:0 5px;}

/* sliderArea */
#sliderArea{margin-bottom:23px;}
#slider{width:646px; height:315px; background:#0180D3; margin-right:20px; float:left; position:relative}
#sliderContent{margin:29px 20px 25px 20px;}
#slider h2{font-weight:bold; color:#002239; font-size:26px;  margin-bottom:9px;}
#slider #Recommendation{position:relative; height:207px;}
#slider #Recommendation li.index-banner{position:absolute; display: none;}
#slider #Recommendation li.index-banner a{display:block; margin-bottom:10px;}
#description ol{margin-left:3px; width:284px; list-style: none;}
#description ol li{ color:#fff; background:url(../img/right.png) 0 center no-repeat; padding-left:20px; float:left; width:122px; margin-bottom:5px;}
#sliderNav{margin-left:3px;margin-top:45px;}
#sliderNav li{width:35px; height:7px; margin-right:4px; float:left; text-indent:-9999px; font-size:0px;  cursor:pointer;background-color:#002339;}
#sliderNav .now{background-color:#fff;}
#sliderChange{position:absolute; right:35px; bottom:0px;}
#sliderChange div{float:left; cursor:pointer;}
#sliderChange .prev{margin-right:8px;}

/* inforArea */
#inforArea{width:314px;}
#corporateBlog{background:#0180D3; height:148px; padding:0 19px; margin-bottom:20px;}
#corporateBlog h3{padding-top:20px; margin-bottom:4px;}
#corporateBlog a{ color:#002239;}
#corporateBlog h3 a{font-weight:bold;}
#photo{width:147px; margin-right:20px; float:left;}
#photo a{diplay:block;}
#phone{float:left;}
#phone a{display:block; width:147px; padding-top:10px; background:url(../img/phone-bg.gif) 0 0 no-repeat; color:#fff; font-size:16px;}
#phone a:hover{text-decoration:none;}
#phone p,#phone h3{padding-left:10px; line-height:18px; font-weight:bold;  }
#phone h3 {margin-bottom:8px; color: #CCC;}
#phone p{padding-bottom:9px;}
#phone .contactUs{margin-bottom:21px;}

/* banner */
.banner{height:318px; margin-bottom:30px;}
.bannerGray{background:#EDEDF0;}
.banner .wrapper{height:306px;width:980px; position: relative;margin:0 auto;}
.banner .wrapper .wrap{display: none;width:980px;height:306px;position: absolute;left:0;top:0;}
.bannerGreen{background:#00A300;}
.banner .bannerInfor{width:406px; float:left;}
.bannerInfor{padding-top:52px;}
.bannerInfor h2{font-size:66px; margin-bottom:5px;}
.bannerInfor p{font-size:16px; font-weight:bold; line-height:20px;}
.bannerGray .bannerInfor p,.bannerGray .bannerInfor h2{color:#454545;}
.bannerGreen .bannerInfor p,.bannerGreen .bannerInfor h2{color:#FFFFFF;}
.bannerInfor a{display:block; width:147px; height:43px; line-height:42px; text-align:center; color:white; font-weight:bold; font-size:18px;}
.bannerGray .bannerInfor a{background:#002339; margin-top:15px;}
.bannerGreen .bannerInfor a{background:#FF9326; margin-top:15px;}
.bannerGray .bannerInfor a:hover{text-decoration:none;}
.bannerGreen .bannerInfor a:hover{text-decoration:none;}
.bannerProduct{float:right; margin-right:6px; margin-top:32px;}

/* companyArea */
.companyArea{margin-bottom:30px;}
.companyArea  .newsLink{float:left; width:360px; margin-right:20px;}
.newsLink .linkArea{float:left; margin-right:20px;}
.newsLink .linkArea a{display:block; font-size:18px; font-weight:bold;text-align:center; background:url(../img/linkArea-a.png) 0 0 no-repeat; width:110px; height:110px; color:#fff;}
.newsLink .linkArea a span{display:block; padding-top:73px;}
.newsLink .linkArea a:hover{text-decoration:none;}
.linkArea .technology{margin-bottom:18px;}
.newsLink .linkArea .price{background-position:0 -214px ;}
.newsBlue .linkArea .technology{background-position:0 0; }
.newsGreen .linkArea .technology{background:none; background-color:#FF9326}

.result{float:left;}
.result .resultBlock{width:230px; height:108px; display:block;color:#fff; font-weight:bold; margin-bottom:20px;}
.result .resultBlock:hover{text-decoration:none;}
.result .resultBlock a{color:#FFF; padding:11px 11px 0 11px; float:left;}
.result .blueResult{background:#0180D3;}
.result .greenResult{background:#00A300;}
.result .productLink a{float:left; margin-right:10px;width:110px;height:110px;display:block;}
.result .productLink .last{margin-right:0px;}
.newsList{float:left; width:266px; margin-right:20px;}
.newsList h2{border-bottom:3px solid;}
.newsBlue .newsList h2{border-bottom-color:#002339;}
.newsGreen .newsList h2{border-bottom-color:#00A300;}
.newsList h2 span{float:left; background:url(../img/newsList-a.png) 0 0 no-repeat; padding-left:25px; font-size:16px; font-weight:bold;}
.newsList h2 a{float:right; font-size:14px; margin-right:5px;}
.newsList h2 a:hover{text-decoration:none;}
.newsBlue .newsList h2 span{color:#252525; background-position: 0 -68px;}
.newsGreen .newsList h2 span{color:#006600; background-position: 0 4px;}
.newsBlue .newsList h2 a{color:#00436A;}
.newsGreen .newsList h2 a{color:#00A300;}
.newsList ul li{height:27px; margin-top:3px;}
.newsList ul li a{font-size:14px; background:url(../img/newsList-li-a.png) 0 0 no-repeat; margin-left:11px; font-family:'宋体'; display:block;width:220px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; padding:3px 0 3px 12px;}
.newsBlue .newsList ul li a{background-position:0 12px; color:#333;}
.newsGreen .newsList ul li a{background-position:0 -55px; color:#666;}
.projectrRsult{width:314px; float:left;}
.projectrRsult ul li{margin-bottom:5px;}
.projectrRsult h2{height:32px; line-height:32px; font-size:14px; font-weight:bold; background-color:#F9F9F9; cursor:pointer; }
.projectrRsult h2 span{display:block;background:url(../img/projectrRsult-h2.png) 0 0 no-repeat;  padding-left:30px; margin-left:3px;}
.newsBlue .projectrRsult h2 span{background-position:0 5px; color:#454545;}
.newsGreen .projectrRsult h2 span{background-position:0 -114px; color:#006600;}
.contentRsult{border:1px dotted #CCCCCC; padding:18px 20px; margin-top:5px;}
.contentRsult a strong{color:blue}
.newsBlue  .contentRsult p,.newsBlue  .contentRsult p a{color:#666666;}
.newsGreen .contentRsult p,.newsGreen  .contentRsult p a{color:#00A300;}

/* itemize */
.itemize .itemizeBlock{float:left; width:230px; margin-right:20px; padding-bottom:30px;}
.itemizeBlock h2 a{display:block; height:68px; color:#fff; font-size:16px; font-weight:bold; line-height:68px; padding-left:14px;}
.itemizeBlock h2 a:hover{text-decoration:none;}
.blueItemize  h2 a{background:#0180D3;}
.greenItemize  h2 a{background:#00A300;}
.blueItemize  h2 a:hover{background:#002339;}
.greenItemize  h2 a:hover{background:#FF9326;}
.itemizeBlock ul li{height:34px; line-height:34px; width:230px; }
.itemizeBlock ul li a{padding-left:13px; display:block; width:200px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:14px; color:#333333;}
.itemize .last{margin-right:0px;}

/* displayArea */
#displayArea{margin-bottom:30px;}
#displayLink{float:left; width:155px;}
#newProducts{background:url(../img/newProducts.gif) 0 0 no-repeat; display:block; height:73px; font-weight:bold; font-size:18px; color:#FFFFFF; margin-bottom:10px;}
#newProducts:hover{text-decoration:none;}
#newProducts span{display:block; padding-left:13px; padding-top:36px;}
#succeedCase a{display:block; width:72px; height:72px; margin-right:10px; background:#00A300; font-size:18px; color:#FFFFFF; font-weight:bold; float:left;}
#succeedCase a:hover{text-decoration:none;}
#succeedCase a span{display:block; padding:11px 16px 14px 15px; line-height:24px;}
#succeedCase .more{margin-right:0px; width:73px; background:url(../img/more.gif) 0 0 no-repeat; font-size:14px;}
#succeedCase .more span{padding:42px 0 0 8px;}
#displayArea ul{float:left;}
#displayArea ul li{float:left; width:155px; margin-left:10px;}
#displayArea ul .last{margin-right:0px;}
#displayArea ul li a{display:block; border:3px solid #00A300; border-bottom:0px;}
#displayArea ul li a:hover{text-decoration:none;}
#displayArea ul li .title{border:0px; background:#00A300; height:37px; text-align:center; font-size:14px; font-weight:bold; line-height:37px; color:#fff;}

/* bottomNav */
#bottomNav{background:#F0F0F0; padding:9px 0; text-align:center;}
#bottomNav a{font-family:'宋体'; font-size:14px; font-weight:bold; color:#666666; background:url(../img/bottomNav.gif) right center no-repeat; padding-right:14px; margin-right:7px;}
#bottomNav a:hover,#bottomNav  .current{text-decoration:none; color:#00A300;}
#bottomNav .last{background:none;}

/* footer */
#footer{background:#999999; height:105px; text-align:center;}
#friendLink{padding-top:22px; margin-bottom:6px;}
#friendLink a{color:#333333; font-family:'宋体'; background:url(../img/friendLink.gif) right center no-repeat; padding-right:10px; margin-right:5px; }
#friendLink a:hover{text-decoration:none; color:#fff;}
#footer p{color:#666666; font-family:'宋体';}

/*返回顶部*/
#tbox { bottom: 15px; display: none; float: right; position: fixed; right: 15px; width: 54px; }
* html{ background-image:url(about:blank); background-attachment:fixed }
* html #tbox{ position:absolute; left:expression(eval(document.documentElement.scrollLeft-15+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); top:expression(eval(document.documentElement.scrollTop-15+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#pinglun, #home, #gotop, #gotopro, #weixin { background: url("../img/gototop.png") no-repeat scroll 0 0 #7BC8FB; display: block; height: 56px; margin-bottom: 5px; width: 54px; }
#pinglun:hover, #home:hover, #gotop:hover, #gotopro:hover { background-color: #0099FF; }
#pinglun { background-position: 0 -110px; }
#pinglun:hover{ background-position: -54px -110px; }
#home { background-position: 0 5px; }
#home:hover{ background-position: -54px 5px; }
#gotop { background-position: 0 -170px; margin-bottom: 0; }
#gotop:hover{ background-position: -54px -170px; }
#gotopro{ background-position: 0 -54px;}
#gotopro:hover{ background-position: -54px -54px; }
#weixin {background-image:none; background-color:#7bc8fb;padding-top:10px;padding-left:9px;height:46px;width:45px;}
/* site map*/
.map-container{width:980px; margin: 0 auto; }
.map-container .item{width:230px; margin-bottom:20px; float: left;}
.map-container .item h2 a{display:block; height:38px; color:#fff; font-size:14px; font-weight:bold; line-height:38px; padding-left:14px;}
.map-container .item ul li{height:28px; line-height:28px; width:230px;}
.map-container .item ul li a{padding-left:13px; display:block; width:200px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:12px; color:#666;}
.map-container .item .last{margin-right:0px;}

.map-container .grayItemize h2 a{background: #CCC; color: #002339}

div.map-header{background:#0180D3; width: 980px; margin: 0 auto; margin-bottom: 10px; margin-top: 20px;}
div.map-header h1{padding: 10px;}
div.map-header h1 a{ color: #FFF; font-size: 18px; font-weight: bold;}

/*page list*/
.newsModule .page_list{margin-left:25px; margin:20px 0 20px 43px;}
.page_list a{margin-right: 10px; font-weight: bold; display: block; padding: 0 8px; background: #EEE; float: left; padding-top: 2px; color: #333;}
.page_list a:hover, .page_list a.on{ background: #0180D3; color: #FFF; text-decoration: none;}
#map img{max-width: 100%}